.pleca3
{
  color: #ffffff;
  border-left: 4px solid #f15a29 ;
  padding: 2%;
  justify-content: center !important;
  text-align: center !important;
  max-width: 100%;
}



.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl 
{
  --mdb-gutter-x: 0rem !important;
}

.sec-mic  
{
            width: 100%;
            display: grid;
            height: auto;         
            box-sizing: border-box;
            grid-template-columns: 94% 5%;
            grid-gap: 1%;
            margin: 0 auto
}

 .sec-mic  div 
{
  display: grid;
  align-items: center;
   align-content: center;
  align-self: center;+
  padding-bottom:1%;
}

.sec-mic  .microfonos {
     width: 100%;
     display: grid;
     align-content: center;
      margin: 0 auto;
     justify-content: center;
     box-sizing: border-box;
  }




#imgsecs
{
  display:none;
}  

      @keyframes flotan {
          0% {
            bottom: 130px;
          }
          25% {
              bottom: 135px;
          }

          50% {
              bottom: 130px;
          }
          75% {
              bottom: 125px;
          }
          100% {
              bottom: 130px;

          }
        }

 @keyframes aura {
    0% {
      border: 15px solid rgba(62, 189, 78, 1);
      left: calc(25% - 15px);
      top: calc(25% - 15px);
    }
    20% {
      border: 18px solid rgba(62, 189, 78, .8);
      left: calc(25% - 18px);
      top: calc(25% - 18px);
    
    }
      40% {
        border: 21px solid rgba(62, 189, 78, .6);
        left: calc(25% - 21px);
      top: calc(25% - 21px);
       
      }
      60% {
        border: 24px solid rgba(62, 189, 78, .4);
        left: calc(25% - 24px);
      top: calc(25% - 24px);
     
      }
      80% {
        border: 27px solid rgba(62, 189, 78, .2);
        left: calc(25% - 27px);
      top: calc(25% - 27px);
     
      }
      100% {
        border: 30px solid rgba(62, 189, 78, 0);
        left: calc(25% - 30px);
      top: calc(25% - 30px);
       
      }
  }
  

.columnp a

{
 text-decoration:none !important; 
}


#footer-btns, #botoneraForm
{
  display:none !important;
} 

body
{
font-family: 'Lato', sans-serif !important;
  padding:0 !important;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 0 !important;
}
.parraf, .text-o {
 color: #fff !important;
}

.btn-pro-naranja,.btn-pro-naranja p, .btn-pro-naranja svg {
      background-color: #e84621 !important;
      border:0 !important;
      color:#fff !important;
      fill :#fff !important;
}  

.main-banner, #pop, {
    display: none;
}
.error{
    font-size: .9em;
    font-weight: 600;
  font-family: 'Lato', sans-serif !important;
    color: #f51212;
}
.resaltes {
    color: #212529;
    background-color: #fff;
    border: 1px solid #e84621 !important;
    outline: 1px solid #e84621 !important;
    box-shadow: 0 1rem 3rem rgba(89, 83, 83, 0.175) !important;
}


body {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

.inicial
{
  font-family: 'Lato', sans-serif !important;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 auto;
  max-width:100%;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index:1;
  align-items: center;
  align-content: center;
  height: calc(100vh - (1.4%+40px));
  min-height:calc(100vh - 100px);
  padding: 3% 10%;
}

.incial div
{
   
        margin: 0;
align-items: center;
  align-content: center;
    display: grid;
}



    .titulo-img
    {       
      width:90%;
      max-width:850px;
    }



#copy-mobile{
display:none;
}

  #copy-escri{
display:block;
}

.titulohp
{
  font-size: 1.5em;
    max-width: 80%;
    text-align: left;
     color: #fff;
     font-weight: 400;
  line-height:1.2;
}



.botones{
width: 80%;
height:4vw;
  max-height:55px;
  min-height:45px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
margin:15px 0;
  border-radius:20px;
  cursor:pointer;
       }

.botones p{
margin:0 10px;
font-weight:400;
  font-size:24px;
  white-space: nowrap;
  color:#fff;
       }


#whats{
background:#25D366;
  text-decoration:none;
}

.ico-boton{

  height:96%;
  width:auto;
  min-width:17px;
  margin:0;
  fill:#fff;
  
}

#formu{
  border:2px solid #5da7e2;
}

#formu .ico-boton{
fill:#5da7e2;
}

#formu p{
 color:#5da7e2;
}


.formulario
{
    position:fixed !important;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    padding:2% 1%;
    background-color:#2d2d2d;
    border-radius: 10px ;
    box-sizing: border-box;
    box-shadow: 0 1rem 3rem rgba(89, 83, 83, 0.175) !important;
    margin: 0 auto;
    display: grid;
    justify-content: center;
    width:30rem;
    font-family: 'Lato', sans-serif !important;
    z-index:10;
    overflow:hidden;
    zoom: 80%;
}

/*
 .formulario:before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 9;
   height:8px;
    background: linear-gradient(to right, #F0A800, #a70004);
  } */

.seccion1
{
   
  position:fixed;
  width:100%;
   height: 100vh;
  margin:0 auto;
  display: none;
    align-self: center;
    z-index:2;
  top:0;
}

.formulario h6
{
        font-size: 1.8em ;
            padding: 0 0 3% !important ;
            margin: 0 !important;
            font-weight: 700 ;
            text-align: center ;
          color: #fff   !important;
}


.formulario h6 b
{
          color: #d74421  !important;
  font-weight: 700 !important;
}

.fr-inputs
{
    display: grid;
    margin-bottom: 13px !important;
  font-family: 'Lato', sans-serif !important;
  color:#fff !important;
}

.fr-inputs b, .fr-inputs a ,.fr-inputs small
{
      font-size: .9em !important;
  font-family: 'Lato', sans-serif !important;
      text-align:left;
}


.inputLp{
    height:3rem !important;
    border: 0 !important;
    border-radius: 10px;
    background-color: #fff;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 16px;
    max-width:100%;
    margin:0 auto;
  width:100%;
  font-family: 'Lato', sans-serif !important;
}
.formulario input:focus,
.formulario select:focus {
outline: 0;
}
.l-inputs 
{
    font-size: .9em !important;
    color: #fff !important;
    font-weight: 600 !important;
    padding-bottom: 2% !important;
   
}


#continuar, #regresar, #enviar{
    width: 100%;
    cursor: pointer;
    padding: 10px;
    text-decoration: none;
    font-size: 1em !important;
    border-radius: 5px !important;
    height: 55px !important;
    text-transform: uppercase;
    font-weight: 600;
  font-family: 'Lato', sans-serif !important;
  display: flex;
    justify-content: center;
    align-items: center;
}

#continuar, #enviar
{
     background: #f15a29;
    color: #fff;
    border: 0;
  font-family: 'Lato', sans-serif !important;
}



.caja-letras{
display:flex;
  flex-flow:column;
}

.tituloo {
     color: #fff !important;
    font-size: 3em;
    font-weight: 700;
    margin: 25px 0;
    font-family: "Open Sans", sans-serif;
    line-height: 1.18;
  display:none;
}

.parrafoo {
 color: #fff !important;
  font-size:1.3em;
   margin:20px 0;
}

@media screen and (max-width:1800px) {
  
  .formulario{
  right: -4%;
  }
}
@media screen and (max-width:1600px) {
  

  
.titulohp
{
    max-width: 100%;
}

    .formulario{
  right: -7%;
  }
  
  .inicial
{
 
 padding: 2% 5%  4% 5%;
}

  
    #navBar a img {
        padding: 1% !important;
        width: 55%;
    }
  
}

@media screen and (max-width:1500px) {
  
    .formulario{
  right: 10;
      zoom:80%;
  }
  
}  
@media screen and (max-width:1300px) {
  
  .inicial
{
 
 padding: 2% 2%  4% 5%;
}

  .formulario{
  right: -10%;
    width: 27rem;
  }
  
.titulo-img {
  min-width:415px;
}
}



    
        /*BOTONES*/

        #botonera
        {
            position: fixed;
            right: 0;
            bottom:2%;
            display:block !important; /* Visible desde el inicio del scroll*/
            height: auto;
            padding: 1%;
          z-index:9000;
        }

        
    
    
        /*BOTONES*/
    
      
        #btnSend {
            width: 4rem;
            height: 4rem;
            cursor: pointer;
         
              align-items: center;
            display: grid;
            margin:  0 auto;
            justify-content: center;            
            background-color: #5da7e2;
            margin-bottom: 20%;
           border-radius: 50PX;  animation: 1.5s flotar infinite;
        }

        #btnWhs {
            width: 4rem;
            height: 4rem;
            cursor: pointer;
          
              align-items: center;
            display: grid;
            margin:  0 auto;
            justify-content: center;            
           background-color: #25d366;
           border-radius: 50PX; 
          
          position: fixed;
      
       margin: 0 auto;
       height: 0 auto;
        animation: 1.5s flotan infinite;
        }
 
   #btnWhs::before {
        position:absolute;
    box-sizing: content-box !important;
    content: '';
    width: 50%;
    height: 50%;
    z-index:-1;
    border-radius: 50%;
   /* animation:1s aura infinite; */
    transition: all ease;

    }
 




   .iconos
  {
    fill: #fff;
    width: 2.3rem;
    position: absolute;
    top: 25%;
    left: 25%;
    
  } 

  .iconos2
  {
    fill: #fff;
    width: 1.9rem;
  } 

    
        @media screen and (max-width:1600px) {

        #botonera
        {
            position: fixed;
            right: 1%;
            bottom:3%;
            height: auto;
            padding: 1%;

        }
          
 
        }
    




.button_spots {
    position: absolute;
    border-radius: 100px;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
    opacity: 0;
  
}
.button_spots:nth-of-type(1) {
	 left: 0;
	 top: 30px;
    transition: all 1.6s;
	animation: spot-1 0.7s 0.7 linear infinite;
}
.button_spots:nth-of-type(2) {
	 left: 1px;
	 top: 35px;
    transition: all 1.3s;
	animation: spot-2 0.7s 0.14s linear infinite;
}
.button_spots:nth-of-type(3) {
	 left: 4px;
	 top: 45px;
    transition: all 1.3s;
	animation: spot-3 0.7s .3s linear infinite;
}
.button_spots:nth-of-type(4) {
	 left: 10px;
	 top: 48px;
    transition: all 1s;
	animation: spot-4 0.7s 0.01s linear infinite;
}
.button_spots:nth-of-type(5) {
	 left: 20px;
	 top: 53px;
    transition: all 1.3s;
	animation: spot-5 0.7s 0.3s linear infinite;
}
.button_spots:nth-of-type(6) {
	left: 28px;
	 top: 54px;
    transition: all 1.4s;
	animation: spot-6 0.7s 1.2s linear infinite;
}
.button_spots:nth-of-type(7) {
	 left: 36px;
	 top: 52px;
    transition: all 1.6s;
	animation: spot-7 0.7s 0.3s linear infinite;
}
.button_spots:nth-of-type(8) {
	 left: 41px;
	 top: 50px;
    transition: all 1.1s;
	animation: spot-8 0.7s 0.75s linear infinite;
}
.button_spots:nth-of-type(9) {
	 left: 50px;
	 top: 45px;
    transition: all 1.2s;
	animation: spot-9 0.7s 0.6s linear infinite;
}
.button_spots:nth-of-type(10) {
	 left: 50px;
	 top: 40px;
    transition: all 2s;
	animation: spot-10 0.7s 0.2s linear infinite;
}
.button_spots:nth-of-type(11) {
	 left: 55px;
	 top: 32px;
    transition: all 1.4s;
	animation: spot-11 0.7s 1.2s linear infinite;
}
.button_spots:nth-of-type(12) {
	 left: 55px;
	 top: 25px;
    transition: all 1.4s;
	animation: spot-12 0.7s 1s linear infinite;
}
.button_spots:nth-of-type(13) {
	 left: 56px;
	 top: 20px;
    transition: all 1.7s;
	animation: spot-13 0.7s 0.88s linear infinite;
}
.button_spots:nth-of-type(14) {
	 left: 50px;
	 top: 12px;
    transition: all 1.7s;
	animation: spot-14 0.7s 0.64s linear infinite;
}
.button_spots:nth-of-type(15) {
	 left: 45px;
	 top: 8px;
    transition: all 1.7s;
	animation: spot-15 0.7s 0.8s linear infinite;
}
.button_spots:nth-of-type(16) {
left: 38px;
	 top: 3px;
    transition: all 1.2s;
	animation: spot-16 0.7s 1.1s linear infinite;
}
.button_spots:nth-of-type(17) {
	 left: 32px;
	 top: 1px;
    transition: all 2s;
	animation: spot-17 0.7s 0.7s linear infinite;
}
.button_spots:nth-of-type(18) {
	 left: 30px;
	 top: 0px;
    transition: all 2s;
	animation: spot-18 0.7s 0.65s linear infinite;
}
.button_spots:nth-of-type(19) {
	 left: 26px;
	 top: 0px;
    transition: all 1.3s;
	animation: spot-19 0.7s 0.5s linear infinite;
}
.button_spots:nth-of-type(20) {
	 left: 20px;
	 top: 0px;
    transition: all 1.9s;
	animation: spot-20 0.7s 0.35s linear infinite;
}
.button_spots:nth-of-type(21) {
	 left: 12px;
	 top: 5px;
    transition: all 1.2s;
	animation: spot-21 0.7s 0.5s linear infinite;
}
.button_spots:nth-of-type(22) {
	 left: 8px;
	 top: 10px;
    transition: all 2s;
	animation: spot-22 0.7s 0.7s linear infinite;
}
.button_spots:nth-of-type(23) {
	 left: 5px;
	 top: 15px;
    transition: all 2s;
	animation: spot-23 0.7s 0.1s linear infinite;
}
.button_spots:nth-of-type(24) {
	 left: 3px;
	 top: 20px;
    transition: all 1.3s;
	animation: spot-24 0.7s 1s linear infinite;
}
.button_spots:nth-of-type(25) {
	 left: 0px;
	 top: 25px;
    transition: all 1.9s;
	animation: spot-25 0.7s 0.35s linear infinite;
}
.button_spots:nth-of-type(26) {
	 left: 12px;
	 top: 5px;
    transition: all 1.2s;
	animation: spot-26 0.7s 0.6s linear infinite;
}
.button_spots:nth-of-type(27) {
	 left: 8px;
	 top: 10px;
    transition: all 2s;
	animation: spot-27 0.7s 0.2s linear infinite;
}
.button_spots:nth-of-type(28) {
	 left: 5px;
	 top: 15px;
    transition: all 2s;
	animation: spot-28 0.7s 1.2s linear infinite;
}
.button_spots:nth-of-type(29) {
	 left: 3px;
	 top: 20px;
    transition: all 1.3s;
	animation: spot-29 0.7s 1s linear infinite;
}
.button_spots:nth-of-type(30) {
	 left: 0px;
	 top: 25px;
    transition: all 1.9s;
	animation: spot-30 0.7s 0.9s linear infinite;
}
.button_spots:nth-of-type(31) {
    padding: 5px;
	 left: 50px;
	 top: 45px;
    transition: all 1.2s;
	animation: spot-31 0.7s 0.5s linear infinite;
}
.button_spots:nth-of-type(32) {
	 left: 50px;
	 top: 40px;
    transition: all 2s;
	animation: spot-32 0.7s 0.14s linear infinite;
}
.button_spots:nth-of-type(33) {
	 left: 55px;
	 top: 32px;
    transition: all 1.4s;
	animation: spot-33 0.7s 0.8s linear infinite;
}
.button_spots:nth-of-type(34) {
	 left: 55px;
	 top: 25px;
    transition: all 1.4s;
	animation: spot-34 0.7s 0.01s linear infinite;
}
.button_spots:nth-of-type(35) {
	 left: 56px;
	 top: 20px;
    transition: all 1.7s;
	animation: spot-35 0.7s 1s linear infinite;
}


 .button_inner {
	background: green;
	border-radius: 50px;
	 position: absolute;
	 width: 60px;
	 height: 60px;
	 left: 0;
	 right: 0;
	 top: 50%;
	 margin: auto;
	 box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04);
	 font-weight: 100;
	 font-size: 12px;
	 cursor: pointer;
	 border: 2px solid #fff;
	 color: white;
	 text-align: Center;
	 transition: all 0.3s, box-shadow 0.2s, transform 0.2s 0.2s;
}


 @keyframes spot-1 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(20px) translatex(-25px);
		 opacity: 0.9;
	}
}
 @keyframes spot-2 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(24px) translatex(-18px);
		 opacity: 0.9;
	}
}
 @keyframes spot-3 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(26px) translatex(-14px);
		 opacity: 0.9;
	}
}
 @keyframes spot-4 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(30px) translatex(-12px);
		 opacity: 0.9;
	}
}
 @keyframes spot-5 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(30px) translatex(-10px);
		 opacity: 0.9;
	}
}
 @keyframes spot-6 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(30px) translatex(-8px);
		 opacity: 0.9;
	}
}
 @keyframes spot-7 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(30px) translatex(-6px);
		 opacity: 0.9;
	}
}
 @keyframes spot-8 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(30px) translatex(-4px);
		 opacity: 0.9;
	}
}
 @keyframes spot-9 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(30px) translatex(-2px);
		 opacity: 0.9;
	}
}
 @keyframes spot-10 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(30px) translatex(0px);
		 opacity: 0.9;
	}
}
 @keyframes spot-11 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(25px);
		 opacity: 0.9;
	}
}
 @keyframes spot-12 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(6px);
		 opacity: 0.9;
	}
}
 @keyframes spot-13 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(6px);
		 opacity: 0.9;
	}
}
 @keyframes spot-14 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(8px);
		 opacity: 0.9;
	}
}
 @keyframes spot-15 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(10px);
		 opacity: 0.9;
	}
}
 @keyframes spot-16 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(12px);
		 opacity: 0.9;
	}
}
 @keyframes spot-17 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(6px);
		 opacity: 0.9;
	}
}
 @keyframes spot-18 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(1px);
		 opacity: 0.9;
	}
}
 @keyframes spot-19 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(0px);
		 opacity: 0.9;
	}
}
 @keyframes spot-20 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(20px);
		 opacity: 0.9;
	}
}
 @keyframes spot-20 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(-10px);
		 opacity: 0.9;
	}
}
 @keyframes spot-21 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(-8px);
		 opacity: 0.9;
	}
}
 @keyframes spot-22 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(-6px);
		 opacity: 0.9;
	}
}
 @keyframes spot-23 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(-4px);
		 opacity: 0.9;
	}
}
 @keyframes spot-24 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(-2px);
		 opacity: 0.9;
	}
}
 @keyframes spot-25 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(26px) translatex(-26px);
		 opacity: 0.9;
	}
}
 @keyframes spot-26 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-30px) translatex(2px);
		 opacity: 0.9;
	}
}
 @keyframes spot-27 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-3px) translatex(-30px);
		 opacity: 0.9;
	}
}
 @keyframes spot-28 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(0px) translatex(-30px);
		 opacity: 0.9;
	}
}
 @keyframes spot-29 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(3px) translatex(-30px);
		 opacity: 0.9;
	}
}
 @keyframes spot-30 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(5px) translatex(-30px);
		 opacity: 0.9;
	}
}
 @keyframes spot-31 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(5px) translatex(30px);
		 opacity: 0.9;
	}
}
 @keyframes spot-32 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(3px) translatex(30px);
		 opacity: 0.9;
	}
}
 @keyframes spot-33 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(0px) translatex(30px);
		 opacity: 0.9;
	}
}
 @keyframes spot-34 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-3px) translatex(30px);
		 opacity: 0.9;
	}
}
 @keyframes spot-35 {
	 from {
		 opacity: 0;
	}
	 to {
		 transform: translateY(-5px) translatex(30px);
		 opacity: 0.9;
	}
}





 @keyframes opacity {
	 to {
		 opacity: 0;
	}
}


 @keyframes rotate {
	 from {
		 opacity: 0.8;
	}
	 to {
		 transform: rotate(360deg);
		 opacity: 0.8;
	}
}
 @keyframes down {
	 from {
		 left: 10px;
	}
	 to {
		 left: 57px;
	}
}
 @keyframes spew {
	 from {
		 opacity: 0;
	}
	 to {
		 opacity: 0.8;
	}
}
 @keyframes final {
	 from {
		 opacity: 1;
	}
	 to {
		 opacity: 0;
	}
}
 @keyframes finalbox {
	 to {
		 width: 50px;
	}
}
 @keyframes tick {
	 to {
		 transform: scale(1) rotate(-90deg);
	}
}






        @media screen and (max-width:800px) {
          #botonera
            {
            right: 4%;
            }
    
          .iconos
          {
           
            width: 2rem;
          } 
          
           .iconos2
  {
   
    width: 1.6rem;
  } 
 
          
      
     }



    @keyframes slide-in {
	0% {
		opacity: 0;
		transform: scale(1.4);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}

        }


            #plecab
            {
                    background-color: rgba(0, 0, 0, 0.72);
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    z-index: 999;
                    display:none;
                  animation: slide-in .8s ease 0s 1 normal forwards;
                 
            }

            #alerta
            {
                
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: auto;
                height: auto;
                padding: 2%;
                z-index: 190979;
                 background:#f15a29;
                box-shadow: 0 1rem 3rem rgba(255, 255, 255, 0.175) ;
                border-radius: 3px;
                }

              #alerta p {
                text-align: center ;
                font-family: 'Lato', sans-serif ;
                font-weight: 600 ;
                font-size: 1.6em ;
                margin: 0 auto;
                padding-bottom: 2%;
                color: #fff;
            }
            #alerta .bi-x-circle-fill
            {
               background:#f15a29;
                fill: #fff;
                border-radius: 100px;
                position: absolute;
                right:  -2%;
                top: -15%;
                cursor: pointer;
                box-shadow: 0 1rem 3rem rgba(255, 255, 255, 0.175) ;
            }


            @media screen and (max-width:1000px) {
              
          

.inicial
{
    grid-template-columns: repeat(1, 1fr);
  box-sizing:border-box;
  padding:10px 5%  40px!important;
  height:auto;
  
}
  
  
 .sec { 
        padding: 0;
        margin: auto;
   display:flex !important;
   flex-flow:column;
   align-items:center;
   justify-content:start;
}


 .formulario {
     padding:3%;
     max-width: 500px;
     width:100% ;
   margin: 0 auto 50px;
   position:relative !important;
   right: auto;
        left: auto;
  transform: none !important;
   top:20px;
 }

.titulo-img
{
   margin:auto;
  min-width:20px;
  width: 100%;
  max-width:450px;

}
  

  
  #copy-escri{
display:none;
}
  
  #copy-mobile{
display:block;
}
  
  .titulohp
{
    max-width: 85%;
    text-align: center;
  margin:10px;
  padding:0;
  
   font-size: 1.2em;
     font-weight: 200;

}

.botones{
margin:10px 0;

       }

  .formulario h6
{
            padding: 5% 0 !important ;
}


.tituloo {
  font-size:3em;
  line-height:1;
  text-align:center;
}

.parrafoo {
  font-size:1em;
  text-align:center;
}
  

              
 
   .pl
    {
        padding-left:.5% !important; 
              }
.pleca3
{
  padding: 0;
  max-width: 100%;
}
   .pleca3div
  {
    display:grid !important;
    margin:0 auto !important;
    padding:2%;
    }
              
              #alerta
               {                           
                width: 90%;                      
                }

                      #alerta p {
               
                font-size: 1.3em ;
              
            }
              .sec-mic  
{
            width: 100%;
            display: grid;
            height: auto;         
            box-sizing: border-box;
            grid-template-columns: 92% 8%;
            grid-gap: 1%;
            margin: 0 auto
}
            }