/* seccion benefios */
#modulo-benefios{ padding-bottom: 50px;}
#modulo-benefios hr { width: 89px; height: 8px; background: #0095eb; border: 0px; margin: 25px auto 30px;}
#modulo-benefios h3 {text-align: center; text-transform: uppercase; padding-top: 80px; font-size: 32px; font-weight: 700; line-height: 39px; letter-spacing: .33px; color: #1c3f8e; margin: 0px;}
#modulo-benefios h4 {text-align: center; font-size: 18px; font-weight: 400; line-height: 35px; letter-spacing: .10px; color: #20262d; margin: 0px;}
#modulo-benefios .cuadro  .imagen img {float:none;margin:0 auto;display:block;}
#modulo-benefios .cuadro {height: 350px; padding: 0 10%;}
#modulo-benefios .cuadro h4, #modulo-benefios .cuadro h6 {float:none;margin:0 auto;display:block;text-align:center;}
#modulo-benefios .cuadro h4 {font-size: 22px; font-weight: 800; line-height: 24px; letter-spacing: 1px; color: #0095eb; margin: 0px 0px 18px 0px;}
#modulo-benefios .cuadro h6 { font-size: 18px; font-weight: 400; line-height: 35px; letter-spacing: .10px; color: #20262d; margin: 0px;}
#modulo-benefios .boton-beneficios {padding-top:30px;padding-bottom:60px;}
#modulo-benefios .cuadro.bottom {padding-bottom:30px; }
#modulo-benefios img-principal-beneficios img {max-width:100%;}
#modulo-benefios .img-principal-beneficios {margin-top: 159px;}
#modulo-benefios .go-down .cuadro {margin-bottom: -120px !important;}
#modulo-benefios .go-up .cuadro {margin-top: -80px !important;}

#seccion-stock .span4 { display: block; width: 33.333333%; margin-left: 0%;}
#seccion-stock .cuadro {background: #fff; box-shadow: 0px 0px 15px rgba(35, 35, 35, 0.3);border-radius: 8px; margin: 10px;}
#seccion-stock {padding:60px 0 20px;}
#seccion-stock h3 { margin: 0px; color:#005EAA;text-align: center; text-transform: uppercase;margin-bottom: 80px;font-size: 30px;
    letter-spacing: .33px;
    font-weight: bold;
   }
#seccion-stock .imagen img {width:100%;height:auto; margin: 0 auto; display: block; border-radius: 8px 8px 0 0;}
#seccion-stock .texto-stock { padding: 10px 4%;}
#seccion-stock h4 {color:#797979;margin-bottom: 10px;}
#seccion-stock h4.especial {
    font-weight: 400!important;
    text-align: center;
    padding: 40px 0;
    float: left;
    line-height: 38px;
    font-size: 22px;
    letter-spacing: 0px;
    margin: 0px;
}
#seccion-stock h5 {color:#0095EB;margin-bottom: 5px;}
#seccion-stock h6 {color:#797979;margin-bottom: 5px;}
#seccion-stock .boton {color:#00CCFF; letter-spacing: 0.5px; font-weight: 800;}
#seccion-stock .imagen {box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);}
#seccion-stock .vineta.BLANCO {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.33px;
    width: fit-content;
    padding: 8px;
    margin-bottom: -60px;
    box-shadow: 0px 0px 30px #0000003b;
    color: #0095EB;
    background: white;
    z-index: 3;
  position: relative;}
#seccion-stock .vineta.VERDE {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.33px;
    width: fit-content;
    padding: 8px;
    margin-bottom: -60px;
    box-shadow: 0px 0px 30px #0000003b;
    color: #fff;
    background: #7EB92E;
    z-index: 3;
  position: relative;}
#seccion-stock .vineta.INMEDIATA {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.33px;
    width: fit-content;
    padding: 8px;
    margin-bottom: -60px;
    box-shadow: 0px 0px 30px #0000003b;
    color: #fff;
    background: #034B97;
    z-index: 3;
  position: relative;}

.btn1 {float: left;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    background: #0095eb;
    border-radius: 25px;
    padding: 8px 34px;
    float: none;
    border: 0px;
    width: fit-content !important;
    -webkit-appearance: none;
    appearance: none;
    margin: 0 auto;
    display: inline-block;
    text-decoration: none; border: 2px solid #0095eb;}
.btn1:hover {
    color: #0095eb;
    background: #fff;  border: 2px solid #0095eb;
}

.btn2{float: left;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;color: #0095eb;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    background: #fff;
    border-radius: 25px;
    padding: 8px 34px;
    float: none;
    border: 0px;
    width: fit-content !important;
    -webkit-appearance: none;
    appearance: none;
    margin: 0 auto;
    display: inline-block;
    text-decoration: none; border: 2px solid #0095eb;}
.btn2:hover: { 
    color: #fff !important;
    background:#0095eb !important ;  border: 2px solid #0095eb;}

.texto-centrado { text-align: center;}


.banner h1 {letter-spacing:-0.6px;}
.banner h1 {margin-bottom:30px;}
.banner h1 span {color:#E86726;font-style:italic;}
#title-txt .parrafo p { margin-bottom: 0px;}
.banner h2 {font-weight:300;}
.banner .dnd-section .row-fluid:first-child{ }
.banner #formulario{ position: relative;}


.ajuste_sobrepuesto_superior { position: relative; margin-top: -8%; float: left; width: 100%;}
.ajuste_sobrepuesto_inferior{ position: relative; float: left; width: 100%;}



#imagen_adornos .imagen img {/* width: 100%; float: left; height: auto;*/}
#imagen_adornos .imagen { width: 100%;}


#titulo_texto {}
#titulo_texto h3 { color: #000; margin-bottom: 20px;}
#titulo_texto .parrafo { margin-bottom: 30px; } 




#formulario ul li::before {display:none;}
#formulario .hs-form-booleancheckbox-display {display:flex;justify-content:center;align-items:center;gap:20px;}
#formulario .hs-form-booleancheckbox-display input {width:6%!important;}
#formulario .hs-form-booleancheckbox-display span {padding-bottom:0!important;}
#formulario .inputs-list {padding-left:0;}
#formulario .formulario {background: #fff; box-shadow: 0px 3px 36px rgb(0 0 0 / 8%);border-radius:30px;padding:35px 0 20px;}
#formulario .formulario .box {padding: 0 46px}
#formulario .formulario h3 {display:none;}
#formulario h6 {text-align: center;font-size:26px;font-weight:700;color:#FFFFFF; margin-bottom: 20px;}
#formulario p {text-align: center; padding-bottom: 45px; letter-spacing: 0px; padding-right: 0%; font-size: 22px; padding-top: 10px;font-weight:300;color:#041027;}
#formulario .formulario fieldset {max-width:unset;}
#formulario fieldset.form-columns-2 {display: flex;justify-content: space-between;width: 100%;align-items: start;}   
#formulario form input.hs-input, #formulario form select.hs-input, #formulario textarea {font-family: Roboto,sans-serif;border-radius:30px;border:solid 1px #A2A2A2;font-weight:300;font-style:italic;color:#A2A2A2;background-color:#ffffff;width: 100%; font-size: 16px; height: 53px; padding: 0px 13px; transition: 0.3s;font-style:italic;}
#formulario form input.hs-input:focus {opacity:0.8;}
#formulario form input.hs-input::placeholder, #formulario form textarea.hs-input::placeholder {font-weight:300;color:#A2A2A2;font-size: 16px;}
#formulario form label span {
    color: #3f3f41;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 10px;
    float: left;
    margin-bottom: 10px;
}
#formulario form .hs-error-msg { font-size: 14px; color: #ff0000; }
#formulario form .hs-form-field{ margin-bottom: 15px; }
#formulario form .actions{ text-align: center;}
#formulario textarea {width:100%;min-height:53px;padding:13px;}
#formulario form select.hs-input {background-image:url();background-size:5%;background-repeat:no-repeat;background-position:right;background-position-x: 95%;}
#formulario form .hs-submit .hs-button {transition:all ease 0.5s;cursor:pointer;font-size:28px;color:#153B84;font-weight:700;background:#FFD300;width:fit-content;text-align:center;border:unset;border-radius:34px;padding: 13px 16%;box-shadow: 0px 3px 26px rgb(0 0 0 / 16%);}
#formulario form .hs-submit .hs-button:hover {margin-left:10%;transition:all ease 0.5s;}
#formulario form legend {color:#000000;font-size:14px;}
#formulario form .hs-fieldtype-booleancheckbox {display: flex;align-items: center;justify-content: center;height: 30px;gap:20px;}
#formulario form .hs-field-desc {width:fit-content;}
#formulario form .hs-fieldtype-booleancheckbox legend {font-size:17px;}
#formulario form .hs-fieldtype-booleancheckbox .input {width:fit-content;}
#formulario form .hs-fieldtype-booleancheckbox .input input {width:17px!important;}
#formulario fieldset.form-columns-1 .hs-input::after {display:none;}

#linea{}
#linea hr{ max-width: 100%; background: #DBDBDB; height: 1px; border: 0px;}


.publicaciones { padding: 50px 0px 130px 0px;}
.publicaciones h2{ text-align: center; margin-bottom: 50px;}
.publicaciones .relacionados{ border: solid 1px #707070; border-radius: 16px; overflow: hidden;}
.publicaciones .relacionados:hover { border: solid 1px #F9B91C;}
.publicaciones .relacionados .related-image{}
.publicaciones .relacionados .related-image a{ height: 219px; float: left; width: 100%; background-position: center !important;}
.publicaciones .relacionados .related-image .eff-o{ width: 100%; height: 219px;transition: 0.3s;}
.publicaciones .relacionados .related-image a:hover .eff-o{ background-color: rgb(0 0 0 / 53%);}
.publicaciones .relacionados .related-image .eff-o svg { opacity: 0; margin: 94px 43.7%; text-align: center;}
.publicaciones .relacionados .related-image a:hover .eff-o svg {opacity:1;}
.publicaciones .relacionados .related-title { float: left; padding: 25px;}
.publicaciones .relacionados .related-title .post-list-titulo { font-size: 20px; font-weight: 700; line-height: 1.5; letter-spacing: 0px; color: #000; margin-bottom: 18px; min-height: 90px;}
.publicaciones .relacionados .related-title .post-list-titulo a{}
.publicaciones .relacionados .related-title p { font-size: 17px; min-height: 112px;}
.publicaciones .relacionados .btn-landing{ padding: 0px 45px 25px 25px; float: left; width: 100%; text-align: right; transition: 0.3s}
.publicaciones .relacionados .btn-landing:hover {padding: 0px 25px 25px 25px;}
.publicaciones .relacionados .btn-landing svg path{fill: rgb(159, 159, 159);transition: 0.3s;}
.publicaciones .relacionados .btn-landing:hover svg path{fill: rgb(249, 185, 28);}


@media screen and (max-width:1100px) and (min-width:767px){
.banner-row-0-vertical-alignment > .row-fluid { width: 90%; margin: 0px 5%;}
.dnd_area-row-1-padding, .dnd_area-row-3-padding { padding-left: 5% !important; padding-right: 5% !important;}
}


@media screen and (max-width : 767px) and (min-width : 300px) {
#seccion-stock .cuadro {margin-bottom: 50px;}
#seccion-stock h3 { margin-bottom: 20px;}
#seccion-stock .span4 { width: 100%;}
    
#modulo-benefios .boxer .span12.cv-superior {display:block !important;}
#modulo-benefios .boxer .span12.cv-superior .centro-vertical {display:block !important;}
#modulo-benefios .boxer .span12.cv-superior .centro-vertical.img-principal-beneficios {display:none !important;}
#modulo-benefios .boxer .span12 .span4.opacity-zero { display:none !important;}
#modulo-benefios .go-down .cuadro {margin-bottom: 0px !important;}
#modulo-benefios .go-up .cuadro {margin-top: 0px !important;}
#modulo-benefios .cuadro { height: auto;}
#modulo-benefios .cuadro.bottom { padding-bottom: 0px;}
    
.titulo_texto h1 {line-height: 1.2!important;}    
.boxer { width: 300px;}
.dnd-section.row-fluid-wrapper {float: left;width: 100%;padding-left:10%!important;padding-right:10%!important;}
.dnd-section .row-fluid {float: left;width: 100%;}
.row-fluid [class*="span"] {width: 100%;min-height: 0 !important;float: left;margin-left:0;}
.banner .dnd-section{ float: left; width: 100%;}
.banner, .banner .row-fluid-wrapper, .banner .row-fluid-wrapper .row-fluid{ float: left; width: 100%; }
.banner .dnd-section .row-fluid:first-child { width: 100%; margin: 0px auto; float: initial;}
.boxer-v2 .dnd_area-row-0-padding { padding-top: 50px !important;padding-bottom: 50px !important;}
.banner #imagen_adornos, .banner #formulario { position: inherit; top: 0px;}
.banner h1 { letter-spacing: 1.5px; font-size: 27px; font-weight: 700; line-height: 1.5; letter-spacing: 0; color: #fff;}
#formulario .formulario {}  
#formulario {} 
#formulario form .hs-fieldtype-booleancheckbox {margin: 20px 0;}
#formulario form .hs-field-desc {width:100%;}
#formulario form .hs-fieldtype-booleancheckbox .input {width:100%;}
#linea {}  
#imagen_adornos {}   
.go_top { margin-top: 50px;}  
.cuerpo .dnd_area-row-1-padding { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; float: left;}
.ajuste_sobrepuesto_superior { margin-top: 3%; margin-bottom: -7px;}
.cuerpo #imagen_adornos, .cuerpo .hs_cos_wrapper_type_rich_text, .cuerpo #Lista_destacada, .cuerpo #titulo_texto, .cuerpo .boton {  width: 80%; margin: 0px 10%; float: left;}
#imagen_adornos .imagen { margin: 0px 0px 25px 0px;}
 h2 {  font-size: 30px; }
 h3 {  font-size: 26px; }  
.publicaciones { padding: 50px 0px 50px 0px;}
.publicaciones .boxer { width: 80%; margin: 0px 10% !important; float: left;}
.publicaciones .relacionados { margin-bottom: 30px;}  
.columnas-row-3-padding { width: 100%; float: left;}
}