/* Fondo modal: negro con opacidad al 50% */
.modal {
    display: none; /* Por defecto, estará oculto */
    position: fixed; /* Posición fija */
    z-index: 1; /* Se situará por encima de otros elementos de la página*/
    padding-top: 200px; /* El contenido estará situado a 200px de la parte superior */
    left: 0;
    top: 0;
    width: 100%; /* Ancho completo */
    height: 100%; /* Algura completa */
    overflow: auto; /* Se activará el scroll si es necesario */
    background-color: rgba(0,0,0,0.5); /* Color negro con opacidad del 50% */
  }
  
  /* Ventana o caja modal */
  .contenido-modal {
    position: relative; /* Relativo con respecto al contenedor -modal- */
    background-color: white;
    margin: auto; /* Centrada */
    padding: 20px;
    width: 60%;
    -webkit-animation-name: animarsuperior;
    -webkit-animation-duration: 0.5s;
    animation-name: animarsuperior;
    animation-duration: 0.5s
  }
  
  /* Animación */
  @-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
  }
  
  @keyframes animarsuperior {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
  }
  
  /* Botón cerrar */
  .close {
    color: black;
    float: right;
    font-size: 30px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .titulo2 {
      width:60%;
  }
  
  .titulo2 h2{
    color: #ffa768;;
    text-align: center;
    font-family: 'bufalo';
    font-size: calc(3em + 3vw);
    padding:20px;
    margin-top: 100px;
  }
  
  .contenido2 p {
  width: 36%;
  text-align: end;
  color: #fff;
  font-size: 19px;
  position: relative;
  top: -43px;
  left: 217px;
  font-family: 'Source Serif Variable';}
  
  .imagen1 img{
  width: 50%;
  margin-left: 100px;
  margin-right: 0px;
  }
  
  .imagen2{margin-top: -206px;}
  
  .imagen2 img{
  width: 12%;
  position: relative;
    left: 144px;
  top:80px;}
  
  .linea hr {
   height: 15px;
  background-color: #5b3070;
    border-block-color: #5b3070;
  margin-top: 0px;
  }
  
  .linea label{
  color: #989898;
  font-size: 51px;
  font-family: 'Source Serif Variable';
  font-weight: bolder;
  padding: 20px;
  }
  
  .contenido_breve{
  width:100%;
  display:inline-flex;  
  }
  .img_breve{
  width: 20%;
  padding: 20px;
    
  }
  .text_breve{
  width:100%;
  padding: 20px;
  }
  
  .text_breve p{
  font-family: 'Source Serif Variable';
  font-size: 14px;
  color: #7e7e7e;
  text-align: justify;
  
  }
  
  .alinear div{
  display:contents;
  }
  
  .cont_images img {
  
    position:relative;
    left:550px;
  }
  
  .butones{
  color: #f7f7f7;
  border-color: #fff;
  background-color: #B8621E;
  font-family: 'cairo';
  font-weight: bold;
  width: 100%;
  margin-top: 10px;
  border-radius: 3px;
  height: 32px;
  
  }

  .butones:hover{
      background-color: #fff;
      color:#B8621E;
  }


  .st0{fill:#808080;}
	.st1{fill:#818181;}
	.st2{fill:#828282;}
	.st3{fill:#838383;}
	.st4{fill:#848484;}
	.st5{fill:#858585;}
	.st6{fill:#868686;}
	.st7{fill:#878787;}
	.st8{fill:#888888;}
	.st9{fill:#898989;}
	.st10{fill:#8A8A8A;}
	.st11{fill:#8B8B8B;}
	.st12{fill:#8C8C8C;}
	.st13{fill:#8D8D8D;}
	.st14{fill:#8E8E8E;}
	.st15{fill:#8F8F8F;}
	.st16{fill:#909090;}
	.st17{fill:#919191;}
	.st18{fill:#929292;}
	.st19{fill:#939393;}
	.st20{fill:#949494;}
	.st21{fill:#959595;}
	.st22{fill:#969696;}
	.st23{fill:#979797;}
	.st24{fill:#989898;}
	.st25{fill:#999999;}
	.st26{fill:#E6E6E6;}
	.st27{fill:none;stroke:#B3B3B3;stroke-width:0.5;stroke-miterlimit:3.8637;}
	.st28{fill:none;stroke:#B3B3B3;stroke-width:0.5;stroke-miterlimit:3.864;}
	.st29{opacity:0.83;fill:#E6E6E6;fill-opacity:0.69;enable-background:new    ;}
	.st30{opacity:0.83;fill-opacity:0.69;enable-background:new    ;}



    /* Nuevos css*/


body{
    background-image: url('http://localhost:8081/wp-content/uploads/2022/10/fondo1.jpg');
}



.mapecua{
    width:100%;
}

@media (min-width: 1024px) and (max-width: 4500px) { 
    .algo{
        display: flex;
      }

    .mapecua{
        width:100%;
    }

    .informacion{
        margin-left: 90px;
      width: 30%;
      
      }

      .content2{
        width: 100%;
        border-top-width: 0px;
      border-right-width: 42em;
      margin-left: 40px;
      border-bottom-width: 60em;
      border-color: #f2f7f600;
      box-shadow: 4px -4px 0px 0px #ed8f47;
      border-radius: 18px;
      margin-top: 30px;
      }

      .contenedor{
        width: 100%;
      padding: 20px;
    }
    .contenedor label{
        color: #C62D2D;
      text-align: initial;
      font-family: 'bufalo';
      font-size: calc(2em + 2vw);
      padding: -10px;
      margin-bottom: -47px;
      }
 }





  @media (min-width: 720px) and (max-width: 1024px) {
    .informacion {
        margin: 100px;
        width: 100%;
    }

    .algo{
        display: block;
      }
      .mapecua{
        width:100%;
    }

      .content2{
        width: 100%;
        border-top-width: 0px;
      border-right-width: 42em;
      margin-left: 0px;
      border-bottom-width: 60em;
      border-color: #f2f7f600;
      box-shadow: 4px -4px 0px 0px #ed8f47;
      border-radius: 18px;
      margin-top: 30px;
      }

      .contenedor{
        width: 100%;
      padding: 30px;
    }

    .contenedor label{
        color: #b25106;
      text-align: initial;
      font-family: 'bufalo';
      font-size: calc(3em + 2vw);
      padding: -10px;
      margin-bottom: -47px;
      }

  }




  @media (min-width: 320px) and (max-width: 720px) {
    .informacion {
        margin: 40px;
        width: 100%;
    }

    .algo{
        display: block;
      }
      .mapecua{
        width:100%;
    }

    .content2{
        width: 70%;
        border-top-width: 0px;
      border-right-width: 42em;
      margin-left: 40px;
      border-bottom-width: 60em;
      border-color: #f2f7f600;
      box-shadow: 4px -4px 0px 0px #ed8f47;
      border-radius: 18px;
      margin-top: 30px;
      }

      .contenedor{
        width: 100%;
      padding: 30px;
    }
    .contenedor label{
        color: #b25106;
      text-align: initial;
      font-family: 'bufalo';
      font-size: calc(3em + 5vw);
      padding: -10px;
      margin-bottom: -47px;
      }

   }

.mapecua h3{
  text-align:center;
  color: #B8621E;
}


.colorear{
    /*fill: #FFA768;
    fill-opacity: context-fill-opacity;
    stroke: #F18E4FC9;
    stroke-width: 2;
    stroke-opacity: 0.6;*/
    fill: #555555;
    /*fill: #BFD8C5;*/
  fill-opacity: context-fill-opacity;
  /*stroke: #ABABABC9;*/
  stroke: #C62D2D;
  stroke-width: 4;
  stroke-opacity: 0.6;
  
}


  .img1{
    position: relative;
    left: 526px;
    top: 200px;  
    width: 4%;    
  }
  .img2{
    position: relative;
    left: 339px;
    top: 288px;  
    width: 4%;  
  }
  .img3{
    position: relative;
    left: 170px;
    top: 570px;
    width: 4%;
      
  }
  .img4{
    position: relative;
    left: 350px;
    width: 4%;
top: 270px;     
  }
  .img5{
    position: relative;
    left: 272px;
    top: 575px;
    width: 4%;
     
  }
  .img6{
    position: relative;
    left: 952px;
    top: 941px;  
    width: 4%;   
  }
  .img7{
    position: relative;
    left: 194px;
    top: 383px;
    width: 4%
  }


.posi{
border-top-width: 0px;
border-right-width: 42em;
margin: 10px;
border-bottom-width: 60em;
border-color: #f2f7f600;
box-shadow: 4px -4px 0px 0px #ed8f47;
border-radius: 18px;
}



  .st0{
    fill:#808080;
    stroke: #808080;
stroke-width: 0px;
stroke-opacity: 1.5;
filter: drop-shadow(0px 10px 10px #000);
    }
            .st1{fill:#818181;}
            .st2{fill:#828282;}
            .st3{fill:#838383;}
            .st4{fill:#848484;}
            .st5{fill:#858585;}
            .st6{fill:#868686;}
            .st7{fill:#878787;}
            .st8{fill:#888888;}
            .st9{fill:#898989;}
            .st10{fill:#8A8A8A;}
            .st11{fill:#8B8B8B;}
            .st12{fill:#8C8C8C;}
            .st13{fill:#8D8D8D;}
            .st14{fill:#8E8E8E;}
            .st15{fill:#8F8F8F;}
            .st16{fill:#909090;}
            .st17{fill:#919191;}
            .st18{fill:#929292;}
            .st19{fill:#939393;}
            .st20{fill:#949494;}
            .st21{fill:#959595;}
            .st22{fill:#969696;}
            .st23{fill:#979797;}
            .st24{fill:#989898;}
            .st25{fill:#999999;}
            .st26{fill:#E6E6E6;}
            /*.st27{fill:none;stroke:#B3B3B3;stroke-width:0.5;stroke-miterlimit:3.8637;}*/
            .st28{fill:none;stroke:#B3B3B3;stroke-width:0.5;stroke-miterlimit:3.864;}
            .st29{opacity:0.83;fill:#E6E6E6;fill-opacity:0.69;enable-background:new    ;}
            .st30{fill:#E6E6E6;fill-opacity:0.69;}
            .st31{opacity:0.83;fill-opacity:0.69;enable-background:new    ;}
            .st27 {
              fill: none;
              stroke: #B01515;
              stroke-width: 1.5;
              stroke-miterlimit: 3.8637;
            }

.content1{
  display:flex;
  margin-bottom: 0px;
}


.content2 img{
    width: 93%;
    padding: 10px;
}

.ubicacion{
  margin-left: -30px;
}
.ubicacion img{
  width: 100%;
}






.titless h3{
  padding-top: 0px;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 30px;
color: #B8621E;
}

.titless ul li{
color: #6E6B68;
}


.content{
  width: 650px;;
}