:root {
    --fucc: #DB294E;
    --plomo: #D9D9D9;
    --gris: #515151;
    --rosa: #D587A4;
    --verde: #87D593;


}

*{
    margin: 0;
    padding: 0;
    /* background: var(--background); */
    box-sizing: border-box;
}

a:link, a:visited, a:active {
    text-decoration:none !important;
    color: var(--negro) !important;
}


.iniciotop2{
    margin-top: -140px;
}


.judson-regular {
  font-family: "Judson", serif;
  font-weight: 400;
  font-style: normal;
}

.judson-bold {
  font-family: "Judson", serif;
  font-weight: 700;
  font-style: normal;
}

.judson-regular-italic {
  font-family: "Judson", serif;
  font-weight: 400;
  font-style: italic;
}

.abeezee-regular {
  font-family: "ABeeZee", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.abeezee-regular-italic {
  font-family: "ABeeZee", sans-serif;
  font-weight: 400;
  font-style: italic;
}
.aclonica-regular {
  font-family: "Aclonica", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.aclonica-bold {
  font-family: "Aclonica", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.montserrat-2 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight:700;
  font-style: normal;
}

.montserrat-1 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
}




.contenegw1{
    height: 100vh;
    padding-top: 100px;
    background: #de0025;
background: radial-gradient(circle,rgba(222, 0, 37, 1) 0%, rgba(154, 23, 50, 1) 21%, rgba(111, 19, 37, 1) 43%, rgba(48, 14, 17, 1) 88%);
/* background: #991717;
background: radial-gradient(circle,rgba(153, 23, 23, 1) 11%, rgba(213, 135, 164, 1) 57%, rgba(219, 41, 78, 1) 100%); */

}

.tit1{
    font-size: 50px;
    color:var(--plomo);
    font-weight: 600;

}

.desc1{
    color: var(--plomo);
    font-size: 30px;
    font-weight: 500;
    padding-top: 50px;
}

.benef1{
    background-color: var(--fucc);
    color:var(--plomo);
}

.benefi{
    font-size: 50px;
    font-weight: 500;
    padding-bottom: 30px;
    padding-top: 50px;
}

.desc-benefi{
    font-size: 20px;
    font-weight: 400;
}


.iconb{
    display: inline-block;
}

.textb{
    display: inline-block;
    font-size: 30px;
    padding-left: 20px;
    vertical-align: bottom;
}

.beneficios1{
    padding-top: 100px;
}

.benef2{
    padding: 20px;
    color: var(--fucc);
    background-color: var(--plomo);
    margin:50px;
    font-size: 30px;
    text-align: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    font-weight: 500;
    border-radius: 10px;

}

.lema{
    padding: 50px;
    background-color: var(--plomo);
    color: var(--fucc);
    font-size: 30px;

}

.float-fd{
    position: absolute; top: 0; right:0; text-align:right;
    padding-top: 50px;
    padding-right: 50px;
}

.tec1{
    padding-top: 20px;
    font-size: 40px;
    color: var(--fucc);
    font-weight: 700;
}

.tec2{
    padding-top: 10px;
    font-size: 20px;
}

.botonbenef{
    padding: 20px;
    border-radius: 30px;
    font-size: 25px;
    background-color: var(--verde);
    color: var(--fucc);
    font-weight: 700;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}

.certif1{
    padding-top: 50px;
}

.certi2{
    color: var(--fucc);
     font-size: 50px;
    font-weight: 500;
    padding-bottom: 30px;
    padding-top: 50px;
}

.productosini{
    background-color: var(--fucc);
    color: var(--plomo);
    padding-bottom: 100px;
}

.titulop{
    font-size: 40px;
    font-weight: 600;
    padding-top: 50px;
    
}

.desctitulop{
     font-size: 30px;
    font-weight: 400;
    padding-bottom: 100px;
    
}

.descripcionpro{
    padding-top: 20px;
    font-size: 25px;
    font-weight: 600;

}

.botonpro{
    background-color: var(--plomo);
    color: var(--fucc);
    font-weight: 600;
    font-size: 30px;
    margin-top: 20px;
    padding: 10px;
    border-radius: 20px;
    
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 20px;
}

.menu-deks{
    background-color: #751528;
    padding: 20px;
    border-radius: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: var(--plomo);
}

.menu-deks a{
    padding: 30px;
    font-size: 20px;
    font-weight: 700;

}

.iniciotop{
    margin-top: -120px;
}

.aparec{
    background-color: var(--plomo);
    transition: background-color 0.5s ease;
    box-shadow: 0 10px 10px var(--plomo);
}

.aparec2{
    background-color: var(--plomo);
    transition: background-color 0.5s ease;
    box-shadow: 0 10px 10px var(--plomo);
}

.tituloso{
    font-size: 40px;
    font-weight: 700;
    color: #515151;
    padding-bottom: 50px;
    padding-left: 100px;
}

.parrso1{
    font-size: 25px;
    
    color: #515151;
    padding-bottom: 50px;
    padding-left: 100px;
}

.text-som2{
    padding: 50px;
    background-color: var(--gris);
    color: var(--plomo);
    font-size: 25px;
    text-align: center;
}

.text4som{
    padding: 100px;
    font-size: 20px;
    color: var(--gris);
    background-color: var(--verde);
}

.titulomi{
    color: var(--fucc);
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 20px;

}

.mision-1{
    padding: 50px;
    background-color: var(--plomo);
    border-radius: 30px;
    margin: 100px;
    border: 2px solid var(--fucc);
    text-align: center;
}

.descrpmi{
    font-size: 25px;
    text-align: center;
    margin-top: 20px;
}

.indi-pro{
    margin-top:50px; font-size:25px; text-align:left; margin-left:150px;
}

.titulog{
    color: var(--gris);
    font-size: 50px;
    font-weight: 700;
    background-color: var(--plomo);
    padding: 60px;

}

.conieneb{
    background-color: rgb(219,41,78,0.8);
    color: white;
    padding: 20px;
    text-align: center;
    position: sticky;
    top: 200px;
    z-index: 999;
    border-radius: 10px;
    font-size: 25px;
    
    
}

.imgconie img{
    position: sticky !important;
    top: 300px;
    min-height: 120px;
}

.sty21{
  z-index: 9999 !important;
}


.titucose{
    color: var(--gris);
    font-size: 35px;
    font-weight: 600;
    padding-left: 100px;
    padding-bottom: 30px;
}

.textcose{
    color: var(--gris);
    font-size: 25px;
    padding-left: 100px;
    padding-bottom: 100px;
    margin-top: 50px;
    
}

.sensorial1{
    padding: 30px;
    font-size: 40px;
    font-weight: 500;
    color:var(--gris);
}

/*  */

.accordion{
    max-width: auto;
    padding: 100px;
   
}

.accordion .contentBx{
    position: relative;
    margin: 10px 20px;
}

.accordion .contentBx .label{
    position: relative;
    padding: 10px;
    background-color: #DB294E;
    color: var(--plomo);
    cursor: pointer;
    font-size: 25px;
    padding-left: 30px;
    
}


.accordion .contentBx .label::before{
    content: '+';
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    font-size: 1.5em;
    
    
}

.accordion .contentBx.active .label::before{
    content: '-';

}

.accordion .contentBx .content{
    position: relative;
    background: #D9D9D9;
    font-size: 25px;
    color: var(--fucc);
    height: 0;
    overflow: hidden;
    transition: 0.5s;
    overflow-y: auto;
}


.accordion .contentBx.active .content{
    height: auto;
    padding: 20px;
}

.saludyc{
    color: var(--fucc);
    font-size: 30px;
    font-weight: 800;
}

.producto1{
    font-size: 40px;
    font-weight: 700;
    color: var(--fucc);
    padding: 20px;
}


.producto2{
    font-size: 30px;
    font-weight:500;
    color: var(--fucc);
    
}

.productostop{
    padding-top: 100px;
    padding-bottom: 100px;
    /* background-image: url(../photoboot/bg.svg);
    background-size: contain; */
}

.botocmas{
    background-color: var(--gris);
    color: var(--plomo);
    padding: 20px;
    border-radius: 20px;
    width: 200px;
    font-size: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    font-weight: 700;
}

.frasepro{
    padding: 20px;
    font-size: 25px;
    background-color: var(--fucc);
    color: var(--plomo);
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
}

.infoproducto{
    padding: 20px;
    font-size: 25px;
    color: var(--gris);
}

.descripcionprofi{
    padding-top: 20px;
    font-size: 25px;
    font-weight: 600;
    text-align: center !important;

}
.cotizar{
    background-color: var(--fucc);
    padding: 20px;
    border-radius: 30px;
    color: var(--plomo);
    font-size: 30px;
    font-weight: 500;
    width: 250px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;

}

.titulo1c{
    font-size: 25px;
    font-weight: 700;
    color:var(--fucc);
    margin-top: 30px;
}


.detalle1c{
    font-size: 25px;
    font-weight: 500;
    color:var(--fucc);
}

.contenedorcont{
    border: 3px solid var(--fucc);
    padding: 20px;
    margin: 50px;
    border-radius: 30px;
    background-color: var(--plomo);
        /* background-image: url(../photoboot/bg.svg);
    background-size: cover; */
    padding-bottom: 100px;
}

.futerfin{
    background-color: #2D2D2D;
    color: var(--plomo);
    font-size: 25px;
    padding: 100px;
}
.textfu1{
    padding-top: 50px;
}

.menufu{
    margin: 20px !important;
}

.textfu2 a{
    margin: 20px !important;
}

.firtstfu{
    margin-left: 100px;
}


/* INICIO LOADER */



/* LOADER */

.preloadingspace{
    background: var(--fucc);
    /* background: radial-gradient(circle,rgba(153, 23, 23, 1) 11%, rgba(177, 95, 51, 1) 57%, rgba(219, 41, 78, 1) 100%); */
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index:  10000;
    color: white;
    clip-path: circle(150% at 100% 0);
    transition: clip-path 2s ease-in-out;
    -webkit-transition: clip-path 2s ease-in-out;
    -moz-transition: clip-path 2s ease-in-out;
    -ms-transition: clip-path 2s ease-in-out;
    -o-transition: clip-path 2s ease-in-out;
}

.preloadingspace img{
    width: 300px;
}

.preloadingspace2{
    clip-path: circle(0% at 100% 100%);
}

.charging{
    color: white;
    font-size:30px;
    font-family: "Kadwa", serif;
    font-weight: 700;
    font-style: normal;
    margin-top: 30px;
    animation: fadeIn 1s infinite;
    -webkit-animation: fadeIn 1s infinite;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

  /* FIN LOADER */

  .m-mob{
    display: none;
  }


  
.off-screen-menu{
    background-color: var(--plomo);
    color: var(--fucc);
    height: 100vh;
    width: 100%;
    max-width: 820px;
    position: fixed;
    top:0;
    right: -820px;
    
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    font-size: 30px;
}

.navmob{
    padding: 1rem;
    display: flex;
    text-decoration: none;
    
}


.off-screen-menu.active {
    right: 0;
}


.off-screen-menu a{
    font-size: 25px;
    font-weight: 500;
    text-decoration: none;
    color: var(--verdemo) !important;
    
}

.idiosma{
    background-color: var(--fucc);
    padding: 20px;
    border: 10px;
    color: white;
    font-size: 20px;
}

.lgg a{
    padding: 10px;
}

.off-screen-menu a:hover{
    text-decoration: none;
    color: #B4E97C;
    
}


.off-screen-menu ul{
  
    text-decoration: none;
    list-style-type: none;    
}
.off-screen-menu li{
  
    text-decoration: none;
    list-style-type: none;
    
}

.cerrar-menov{
    margin-bottom: 30px;
    margin-top: 25px !important;
    text-align: right;
    margin-right: 30px;
}


/* FIN MENU MOBILE */

.foot-2{
    background-color: var(--plomo);
    color: var(--gris);
    padding: 30px;
    font-size:20px;
    
}

.pregun2{
    font-size: 50px;
    line-height: 40px;
}

.benefits12{
    background-color: var(--plomo);
    color: var(--fucc);
    padding: 20px;
    border-radius: 20px;
    font-size:30px;
    margin: 20px 0;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
   border: 0;
   width: 100%;
   
}

.boton1c{
    background-color: var(--fucc);
    color: white;
    padding: 10px;
    border-radius: 10px;
    width:200px;
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
}

 .mobile__firstslide{
    display: none;
    }


/* mobile */
@media (max-width:820px){

      .mobile__firstslide{
    display: block;
    }

    .desktop__firstslide{
        display: none;
    }

  .m-mob{
    display: block;
  }

  .m-desk{
    display: none;
  }

  .contenegw1{
    height: auto;
    
  }

  .parrso1{
  
    padding-left: 10px;
}
.titucose{
    padding: 10px;
}

.textcose{
    padding: 10px;
}

.accordion{
 
    padding: 10px;
   
}

.benef2{
   
     margin-bottom:20px;
   
        width: 100%;

}

.textb{
    font-size: 23px;
}

.float-fd{
    display: none;
}

.botonpro{
    font-size: 20px;
}

.desctitulop{
    padding-bottom: 20px;
    
}

.mision-1{
    margin: 50px;
    
}

.descrpmi{
    text-align: center;
}

.indi-pro{
    margin: 20px 20px;
    text-align: center;
}

}



@media (max-width:1595px){
.iniciotop{
    margin-top: -140px;
}
}

@media (max-width:880px){
.iniciotop{
    margin-top: -180px;
}
}