/* ---------------------------------  MI CUENTA --------------------------------- */

/* _________________ BARRRA DE PROGRESO _________________ */
.progress-bar-doc {
    counter-reset: step-count-doc;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
}
  
.icon_progress_m {
    position: absolute;
    top: -25%;
    left: 0;
    right: 0;
    font-size: 1.3rem;
    color: #c0a359;
}

.progress-step-doc {
    text-align: center;
    position: relative;
}

.progress-step-doc:before, .progress-step-doc:after {
    background-color: #c0a359;
    content: "";
    height: 2px;
    position: absolute;
    top: 20px;
}

.progress-step-doc:after {
    left: 60%;
    width: 80%;
}

.progress-step-doc:last-of-type.is-active:after {
    background-color: #c0a359;
}

.progress-step-doc:last-of-type.is-active:after {
    background-color: #c0a359;
}

@media screen and (min-width: 640px) {
    .progress-step-doc:first-of-type:before {
      right: 60%;
      width: 50%;
    }
}

@media screen and (max-width: 640px) {
    .progress-step-doc:first-of-type:before, .progress-step-doc:last-of-type:after {
      background-color: white !important;
    }
}

.progress-step-doc:last-of-type:after {
    left: 60%;
    width: 40%;
}
.progress-step-doc .step-count-doc {
    background-color: #c0a359;
    height: 45px;
    width: 45px;
    margin: 0 auto;
    border-radius: 50%;
    color: white;
    line-height: 30px;
    z-index: 100;
    border: 7px solid white;
    font-size: 1rem;
    font-weight: 500;
}

.progress-step-doc .step-count-doc:before {
    counter-increment: step-count-doc;
    content: counter(step-count-doc);
}

.progress-step-doc.is-active .step-description-doc {
    font-weight: 500;
}

.progress-step-doc.is-active:after {
    background-color: #dad6ce;
}

.progress-step-doc.is-active ~ .progress-step-doc .step-count-doc{
    background-color: #dad6ce;
}

.progress-step-doc.is-active ~ .progress-step-doc .icon_progress_m{
    color: #dad6ce;
}

.progress-step-doc.is-active ~ .progress-step-doc:after{
    background-color: #dad6ce;
}

.step-description-doc {
    font-size: 0.8rem;
}

/* _________________ END BARRRA DE PROGRESO _________________ */

/* ---------------------------------------------------------------------------- */

/* --------------------------------- END MI CUENTA --------------------------------- */

.grey-transparent{
    color: rgb(152, 143, 129);
}

.single-input-cuenta{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

#table_datos_cot-ped{
    width:100%;
    table-layout:fixed;
}

.tdbreak {
    white-space: break-spaces;
}


/* _______________________________________ INFO PAQ, PRO, SER _______________________________________ */

.btn-whats-informa{
    width: 50px;
    height: 46px;
    line-height: 46px;
    display: inline-block;
    font-size: 20px;
    border: 1px solid #ddd;
    text-align: center;
}
.a-img-gallery{
    width: -webkit-fill-available;
    display: grid;
    align-items: center;
    justify-content: center;
}

#imagen_produc_informacion{
    height: 400px;
    max-height: 500px;
    min-height: 250px;
}

.img_cover_p{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.d_flex-center-div{
    display: flex;
    justify-content: center;
    align-items: center;
}

.card_servicios_width label{
    max-height: 70px;
    overflow: hidden;
}

/* _________________ SLIDER GALERÍA _________________ */
#imagen_grande_producto .slick-track,
#imagen_grande_producto .slick-list {
    max-height: 450px;
}

#imagen_chica_producto{
    margin-top: 1.5rem;
}
#imagen_grande_producto .slick-slide,
#imagen_grande_producto .slick-slide div,
#imagen_grande_producto .slick-slide div .easyzoom-style,
#imagen_grande_producto .slick-slide div .easyzoom-style a{
    height: 450px;
}

#modal_galeria_img.slick-slide{
    height: 100%;
    max-height: 450px;
}

#imagen_grande_producto .slick-slide div .easyzoom-style a img{
    max-height: 450px;
}

.cover-img{
    object-fit: cover;
}

/* _________________ INDEX  _________________ */

@media only screen and (max-width:1200px) {
    #slider_paquetes{
        height: 350px;
    }
    #slider_paquetes .slick-list,
    #slider_paquetes .slick-track,
    #slider_paquetes .slick-track .slick-slide,
    #slider_paquetes .slick-track .slick-slide div,
    #slider_paquetes .slick-track .slick-slide .img_seccion_index_1{
        height: 350px;
    }
}

@media only screen and (max-width:991px) {
    .product-details-content .price {
        font-size: 22px;
    }
    .bg-img-slider-index h1{
        font-size: 30px;
    }

    #slider_paquetes{
        height: 300px;
    }
    #slider_paquetes .slick-list,
    #slider_paquetes .slick-track,
    #slider_paquetes .slick-track .slick-slide,
    #slider_paquetes .slick-track .slick-slide div,
    #slider_paquetes .slick-track .slick-slide .img_seccion_index_1{
        height: 300px;
    }
}

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

    .product-details-content .price {
      font-size: 20px;
    }

    .bg-img-slider-index{
        background: radial-gradient(rgba(255, 255, 255, 0));
    }

    #slider_paquetes{
        height: 250px;
    }
    #slider_paquetes .slick-list,
    #slider_paquetes .slick-track,
    #slider_paquetes .slick-track .slick-slide,
    #slider_paquetes .slick-track .slick-slide div,
    #slider_paquetes .slick-track .slick-slide .img_seccion_index_1{
        height: 250px;
    }
    .card_info-cat{
        height: 200px;
    }
    .card_info-cat .info-card p{
        font-size: 16px;
    }
    .single-hero-slider-7.bg-img.overflow-hidden .hero-text-7{
        justify-self: center;
        display: grid;
        align-content: center;
    }
}

@media only screen and (max-width:576px) {
    #imagen_grande_producto .slick-track,
    #imagen_grande_producto .slick-list {
        max-height: 250px;
    }

    #imagen_grande_producto .slick-slide,
    #imagen_grande_producto .slick-slide div,
    #imagen_grande_producto .slick-slide div .easyzoom-style,
    #imagen_grande_producto .slick-slide div .easyzoom-style a{
        height: 250px;
    }

    .post-author-box .post-author-info {
        margin-left: 0;
        margin-top: 0px;
    }

    .overflow-desc-index{
        max-height: 100px;
        min-height: 70px;
    }

    .section-text-paquete .hero-text-7 h1{
        font-size: 24px;
        margin-top: 2rem;
    }

    .section-text-paquete .hero-text-7 p{
        font-size: 12px;
    }
    .btn--border-bottom{
        font-size: 14px;
    }

    #modal_galeria_img .slick-slide{
        height: 250px;
    }

    #imagen_grande_producto .slick-slide div .easyzoom-style a img{
        max-height: 250px;
    }
    .nom-card-cat-footer {
        top: 10px;
    }
    .nom-card-cat-footer {
        font-size: 10px;
    }

    .card_info-cat{
        height: 150px;
    }
    .card_info-cat .info-card p{
        font-size: 10px;
    }
}

.h-inherit{
    height: inherit;
}
.img_centrar_slider{
    max-height: 450px;
    margin: 0px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

/* _________________ END SLIDER GALERÍA _________________ */



/* _______________________________________ ZOOM _______________________________________ */

figure.containerZoom img {
    background-color: white;
}

#btn-ahora-flotante{
    display: flex;
}

#mover-card-2{
    max-width: 70px;
}
.input-size_per.quickview-quality .cart-plus-minus {
    width: 70px;
    max-width: 70px;
}
  
.input-size_per.quickview-quality .cart-plus-minus input.cart-plus-minus-box {
    width: 70px;
    max-width: 70px;
}

.cant_producto_card_lateral {
    width: 20px;
    max-width: 20px;
}

/* _______________________________________ SEARCH BAR _______________________________________ */

input[type="search"] {
    -webkit-appearance: none !important;
    background-clip: padding-box;
    background-color: white;
    vertical-align: middle;
    border-radius: 0.25rem;
    border: 1px solid #e0e0e5;
    font-size: 1rem;
    width: 100%;
    line-height: 2;
    padding: 0.375rem 1.25rem;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    transition: border-color 0.2s;
  }
  
  form.search-form {
    display: flex;
    justify-content: center;
  }
  input.search-field {
    margin-bottom: 0;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    align-self: center;
    height: 51px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

/* _______________________________________ VISUAL REFRESH INDEX _______________________________________ */

body.index-modern {
    background: #ffffff;
}

#main-wrapper.modern-index {
    border-bottom: 0 !important;
    background: #ffffff;
}

#main-wrapper.modern-index .modern-section-title {
    font-size: 1.2rem;
    color: #0f1f49;
    font-weight: 700;
    letter-spacing: .2px;
    margin-bottom: 0;
}

.section-badge-blue{
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: .86rem;
    font-weight: 700;
    color: #ffffff;
    background: #1d4ed8;
    box-shadow: 0 8px 18px rgba(29, 78, 216, 0.28);
    letter-spacing: .2px;
    text-transform: uppercase;
}

.section-badge-home{
    margin-top: 2px;
    margin-bottom: 10px !important;
}

/* En mobile, separar "Productos destacados" de los segmentos de clientes */
@media only screen and (max-width: 991px){
    #slider_logos_footer + [class*="col"] {
        margin-top: 18px;
    }
}

.section-badge-home-placeholder{
}

#main-wrapper.modern-index #section_marcas_index{
    margin-top: 1.1rem !important;
}

#main-wrapper.modern-index .marcas-header-inline{
    gap: 10px;
}

#main-wrapper.modern-index .marcas-search-wrap{
    min-width: 170px;
    max-width: 220px;
    width: 100%;
    text-align: right;
}

#main-wrapper.modern-index .marcas-search-input{
    width: 100%;
    min-height: 30px;
    border: 1px solid #d7e1ef;
    border-radius: 8px;
    background: #fff;
    color: #10234d;
    font-size: .76rem;
    padding: 5px 9px;
}

#main-wrapper.modern-index .marcas-search-input:focus{
    border-color: #93c5fd;
    box-shadow: 0 0 0 2px rgba(147, 197, 253, .25);
}

#main-wrapper.modern-index .marcas-search-status{
    display: inline-block;
    margin-top: 3px;
    font-size: .7rem;
    color: #9ca3af;
}

body.index-modern #main-wrapper.modern-index #section_marcas_index{
    position: relative;
    padding-top: 14px;
    background-image: linear-gradient(90deg, rgba(16, 35, 77, 0) 0%, rgba(16, 35, 77, .14) 50%, rgba(16, 35, 77, 0) 100%);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: top center;
}

#main-wrapper.modern-index #slider_marcas_index{
    margin: 0 -6px;
}

#main-wrapper.modern-index #slider_marcas_index .marca-item{
    background: #ffffff;
    border: 1px solid #e2e8f3;
    border-radius: 12px;
    min-height: 220px;
    margin: 6px;
    padding: 18px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 10px 20px rgba(15, 31, 73, 0.08);
    transition: transform .25s ease, box-shadow .25s ease;
}

#main-wrapper.modern-index #slider_marcas_index .marca-item:hover{
    transform: translateY(-4px);
    box-shadow: 0 16px 28px rgba(15, 31, 73, 0.16), 0 0 0 2px rgba(29, 78, 216, 0.14);
}

#main-wrapper.modern-index #slider_marcas_index .marca-item.is-search-match{
    border-color: rgba(251, 146, 60, .35);
    box-shadow: 0 10px 20px rgba(15, 31, 73, 0.08), 0 0 0 2px rgba(251, 146, 60, .16);
}

#main-wrapper.modern-index #slider_marcas_index .marca-item__logo-wrap{
    width: 84px;
    height: 84px;
    border-radius: 8px;
    background: #f8fbff;
    border: 1px solid #dbe5f4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    padding: 8px;
}

#main-wrapper.modern-index #slider_marcas_index .marca-item__logo{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

#main-wrapper.modern-index #slider_marcas_index .marca-item__name{
    color: #1d4ed8;
    font-family: inherit;
    font-size: 1.12rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .2px;
}

#main-wrapper.modern-index #slider_marcas_index .marca-arrow{
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    background: rgba(29, 78, 216, .12);
    border-radius: 50%;
    color: #1d4ed8;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
    z-index: 3;
}

#main-wrapper.modern-index #slider_marcas_index .marca-arrow:hover{
    background: #1d4ed8;
    color: #fff;
}

.scroll-top{
    background-color: #f97316 !important;
}

@media only screen and (max-width: 576px){
    #main-wrapper.modern-index #slider_marcas_index .marca-item{
        min-height: 170px;
        padding: 12px 8px;
    }

    #main-wrapper.modern-index #slider_marcas_index .marca-item__logo-wrap{
        width: 66px;
        height: 66px;
        margin-bottom: 10px;
    }

    #main-wrapper.modern-index #slider_marcas_index .marca-item__name{
        font-size: .92rem;
    }
}

#main-wrapper.modern-catalog #section_marcas_index{
    margin-top: 1.1rem !important;
}

#main-wrapper.modern-catalog .marcas-header-inline{
    gap: 10px;
}

#main-wrapper.modern-catalog .marcas-search-wrap{
    min-width: 170px;
    max-width: 220px;
    width: 100%;
    text-align: right;
}

#main-wrapper.modern-catalog .marcas-search-input{
    width: 100%;
    min-height: 30px;
    border: 1px solid #d7e1ef;
    border-radius: 8px;
    background: #fff;
    color: #10234d;
    font-size: .76rem;
    padding: 5px 9px;
}

#main-wrapper.modern-catalog .marcas-search-input:focus{
    border-color: #93c5fd;
    box-shadow: 0 0 0 2px rgba(147, 197, 253, .25);
}

#main-wrapper.modern-catalog .marcas-search-status{
    display: inline-block;
    margin-top: 3px;
    font-size: .7rem;
    color: #9ca3af;
}

body.page-cat-productos #main-wrapper.modern-catalog #section_marcas_index{
    position: relative;
    padding-top: 14px;
    background-image: linear-gradient(90deg, rgba(16, 35, 77, 0) 0%, rgba(16, 35, 77, .14) 50%, rgba(16, 35, 77, 0) 100%);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: top center;
}

#main-wrapper.modern-catalog #slider_marcas_index{
    margin: 0 -6px;
}

#main-wrapper.modern-catalog #slider_marcas_index .marca-item{
    background: #ffffff;
    border: 1px solid #e2e8f3;
    border-radius: 12px;
    min-height: 220px;
    margin: 6px;
    padding: 18px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 10px 20px rgba(15, 31, 73, 0.08);
    transition: transform .25s ease, box-shadow .25s ease;
}

#main-wrapper.modern-catalog #slider_marcas_index .marca-item:hover{
    transform: translateY(-4px);
    box-shadow: 0 16px 28px rgba(15, 31, 73, 0.16), 0 0 0 2px rgba(29, 78, 216, 0.14);
}

#main-wrapper.modern-catalog #slider_marcas_index .marca-item.is-search-match{
    border-color: rgba(251, 146, 60, .35);
    box-shadow: 0 10px 20px rgba(15, 31, 73, 0.08), 0 0 0 2px rgba(251, 146, 60, .16);
}

#main-wrapper.modern-catalog #slider_marcas_index .marca-item__logo-wrap{
    width: 84px;
    height: 84px;
    border-radius: 8px;
    background: #f8fbff;
    border: 1px solid #dbe5f4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    padding: 8px;
}

#main-wrapper.modern-catalog #slider_marcas_index .marca-item__logo{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

#main-wrapper.modern-catalog #slider_marcas_index .marca-item__name{
    color: #1d4ed8;
    font-family: inherit;
    font-size: 1.12rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .2px;
}

#main-wrapper.modern-catalog #slider_marcas_index .marca-arrow{
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    background: rgba(29, 78, 216, .12);
    border-radius: 50%;
    color: #1d4ed8;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
    z-index: 3;
}

#main-wrapper.modern-catalog #slider_marcas_index .marca-arrow:hover{
    background: #1d4ed8;
    color: #fff;
}

@media only screen and (max-width: 576px){
    #main-wrapper.modern-catalog #slider_marcas_index .marca-item{
        min-height: 170px;
        padding: 12px 8px;
    }

    #main-wrapper.modern-catalog #slider_marcas_index .marca-item__logo-wrap{
        width: 66px;
        height: 66px;
        margin-bottom: 10px;
    }

    #main-wrapper.modern-catalog #slider_marcas_index .marca-item__name{
        font-size: .92rem;
    }
}

.btn-explorar-mas-categorias{
    border: 1px solid #1d4ed8;
    background: #ffffff;
    color: #1d4ed8;
    border-radius: 999px;
    padding: 7px 14px;
    font-size: .82rem;
    font-weight: 700;
    transition: all .2s ease;
}

.btn-explorar-mas-categorias:hover{
    background: #eaf1ff;
    color: #1d4ed8;
    border-color: #1d4ed8;
}

.btn-explorar-mas-categorias .exp-yellow{
    color: #1d4ed8;
    font-weight: 800;
}

.btn-explorar-mas-categorias .exp-plus{
    color: #1d4ed8;
    font-weight: 800;
    margin: 0 1px;
}

.categorias-header-inline{
    gap: 10px;
}

.btn-explorar-mas-categorias:hover .exp-yellow,
.btn-explorar-mas-categorias:hover .exp-plus{
    color: #1d4ed8;
}

#main-wrapper.modern-index .hero-area{
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem;
}

#main-wrapper.modern-index .hero-area + .container-fluid.container-fluid--cp-100.mt-4.mb-3{
    position: relative;
    border-radius: 0;
    background: transparent;
    border: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

#main-wrapper.modern-index .hero-area + .container-fluid.container-fluid--cp-100.mt-4.mb-3::before{
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    height: 1px;
    border-radius: 0;
    background: linear-gradient(90deg, rgba(29, 78, 216, 0) 0%, rgba(29, 78, 216, .14) 50%, rgba(29, 78, 216, 0) 100%);
}

#main-wrapper.modern-index .container-fluid.container-fluid--cp-100.mt-4{
    margin-top: 1.75rem !important;
}

#main-wrapper.modern-index .about-us-pages-area{
    margin-top: 1.75rem;
    padding-top: .35rem;
}

#main-wrapper.modern-index #section-categories{
    position: relative;
    border-radius: 0;
    background: transparent;
    border: 0;
    padding-top: 4px;
}

#main-wrapper.modern-index #section-categories::before{
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 1px;
    border-radius: 0;
    background: linear-gradient(90deg, rgba(16, 35, 77, 0) 0%, rgba(16, 35, 77, .12) 50%, rgba(16, 35, 77, 0) 100%);
}

#main-wrapper.modern-index #container-slider_paquetes {
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 16px 32px rgba(15, 31, 73, 0.12);
}

#main-wrapper.modern-index #slider_paquetes .img_seccion_index_1,
#main-wrapper.modern-index #slider_paquetes .img_seccion_index_2 {
    transition: transform .35s ease;
}

#main-wrapper.modern-index #slider_paquetes .slick-slide:hover .img_seccion_index_1,
#main-wrapper.modern-index #slider_paquetes .slick-slide:hover .img_seccion_index_2 {
    transform: scale(1.02);
}

#main-wrapper.modern-index #slider_paquetes .slick-index-top,
#main-wrapper.modern-index #slider_productos_index .slick-arrow {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 999px;
    background: #ffffff;
    color: #4b5d84;
    border: 1px solid #d9e1ef;
    box-shadow: 0 8px 18px rgba(15, 31, 73, 0.14);
}

#main-wrapper.modern-index #slider_paquetes .slick-index-top:hover,
#main-wrapper.modern-index #slider_productos_index .slick-arrow:hover {
    background: #1d4ed8;
    color: #ffffff;
    border-color: #1d4ed8;
}

#main-wrapper.modern-index #slider_logos_footer {
    padding-right: 10px;
}

#main-wrapper.modern-index #slider_logos_footer .post-author-box {
    background: #ffffff;
    border: 1px solid #e2e8f3;
    border-radius: 14px !important;
    box-shadow: 0 10px 20px rgba(15, 31, 73, 0.08);
    transition: transform .25s ease, box-shadow .25s ease;
}

#main-wrapper.modern-index #slider_logos_footer .post-author-box:hover,
#main-wrapper.modern-index #slider_logos_footer .post-author-box.active {
    transform: translateY(-2px);
    box-shadow: 0 14px 24px rgba(15, 31, 73, 0.14);
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    min-height: 64px;
}

/* ================================================================
   CONOCENOS  —  cn-* design system
   ================================================================ */

/* --- Page shell --- */
body.page-conocenos .breadcrumb-area{
    background: linear-gradient(180deg, #feffff 0%, #f8faff 100%);
    border-bottom: 1px solid rgba(16,35,77,.06);
    padding-top: 34px;
    padding-bottom: 34px;
}
body.page-conocenos .breadcrumb-title{
    color: var(--dc-text,#10234d);
    font-weight: 800;
}
body.page-conocenos .breadcrumb-list li,
body.page-conocenos .breadcrumb-list li a{
    color: var(--dc-muted,#5f6f8d);
}
body.page-conocenos #section_datos_negocio_conoce{
    background: #fcfdff;
}

/* --- Gradient divider --- */
.cn-divider{
    height: 1px;
    margin: 6px 0;
    background: linear-gradient(90deg,
        rgba(16,35,77,0) 0%,
        rgba(16,35,77,.10) 30%,
        rgba(16,35,77,.10) 70%,
        rgba(16,35,77,0) 100%);
}

/* --- Section rhythm --- */
.cn-section{
    padding: 40px 0;
}
.cn-section__header{
    margin-bottom: 18px;
}

/* ======================== 1 · HERO ======================== */
.cn-hero{
    padding: 48px 0 40px;
    background: linear-gradient(160deg, #f0f5ff 0%, #fcfdff 60%);
}

/* Blue box (right side) */
.cn-hero-box{
    background: #1d4ed8;
    border-radius: 0;
    padding: 36px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-height: 340px;
    transition: box-shadow .5s ease;
    box-shadow: 0 12px 32px rgba(16,35,77,.14);
}
.cn-hero-box.cn-hero-box--glow{
    box-shadow:
        0 0 30px rgba(29,78,216,.35),
        0 0 60px rgba(29,78,216,.18),
        0 16px 48px rgba(16,35,77,.18);
}
.cn-hero-box__title{
    font-size: 5rem;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.05;
    margin-bottom: .65rem;
}
.cn-hero-box__tagline{
    font-size: .98rem;
    color: rgba(255,255,255,.78);
    line-height: 1.65;
    margin-bottom: 1.5rem;
}
.cn-hero-box__actions{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.cn-hero-box__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 11px 26px;
    background: #ffffff;
    color: #1d4ed8;
    font-weight: 700;
    font-size: .9rem;
    border: none;
    cursor: pointer;
    text-decoration: none;
    min-width: 160px;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.cn-hero-box__btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(255,255,255,.25);
    background: #eef3ff;
    color: #1d4ed8;
    text-decoration: none;
}
.cn-btn-outline{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 24px;
    border: 1.5px solid var(--dc-border,#dde6f2);
    color: var(--dc-text,#10234d);
    font-weight: 600;
    font-size: .9rem;
    background: #fff;
    cursor: pointer;
    text-decoration: none;
}
.cn-btn-outline:hover{
    background: #f0f5ff;
    border-color: #c8dafd;
    color: #1d4ed8;
    text-decoration: none;
}
.cn-btn-primary{
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* hero image / video (left side) */
.cn-hero__media{
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}
.cn-hero__img{
    position: relative;
    flex: 1;
    display: flex;
}
.cn-hero__img-inner{
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(16,35,77,.12);
    border: 1px solid #dce6fb;
    flex: 1;
    display: flex;
}
.cn-hero__img-inner img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* play button */
.cn-play-btn{
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 2;
    text-decoration: none;
}
.cn-play-btn__circle{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #ffa41c;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(255,164,28,.4);
    transition: transform .2s ease;
}
.cn-play-btn__circle i{
    color: #fff;
    font-size: 18px;
    margin-left: 3px;
}
.cn-play-btn:hover .cn-play-btn__circle{
    transform: scale(1.08);
}

/* ======================== 2 · ABOUT ======================== */
.cn-about__text{
    font-size: .95rem;
    color: #374151;
    line-height: 1.7;
}
.cn-about__row,
.cn-services__row{
    margin-top: 2px;
}
.cn-services__row{
    align-items: center !important;
}
.cn-about__logo-col,
.cn-about__text-col,
.cn-services__text-col,
.cn-services__icon-col{
    display: flex;
    align-items: stretch;
}
.cn-services__icon-col{
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-top: 0;
}
.cn-about__text-col .cn-about__text,
.cn-services__text-col .cn-services__text{
    margin-bottom: 0;
    align-self: center;
}

/* brand badge / logo */
.cn-brand-badge{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 340px;
    padding: 1.5rem;
    background: #ffffff;
    border: 1px solid #e3eaf7;
    border-radius: 14px;
    width: 100%;
}
.cn-brand-badge img{
    max-width: 100%;
    max-height: 300px;
    object-fit: contain;
}

/* ======================== 3 · GALLERY STRIP ======================== */
.cn-gallery-strip{
    padding: 20px 0 8px;
    background: linear-gradient(180deg, #f6f9ff 0%, #fcfdff 100%);
}
.cn-gallery-strip .slick-list{
    overflow: hidden;
}

.cn-gallery-strip .products-images{
    border-radius: 0;
}
.cn-gallery-strip .slick-slide:first-child .products-images{
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}
.cn-gallery-strip .slick-slide:last-child .products-images{
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

/* ======================== 4 · SERVICES ======================== */
.cn-services__text{
    font-size: 1rem;
    color: #374151;
    line-height: 1.7;
    max-width: 100%;
    margin: 0;
}

.cn-services-grid{
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    grid-template-areas:
        "leftLabel rightLabel"
        "leftBody rightBody";
    column-gap: 48px;
    row-gap: 18px;
    align-items: start;
}
.cn-services-grid__left-label{ grid-area: leftLabel; }
.cn-services-grid__right-label{ grid-area: rightLabel; }
.cn-services-grid__left-content{ grid-area: leftBody; }
.cn-services-grid__right-content{
    grid-area: rightBody;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cn-linea-current-label{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    position: static;
    margin: 0;
    padding: 5px 12px;
    border-radius: 999px;
    background: #f97316;
    color: #ffffff;
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .2px;
    text-transform: uppercase;
}

.cn-serv-linea-badge{
    width: 100%;
    min-height: auto;
    background: transparent;
    border-radius: 0;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    box-shadow: none;
}
.cn-serv-linea-badge__icon-wrap{
    width: 156px;
    height: 156px;
    border-radius: 0;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}
.cn-serv-linea-badge__icon-wrap img{
    width: 78%;
    height: 78%;
    object-fit: contain;
    filter: none;
}
.cn-serv-linea-badge h5{
    color: #10234d;
    font-weight: 700;
    font-size: 1.05rem;
    margin: 0;
}

/* ======================== 5 · LÍNEA INDIVIDUAL ======================== */
/* Header: icono grande izq + texto der */
.cn-linea-actual{
    display: flex;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 28px;
}
.cn-linea-actual__icon{
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cn-linea-actual__icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.cn-linea-actual__info{
    flex: 1;
    min-width: 0;
}
.cn-linea-actual__label{
    display: inline-block;
    font-size: .86rem;
    font-weight: 600;
    color: #1d4ed8;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 4px;
}
.cn-linea-actual__name{
    color: var(--dc-text,#10234d);
    font-weight: 800;
    font-size: 1.5rem;
    margin-bottom: .4rem;
}
.cn-linea-actual__desc{
    color: #4b5563;
    line-height: 1.6;
    font-size: .93rem;
}

/* Productos aleatorios grid */
.cn-productos-linea__title{
    font-size: 1.12rem;
    font-weight: 700;
    color: var(--dc-text,#10234d);
    margin-bottom: 14px;
}
.cn-productos-linea__grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.cn-prod-thumb{
    display: block;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e3eaf7;
    transition: transform .2s ease, box-shadow .2s ease;
}
.cn-prod-thumb:hover{
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(16,35,77,.10);
}
.cn-prod-thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cn-linea-card{
    background: #fff;
    border: 1px solid #e3eaf7;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 10px 28px rgba(16,35,77,.06);
}
.cn-linea-card__img{
    border-radius: 12px;
    min-height: 220px;
}
.cn-linea-card__name{
    color: var(--dc-text,#10234d);
    font-weight: 700;
    margin-bottom: .5rem;
}
.cn-linea-card__desc{
    color: #4b5563;
    line-height: 1.6;
    font-size: .93rem;
}

/* ======================== 6 · LÍNEAS GRID ======================== */
.cn-heading-center{
    text-align: center;
    color: var(--dc-text,#10234d);
    font-weight: 800;
    margin-bottom: 24px;
}

.cn-ln-card{
    background: #fff;
    border: 1px solid #e3eaf7;
    border-radius: 14px;
    padding: 24px 18px;
    text-align: center;
    height: 100%;
    cursor: pointer;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.cn-ln-card-link{
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}
.cn-ln-card-link:hover{
    text-decoration: none;
    color: inherit;
}
.cn-ln-card:hover{
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(16,35,77,.10);
    border-color: #c8dafd;
}
.cn-ln-card__icon{
    width: 72px;
    height: 72px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cn-ln-card__icon img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.cn-ln-card__name{
    color: var(--dc-text,#10234d);
    font-weight: 700;
    margin-bottom: 6px;
    font-size: 1rem;
}
.cn-ln-card__desc{
    color: #6b7280;
    font-size: .85rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* línea detalle */
.cn-linea-detail{
    margin-top: 28px;
    padding: 24px;
    background: #fff;
    border: 1px solid #e3eaf7;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(16,35,77,.06);
}
.cn-linea-detail__img{
    border-radius: 12px;
    min-height: 220px;
}
.cn-linea-detail__name{
    color: var(--dc-text,#10234d);
    font-weight: 700;
    margin-bottom: .5rem;
}
.cn-linea-detail__desc{
    color: #4b5563;
    line-height: 1.6;
    font-size: .93rem;
    margin-bottom: 1rem;
}

/* ======================== 7 · TRUST ======================== */
.cn-trust{
    background: linear-gradient(180deg, #f6f9ff 0%, #fcfdff 100%);
}
.cn-trust__card{
    background: #fff;
    border: 1px solid #e2e8f3;
    border-radius: 14px;
    padding: 24px 20px;
    height: 100%;
    box-shadow: 0 8px 20px rgba(16,35,77,.05);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.cn-trust__card:hover{
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(16,35,77,.09);
    border-color: #c8dafd;
}
.cn-trust__icon{
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(135deg, #eef3ff 0%, #dce6fb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}
.cn-trust__icon i{
    color: #1d4ed8;
    font-size: 1.15rem;
}
.cn-trust__card h6{
    color: #0f172a;
    font-weight: 700;
    margin-bottom: 6px;
}
.cn-trust__card p{
    color: #4b5563;
    font-size: .87rem;
    line-height: 1.5;
    margin-bottom: 0;
}

/* ======================== 8 · CTA FINAL ======================== */
.cn-cta-final{
    padding: 48px 0 56px;
}
.cn-cta-final__box{
    text-align: center;
    background: #ffffff;
    border-radius: 18px;
    padding: 40px 32px;
    color: #10234d;
    border: 1px solid #dbe5f3;
    box-shadow: 0 10px 24px rgba(16,35,77,.08);
}
.cn-cta-final__box h3{
    font-size: 1.85rem;
    font-weight: 800;
    margin-bottom: 8px;
    color: #10234d;
}
.cn-cta-final__box p{
    opacity: 1;
    font-size: 1.08rem;
    margin-bottom: 22px;
    color: #5f6f8d;
}
.cn-cta-final__btns{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}
.cn-cta-final__btns .cn-btn-primary,
.cn-cta-final__btns .cn-btn-outline{
    font-size: 1rem;
    justify-content: center;
    text-align: center;
}
.cn-cta-final__btns .cn-btn-outline{
    border-color: #1d4ed8;
    color: #1d4ed8;
    background: #ffffff;
}
.cn-cta-final__btns .cn-btn-outline:hover{
    background: #eef4ff;
    border-color: #1d4ed8;
    color: #1d4ed8;
}

/* ======================== RESPONSIVE ======================== */
@media only screen and (max-width: 991px){
    .cn-hero-box__title{ font-size: 3.2rem; }
    .cn-hero{ padding: 32px 0 28px; }
    .cn-hero-box{ min-height: 280px; padding: 28px 24px; }
    .cn-section{ padding: 30px 0; }
    .cn-services-grid{ column-gap: 28px; row-gap: 14px; }
    .cn-brand-badge{ min-height: 280px; }
    .cn-brand-badge img{ max-height: 240px; }
    .cn-serv-linea-badge{ min-height: auto; }
    .cn-serv-linea-badge__icon-wrap{ width: 135px; height: 135px; }
    .cn-linea-actual__icon{ width: 90px; height: 90px; }
    .cn-productos-linea__grid{ grid-template-columns: repeat(3, 1fr); }
}

@media only screen and (max-width: 767px){
    .cn-hero-box__title{ font-size: 2.4rem; }
    .cn-hero-box__tagline{ font-size: .9rem; }
    .cn-hero-box__actions{
        flex-direction: column;
    }
    .cn-hero-box__btn{
        min-width: 100%;
    }
    .cn-hero-box{
        min-height: auto;
        padding: 24px 18px;
        margin-bottom: 16px;
    }
    .cn-hero__media{
        padding: 0 12px;
    }
    .cn-about__row,
    .cn-services__row{
        margin-top: 0;
    }
    .cn-about__logo-col,
    .cn-about__text-col,
    .cn-services-grid{
        grid-template-columns: 1fr;
        grid-template-areas:
            "leftLabel"
            "leftBody"
            "rightLabel"
            "rightBody";
        column-gap: 0;
        row-gap: 12px;
    }
    .cn-services-grid__right-content{
        justify-content: center;
    }
    .cn-brand-badge{
        min-height: 220px;
        margin-bottom: 14px;
    }
    .cn-brand-badge img{ max-height: 190px; }
    .cn-serv-linea-badge{
        min-height: auto;
        margin-top: 8px;
    }
    .cn-linea-current-label{
        position: static;
        align-self: center;
        margin-top: 6px;
        margin-bottom: 12px;
        font-size: .85rem;
    }
    .cn-serv-linea-badge__icon-wrap{
        width: 114px;
        height: 114px;
        border-radius: 0;
    }
    .cn-linea-actual{
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 16px;
    }
    .cn-linea-actual__icon{ width: 80px; height: 80px; }
    .cn-productos-linea__grid{ grid-template-columns: repeat(2, 1fr); }
    .cn-cta-final__box{
        padding: 28px 20px;
    }
    .cn-cta-final__btns{
        flex-direction: column;
        align-items: center;
    }
    .cn-cta-final__btns .cn-btn-primary,
    .cn-cta-final__btns .cn-btn-outline{
        width: 100%;
        max-width: 320px;
    }
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno:before,
#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno:after {
    display: none !important;
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno .entorno-posicion-label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .2px;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(255,255,255,.96) 60%, rgba(255,255,255,0) 100%);
    color: #10234d;
    border: none;
    border-bottom: 1px solid rgba(16, 35, 77, .08);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    transition: opacity .16s ease;
    pointer-events: none;
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno .after-content-entorno {
    display: flex;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    min-height: 64px;
    margin: 0;
    padding: 20px 8px 6px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease;
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno:hover {
    display: flex;
    justify-content: stretch !important;
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno:hover .entorno-posicion-label,
#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno.active .entorno-posicion-label {
    opacity: 1;
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno.active {
    border-color: #bcd0f2;
    box-shadow: 0 14px 24px rgba(29, 78, 216, 0.2);
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno:hover .before-content-entorno,
#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno.active .before-content-entorno {
    opacity: 0;
    visibility: hidden;
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno:hover .after-content-entorno,
#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno.active .after-content-entorno {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno:hover .after-content-entorno.post-author-info,
#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno.active .after-content-entorno.post-author-info {
    border-left: 1px solid rgba(16, 35, 77, .22);
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno .after-content-entorno.post-author-avatar {
    left: 0;
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno .after-content-entorno.post-author-info {
    right: 0;
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno .before-content-entorno {
    transition: opacity .14s ease;
    display: flex;
    align-items: center;
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno:hover .after-content-entorno a,
#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno.active .after-content-entorno a {
    font-size: .9rem;
    font-weight: 700;
    color: #10234d;
    text-transform: uppercase;
    letter-spacing: .2px;
    text-decoration: none;
    line-height: 1.1;
    text-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno:hover .after-content-entorno a:hover,
#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno:hover .after-content-entorno a:focus,
#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno.active .after-content-entorno a:hover,
#main-wrapper.modern-index #slider_logos_footer .btn-hoover-entorno.active .after-content-entorno a:focus {
    color: #1d4ed8;
    text-shadow: 0 0 10px rgba(29, 78, 216, 0.35);
}

#main-wrapper.modern-index #slider_productos_index .single-product-item {
    background: #ffffff;
    border: 1px solid #e2e8f3;
    border-radius: 16px;
    padding: 14px;
    margin: 8px;
    box-shadow: 0 10px 20px rgba(15, 31, 73, 0.08);
    transition: transform .25s ease, box-shadow .25s ease;
}

#main-wrapper.modern-index #slider_productos_index .single-product-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 28px rgba(15, 31, 73, 0.16);
}

#main-wrapper.modern-index #slider_productos_index .product-thumbnail {
    border-radius: 12px;
    overflow: hidden;
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat {
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #e2e8f3;
    box-shadow: 0 12px 26px rgba(15, 31, 73, 0.12);
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat:before {
    opacity: 1;
    background: linear-gradient(180deg, rgba(15, 31, 73, 0.08) 0%, rgba(15, 31, 73, 0.78) 100%);
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat .info-card {
    opacity: 1;
    transform: none;
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat .info-card p {
    position: absolute;
    bottom: 18px;
    left: 18px;
    right: 18px;
    margin: 0;
    font-size: 1rem;
    line-height: 1.35;
    letter-spacing: .2px;
}

#main-wrapper.modern-index .nom-card-cat-footer {
    top: 14px;
    right: 14px;
    width: auto;
    max-width: 80%;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    color: #172554;
    background: rgba(255, 218, 0, 0.95);
    box-shadow: 0 6px 14px rgba(0, 0, 0, .18);
}

@media only screen and (max-width: 991px) {
    #main-wrapper.modern-index .marcas-header-inline{
        align-items: flex-start !important;
        flex-direction: column;
    }

    #main-wrapper.modern-index .marcas-search-wrap{
        min-width: 100%;
        max-width: none;
        text-align: left;
    }

    #main-wrapper.modern-index #slider_logos_footer {
        padding-right: 0;
    }

    #main-wrapper.modern-index #slider_logos_footer,
    #main-wrapper.modern-index .product-main-content{
        margin-bottom: 10px;
    }

    #main-wrapper.modern-index #categories-list-index,
    #main-wrapper.modern-index #section_catalogos_index{
        row-gap: 16px;
    }

    #main-wrapper.modern-index #categories-list-index > [class*='col-'],
    #main-wrapper.modern-index #section_catalogos_index > [class*='col-']{
        margin-bottom: 10px;
    }

    #main-wrapper.modern-index .modern-section-title {
        font-size: 1.05rem;
    }

    #main-wrapper.modern-index #section_catalogos_index .card_info-cat,
    #main-wrapper.modern-index #slider_productos_index .single-product-item,
    #main-wrapper.modern-index #slider_productos_index .single-product-item:hover {
        box-shadow: none !important;
        transform: none !important;
    }
}

@media only screen and (max-width: 576px) {
    .section-badge-home{
        margin-bottom: 8px !important;
    }

    #main-wrapper.modern-index #categories-list-index,
    #main-wrapper.modern-index #section_catalogos_index{
        row-gap: 12px;
    }

    #main-wrapper.modern-index #categories-list-index > [class*='col-'],
    #main-wrapper.modern-index #section_catalogos_index > [class*='col-']{
        margin-bottom: 8px;
    }

    #main-wrapper.modern-index #slider_productos_index .single-product-item {
        margin: 4px;
        padding: 10px;
    }
    #main-wrapper.modern-index #section_catalogos_index .card_info-cat .info-card p {
        font-size: .86rem;
        bottom: 12px;
        left: 12px;
        right: 12px;
    }
}

/* _______________________________________ REFRESH GLOBAL UI _______________________________________ */

:root{
    --dc-bg-soft: #f4f7fc;
    --dc-card: #ffffff;
    --dc-text: #10234d;
    --dc-muted: #5f6f8d;
    --dc-border: #dde6f2;
    --dc-primary: #1d4ed8;
}

body{
    color: var(--dc-text);
    background-color: var(--dc-bg-soft);
}

/* Wrapper del header: sticky nativo para que se fije al hacer scroll */
.header-area--default{
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #fff;
}

#header-pagina{
    border-bottom: 1px solid rgba(16, 35, 77, 0.06);
    box-shadow: 0 2px 8px rgba(16, 35, 77, 0.04);
}

#header-pagina .container-fluid{
    padding-top: 8px;
    padding-bottom: 8px;
}

#header-pagina .logo img,
#logo_menu_principal img{
    max-height: 56px;
    width: auto;
}

#header-pagina .logo{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 14px;
    min-width: 0;
}

#linea_negocio_actual_badge{
    margin-top: 0;
    margin-left: 8px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 20px;
    border-radius: 999px;
    border: 1px solid #1e40af;
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(29, 78, 216, 0.34);
    line-height: 1.2;
    max-width: 100%;
    position: relative;
}

#linea_negocio_actual_badge .label-linea-negocio{
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .2px;
    color: rgba(255,255,255,.85);
}

#linea_negocio_actual_badge #linea_negocio_actual_nombre{
    max-width: 250px;
    font-size: .98rem;
    font-weight: 700;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.linea-negocio-toggle{
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 2px;
}

.linea-negocio-toggle__arrow{
    font-size: .8rem;
    line-height: 1;
}

.linea-negocio-dropdown{
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 320px;
    background: #fff;
    border: 1px solid #dbe5f4;
    border-radius: 12px;
    box-shadow: 0 16px 28px rgba(16,35,77,.18);
    z-index: 1150;
    overflow: hidden;
}

.linea-negocio-dropdown__item{
    display: block;
    padding: 10px 14px;
    color: #10234d;
    font-size: .82rem;
    text-decoration: none;
    border-bottom: 1px solid #edf2fb;
    white-space: nowrap;
}

.linea-negocio-dropdown__item:last-child{
    border-bottom: 0;
}

.linea-negocio-dropdown__item:hover{
    background: #f4f8ff;
    color: #1d4ed8;
}

#nav-menu-header .navigation-menu > ul > li > a{
    color: var(--dc-text);
    font-weight: 600;
    padding: 7px 8px;
    border-radius: 10px;
    font-size: .93rem;
    transition: all .25s ease;
}

#nav-menu-header .navigation-menu > ul > li > a:hover,
#nav-menu-header .navigation-menu > ul > li > a.active,
#nav-menu-header .navigation-menu > ul > li > a span:hover{
    color: var(--dc-primary);
    background: rgba(29, 78, 216, 0.08);
}

.header-right-side .header-right-items > a{
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff;
    border: 1px solid var(--dc-border);
    box-shadow: 0 6px 14px rgba(16, 35, 77, 0.08);
    transition: all .2s ease;
}

.header-search-quick{
    position: relative;
    display: flex;
    width: min(392px, 100%);
    border: 1px solid #1e3a8a;
    border-radius: 14px;
    padding: 2px;
    background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%);
    box-shadow: 0 8px 18px rgba(30, 58, 138, .25);
}

#section-menu-header{
    padding-left: 6px;
}

#section-menu-header .header__navigation,
#section-menu-header .header__navigation .navigation-menu{
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

#section-menu-header .navigation-menu ul.justify-content-center,
#nav-menu-header .navigation-menu > ul{
    justify-content: flex-start !important;
    margin-left: 0;
}

#menu_active-5.conocenos-href{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width: 992px){
    #header-pagina .container-fluid > .row{
        flex-wrap: nowrap;
    }

    /* Sin nav: logo ocupa el espacio libre, iconos al extremo */
    #header-col-brand{
        flex: 1 1 auto;
        max-width: none;
    }

    /* Nav oculto entre 992-1199px: sin espacio suficiente para texto + iconos */
    #section-menu-header{
        display: none !important;
    }

    #header-col-actions{
        flex: 0 0 auto;
        max-width: none;
    }
}

/* A partir de 1200px hay espacio real: mostrar el nav con texto */
@media only screen and (min-width: 1200px){
    #header-col-brand{
        flex: 0 0 50%;
        max-width: 50%;
    }

    #section-menu-header{
        display: block !important;
        flex: 0 0 32%;
        max-width: 32%;
    }

    #header-col-actions{
        flex: 0 0 18%;
        max-width: 18%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1600px){
    #linea_negocio_actual_badge #linea_negocio_actual_nombre{
        max-width: 170px;
    }

    .header-search-quick{
        width: min(350px, 100%);
    }

    #nav-menu-header .navigation-menu > ul > li > a{
        padding: 7px 7px;
        font-size: .92rem;
    }
}

.header-search-quick__box{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

.header-search-input-wrap{
    position: relative;
}

.header-search-input-icon{
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    color: #5f6f8d;
}

#table-producto tr.cart-row--just-updated,
#table-paquete tr.cart-row--just-updated,
#table-producto_2 tr.cart-row--just-updated,
#table-paquete_2 tr.cart-row--just-updated {
    background: rgba(255, 164, 28, 0.18);
    box-shadow: inset 0 0 0 2px rgba(255, 164, 28, 0.55);
    transition: background-color .28s ease, box-shadow .28s ease;
    font-size: .85rem;
    pointer-events: none;
}

#header_search_input{
    height: 42px;
    border: 1px solid #ffffff;
    border-radius: 10px;
    background: #fff;
    color: #10234d;
    font-size: .82rem;
    width: 100%;
    display: block;
    padding: 0 10px;
    padding-left: 34px;
    padding-right: 38px;
}

.header-search-submit{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #1b3276 0%, #1e40af 100%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease, box-shadow .2s ease;
}

.header-search-submit:hover{
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(37, 99, 235, .34);
}

#header_search_input:focus,
#header_search_input:focus{
    outline: none;
    border-color: #1d4ed8;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, .12);
}

.header-search-results{
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    max-height: 390px;
    overflow: auto;
    background: #fff;
    border: 1px solid #dbe5f4;
    border-radius: 14px;
    box-shadow: 0 20px 34px rgba(16, 35, 77, .18);
    z-index: 1100;
    padding: 2px 0;
}

.header-search-item{
    display: grid;
    grid-template-columns: 54px 88px 1fr;
    gap: 2px 10px;
    padding: 10px 12px;
    border-bottom: 1px solid #edf2fb;
    text-decoration: none;
    transition: background .2s ease;
}

.header-search-item__thumb{
    grid-row: 1 / span 4;
    width: 54px;
    height: 54px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #dbe5f4;
    background: #f8fbff;
}

.header-search-item__thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-search-item:last-child{
    border-bottom: 0;
}

.header-search-item__code{
    grid-column: 2;
    color: #1d4ed8;
    font-weight: 700;
    font-size: .75rem;
}

.header-search-item__name{
    grid-column: 3;
    color: #10234d;
    font-weight: 600;
    font-size: .8rem;
}

.header-search-item__brand,
.header-search-item__line{
    grid-column: 3;
    color: #5f6f8d;
    font-size: .72rem;
}

.header-search-item__brand{
    color: #496086;
}

.header-search-item:hover{
    background: #eef5ff;
}

.header-search-empty{
    padding: 12px;
    color: #5f6f8d;
    font-size: .8rem;
}

.header-search-more-btn{
    width: calc(100% - 20px);
    margin: 10px;
    border: 1px solid #1d4ed8;
    background: #1d4ed8;
    color: #ffffff;
    border-radius: 10px;
    height: 38px;
    font-size: .82rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.header-search-more-btn:hover{
    background: #1e40af;
}

.header-search-quick.is-loading .header-search-submit{
    opacity: .75;
    pointer-events: none;
}

.header-search-quick.is-loading #header_search_input{
    background-image: linear-gradient(90deg, rgba(29,78,216,.08) 0%, rgba(29,78,216,.02) 50%, rgba(29,78,216,.08) 100%);
    background-size: 200% 100%;
    animation: headerSearchShimmer 1.1s linear infinite;
}

@keyframes headerSearchShimmer{
    0%{ background-position: 200% 0; }
    100%{ background-position: -200% 0; }
}

.header-right-side .header-right-items > a:hover{
    transform: translateY(-2px);
    border-color: #bfd3f4;
    color: var(--dc-primary);
}

.header-cart .item-counter{
    background: #ef4444;
    color: #fff;
    border: 2px solid #fff;
}

.icon-cart-minimal-svg{
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#anadir_carrito_producto{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
    text-align: center;
    line-height: 1.2;
    padding-left: 10px;
    padding-right: 10px;
}

#anadir_carrito_producto .modal-btn-cart-text{
    display: inline-block;
    width: 100%;
}

.minicart-product{
    transition: box-shadow .25s ease, background-color .25s ease;
}

.minicart-product.minicart-product--just-updated{
    background: rgba(249, 115, 22, .14);
    box-shadow: 0 0 0 2px rgba(249, 115, 22, .55);
    border-radius: 10px;
}

#Lat_Whats_Carr,
#Lat_Whats_Carr.btn,
#Lat_Whats_Carr.btn.btn--green-dark{
    background-color: #22c55e !important;
    border-color: #22c55e !important;
    color: #ffffff !important;
}

#Lat_Whats_Carr:hover,
#Lat_Whats_Carr.btn:hover,
#Lat_Whats_Carr.btn.btn--green-dark:hover{
    background-color: #16a34a !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
}

#miniCart .minicart-list,
#miniCart .offcanvas-menu-inner{
    scrollbar-width: thin;
    scrollbar-color: #9ca3af #e5e7eb;
}

#miniCart .minicart-list::-webkit-scrollbar,
#miniCart .offcanvas-menu-inner::-webkit-scrollbar{
    width: 10px;
    height: 10px;
}

#miniCart .minicart-list::-webkit-scrollbar-track,
#miniCart .offcanvas-menu-inner::-webkit-scrollbar-track{
    background: #e5e7eb;
    border-radius: 8px;
}

#miniCart .minicart-list::-webkit-scrollbar-thumb,
#miniCart .offcanvas-menu-inner::-webkit-scrollbar-thumb{
    background: #9ca3af;
    border-radius: 8px;
    border: 2px solid #e5e7eb;
}

#miniCart .minicart-list::-webkit-scrollbar-thumb:hover,
#miniCart .offcanvas-menu-inner::-webkit-scrollbar-thumb:hover{
    background: #6b7280;
}

.megamenu--mega,
.submenu{
    border: 1px solid var(--dc-border);
    border-radius: 14px;
    box-shadow: 0 16px 28px rgba(16, 35, 77, 0.12);
}

#menu_superior_paquete_1.megamenu--mega{
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    overflow-x: visible;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 8px;
}

#menu_superior_paquete_1.megamenu--mega > li {
    flex: 0 0 25%;
    max-width: 25%;
}

@media only screen and (max-width: 1400px){
    #menu_superior_paquete_1.megamenu--mega > li {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

@media only screen and (max-width: 1200px){
    #menu_superior_paquete_1.megamenu--mega > li {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.mobile-menu-overlay__inner{
    background: #ffffff;
}

.mobile-menu-overlay .offcanvas-navigation > ul > li > a{
    border-radius: 8px;
    transition: all .2s ease;
}

.mobile-menu-overlay .offcanvas-navigation > ul > li > a:hover{
    background: rgba(29, 78, 216, 0.08);
    color: var(--dc-primary);
}

#container-slider_paquetes{
    border-radius: 18px;
    overflow: hidden;
}

#slider_paquetes,
#slider_paquetes .slick-list,
#slider_paquetes .slick-track,
#slider_paquetes .slick-track .slick-slide,
#slider_paquetes .slick-track .slick-slide div,
#slider_paquetes .slick-track .slick-slide .img_seccion_index_1{
    height: clamp(260px, 42vw, 460px);
}

#slider_paquetes .img_seccion_index_1,
#slider_paquetes .img_seccion_index_2{
    position: relative;
}

#slider_paquetes .bg-iso-pattern{
    background-color: #f7faff;
    background-image:
        radial-gradient(circle at 1px 1px, rgba(29, 78, 216, 0.18) 1.2px, transparent 1.2px),
        repeating-linear-gradient(30deg, rgba(29, 78, 216, 0.06) 0, rgba(29, 78, 216, 0.06) 1px, transparent 1px, transparent 16px),
        repeating-linear-gradient(150deg, rgba(29, 78, 216, 0.06) 0, rgba(29, 78, 216, 0.06) 1px, transparent 1px, transparent 16px);
    background-size: 18px 18px, 24px 24px, 24px 24px;
    background-position: 0 0, 0 0, 12px 0;
}

#slider_paquetes .single-hero-slider-7{
    background: #ffffff;
    border: 1px solid #dfe8f5;
    border-radius: 16px;
    overflow: hidden;
}

#slider_paquetes .banner-img-fit{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    padding: 12px;
    background: #f8fbff;
}

#slider_paquetes .banner-logo-fit{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    padding: 14px;
}

#slider_paquetes .banner-right-logo-panel{
    border-left: 1px solid #dfe8f5;
    transition: background-color .25s ease;
}

#slider_paquetes .img_seccion_index_1::before,
#slider_paquetes .img_seccion_index_2::before{
    content: none;
}

#slider_paquetes .section-text-paquete .hero-text-7,
#slider_paquetes .section-text-paquete h1,
#slider_paquetes .section-text-paquete p{
    position: relative;
    z-index: 1;
    color: #ffffff;
    text-shadow: none !important;
    filter: none !important;
}

#slider_paquetes .section-text-paquete.section-text-paquete--blue{
    background: linear-gradient(145deg, #1d4ed8 0%, #1e40af 100%);
    background-color: #1d4ed8 !important;
    background-image: none !important;
    opacity: 1 !important;
}

#slider_paquetes .section-text-paquete{
    background-color: #1d4ed8;
    opacity: 1 !important;
}

#slider_paquetes .section-text-paquete.section-text-paquete--blue .bg-iso-pattern{
    background: transparent !important;
}

#slider_paquetes .section-text-paquete.section-text-paquete--blue .hero-text-7{
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 28px 30px;
    max-width: 100%;
    text-align: left;
    opacity: 1 !important;
}

#slider_paquetes .section-text-paquete .hero-text-7 h1{
    font-size: clamp(2.35rem, 4vw, 3.55rem);
    line-height: 1.04;
    font-weight: 800;
    letter-spacing: .3px;
    margin-bottom: 10px;
}

#slider_paquetes .section-text-paquete .hero-text-7 h1 a{
    color: #ffffff !important;
    opacity: 1 !important;
}

#slider_paquetes .section-text-paquete .hero-text-7 p{
    font-size: clamp(1rem, 1.2vw, 1.18rem);
    color: #ffffff;
    font-weight: 600;
    opacity: 1 !important;
}

#slider_paquetes .section-text-paquete a,
#slider_paquetes .banner-img-fit,
#slider_paquetes .banner-logo-fit{
    text-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}

#slider_paquetes .slick-slide,
#slider_paquetes .single-hero-slider-7,
#slider_paquetes .section-text-paquete{
    opacity: 1 !important;
}

.hero-slider-8 .slick-slide,
.hero-slider-8 .slick-track,
.hero-slider-8 .slick-list,
.hero-slider-8 .slick-current,
.hero-slider-8 .slick-active,
#slider_paquetes .img_seccion_index_1,
#slider_paquetes .img_seccion_index_2,
#slider_paquetes .img_seccion_index_1 *,
#slider_paquetes .img_seccion_index_2 *{
    opacity: 1 !important;
    filter: none !important;
}

#slider_paquetes .banner-explorar-wrap{
    position: absolute;
    left: 30px;
    bottom: 22px;
    z-index: 3;
}

#slider_paquetes .banner-slide-full .banner-explorar-wrap.banner-explorar-wrap--lower{
    left: 50%;
    right: auto;
    top: 64%;
    bottom: auto;
    transform: translate(-50%, -50%);
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 55 !important;
    pointer-events: auto;
}

#slider_paquetes .banner-slide-full .banner-explorar-wrap--lower .btn-banner-explorar--orange{
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 56 !important;
    position: relative;
}

#slider_paquetes .btn-banner-explorar{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 999px;
    background: #1d4ed8;
    color: #ffffff !important;
    font-size: 1rem;
    font-weight: 800;
    border: 1px solid #1d4ed8;
    text-decoration: none;
    letter-spacing: .2px;
    transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
    box-shadow: 0 10px 20px rgba(29, 78, 216, .32);
}

#slider_paquetes .btn-banner-explorar:hover{
    background: #1e40af;
    border-color: #1e40af;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(30, 64, 175, .36);
}

#slider_paquetes .btn-banner-explorar--orange{
    background: #f97316;
    border-color: #f97316;
    box-shadow: 0 10px 22px rgba(249, 115, 22, .36);
}

#slider_paquetes .btn-banner-explorar--orange:hover{
    background: #ea580c;
    border-color: #ea580c;
    box-shadow: 0 12px 26px rgba(234, 88, 12, .4);
}

#slider_paquetes .slick-index-top,
#slider_productos_index .slick-arrow,
#slider_galeria_linea_negocio .slick-arrow,
#recomendados_pro_paq .slick-arrow,
#recomendados_pro_paq_slider .slick-arrow{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 999px;
    border: 1px solid var(--dc-border);
    background: #ffffff;
    color: #4b5d84;
    box-shadow: 0 10px 18px rgba(16,35,77,.14);
}

#slider_paquetes .slick-index-top:hover,
#slider_productos_index .slick-arrow:hover,
#slider_galeria_linea_negocio .slick-arrow:hover,
#recomendados_pro_paq .slick-arrow:hover,
#recomendados_pro_paq_slider .slick-arrow:hover{
    background: var(--dc-primary);
    color: #fff;
    border-color: var(--dc-primary);
}

.single-product-item,
.post-author-box,
.card_info-cat,
.single-support-item{
    border-radius: 14px;
}

.post-author-box{
    border: 1px solid var(--dc-border);
    background: #fff;
    box-shadow: 0 8px 18px rgba(16,35,77,.08);
}

.single-support-item{
    border: 1px solid var(--dc-border);
    background: #ffffff;
    padding: 18px;
    box-shadow: 0 8px 20px rgba(16, 35, 77, 0.08);
}

#contenido_productos .single-product-item.catalog-item-restore-highlight{
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.45), 0 12px 26px rgba(37, 99, 235, 0.28) !important;
    border-color: rgba(37, 99, 235, 0.55) !important;
    transform: translateY(-2px);
    transition: box-shadow .28s ease, transform .28s ease, border-color .28s ease;
}

#contenido_servicios .servicio-card-modern.catalog-item-restore-highlight,
#tarjetas_largas_paquetes .paquete-card-modern.catalog-item-restore-highlight{
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.45), 0 12px 26px rgba(37, 99, 235, 0.28) !important;
    border-color: rgba(37, 99, 235, 0.55) !important;
    transform: translateY(-2px);
    transition: box-shadow .28s ease, transform .28s ease, border-color .28s ease;
}

#imagen_grande_producto,
#imagen_chica_producto,
.a-img-gallery,
.easyzoom-style{
    border-radius: 14px;
    overflow: hidden;
}

#imagen_grande_producto .slick-track,
#imagen_grande_producto .slick-list,
#imagen_grande_producto .slick-slide,
#imagen_grande_producto .slick-slide div,
#imagen_grande_producto .slick-slide div .easyzoom-style,
#imagen_grande_producto .slick-slide div .easyzoom-style a{
    height: clamp(260px, 45vw, 460px);
}

#imagen_grande_producto .slick-slide div .easyzoom-style a img,
#modal_galeria_img .slick-slide img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}

.footer-area-wrapper,
.our-customer-suppoer-area{
    background: #f8fbff;
}

.footer-widget__title{
    color: var(--dc-text);
    font-weight: 700;
}

@media only screen and (max-width: 1200px){
    #header-pagina .logo img,
    #logo_menu_principal img{
        max-height: 50px;
    }

    #linea_negocio_actual_badge #linea_negocio_actual_nombre{
        max-width: 150px;
    }
}

/* Ocultar fila 2 mobile en desktop */
#header-mobile-row2{ display: none; }

/* Header siempre con altura natural para que la barra de búsqueda quede visible */
#header-pagina.header_height-90,
#header-pagina.header-sticky.is-sticky,
#header-pagina.header-sticky.is-sticky.header_height-120{
    height: auto !important;
    min-height: 0;
    overflow: visible;
    /* Anular position:fixed del JS — el sticky lo maneja el wrapper .header-area--default */
    position: static !important;
    animation: none !important;
}

@media only screen and (max-width: 991px){
    /* En mobile, el contenido de #header-col-actions se mueve a row2 vía JS */
    #header-col-actions{ display: none !important; }

    #header-pagina.header_height-90,
    #header-pagina.header-sticky.is-sticky,
    #header-pagina.header-sticky.is-sticky.header_height-120{
        align-items: stretch;
    }

    #header-pagina .container-fluid{
        padding-top: 8px;
        padding-bottom: 8px;
    }

    #header-pagina .container-fluid > .row{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    /* Fila 1: logo + búsqueda (crece) + burger (a la derecha) */
    #header-col-brand{
        flex: 1 1 0;
        min-width: 0;
        order: 1;
        max-width: none;
        padding-right: 6px;
    }

    #section-menu-header{
        display: none !important;
    }

    /* Burger a la derecha de fila 1 */
    #header-col-actions .header-burger-wrap{
        position: static;
    }

    /* Fila 2: badge línea (izq) + íconos (der), 100% ancho */
    #header-col-actions{
        order: 2;
        flex: 0 0 auto;
        max-width: none;
        align-self: center;
        margin-top: 0;
        position: static;
    }

    /* Logo + búsqueda en misma línea sin wrap */
    #header-pagina .logo{
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        width: 100%;
    }

    #logo_menu_principal{
        flex: 0 0 auto;
    }

    .header-search-quick{
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
        max-width: none;
        margin-top: 0;
    }

    /* Burger dentro de .logo (movido vía JS) */
    .logo .header-burger-wrap{
        flex: 0 0 auto;
        margin-left: 0;
        order: 10;
    }
    .logo .header-burger-wrap a{
        font-size: 26px;
        display: flex;
        align-items: center;
    }

    /* Badge de línea se oculta de .logo para reubicarse fuera */
    #linea_negocio_actual_badge{
        display: none !important;
    }

    #header-pagina .header-right-side{
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: center;
        gap: 6px;
    }

    #header-col-actions .header-right-items{
        flex: 0 0 auto;
    }

    #header-mobile-row2 .header-right-side .header-right-items{
        margin-left: 0 !important;
    }

    #header-mobile-row2 .header-right-side .header-right-items + .header-right-items{
        margin-left: 3px !important;
    }

    /* ── Fila 2: línea + íconos (debajo de fila 1, ancho completo) ── */
    #header-mobile-row2{
        display: flex;
        flex: 0 0 100%;
        max-width: 100%;
        order: 3;
        align-items: center;
        justify-content: space-between;
        margin-top: 6px;
        padding: 0 15px;
        gap: 8px;
    }

    #header-mobile-row2 #linea_negocio_actual_badge{
        display: inline-flex !important;
        align-items: center;
        max-width: calc(100% - 160px);
        margin: 0;
        flex: 0 1 auto;
        min-width: 0;
    }

    #header-mobile-row2 #linea_negocio_actual_badge .label-linea-negocio{
        display: none;
    }

    #header-mobile-row2 #linea_negocio_actual_badge #linea_negocio_actual_nombre{
        max-width: 100%;
        color: #fff;
        font-size: .72rem;
        font-weight: 700;
    }

    #header-mobile-row2 .header-right-side{
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: center;
        gap: 6px;
        flex: 0 0 auto;
    }

    /* Ocultar burger en row2 (ya fue movido a .logo) */
    #header-mobile-row2 .header-burger-wrap{
        display: none !important;
    }

    /* Al hacer scroll (sticky), ocultar fila 2 y dejar solo fila 1 fija */
    #header-pagina.is-sticky #header-mobile-row2{
        display: none;
    }

    #slider_logos_footer{
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 576px){
    #header-pagina .container-fluid{
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .header-right-side .header-right-items > a{
        width: 28px;
        height: 28px;
        font-size: 14px;
    }

    .header-right-side .header-right-items > a .icon-cart-minimal-svg.img_tam_icon{
        width: 16px;
        height: 16px;
    }

    .single-support-item{
        padding: 12px;
    }

    #header-pagina .header-right-side{
        gap: 3px;
    }

    #header-mobile-row2 .header-right-side .header-right-items{
        margin-left: 0 !important;
    }

    #header-mobile-row2 .header-right-side .header-right-items + .header-right-items{
        margin-left: 2px !important;
    }

    #header-mobile-row2{
        gap: 4px;
    }

    #header-mobile-row2 #linea_negocio_actual_badge{
        max-width: calc(100% - 130px);
    }

    #header-mobile-row2 #linea_negocio_actual_badge #linea_negocio_actual_nombre{
        max-width: 100%;
        font-size: .68rem;
    }
}

/* _______________________________________ REFRESH UI PHASE 2 _______________________________________ */

#main-wrapper.modern-index #slider_paquetes .slick-dots {
    bottom: 14px;
}

#main-wrapper.modern-index #slider_paquetes .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
}

#main-wrapper.modern-index #slider_paquetes .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .55);
    border: 1px solid rgba(16, 35, 77, .2);
    padding: 0;
}

#main-wrapper.modern-index #slider_paquetes .slick-dots li button:before {
    content: '';
}

#main-wrapper.modern-index #slider_paquetes .slick-dots li.slick-active button {
    background: #ffffff;
    border-color: #1d4ed8;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, .25);
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat {
    cursor: pointer;
    transition: transform .28s ease, box-shadow .28s ease;
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat img {
    transition: transform .35s ease;
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat .info-card p {
    transition: transform .28s ease, opacity .28s ease;
    transform: translateY(14px);
    opacity: .88;
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat.card-logo-empresa-fallback:before {
    display: none;
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat.card-logo-empresa-fallback {
    background: #ffffff;
    border: 1px solid #dde6f2;
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat.card-logo-empresa-fallback img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 14px;
    background: #f8fbff;
}

#main-wrapper.modern-index #section_catalogos_index .linea-origen-categoria{
    position: absolute;
    top: 46px;
    right: 14px;
    max-width: 80%;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 700;
    color: #fff;
    background: #f97316;
    box-shadow: 0 6px 12px rgba(249, 115, 22, 0.3);
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 2;
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 34px rgba(15, 31, 73, 0.2), 0 0 0 2px rgba(255, 223, 51, 0.45);
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat:hover img {
    transform: scale(1.05);
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat:hover:before {
    background: rgba(255, 223, 51, 0.16);
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat:hover .info-card p {
    transform: translateY(0);
    opacity: 1;
}

#main-wrapper.modern-index .nom-card-cat-footer {
    transition: transform .22s ease, box-shadow .22s ease;
}

#main-wrapper.modern-index #section_catalogos_index .card_info-cat:hover .nom-card-cat-footer {
    transform: translateY(-2px);
    background: #ffea4d;
    color: #111827;
    box-shadow: 0 10px 18px rgba(255, 223, 51, .55);
}

@media only screen and (max-width: 991px) {
    #main-wrapper.modern-index #section_catalogos_index .card_info-cat,
    #main-wrapper.modern-index #section_catalogos_index .card_info-cat:hover,
    #main-wrapper.modern-index #slider_productos_index .single-product-item,
    #main-wrapper.modern-index #slider_productos_index .single-product-item:hover {
        box-shadow: none !important;
        transform: none !important;
        transition: none !important;
    }

    #main-wrapper.modern-index #section_catalogos_index .card_info-cat img,
    #main-wrapper.modern-index #section_catalogos_index .card_info-cat:hover img,
    #main-wrapper.modern-index #section_catalogos_index .card_info-cat .info-card p,
    #main-wrapper.modern-index #section_catalogos_index .card_info-cat:hover .info-card p,
    #main-wrapper.modern-index #section_catalogos_index .card_info-cat .nom-card-cat-footer,
    #main-wrapper.modern-index #section_catalogos_index .card_info-cat:hover .nom-card-cat-footer {
        box-shadow: none !important;
        transform: none !important;
        transition: none !important;
    }
}

.mobile-menu-overlay {
    background: rgba(10, 19, 44, 0.55);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    /* Evita scroll horizontal cuando el inner panel está fuera de pantalla */
    overflow: hidden !important;
}

/* Previene espacio en blanco a la derecha por desbordamiento del overlay */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}

.mobile-menu-overlay__inner {
    border-left: 1px solid #dbe4f3;
    box-shadow: -18px 0 38px rgba(16, 35, 77, .16);
}

.mobile-menu-overlay__inner .mobile-menu-close-box {
    border-bottom: 1px solid #e4ebf7;
    padding: 24px 26px 16px;
}

.mobile-menu-overlay__inner .mobile-navigation-close-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f3f6fc;
    border: 1px solid #d8e3f4;
    transition: all .2s ease;
}

.mobile-menu-overlay__inner .mobile-navigation-close-icon:hover {
    background: #e8eefb;
    border-color: #bfd3f4;
    color: #1d4ed8;
}

.mobile-menu-overlay__body {
    padding: 16px 24px 80px;
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a {
    padding: 10px 12px;
    margin: 4px 0;
    border: 1px solid transparent;
    border-radius: 10px;
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a:hover {
    border-color: #d6e2f5;
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu {
    background: #f7faff;
    border: 1px solid #e2eaf7;
    border-radius: 12px;
    padding: 8px 10px;
    margin-top: 8px;
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a {
    font-size: 14px;
    border-radius: 8px;
    padding: 7px 10px;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner {
    background: #ffffff;
    border-left: 1px solid #dbe4f3;
    box-shadow: -18px 0 38px rgba(16, 35, 77, .16);
}

body.mini-cart-open {
    overscroll-behavior: none;
}

body.mini-cart-open #miniCart .offcanvas-menu-inner {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

@media only screen and (min-width: 768px) {
    .offcanvas-minicart_wrapper .offcanvas-menu-inner {
        width: 506px;
        right: -506px;
    }
}

.offcanvas-minicart_wrapper .close-btn-box {
    border-bottom: 1px solid #e4ebf7;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.offcanvas-minicart_wrapper .btn-close {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f3f6fc;
    border: 1px solid #1d4ed8;
    transition: all .2s ease;
}

.offcanvas-minicart_wrapper .btn-close:hover {
    background: #e8eefb;
    border-color: #bfd3f4;
    color: #1d4ed8;
}

.header-login-register-wrapper .modal-content,
.modal .modal-content {
    border: 1px solid #dbe5f4;
    border-radius: 14px;
    box-shadow: 0 20px 36px rgba(16, 35, 77, .18);
    background: #ffffff;
}

.header-login-register-wrapper .modal-box-wrapper {
    border-radius: 14px;
    overflow: hidden;
}

.header-login-register-wrapper .account-form-box .single-input input {
    border: 1px solid #dbe5f4;
    border-radius: 10px;
    background: #f8fbff;
}

.header-login-register-wrapper .account-form-box .single-input input:focus {
    border-color: #1d4ed8;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, .12);
    background: #ffffff;
}

.mobile-menu-overlay__body,
.offcanvas-minicart_wrapper .offcanvas-menu-inner,
.header-login-register-wrapper .modal-content,
.modal .modal-content {
    scrollbar-width: thin;
    scrollbar-color: #1d4ed8 #eaf1ff;
}

.mobile-menu-overlay__body::-webkit-scrollbar,
.offcanvas-minicart_wrapper .offcanvas-menu-inner::-webkit-scrollbar,
.header-login-register-wrapper .modal-content::-webkit-scrollbar,
.modal .modal-content::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.mobile-menu-overlay__body::-webkit-scrollbar-track,
.offcanvas-minicart_wrapper .offcanvas-menu-inner::-webkit-scrollbar-track,
.header-login-register-wrapper .modal-content::-webkit-scrollbar-track,
.modal .modal-content::-webkit-scrollbar-track {
    background: #eaf1ff;
    border-radius: 999px;
}

.mobile-menu-overlay__body::-webkit-scrollbar-thumb,
.offcanvas-minicart_wrapper .offcanvas-menu-inner::-webkit-scrollbar-thumb,
.header-login-register-wrapper .modal-content::-webkit-scrollbar-thumb,
.modal .modal-content::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #1d4ed8 0%, #1e40af 100%);
    border-radius: 999px;
    border: 2px solid #eaf1ff;
}

.mobile-menu-overlay__body::-webkit-scrollbar-thumb:hover,
.offcanvas-minicart_wrapper .offcanvas-menu-inner::-webkit-scrollbar-thumb:hover,
.header-login-register-wrapper .modal-content::-webkit-scrollbar-thumb:hover,
.modal .modal-content::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #1e40af 0%, #1d4ed8 100%);
}

.our-customer-suppoer-area {
    border-top: 1px solid #e2e8f3;
    border-bottom: 1px solid #e2e8f3;
    position: relative;
    z-index: 2;
}

body.index-modern .our-customer-suppoer-area {
    border-top: 0;
    border-bottom: 0;
}

body.index-modern #servicios_footer_empresa,
body.index-modern .footer-area-wrapper,
body.index-modern .footer-copyright-area {
    position: relative;
}

body.index-modern #servicios_footer_empresa::before,
body.index-modern .footer-area-wrapper::before,
body.index-modern .footer-copyright-area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    border-radius: 0;
    background: linear-gradient(90deg, rgba(16, 35, 77, 0) 0%, rgba(16, 35, 77, .10) 50%, rgba(16, 35, 77, 0) 100%);
}

.our-customer-suppoer-area .single-support-item {
    transition: transform .24s ease, box-shadow .24s ease;
}

#servicios_footer_empresa {
    padding-top: 16px;
    padding-bottom: 10px;
}

#servicios_footer_empresa .row > [class*='col-'] {
    display: flex;
}

#servicios_footer_empresa .single-support-item {
    width: 100%;
    height: 100%;
    min-height: 164px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0;
}

#servicios_footer_empresa .single-support-item .header-support {
    margin-bottom: 10px;
}

#servicios_footer_empresa .single-support-item .header-support h6 {
    margin-bottom: 0;
}

#servicios_footer_empresa .single-support-item .iconbox-desc {
    margin-top: 0;
    flex: 0 0 auto;
}

.our-customer-suppoer-area .single-support-item .header-support .icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #edf3ff;
    color: #1d4ed8;
    margin-right: 8px;
}

.our-customer-suppoer-area .single-support-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 30px rgba(16, 35, 77, 0.14);
}

.footer-area-wrapper {
    border-top: 1px solid #e2e8f3;
}

body.index-modern .footer-area-wrapper {
    border-top: 0;
}

.product-details-wrap {
    border: 0;
    margin: 0;
    padding: 0;
}

.product-details-wrap .container,
.product-details-wrap .row {
    min-height: 0;
}

.footer-area-wrapper .footer-area {
    padding-top: 28px;
}

.footer-copyright-area {
    padding-top: 18px;
    padding-bottom: 18px;
}

.footer-copyright-area .row {
    align-items: center;
}

.footer-copyright-area .copyright-text,
.footer-copyright-area .footer-widget__footer-menu,
.footer-copyright-area .footer-bottom-social {
    margin-top: 0;
    margin-bottom: 0;
}

.footer-copyright-area .footer-widget__footer-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 32px;
}

.footer-copyright-area .footer-bottom-social {
    display: flex;
    align-items: center;
    min-height: 32px;
}

.footer-copyright-area .footer-bottom-social .title {
    margin-bottom: 0;
}

.footer-widget {
    padding: 10px 8px;
}

.footer-widget__list li,
.footer-widget__list li a,
.footer-widget__list li label {
    color: #4e5f81;
}

.footer-widget__list li a:hover {
    color: #1d4ed8;
}

@media only screen and (max-width: 991px) {
    .mobile-menu-overlay__inner {
        width: 360px;
    }

    #servicios_footer_empresa .container-fluid--cp-100 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 576px) {
    .mobile-menu-overlay__inner {
        width: 310px;
    }

    .mobile-menu-overlay__body {
        padding: 14px 14px 60px;
    }

    .our-customer-suppoer-area .single-support-item .header-support .icon {
        width: 34px;
        height: 34px;
    }

    #servicios_footer_empresa .container-fluid--cp-100 {
        padding-left: 14px;
        padding-right: 14px;
    }

    .footer-copyright-area {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .footer-copyright-area .row > [class*='col-'] {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 5px 0;
        text-align: center;
    }

    .footer-copyright-area .footer-bottom-social {
        justify-content: center;
        gap: 10px;
    }

    .footer-copyright-area .footer-bottom-social .title {
        margin-right: 0;
        font-size: 14px;
    }

    .footer-copyright-area .footer-social-networks {
        margin: 0;
    }
}

@media only screen and (max-width: 420px) {
    #servicios_footer_empresa .container-fluid--cp-100 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-copyright-area .footer-bottom-social {
        flex-direction: column;
        gap: 6px;
    }
}
  
  input.search-submit {
    height: 51px;
    margin: 0;
    padding: 1rem 1.3rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    font-family: "Font Awesome 5 Free";
    font-size: 1rem;
  }
  
  .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
  
  .button-search_bar {
    display: inline-block;
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 1.15;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    background: #f9d342;
    color: #292826;
    border: 1px solid transparent;
    vertical-align: middle;
    text-shadow: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    height: 50px;
    width: 50px;
  }

body.page-cat-productos .breadcrumb-area,
body.page-cat-paquetes .breadcrumb-area{
    background: linear-gradient(180deg, #feffff 0%, #fcfdff 100%);
    border-bottom: 1px solid rgba(16, 35, 77, 0.06);
    padding-top: 34px;
    padding-bottom: 34px;
}

body.page-cat-productos .breadcrumb-title,
body.page-cat-paquetes .breadcrumb-title{
    color: var(--dc-text);
    font-weight: 800;
    letter-spacing: .01em;
}

body.page-cat-productos .breadcrumb-list li,
body.page-cat-productos .breadcrumb-list li a,
body.page-cat-paquetes .breadcrumb-list li,
body.page-cat-paquetes .breadcrumb-list li a{
    color: var(--dc-muted);
}

body.page-configura-paquete #configura-paquete-sticky-summary{
    position: fixed;
    top: 86px;
    left: 0;
    right: 0;
    z-index: 25;
    margin: 0;
    padding: 6px 100px 6px;
    background: rgba(255, 255, 255, .98);
    border: 1px solid rgba(16, 35, 77, .08);
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow: 0 6px 16px rgba(16, 35, 77, .08);
    backdrop-filter: blur(2px);
    pointer-events: auto;
}

body.page-configura-paquete #cuerpo_configurable{
    padding-top: 114px;
}

body.page-configura-paquete #txt_nombre_paquete{
    color: #fb923c;
    font-size: clamp(1.2rem, 1.8vw, 1.6rem);
    font-weight: 800;
    line-height: 1.2;
}

body.page-configura-paquete #txt_precio_paquete,
body.page-configura-paquete #configura-paquete-sticky-summary .total_pago_config{
    color: var(--dc-primary) !important;
    font-size: clamp(1.2rem, 1.8vw, 1.6rem);
    font-weight: 800;
}

body.page-configura-paquete .configura-paquete-summary-line{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

body.page-configura-paquete .configura-paquete-summary-name{
    color: #fb923c;
    font-weight: 800;
}

body.page-configura-paquete .configura-paquete-summary-price{
    color: var(--dc-primary) !important;
    font-weight: 800;
}

body.page-configura-paquete .configura-paquete-summary-oldprice{
    margin: 0;
}

@media only screen and (max-width: 991px){
    body.page-configura-paquete #configura-paquete-sticky-summary{
        top: 70px;
        padding: 6px 30px 4px;
    }

    body.page-configura-paquete #cuerpo_configurable{
        padding-top: 96px;
    }

    body.page-configura-paquete #txt_nombre_paquete{
        font-size: 1.05rem;
    }

    body.page-configura-paquete #txt_precio_paquete,
    body.page-configura-paquete #configura-paquete-sticky-summary .total_pago_config{
        font-size: 1.06rem;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px){
    body.page-configura-paquete #configura-paquete-sticky-summary{
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    body.page-configura-paquete #configura-paquete-sticky-summary{
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 767px){
    body.page-configura-paquete #configura-paquete-sticky-summary{
        padding-left: 15px;
        padding-right: 15px;
    }

    body.page-configura-paquete #cuerpo_configurable{
        padding-top: 92px;
    }
}



/* =============================================
   MEJORAS VISUALES - INFO PRODUCTO
   ============================================= */

/* --- Background ultra claro --- */
.single-product-wrap,
#seccion_info_producto {
    background: #ffffff;
}

.single-product-wrap .card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.03);
}

/* --- Precio en azul --- */
.single-product-wrap .product-details-content .price,
.single-product-wrap h3.price,
#txt_total_utilidad,
#txt_total_utilidad_flotante {
    color: #1a56db !important;
    font-weight: 700;
}

/* --- Líneas degradadas entre secciones --- */
.single-product-wrap {
    border-bottom: none !important;
    position: relative;
    padding-bottom: 24px;
}
.single-product-wrap::after {
    content: '';
    display: block;
    width: 80%;
    height: 2px;
    margin: 24px auto 0;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent 0%, #e0e0e0 20%, #c0c0c0 50%, #e0e0e0 80%, transparent 100%);
}

#seccion_info_producto {
    position: relative;
    padding-top: 24px;
}
#seccion_info_producto::before {
    content: '';
    display: block;
    width: 60%;
    height: 1px;
    margin: 0 auto 20px;
    border-radius: 1px;
    background: linear-gradient(90deg, transparent 0%, #e5e5e5 25%, #bfbfbf 50%, #e5e5e5 75%, transparent 100%);
}

.product-details-tab {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(90deg, transparent, #e0e0e0 30%, #c0c0c0 50%, #e0e0e0 70%, transparent) 1;
}

.related-products {
    position: relative;
    margin-top: 12px;
    padding-top: 26px;
}
.related-products::before {
    content: '';
    display: block;
    width: 72%;
    height: 3px;
    margin: 0 auto 24px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent 0%, #e5e7eb 18%, #9ca3af 50%, #e5e7eb 82%, transparent 100%);
}

/* --- Botones mejorados --- */
.quickview-button .btn--yellow.bnt-largo-cali,
#btn_agregar_carro,
#btn_agregar_carro_flotante {
    background: linear-gradient(135deg, #ffd814 0%, #f5c400 100%) !important;
    color: #1a1a1a !important;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 12px !important;
    box-shadow: 0 3px 10px rgba(255, 216, 20, 0.35);
    transition: all 0.25s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
#btn_agregar_carro:hover,
#btn_agregar_carro_flotante:hover {
    background: linear-gradient(135deg, #ffe44d 0%, #eec600 100%) !important;
    box-shadow: 0 5px 18px rgba(255, 216, 20, 0.5);
    transform: translateY(-1px);
}

.quickview-button .btn--orange-dark.bnt-largo-cali,
#btn_comprar_ahora,
#btn_comprar_ahora_flotante {
    background: linear-gradient(135deg, #1a56db 0%, #1345b5 100%) !important;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 12px !important;
    box-shadow: 0 3px 10px rgba(26, 86, 219, 0.35);
    transition: all 0.25s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
#btn_comprar_ahora:hover,
#btn_comprar_ahora_flotante:hover {
    background: linear-gradient(135deg, #2563eb 0%, #1a56db 100%) !important;
    box-shadow: 0 5px 18px rgba(26, 86, 219, 0.5);
    transform: translateY(-1px);
}

/* --- Barra flotante inferior mejorada --- */
#btn_compra_producto_hide .card {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(8px);
    border-top: 1px solid transparent;
    border-image: linear-gradient(90deg, transparent, #e0e0e0 30%, #c0c0c0 50%, #e0e0e0 70%, transparent) 1;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.05);
}

/* --- Gradiente vertical lateral sutil en la card de producto --- */
#card-info_producto .card {
    border-left: 3px solid transparent;
    border-image: linear-gradient(180deg, transparent, #e0e0e0 20%, #bfbfbf 50%, #e0e0e0 80%, transparent) 1;
}

/* --- Tabs con estilo azul --- */
.product-details-tab .nav li a.active {
    color: #1a56db !important;
    border-bottom: 2px solid #1a56db;
}
.product-details-tab .nav li a:hover {
    color: #1a56db !important;
}

/* --- Strike price sutil --- */
.strike_old_price {
    color: #9ca3af !important;
    text-decoration: line-through;
}

/* --- Marca del producto (verde) --- */
.info-product-brand-label {
    display: block;
    margin-bottom: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #00a650;
}

/* --- Barra fija de compra: icono + visibilidad controlada por JS --- */
#btn_compra_producto_hide {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

#btn_compra_producto_hide.clase-efectos {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

#btn_compra_producto_hide .card-body {
    padding-top: 10px;
    padding-bottom: 10px;
}

#btn_compra_producto_hide .quickview-action-wrap.row {
    margin-left: 0;
    margin-right: 0;
}

#btn_compra_producto_hide #btn_sect_flotante_2,
#btn_compra_producto_hide #btn_sect_flotante {
    padding-left: 8px;
    padding-right: 8px;
}

#btn_compra_producto_hide #precios_sect_flotante {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

#btn_compra_producto_hide #nom_sect_flotante {
    min-width: 0;
}

.img-producto-mini-float {
    width: 34px;
    min-width: 34px;
    height: 34px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
}

#txt_nombre_producto_inferior_flotante {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 0.85rem;
}

#btn_compra_producto_hide #txt_total_utilidad_flotante {
    margin-bottom: 0;
    font-size: 1.05rem;
    white-space: nowrap;
}

#btn_compra_producto_hide #btn_agregar_carro_flotante,
#btn_compra_producto_hide #btn_comprar_ahora_flotante {
    min-height: 42px;
    line-height: 1.1;
    padding-left: 10px;
    padding-right: 10px;
}

body.has-floating-buybar #main-wrapper {
    padding-bottom: 110px;
}

@media only screen and (min-width: 992px) {
    body.has-floating-buybar #main-wrapper {
        padding-bottom: 52px;
    }

    #btn_compra_producto_hide .card-body {
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 100px;
        padding-right: 100px;
    }

    /* Fila principal: una sola línea */
    #btn_compra_producto_hide .quickview-action-wrap.row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        column-gap: 0 !important;
    }

    /* Columna izquierda: se expande para llenar espacio */
    #btn_compra_producto_hide #btn_sect_flotante_2 {
        display: flex !important;
        align-items: center !important;
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Contenedor de imagen+nombre+carrito+precio: flex-row que se expande */
    #btn_compra_producto_hide #precios_sect_flotante {
        flex: 1 1 auto !important;
        gap: 10px !important;
        justify-content: flex-start !important;
    }

    /* Imagen + nombre: anclados a la izquierda, el nombre ocupa todo lo posible */
    #btn_compra_producto_hide #nom_sect_flotante {
        flex: 1 1 0 !important;
        min-width: 120px;
        max-width: none;
    }

    /* Imagen mini 20% más grande */
    #btn_compra_producto_hide .img-producto-mini-float {
        width: 41px !important;
        min-width: 41px !important;
        height: 41px !important;
    }

    /* Icono carrito: empujado a la derecha con margin-left auto */
    #btn_compra_producto_hide #bolsa_sect_flotante {
        margin-left: auto !important;
    }

    /* Ocultar input cantidad en desktop para barra de 1 línea */
    #btn_compra_producto_hide #input_abajo_flotante {
        display: none !important;
    }

    /* Columna derecha: solo el espacio que necesita */
    #btn_compra_producto_hide #btn_sect_flotante {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        padding-left: 6px !important;
        padding-right: 0 !important;
    }

    #btn_compra_producto_hide #section_btm_agregar_flotante,
    #btn_compra_producto_hide #btn-ahora-flotante {
        width: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
    }

    #btn_compra_producto_hide #btn_agregar_carro_flotante,
    #btn_compra_producto_hide #btn_comprar_ahora_flotante {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 34px !important;
        min-height: 34px !important;
        line-height: 1 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        white-space: nowrap !important;
        gap: 6px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #btn_compra_producto_hide #btn_agregar_carro_flotante span,
    #btn_compra_producto_hide #btn_comprar_ahora_flotante span {
        display: inline !important;
    }

    #btn_compra_producto_hide #txt_nombre_producto_inferior_flotante {
        -webkit-line-clamp: 1;
        line-clamp: 1;
        white-space: nowrap;
        font-size: 1rem;
    }

    #btn_compra_producto_hide #txt_total_utilidad_flotante {
        font-size: 1.15rem !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
}

/* Barra flotante: padding lateral para breakpoints intermedios */
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    #btn_compra_producto_hide .card-body {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #btn_compra_producto_hide .card-body {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media only screen and (max-width: 767px) {
    #main-wrapper.modern-info-producto .single-product-wrap::after,
    #main-wrapper.modern-info-producto #seccion_info_producto::before,
    #main-wrapper.modern-info-producto .related-products::before {
        display: none !important;
        content: none !important;
        background: transparent !important;
    }

    #main-wrapper.modern-info-producto .single-product-wrap,
    #main-wrapper.modern-info-producto #seccion_info_producto,
    #main-wrapper.modern-info-producto .single-product-wrap .card,
    #main-wrapper.modern-info-producto #card-info_producto .card,
    #main-wrapper.modern-info-producto #imagenes_productos_muestra,
    #main-wrapper.modern-info-producto #imagen_grande_producto,
    #main-wrapper.modern-info-producto #imagen_grande_producto .slick-list,
    #main-wrapper.modern-info-producto #imagen_grande_producto .slick-track {
        border: 0 !important;
        border-image: none !important;
        box-shadow: none !important;
    }

    #main-wrapper.modern-info-producto #imagen_grande_producto .slick-track,
    #main-wrapper.modern-info-producto #imagen_grande_producto .slick-list {
        max-height: 325px;
    }

    #main-wrapper.modern-info-producto #imagen_grande_producto .slick-slide,
    #main-wrapper.modern-info-producto #imagen_grande_producto .slick-slide div,
    #main-wrapper.modern-info-producto #imagen_grande_producto .slick-slide div .easyzoom-style,
    #main-wrapper.modern-info-producto #imagen_grande_producto .slick-slide div .easyzoom-style a {
        height: 325px;
        border: 0 !important;
        box-shadow: none !important;
    }

    #main-wrapper.modern-info-producto #imagen_grande_producto .slick-slide div .easyzoom-style a img {
        max-height: 325px;
        width: 100%;
        border: 0 !important;
        box-shadow: none !important;
    }
}

@media only screen and (max-width: 992px) {
    #btn_compra_producto_hide .header-right-items {
        display: none;
    }

    #btn_compra_producto_hide #txt_total_utilidad_flotante {
        font-size: 0.98rem;
    }
}

@media only screen and (min-width: 577px) and (max-width: 991px) {
    #btn_compra_producto_hide .card-body {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    #btn_compra_producto_hide .quickview-action-wrap.row {
        column-gap: 6px;
    }

    #btn_compra_producto_hide #btn_sect_flotante_2,
    #btn_compra_producto_hide #btn_sect_flotante {
        padding-left: 4px;
        padding-right: 4px;
    }

    #btn_compra_producto_hide #precios_sect_flotante {
        justify-content: flex-start;
        gap: 6px;
    }

    #btn_compra_producto_hide #precios_sect_flotante > .button,
    #btn_compra_producto_hide #btn_sect_flotante .button {
        margin-left: 6px !important;
    }

    #btn_compra_producto_hide #precios_sect_flotante > .button:first-of-type,
    #btn_compra_producto_hide #btn_sect_flotante .button:first-of-type {
        margin-left: 0 !important;
    }

    #btn_compra_producto_hide #input_abajo_flotante {
        margin-left: 6px;
    }

    #btn_compra_producto_hide #btn_sect_flotante {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
        flex-wrap: nowrap;
    }

    #btn_compra_producto_hide #section_btm_agregar_flotante,
    #btn_compra_producto_hide #btn-ahora-flotante {
        width: auto !important;
        flex: 0 0 auto;
    }

    #btn_compra_producto_hide #btn_agregar_carro_flotante,
    #btn_compra_producto_hide #btn_comprar_ahora_flotante {
        width: auto !important;
        min-width: 140px;
        max-width: 170px;
        height: 34px;
        min-height: 34px;
        padding-left: 10px;
        padding-right: 10px;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 576px) {
    #btn_compra_producto_hide .card-body {
        padding: 8px 15px;
    }

    #btn_compra_producto_hide .card {
        border-radius: 12px 12px 0 0;
    }

    #btn_compra_producto_hide .quickview-action-wrap.row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 52px;
        align-items: center;
        column-gap: 8px;
        row-gap: 0;
    }

    #btn_compra_producto_hide #btn_sect_flotante_2,
    #btn_compra_producto_hide #btn_sect_flotante {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
        max-width: none;
    }

    #btn_compra_producto_hide #btn_sect_flotante_2 {
        width: 100%;
        min-width: 0;
    }

    #btn_compra_producto_hide #precios_sect_flotante {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 2px !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    #btn_compra_producto_hide #nom_sect_flotante {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 34px !important;
        height: auto !important;
        flex: 0 0 auto !important;
    }

    #btn_compra_producto_hide #nom_sect_flotante label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        max-width: 100%;
    }

    #btn_compra_producto_hide #precios_sect_flotante > .quickview-cart.button {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-left: 42px !important;
    }

    #btn_compra_producto_hide #txt_total_utilidad_flotante {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-bottom: 3px !important;
        text-align: left !important;
        font-size: 0.9rem !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        color: #ff6a00 !important;
    }

    #btn_compra_producto_hide #input_abajo_flotante,
    #btn_compra_producto_hide #bolsa_sect_flotante,
    #btn_compra_producto_hide #btn-ahora-flotante,
    #btn_compra_producto_hide #btn_comprar_ahora_flotante,
    #btn_compra_producto_hide .header-right-items {
        display: none !important;
    }

    #btn_compra_producto_hide #btn_sect_flotante {
        width: 52px;
        min-width: 52px;
        max-width: 52px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    #btn_compra_producto_hide #section_btm_agregar_flotante {
        width: 46px;
        min-width: 46px;
        max-width: 46px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    #btn_compra_producto_hide #btn_agregar_carro_flotante {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        overflow: hidden !important;
        border-radius: 10px !important;
    }

    #btn_compra_producto_hide #btn_agregar_carro_flotante span,
    #btn_compra_producto_hide #btn_agregar_carro_flotante p,
    #btn_compra_producto_hide #btn_agregar_carro_flotante > div {
        display: none !important;
    }

    #btn_compra_producto_hide #btn_agregar_carro_flotante > .icon-cart-minimal-svg {
        display: block !important;
        width: 20px !important;
        height: 20px !important;
        stroke: currentColor;
        fill: none;
        flex-shrink: 0;
    }

    .img-producto-mini-float {
        width: 34px;
        min-width: 34px;
        height: 34px;
        border-radius: 6px;
    }

    #txt_nombre_producto_inferior_flotante {
        font-size: 0.76rem;
    }

    body.has-floating-buybar #main-wrapper {
        padding-bottom: 142px;
    }

    body.has-floating-buybar #btn_compra_producto_hide .card-body {
        padding-bottom: calc(8px + env(safe-area-inset-bottom));
    }

    #main-wrapper.modern-info-producto #seccion_info_producto {
        padding-left: 14px;
        padding-right: 14px;
    }

    #main-wrapper.modern-info-producto #seccion_info_producto .product_details_tab_content,
    #main-wrapper.modern-info-producto #seccion_info_producto .product_tab_content .details {
        padding-left: 2px;
        padding-right: 2px;
    }

    #main-wrapper.modern-info-producto #seccion_info_producto .product_tab_content p,
    #main-wrapper.modern-info-producto #seccion_info_producto .product_tab_content h5 {
        padding-left: 2px;
        padding-right: 2px;
    }

    #main-wrapper.modern-info-producto ~ #servicios_footer_empresa .container-fluid--cp-100,
    #main-wrapper.modern-info-producto ~ .footer-area-wrapper .container-fluid--cp-100,
    #main-wrapper.modern-info-producto ~ .footer-copyright-area .container-fluid--cp-100 {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* --- Info producto: recomendados con hover azul + marca verde --- */
#recomendados_pro_paq .single-product-item .product-brand-label {
    display: inline-block;
    margin-bottom: 6px;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .02em;
    color: #00a650;
    transition: color .2s ease;
}

#recomendados_pro_paq .single-product-item .prodect-title a,
#recomendados_pro_paq .single-product-item .new-price {
    transition: color .2s ease;
}

#recomendados_pro_paq .single-product-item .products-images {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid transparent;
    transition: border-color .22s ease;
}

#recomendados_pro_paq .single-product-item .products-images::before,
#recomendados_pro_paq .single-product-item .products-images::after,
#recomendados_pro_paq .single-product-item .product-thumbnail::before,
#recomendados_pro_paq .single-product-item .product-thumbnail::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
}

#recomendados_pro_paq .single-product-item .products-images img {
    filter: contrast(1.04) saturate(1.02);
    transition: filter .22s ease;
}

#recomendados_pro_paq .single-product-item:hover .prodect-title a {
    color: inherit;
}

#recomendados_pro_paq .single-product-item:hover .product-brand-label {
    color: #00a650 !important;
}

#recomendados_pro_paq .single-product-item:hover .new-price {
    color: #1a56db !important;
}

#recomendados_pro_paq .single-product-item:hover .products-images {
    border-color: #1a56db;
}

#recomendados_pro_paq .single-product-item:hover .products-images img {
    filter: contrast(1.14) saturate(1.06) brightness(1.02);
}

/* --- Info solución: visual moderno similar a info-producto --- */
#main-wrapper.modern-info-solucion .single-product-wrap,
#main-wrapper.modern-info-solucion #seccion_info_paquete,
#main-wrapper.modern-info-solucion #card-info_paquete .card,
#main-wrapper.modern-info-solucion #imagenes_productos_muestra,
#main-wrapper.modern-info-solucion #imagen_produc_informacion,
#main-wrapper.modern-info-solucion #table_productos_paquete {
    border-radius: 14px;
}

#main-wrapper.modern-info-solucion #card-info_paquete .card,
#main-wrapper.modern-info-solucion #imagenes_productos_muestra {
    border: 1px solid var(--dc-border);
    background: #fff;
    box-shadow: 0 10px 22px rgba(16, 35, 77, .08);
}

#main-wrapper.modern-info-solucion #imagenes_productos_muestra {
    padding: 8px;
}

#main-wrapper.modern-info-solucion #owl_carrusel_productos .item {
    padding: 6px 4px;
}

#main-wrapper.modern-info-solucion #owl_carrusel_productos .owl-item {
    padding: 2px 6px;
}

#main-wrapper.modern-info-solucion #owl_carrusel_productos .single-product-item {
    border: 1px solid var(--dc-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(16, 35, 77, .08);
    padding: 10px;
}

#main-wrapper.modern-info-solucion #owl_carrusel_productos .sm-image_info_pro_owl {
    max-width: none;
    max-height: none;
    width: 100%;
    margin-bottom: 0;
}

#main-wrapper.modern-info-solucion #owl_carrusel_productos .sm-image_info_pro_owl .product-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 138px;
    border-radius: 10px;
    overflow: hidden;
    background: #f8fafc;
}

#main-wrapper.modern-info-solucion #owl_carrusel_productos .info-solucion-carrusel-img {
    width: 100%;
    height: 130px;
    object-fit: contain;
    padding: 6px;
}

#main-wrapper.modern-info-solucion #owl_carrusel_productos .cantidad_carrusel_producto {
    left: auto;
    right: 8px;
    bottom: 8px;
    width: 28px;
    min-width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .88rem;
    line-height: 1;
    padding: 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .20);
}

#main-wrapper.modern-info-solucion #txt_nombre_producto_inferior_descripcion.info-solucion-producto-activo,
#main-wrapper.modern-info-solucion #txt_nombre_producto_inferior.info-solucion-producto-activo {
    color: #1a56db !important;
}

#main-wrapper.modern-info-solucion #tab_link_info_solucion.tab-info-solucion--orange {
    color: #f59e0b !important;
}

#main-wrapper.modern-info-solucion #tab_link_info_solucion.tab-info-solucion--blue {
    color: #1a56db !important;
}

#main-wrapper.modern-info-solucion #owl_carrusel_productos .owl-nav button {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--dc-border);
    background: #fff;
}

#main-wrapper.modern-info-solucion #imagen_produc_informacion {
    height: clamp(280px, 34vw, 440px);
    min-height: 280px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border: 1px solid var(--dc-border);
    box-shadow: 0 10px 22px rgba(16, 35, 77, .10);
}

#main-wrapper.modern-info-solucion #table_productos_paquete img {
    width: 56px;
    height: 56px;
    object-fit: contain;
    background: #fff;
    border: 1px solid var(--dc-border);
    border-radius: 10px;
    padding: 4px;
}

#recomendados_pro_paq_slider .single-product-item .products-images {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid transparent;
    transition: border-color .22s ease;
}

#recomendados_pro_paq_slider .single-product-item .info-solucion-reco-img {
    filter: contrast(1.04) saturate(1.02);
    transition: filter .22s ease;
}

#recomendados_pro_paq_slider .single-product-item:hover .products-images {
    border-color: #1a56db;
}

#recomendados_pro_paq_slider .single-product-item:hover .info-solucion-reco-img {
    filter: contrast(1.14) saturate(1.06) brightness(1.02);
}

@media only screen and (max-width: 767px) {
    #main-wrapper.modern-info-solucion #imagenes_productos_muestra,
    #main-wrapper.modern-info-solucion #card-info_paquete .card,
    #main-wrapper.modern-info-solucion #seccion_info_paquete {
        border-radius: 12px;
    }

    #main-wrapper.modern-info-solucion #owl_carrusel_productos .sm-image_info_pro_owl .product-thumbnail {
        min-height: 124px;
    }

    #main-wrapper.modern-info-solucion #owl_carrusel_productos .info-solucion-carrusel-img {
        height: 116px;
    }

    #main-wrapper.modern-info-solucion #imagen_produc_informacion {
        height: clamp(230px, 60vw, 330px);
        min-height: 230px;
    }

    #main-wrapper.modern-info-solucion ~ #servicios_footer_empresa .container-fluid--cp-100,
    #main-wrapper.modern-info-solucion ~ .footer-area-wrapper .container-fluid--cp-100,
    #main-wrapper.modern-info-solucion ~ .footer-copyright-area .container-fluid--cp-100 {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* --- Imagen principal arriba de tabla SAT: ligero realce permanente --- */
.imagen_car_especial_2 img,
.imagen_car_especial img {
    filter: contrast(1.08) saturate(1.05) brightness(1.01);
    transition: filter .25s ease, box-shadow .25s ease;
    box-shadow: 0 8px 18px rgba(16, 35, 77, .12);
    border-radius: 12px;
}

@media only screen and (max-width: 400px) {
    #btn_compra_producto_hide #btn_agregar_carro_flotante,
    #btn_compra_producto_hide #btn_comprar_ahora_flotante {
        font-size: 0.76rem;
        padding-left: 6px;
        padding-right: 6px;
    }

    #txt_nombre_producto_inferior_flotante {
        -webkit-line-clamp: 1;
        line-clamp: 1;
    }
}

@media only screen and (max-width: 420px) {
    #btn_compra_producto_hide #btn_sect_flotante {
        flex-direction: column;
        gap: 6px;
    }

    #btn_compra_producto_hide #section_btm_agregar_flotante,
    #btn_compra_producto_hide #btn-ahora-flotante {
        width: 100% !important;
    }

    body.has-floating-buybar #main-wrapper {
        padding-bottom: 176px;
    }
}

/* --- Botón flotante +Info WhatsApp (aparece con barra de compra) --- */
.floating-product-info-whats {
    position: fixed;
    right: 22px;
    bottom: 122px;
    z-index: 1000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 108px;
    height: 42px;
    padding: 0 14px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, #25d366 0%, #1faa4b 100%);
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.35);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
    transition: all .22s ease;
}

.floating-product-info-whats:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #32df73 0%, #1faa4b 100%);
    transform: translateY(8px);
}

.floating-product-info-whats i {
    font-size: 18px;
    line-height: 1;
}

body.has-floating-buybar .floating-product-info-whats {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

/* Botón subir: queda arriba del botón WhatsApp cuando la barra está visible */
body.has-floating-buybar #scroll-top.show {
    bottom: 178px;
}

/* --- Info producto mobile: galería antes del nombre --- */
@media only screen and (max-width: 991px) {
    #container_datos_validos #imagenes_productos_muestra {
        order: 1 !important;
    }

    #container_datos_validos #card-info_producto {
        order: 2 !important;
        margin-top: 14px;
    }
}

/* --- Evitar recorte de imagen principal/galería --- */
#imagen_grande_producto .slick-slide,
#imagen_grande_producto .slick-slide > div,
#imagen_grande_producto .slick-slide > div .easyzoom-style,
#imagen_grande_producto .slick-slide > div .easyzoom-style > div,
#imagen_grande_producto .slick-slide > div .easyzoom-style a,
#imagen_grande_producto .slick-slide > div .video-style,
#imagen_grande_producto .slick-slide > div .video-style .video-icons-popup {
    display: flex;
    align-items: center;
    justify-content: center;
}

#imagen_grande_producto .slick-slide > div .easyzoom-style a img,
#imagen_grande_producto .slick-slide > div .video-style img,
#imagen_grande_producto .slick-slide img.img_width_grande {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain !important;
    object-position: center;
}

@media only screen and (max-width: 576px) {
    #imagen_grande_producto .slick-track,
    #imagen_grande_producto .slick-list {
        max-height: 310px !important;
    }

    #imagen_grande_producto .slick-slide,
    #imagen_grande_producto .slick-slide > div,
    #imagen_grande_producto .slick-slide > div .easyzoom-style,
    #imagen_grande_producto .slick-slide > div .easyzoom-style a,
    #imagen_grande_producto .slick-slide > div .video-style {
        height: 310px !important;
    }
}

/* --- Características especiales: botones + panel abierto --- */
#owl_carrusel_caract_especial .caract-especial-item {
    cursor: pointer;
    border: 1px solid #d9e4f3 !important;
    border-radius: 12px !important;
    transition: all .2s ease;
    background: #ffffff;
}

#owl_carrusel_caract_especial .caract-especial-item:hover {
    border-color: #60a5fa !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none;
}

#owl_carrusel_caract_especial .post-author-box:hover {
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
}

#owl_carrusel_caract_especial .caract-especial-item.active {
    border-color: #3b82f6 !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
}

#imagen_chica_producto .sm-video-thumb .img_width_chico {
    width: 125px;
    height: 106px;
}

#owl_carrusel_caract_especial .caract-especial-item .author-name a {
    color: #10234d;
    font-weight: 700;
}

#card_caract_esp {
    height: auto !important;
    min-height: 185px;
    border: 1px solid #cfe1ff !important;
    border-radius: 14px !important;
    background: #f7fbff;
    box-shadow: 0 10px 22px rgba(37, 99, 235, .14);
}

#card_caract_esp.br-naranja {
    border-color: #93c5fd !important;
}

#card_caract_esp #img_caract_espcial_card {
    border-radius: 10px;
    object-fit: contain;
    background: #fff;
}

#card_caract_esp #nom_caract_espcial_card {
    color: #1d4ed8;
    font-weight: 700;
}

#card_caract_esp #desc_caract_especial_card {
    color: #1e3a8a;
    font-size: 1rem;
}

#info_producto_completo_tab .imagen_car_especial_2,
#info_producto_completo_tab #owl_carrusel_caract_especial,
#info_producto_completo_tab #card_caract_esp,
#info_producto_completo_tab .table.table-striped {
    width: 94%;
    margin-left: auto !important;
    margin-right: auto !important;
}

#info_producto_completo_tab .table.table-striped {
    margin-bottom: 10px;
}

#info_producto_completo_tab > .details > .row > .w-100.text-center {
    margin-top: 6px;
}

@media only screen and (max-width: 991px) {
    #info_producto_completo_tab .table.table-striped {
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 576px) {
    .floating-product-info-whats {
        right: 14px;
        bottom: 154px;
        min-width: 96px;
        height: 38px;
        padding: 0 11px;
        font-size: 13px;
    }

    .floating-product-info-whats i {
        font-size: 16px;
    }

    body.has-floating-buybar #scroll-top.show {
        bottom: 203px;
    }
}

/* --- LN=5 info-producto (solo responsive): imagen principal sin borde y +25% --- */
@media only screen and (max-width: 991px) {
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos > .row {
        overflow: visible !important;
    }

    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra .product-details-horizontal,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra .product-details-images-horizontal {
        overflow: visible !important;
    }

    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .slick-track,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .slick-list,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .slick-slide,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .slick-slide > div,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .easyzoom-style,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .easyzoom-style > div,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .easyzoom-style a {
        border: none !important;
        border-image: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .border-image-grey,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .img_width_grande.border-image-grey {
        border: none !important;
        border-image: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .easyzoom-style a img,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .video-style img,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto img.img_width_grande {
        width: 140% !important;
        max-width: 140% !important;
        height: 140% !important;
        max-height: 140% !important;
        transform: scale(1.4);
        transform-origin: center center;
        border: none !important;
        border-image: none !important;
        box-shadow: none !important;
        object-fit: contain !important;
        background: transparent !important;
    }

    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .img_width_grande {
        max-width: none !important;
    }

    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .slick-list {
        max-height: 406px !important;
    }

    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .slick-slide,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .slick-slide div,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .slick-slide div .easyzoom-style,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .slick-slide div .easyzoom-style a {
        height: 406px !important;
    }

    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .easyzoom-style,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra #imagen_grande_producto .easyzoom-style a {
        border-radius: 0 !important;
        background-color: transparent !important;
    }

    /* Caso fallback detectado en inspección: .imagen_car_especial / .imagen_car_especial_2 */
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra .imagen_car_especial,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra .imagen_car_especial_2 {
        overflow: visible !important;
    }

    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra .imagen_car_especial img,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra .imagen_car_especial_2 img,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra .imagen_car_especial img.img_width_grande,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra .imagen_car_especial_2 img.img_width_grande {
        border: none !important;
        border-image: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        filter: none !important;
        width: min(376px, 95vw) !important;
        max-width: min(376px, 95vw) !important;
        height: auto !important;
    }

    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra .imagen_car_especial .border-image-grey,
    #main-wrapper.ln5-mobile-image-boost #container_datos_validos #imagenes_productos_muestra .imagen_car_especial_2 .border-image-grey {
        border: none !important;
        border-image: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}

/* Fallback sin carrusel en desktop: centrar y escalar respecto a columna derecha */
@media only screen and (min-width: 992px) {
    #main-wrapper.modern-info-producto #imagenes_productos_muestra.sin-galeria-fallback {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #main-wrapper.modern-info-producto #imagenes_productos_muestra.sin-galeria-fallback .imagen_car_especial,
    #main-wrapper.modern-info-producto #imagenes_productos_muestra.sin-galeria-fallback .imagen_car_especial_2 {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
    }
}

/* Responsive con carrusel: ocultar miniaturas y usar dots del principal */
@media only screen and (max-width: 991px) {
    #main-wrapper.modern-info-producto #imagen_chica_producto.product-details-thumbs-horizontal {
        display: none !important;
    }

    #main-wrapper.modern-info-producto #imagen_grande_producto .slick-dots {
        bottom: -20px;
    }
}

/* --- Modal UPS carrito (agregar morado / no gris) --- */
.ups-cart-modal-popup{
    border-radius: 16px !important;
    padding: 1.4rem 1.2rem 1rem !important;
}

.ups-cart-modal-title{
    color: #7e22ce !important;
    font-weight: 800 !important;
    margin-bottom: .5rem !important;
}

.ups-cart-modal-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .65rem;
}

.ups-cart-modal-icon{
    width: 84px;
    height: 84px;
    object-fit: contain;
}

.ups-cart-modal-text{
    margin: 0;
    color: #334155;
    font-size: .98rem;
    line-height: 1.35;
    text-align: center;
}

.swal2-actions{
    gap: 14px !important;
}

.swal2-actions .ups-cart-confirm-btn,
.swal2-actions .ups-cart-cancel-btn{
    border: 0;
    border-radius: 10px;
    min-width: 118px;
    height: 40px;
    font-weight: 700;
    padding: 0 14px;
}

.swal2-actions .ups-cart-confirm-btn{
    background: #7c3aed;
    color: #fff;
    box-shadow: 0 8px 16px rgba(124, 58, 237, .30);
}

.swal2-actions .ups-cart-confirm-btn:hover{
    background: #6d28d9;
}

.swal2-actions .ups-cart-cancel-btn{
    background: #e5e7eb;
    color: #374151;
}

.swal2-actions .ups-cart-cancel-btn:hover{
    background: #d1d5db;
}

#container_datos_validos.info-product-loading-overlay-host{
    position: relative;
}

#container_datos_validos.info-product-loading-overlay-host > *:not(.info-product-loading-overlay){
    filter: grayscale(.72);
    opacity: .72;
    transition: filter .18s ease, opacity .18s ease;
    pointer-events: none;
}

#container_datos_validos .info-product-loading-snapshot{
    position: absolute;
    inset: 0;
    z-index: 5;
    overflow: hidden;
    filter: grayscale(.72);
    opacity: .82;
    pointer-events: none;
}

#container_datos_validos .info-product-loading-snapshot > *{
    pointer-events: none !important;
}

#container_datos_validos .info-product-loading-overlay{
    position: absolute;
    inset: 0;
    z-index: 7;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--dc-muted);
    font-weight: 600;
    background: rgba(255,255,255,.36);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}

#container_datos_validos .info-product-loading__spinner{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid rgba(37, 99, 235, .2);
    border-top-color: var(--dc-primary);
    animation: dcCatalogSpin .7s linear infinite;
}

#facebook-footer-link.facebook-visit-link{
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* --- CONTACTO: visual moderno + WhatsApp verde --- */
#main-wrapper.contacto-modern {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

#main-wrapper.contacto-modern .contact-us-page-warpper {
    padding-top: 6px;
}

#main-wrapper.contacto-modern .border-top {
    border-top: 1px solid #e2e8f3 !important;
}

#main-wrapper.contacto-modern .contacto-card {
    background: #ffffff;
    border: 1px solid #dbe5f4;
    border-radius: 14px;
    padding: 22px 22px 18px;
    box-shadow: 0 12px 28px rgba(16, 35, 77, .10);
}

#main-wrapper.contacto-modern .contact-form-wrap h5,
#main-wrapper.contacto-modern .conatact-info-text h4 {
    color: #10234d;
    font-weight: 800;
}

#main-wrapper.contacto-modern .contact-form-wrap p,
#main-wrapper.contacto-modern .conatact-info-text p,
#main-wrapper.contacto-modern .conatact-info-text label {
    color: #4b5b7c;
}

#main-wrapper.contacto-modern .contact-inner input,
#main-wrapper.contacto-modern .contact-inner textarea,
#main-wrapper.contacto-modern .contact-inner select {
    border: 1px solid #d7e3f3;
    border-radius: 10px;
    background: #f8fbff;
    color: #334155;
}

#main-wrapper.contacto-modern .contact-inner input:focus,
#main-wrapper.contacto-modern .contact-inner textarea:focus,
#main-wrapper.contacto-modern .contact-inner select:focus {
    border-color: #93c5fd;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(147, 197, 253, .22);
}

#main-wrapper.contacto-modern .btn-contact-mail,
#main-wrapper.contacto-modern .btn-contact-whatsapp {
    width: 100%;
    border-radius: 999px;
    border: 0;
    color: #ffffff !important;
    font-weight: 700;
}

#main-wrapper.contacto-modern .btn-contact-mail {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
    box-shadow: 0 8px 18px rgba(29, 78, 216, .28);
}

#main-wrapper.contacto-modern .btn-contact-mail:hover,
#main-wrapper.contacto-modern .btn-contact-mail:focus {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}

#main-wrapper.contacto-modern .btn-contact-whatsapp {
    background: linear-gradient(135deg, #25d366 0%, #1faa4b 100%);
    box-shadow: 0 8px 18px rgba(37, 211, 102, .30);
}

#main-wrapper.contacto-modern .btn-contact-whatsapp:hover,
#main-wrapper.contacto-modern .btn-contact-whatsapp:focus {
    background: linear-gradient(135deg, #32df73 0%, #1faa4b 100%);
}

#main-wrapper.contacto-modern .conatact-info-text h6 {
    color: #10234d;
    font-weight: 700;
    margin-top: 16px;
}

#main-wrapper.contacto-modern .conatact-info-text .contact-whatsapp-title,
#main-wrapper.contacto-modern .conatact-info-text .contact-whatsapp-title i {
    color: #16a34a;
}

#main-wrapper.contacto-modern #txt_empresa_whatsapp,
#main-wrapper.contacto-modern #txt_empresa_whatsapp_2,
#main-wrapper.contacto-modern #txt_empresa_whatsapp_3 {
    color: #16a34a;
    font-weight: 700;
}

#main-wrapper.contacto-modern #txt_empresa_whatsapp:hover,
#main-wrapper.contacto-modern #txt_empresa_whatsapp_2:hover,
#main-wrapper.contacto-modern #txt_empresa_whatsapp_3:hover {
    color: #15803d;
}

@media only screen and (max-width: 991px) {
    #main-wrapper.contacto-modern .contacto-card {
        padding: 18px 16px 14px;
    }
}