/* =====================================================
   PÁGINA COMPLETA DE PROMOCIONES DMC
   Este archivo incluye:
   - Estilos generales de la página
   - Videos promocionales
   - Imágenes y tarjetas promocionales
   - Sección de contacto
   - Tríptico digital e impresión
===================================================== */

:root{
    --dmc-azul:#0a3566;
    --dmc-azul-oscuro:#061a3b;
    --dmc-azul-claro:#195b8d;
    --dmc-dorado:#d4aa25;
    --dmc-texto:#617084;
    --dmc-fondo:#f4f7fa;
    --dmc-borde:#dbe4ec;
    --dmc-blanco:#ffffff;
}

.dmc-promo-page,
.dmc-promo-page *{
    box-sizing:border-box;
}

.dmc-promo-page{
    width:100%;
    overflow:hidden;
    background:#ffffff;
    color:var(--dmc-azul);
    font-family:'Segoe UI', Arial, sans-serif;
}

.dmc-promo-container{
    width:min(1240px, calc(100% - 40px));
    margin:0 auto;
}

.dmc-promo-section{
    width:100%;
    padding:78px 0;
    background:#ffffff;
}

.dmc-promo-section--soft{
    background:#f2f6f9;
}

/* Encabezados de las secciones */

.dmc-promo-heading{
    max-width:760px;
    margin:0 auto 38px;
    text-align:center;
}

.dmc-promo-label,
.dmc-promo-card-label{
    display:block;
    margin-bottom:9px;
    color:var(--dmc-dorado);
    font-size:.75rem;
    font-weight:850;
    letter-spacing:1.35px;
    text-transform:uppercase;
}

.dmc-promo-heading h2,
.dmc-promo-featured__content h2,
.dmc-promo-contact h2{
    margin:0 0 14px !important;
    color:var(--dmc-azul) !important;
    font-family:inherit;
    font-size:clamp(2rem, 4vw, 3.25rem) !important;
    font-weight:850;
    line-height:1.08;
}

.dmc-promo-heading p,
.dmc-promo-featured__content p{
    margin:0;
    color:var(--dmc-texto);
    font-size:1rem;
    line-height:1.7;
}

/* Promoción principal, por si se vuelve a utilizar */

.dmc-promo-featured{
    display:grid;
    grid-template-columns:minmax(0, 1.08fr) minmax(330px, .92fr);
    align-items:center;
    min-height:480px;
    background:#ffffff;
    border:1px solid var(--dmc-borde);
    border-radius:24px;
    box-shadow:0 18px 48px rgba(8,43,89,.12);
    overflow:hidden;
}

.dmc-promo-featured__image{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    min-height:480px;
    padding:22px;
    background:#ffffff;
}

.dmc-promo-featured__image img{
    display:block;
    width:100%;
    height:100%;
    max-height:440px;
    object-fit:contain;
    object-position:center;
}

.dmc-promo-featured__content{
    padding:55px 50px;
}

.dmc-promo-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

/* Botones generales */

.dmc-promo-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:48px;
    padding:13px 20px;
    border:2px solid transparent;
    border-radius:999px;
    font-size:.84rem;
    font-weight:800;
    line-height:1.1;
    text-decoration:none !important;
    transition:transform .25s ease, background .25s ease, color .25s ease;
}

.dmc-promo-button:hover{
    transform:translateY(-2px);
}

.dmc-promo-button--primary{
    background:var(--dmc-azul);
    color:#ffffff !important;
}

.dmc-promo-button--outline{
    border-color:var(--dmc-azul);
    background:#ffffff;
    color:var(--dmc-azul) !important;
}

.dmc-promo-button--light{
    background:#ffffff;
    color:var(--dmc-azul) !important;
}

/* =====================================================
   VIDEOS PROMOCIONALES
===================================================== */

.dmc-promo-videos{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:28px;
}

.dmc-promo-video-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    background:#ffffff;
    border:1px solid var(--dmc-borde);
    border-radius:22px;
    box-shadow:0 14px 36px rgba(11,44,95,.09);
    overflow:hidden;
    transition:transform .28s ease, box-shadow .28s ease;
}

.dmc-promo-video-card:hover{
    transform:translateY(-5px);
    box-shadow:0 22px 45px rgba(11,44,95,.14);
}

.dmc-promo-video-card__media{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    aspect-ratio:16 / 9;
    background:#061a3b;
    overflow:hidden;
}

.dmc-promo-video-card__media video{
    display:block;
    width:100%;
    height:100%;
    border:0;
    outline:0;
    background:#061a3b;
    object-fit:contain;
    object-position:center;
}

.dmc-promo-video-card__content{
    flex:1;
    padding:25px 27px 29px;
    background:#ffffff;
}

.dmc-promo-video-card__content h3{
    margin:0 0 10px !important;
    color:var(--dmc-azul) !important;
    font-family:inherit;
    font-size:1.35rem !important;
    font-weight:800;
    line-height:1.25;
}

.dmc-promo-video-card__content p{
    margin:0;
    color:var(--dmc-texto);
    font-size:.93rem;
    line-height:1.6;
}

/* =====================================================
   IMÁGENES PROMOCIONALES
===================================================== */

.dmc-promo-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:25px;
}

.dmc-promo-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    background:#ffffff;
    border:1px solid var(--dmc-borde);
    border-radius:20px;
    box-shadow:0 12px 32px rgba(8,43,89,.09);
    overflow:hidden;
    transition:transform .28s ease, box-shadow .28s ease;
}

.dmc-promo-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 40px rgba(8,43,89,.14);
}

.dmc-promo-card__image{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:330px;
    padding:10px;
    background:#ffffff;
    overflow:hidden;
}

.dmc-promo-card__image img{
    display:block;
    width:100%;
    height:auto;
    max-height:480px;
    object-fit:contain;
    object-position:center;
    background:#ffffff;
}

.dmc-promo-card__content{
    flex:1;
    padding:23px 24px 27px;
}

.dmc-promo-card__content h3{
    margin:0 0 10px !important;
    color:var(--dmc-azul) !important;
    font-family:inherit;
    font-size:1.2rem !important;
    font-weight:800;
}

.dmc-promo-card__content p{
    margin:0 0 16px;
    color:var(--dmc-texto);
    font-size:.9rem;
    line-height:1.6;
}

.dmc-promo-card__link{
    color:var(--dmc-azul);
    font-size:.83rem;
    font-weight:800;
    text-decoration:none;
}

/* =====================================================
   CONTACTO FINAL
===================================================== */

.dmc-promo-contact{
    padding:65px 0;
    background:linear-gradient(135deg, #082b59, #185c8f);
}

.dmc-promo-contact__content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    padding:0 20px;
}

.dmc-promo-contact .dmc-promo-label{
    color:#f1c643;
}

.dmc-promo-contact h2{
    max-width:720px;
    color:#ffffff !important;
    font-size:clamp(1.7rem, 3vw, 2.65rem) !important;
}

.dmc-promo-contact p{
    max-width:760px;
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:.96rem;
    line-height:1.65;
}

/* Responsive de las secciones generales */

@media(max-width:900px){

    .dmc-promo-featured{
        grid-template-columns:1fr;
    }

    .dmc-promo-featured__image{
        min-height:360px;
    }

    .dmc-promo-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .dmc-promo-contact__content{
        align-items:flex-start;
        flex-direction:column;
    }

}

@media(max-width:700px){

    .dmc-promo-container{
        width:min(100% - 24px, 1240px);
    }

    .dmc-promo-section{
        padding:55px 0;
    }

    .dmc-promo-heading{
        margin-bottom:28px;
    }

    .dmc-promo-heading h2{
        font-size:2rem !important;
    }

    .dmc-promo-videos,
    .dmc-promo-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .dmc-promo-video-card,
    .dmc-promo-card{
        border-radius:17px;
    }

    .dmc-promo-video-card__content{
        padding:21px 19px 24px;
    }

    .dmc-promo-card__image{
        min-height:260px;
    }

    .dmc-promo-featured__content{
        padding:35px 23px;
    }

    .dmc-promo-contact{
        padding:50px 0;
    }

    .dmc-promo-contact__content{
        padding:0;
    }

    .dmc-promo-contact .dmc-promo-button{
        width:100%;
    }

}

/* =====================================================
   TRÍPTICO DIGITAL DMC
   Agregar al final de style.css
===================================================== */

.dmc-triptico,
.dmc-triptico *{
    box-sizing:border-box;
}

.dmc-triptico{
    width:100%;
    padding:42px 18px 65px;
    background:#eaf1f6;
    color:#12385d;
}

.dmc-triptico__contenedor{
    width:min(1320px, 100%);
    margin:0 auto;
}

/* Barra superior */

.dmc-triptico__herramientas{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-bottom:20px;
    padding:15px 20px;
    background:#ffffff;
    border:1px solid #d5e0e9;
    border-radius:14px;
    box-shadow:0 10px 28px rgba(8,43,89,.08);
}

.dmc-triptico__herramientas span{
    display:block;
    color:#ac8410;
    font-size:.7rem;
    font-weight:850;
    letter-spacing:1.1px;
    text-transform:uppercase;
}

.dmc-triptico__herramientas strong{
    display:block;
    margin-top:2px;
    color:#0a3566;
    font-size:1rem;
}

.dmc-triptico__imprimir{
    padding:12px 20px;
    border:0;
    border-radius:999px;
    background:#0a3566;
    color:#ffffff;
    font:inherit;
    font-size:.82rem;
    font-weight:800;
    cursor:pointer;
}

.dmc-triptico__imprimir:hover{
    background:#d4aa25;
    color:#082b59;
}

/* Hoja horizontal dividida en tres paneles */

.dmc-triptico__visor{
    width:100%;
}

.dmc-triptico__lado{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    width:100%;
    aspect-ratio:11 / 8.5;
    background:#fffefb;
    border-radius:9px;
    box-shadow:0 25px 65px rgba(8,43,89,.2);
    overflow:hidden;
}

.dmc-triptico__lado[hidden]{
    display:none;
}

.dmc-triptico__panel{
    position:relative;
    min-width:0;
    padding:22px 20px 20px;
    background:#fffefb;
    overflow:hidden;
}

.dmc-triptico__panel + .dmc-triptico__panel{
    border-left:1px dashed rgba(10,53,102,.28);
}

.dmc-triptico__panel--solapa{
    background:#f5f8fa;
}

.dmc-triptico__panel-titulo{
    min-height:54px;
    margin-bottom:8px;
    padding-bottom:8px;
    border-bottom:2px solid #d4aa25;
}

.dmc-triptico__panel-titulo span{
    display:block;
    margin-bottom:2px;
    color:#a77e0b;
    font-size:.56rem;
    font-weight:850;
    letter-spacing:.9px;
    text-transform:uppercase;
}

.dmc-triptico__panel-titulo h2{
    margin:0 !important;
    color:#0a3566 !important;
    font-family:inherit;
    font-size:1.18rem !important;
    font-weight:850;
    line-height:1.08;
}

/* Listas editoriales, sin tarjetas grandes */

.dmc-triptico__lista{
    display:grid;
    min-height:0;
}

.dmc-triptico__lista--4{
    grid-template-rows:repeat(4, minmax(0, 1fr));
    height:calc(100% - 70px);
}

.dmc-triptico__panel--solapa .dmc-triptico__lista--4{
    height:calc(100% - 108px);
}

.dmc-triptico__lista--3{
    grid-template-rows:repeat(3, minmax(0, 1fr));
    height:calc(100% - 70px);
}

.dmc-triptico__panel:has(.dmc-triptico__contacto)
.dmc-triptico__lista--3{
    height:calc(100% - 118px);
}

.dmc-triptico-producto{
    display:grid;
    grid-template-columns:minmax(76px, 36%) 1fr;
    align-items:center;
    gap:10px;
    min-width:0;
    padding:8px 0;
    background:transparent;
    border-bottom:1px solid #dfe6eb;
}

.dmc-triptico-producto:last-child{
    border-bottom:0;
}

/* Fotografías completas: nunca se recortan */

.dmc-triptico-producto__imagen{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    min-height:72px;
    max-height:118px;
    padding:5px;
    background:#ffffff;
    border-radius:6px;
    overflow:hidden;
}

.dmc-triptico-producto__imagen img{
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain !important;
    object-position:center !important;
    background:#ffffff;
}

.dmc-triptico-producto__informacion{
    min-width:0;
}

.dmc-triptico-producto__meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    min-height:19px;
    margin-bottom:3px;
}

.dmc-triptico-producto__logo{
    display:flex;
    align-items:center;
    width:63px;
    height:19px;
}

.dmc-triptico-producto__logo img{
    display:block;
    width:auto;
    height:auto;
    max-width:63px;
    max-height:19px;
    object-fit:contain;
}

.dmc-triptico-producto__clave{
    margin-left:auto;
    padding:3px 5px;
    background:#e9f0f5;
    color:#325976;
    border-radius:4px;
    font-size:.48rem;
    font-weight:850;
    white-space:nowrap;
}

.dmc-triptico-producto h3{
    margin:0 0 5px !important;
    color:#103d6a !important;
    font-family:inherit;
    font-size:.66rem !important;
    font-weight:800;
    line-height:1.18;
}

.dmc-triptico-producto__precio{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:7px;
}

.dmc-triptico-producto__precio strong{
    color:#071f42;
    font-size:1rem;
    font-weight:900;
    line-height:1;
}

.dmc-triptico-producto__precio small{
    padding:3px 5px;
    background:#d4aa25;
    color:#082b59;
    border-radius:3px;
    font-size:.43rem;
    font-weight:900;
    text-transform:uppercase;
    white-space:nowrap;
}

/* Portada */

.dmc-triptico__portada{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:35px 30px;
    background:linear-gradient(145deg, #082b59, #195b8d);
    color:#ffffff;
}

.dmc-triptico__portada-forma{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.dmc-triptico__portada-forma--uno{
    top:-75px;
    right:-55px;
    width:220px;
    height:220px;
    background:#d4aa25;
    opacity:.92;
}

.dmc-triptico__portada-forma--dos{
    right:45px;
    bottom:-105px;
    width:245px;
    height:245px;
    border:28px solid rgba(255,255,255,.08);
}

.dmc-triptico__portada-contenido{
    position:relative;
    z-index:2;
}

.dmc-triptico__logo-principal{
    display:flex;
    align-items:center;
    min-height:58px;
    margin-bottom:26px;
}

.dmc-triptico__logo-principal .custom-logo-link{
    display:block;
}

.dmc-triptico__logo-principal img{
    display:block;
    width:auto;
    height:auto;
    max-width:145px;
    max-height:58px;
    object-fit:contain;
}

.dmc-triptico__logo-principal > strong{
    color:#ffffff;
    font-size:2.5rem;
    font-weight:900;
}

.dmc-triptico__portada-etiqueta{
    display:block;
    margin-bottom:9px;
    color:#f2ca50;
    font-size:.64rem;
    font-weight:850;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

.dmc-triptico__portada h1{
    margin:0 0 12px !important;
    color:#ffffff !important;
    font-family:inherit;
    font-size:2.45rem !important;
    font-weight:900;
    line-height:.98;
}

.dmc-triptico__portada-mes{
    display:block;
    margin-bottom:18px;
    color:#f2ca50;
    font-size:1.45rem;
    line-height:1;
}

.dmc-triptico__portada p{
    max-width:270px;
    margin:0 0 18px;
    color:rgba(255,255,255,.84);
    font-size:.8rem;
    line-height:1.5;
}

.dmc-triptico__portada-iva{
    display:inline-block;
    padding:7px 11px;
    background:#ffffff;
    color:#0a3566;
    border-radius:999px;
    font-size:.64rem;
    font-weight:900;
    text-transform:uppercase;
}

.dmc-triptico__portada-pie{
    position:absolute;
    right:30px;
    bottom:25px;
    left:30px;
    z-index:2;
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.25);
    color:rgba(255,255,255,.75);
    font-size:.6rem;
    text-transform:uppercase;
    letter-spacing:.8px;
}

/* Contactos generales dentro del tríptico */

.dmc-triptico__contacto-mini{
    position:absolute;
    right:20px;
    bottom:14px;
    left:20px;
    padding-top:7px;
    border-top:2px solid #d4aa25;
}

.dmc-triptico__contacto-mini strong,
.dmc-triptico__contacto-mini span{
    display:block;
}

.dmc-triptico__contacto-mini strong{
    color:#0a3566;
    font-size:.61rem;
}

.dmc-triptico__contacto-mini span{
    margin-top:2px;
    color:#697787;
    font-size:.5rem;
}

.dmc-triptico__contacto{
    position:absolute;
    right:20px;
    bottom:14px;
    left:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:8px 10px;
    background:#0a3566;
    border-radius:6px;
}

.dmc-triptico__contacto strong{
    color:#ffffff;
    font-size:.54rem;
}

.dmc-triptico__contacto a{
    padding:5px 7px;
    background:#d4aa25;
    color:#082b59;
    border-radius:999px;
    font-size:.48rem;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap;
}

/* Navegación */

.dmc-triptico__navegacion{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-top:22px;
}

.dmc-triptico__boton{
    min-width:125px;
    padding:11px 17px;
    border:1px solid #0a3566;
    border-radius:999px;
    background:#ffffff;
    color:#0a3566;
    font:inherit;
    font-size:.78rem;
    font-weight:800;
    cursor:pointer;
}

.dmc-triptico__boton:hover,
.dmc-triptico__boton.es-activo{
    background:#0a3566;
    color:#ffffff;
}

.dmc-triptico__navegacion > span{
    min-width:110px;
    color:#49657e;
    font-size:.75rem;
    font-weight:750;
    text-align:center;
}

.dmc-triptico__vigencia{
    margin:14px 0 0;
    color:#627287;
    font-size:.68rem;
    text-align:center;
}

/* Tableta: conservar tres paneles con desplazamiento */

@media(max-width:900px){

    .dmc-triptico__visor{
        overflow-x:auto;
        padding-bottom:12px;
    }

    .dmc-triptico__lado{
        width:1050px;
        min-height:810px;
        aspect-ratio:auto;
    }

}

/* Celular */

@media(max-width:600px){

    .dmc-triptico{
        padding:25px 8px 45px;
    }

    .dmc-triptico__herramientas{
        align-items:flex-start;
        flex-direction:column;
        padding:16px;
    }

    .dmc-triptico__imprimir{
        width:100%;
    }

    .dmc-triptico__lado{
        width:930px;
        min-height:760px;
    }

    .dmc-triptico__panel{
        padding:18px 16px;
    }

    .dmc-triptico__navegacion{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:9px;
    }

    .dmc-triptico__navegacion > span{
        grid-column:1 / -1;
        grid-row:1;
        margin-bottom:3px;
    }

    .dmc-triptico__boton{
        width:100%;
        min-width:0;
    }

}

/* =====================================================
   POSICIÓN FINAL DE CONTACTOS
   Debe permanecer al final del archivo.
===================================================== */

/* Ya no mostrar contactos dentro de la portada */

.dmc-triptico .dmc-triptico__datos-contacto{
    display:none !important;
}

/* Contactos dentro de las franjas superiores */

.dmc-triptico .dmc-triptico__panel-titulo--contacto{
    display:block !important;
    min-height:105px !important;
    padding:12px 18px 9px 23px !important;
    background:linear-gradient(100deg, #082b59, #155b8d) !important;
}

.dmc-triptico .dmc-triptico__panel-titulo--contacto > span{
    display:block !important;
    margin-bottom:2px !important;
    color:#bcd4e5 !important;
    font-size:.5rem !important;
    letter-spacing:.7px !important;
}

.dmc-triptico .dmc-triptico__panel-titulo--contacto h2{
    margin:0 0 5px !important;
    color:#ffffff !important;
    font-size:1rem !important;
    line-height:1.08 !important;
}

.dmc-triptico .dmc-triptico__contacto-superior{
    position:relative;
    z-index:4;
    display:grid !important;
    gap:1px;
}

.dmc-triptico .dmc-triptico__contacto-superior span{
    display:block !important;
    margin:0 !important;
    color:#ffffff !important;
    font-size:.48rem !important;
    font-weight:650 !important;
    line-height:1.22 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}

.dmc-triptico .dmc-triptico__lado--interior .dmc-triptico__lista--3{
    height:calc(100% - 118px) !important;
}

/* Portada limpia nuevamente */

.dmc-triptico .dmc-triptico__portada-iva{
    display:inline-block !important;
}

.dmc-triptico .dmc-triptico__portada-contenido{
    padding:18px 0 58px !important;
}

@media print{

    .dmc-triptico .dmc-triptico__panel-titulo--contacto{
        print-color-adjust:exact;
        -webkit-print-color-adjust:exact;
    }

}

/* Impresión: dos páginas horizontales listas para doble cara */

@media print{

    @page{
        size:letter landscape;
        margin:0;
    }

    html,
    body{
        margin:0 !important;
        padding:0 !important;
        background:#ffffff !important;
    }

    #masthead,
    .site-header,
    .site-footer,
    body > footer,
    .dmc-triptico__herramientas,
    .dmc-triptico__navegacion,
    .dmc-triptico__vigencia,
    .dmc-promo-section,
    .dmc-promo-contact{
        display:none !important;
    }

    .dmc-triptico{
        padding:0 !important;
        background:#ffffff !important;
    }

    .dmc-triptico__contenedor,
    .dmc-triptico__visor{
        width:100% !important;
        max-width:none !important;
        overflow:visible !important;
    }

    .dmc-triptico__lado,
    .dmc-triptico__lado[hidden]{
        display:grid !important;
        grid-template-columns:repeat(3, 1fr) !important;
        width:11in !important;
        height:8.5in !important;
        min-height:0 !important;
        margin:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        page-break-after:always;
        break-after:page;
        print-color-adjust:exact;
        -webkit-print-color-adjust:exact;
    }

    .dmc-triptico__lado:last-child{
        page-break-after:auto;
        break-after:auto;
    }

    .dmc-triptico__panel{
        break-inside:avoid;
        page-break-inside:avoid;
    }

    .dmc-triptico-producto__imagen img{
        object-fit:contain !important;
    }

}

/* =====================================================
   CONTACTOS EN LAS FRANJAS SUPERIORES DEL INTERIOR
===================================================== */

.dmc-triptico .dmc-triptico__panel-titulo--contacto{
    min-height:105px !important;
    padding-top:13px !important;
    padding-bottom:10px !important;
}

.dmc-triptico .dmc-triptico__panel-titulo--contacto > span{
    color:#bcd4e5 !important;
    font-size:.5rem !important;
    letter-spacing:.75px;
}

.dmc-triptico .dmc-triptico__panel-titulo--contacto h2{
    margin-bottom:5px !important;
    font-size:1rem !important;
}

.dmc-triptico .dmc-triptico__contacto-superior{
    position:relative;
    z-index:3;
    display:grid;
    gap:2px;
}

.dmc-triptico .dmc-triptico__contacto-superior span{
    display:block;
    margin:0;
    color:#ffffff !important;
    font-size:.49rem !important;
    font-weight:650;
    line-height:1.25;
    letter-spacing:0;
    text-transform:none;
    overflow-wrap:anywhere;
}

.dmc-triptico .dmc-triptico__lado--interior .dmc-triptico__lista--3{
    height:calc(100% - 118px) !important;
}

/* La portada vuelve a quedar limpia */

.dmc-triptico .dmc-triptico__portada-iva{
    display:inline-block !important;
}

.dmc-triptico .dmc-triptico__portada-contenido{
    padding:20px 0 60px !important;
}

.dmc-triptico .dmc-triptico__logo-principal{
    min-height:105px !important;
    margin-bottom:16px !important;
}

.dmc-triptico .dmc-triptico__logo-principal img,
.dmc-triptico .dmc-triptico__logo-principal .custom-logo{
    max-width:245px !important;
    max-height:105px !important;
}

.dmc-triptico .dmc-triptico__portada h1{
    font-size:2.4rem !important;
}

.dmc-triptico .dmc-triptico__portada-mes{
    font-size:1.35rem !important;
}

@media print{

    .dmc-triptico .dmc-triptico__panel-titulo--contacto,
    .dmc-triptico .dmc-triptico__contacto-superior{
        print-color-adjust:exact;
        -webkit-print-color-adjust:exact;
    }

}

/* =====================================================
   IDENTIDAD CORPORATIVA DMC — SIN AMARILLO
   Portada con fotografía intercambiable
===================================================== */

.dmc-triptico{
    --dmc-dorado:#2c78a8;
    --dmc-acento:#2c78a8;
    --dmc-acento-oscuro:#175b88;
    --dmc-gris-claro:#edf2f6;
}

/* Fondo general limpio */

.dmc-triptico{
    background:
        linear-gradient(145deg, #edf3f7, #dfe9f0) !important;
}

/* Barra superior */

.dmc-triptico__herramientas{
    background:linear-gradient(110deg, #061a3b, #0b3c6b 72%, #145785) !important;
    border-bottom:4px solid var(--dmc-acento) !important;
}

.dmc-triptico__herramientas span{
    color:#c9d8e7 !important;
}

.dmc-triptico__imprimir{
    background:var(--dmc-acento) !important;
    color:#ffffff !important;
}

.dmc-triptico__imprimir:hover{
    background:#ffffff !important;
    color:#0a3566 !important;
}

/* Paneles interiores profesionales */

.dmc-triptico__panel--productos,
.dmc-triptico__panel--solapa,
.dmc-triptico__lado--interior .dmc-triptico__panel,
.dmc-triptico__lado--interior .dmc-triptico__panel:nth-child(2){
    background:linear-gradient(160deg, #ffffff, #f3f6f8) !important;
}

.dmc-triptico__panel + .dmc-triptico__panel{
    border-left:1px solid #c9d5df !important;
}

.dmc-triptico__panel-titulo{
    background:linear-gradient(100deg, #082b59, #155b8d) !important;
    border-bottom:4px solid var(--dmc-acento) !important;
}

.dmc-triptico__panel-titulo::after{
    display:none !important;
}

.dmc-triptico__panel-titulo::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:6px;
    background:var(--dmc-acento);
}

.dmc-triptico__panel-titulo span{
    color:#cbdbea !important;
}

.dmc-triptico__panel-titulo h2{
    color:#ffffff !important;
}

/* Productos */

.dmc-triptico-producto{
    border-bottom:1px solid #d6e0e8 !important;
}

.dmc-triptico-producto:hover{
    background:#ffffff !important;
}

.dmc-triptico-producto__imagen{
    border:1px solid #d7e1e9 !important;
    box-shadow:0 7px 16px rgba(8,43,89,.08) !important;
}

.dmc-triptico-producto__clave{
    background:#0a3566 !important;
    color:#ffffff !important;
}

.dmc-triptico-producto__precio strong{
    color:#092e59 !important;
}

.dmc-triptico-producto__precio small{
    background:#e7edf2 !important;
    color:#0a3566 !important;
    border:1px solid #cbd7e0;
    box-shadow:none !important;
}

/* Contacto y navegación */

.dmc-triptico__contacto-mini{
    border-top-color:var(--dmc-acento) !important;
}

.dmc-triptico__contacto a{
    background:var(--dmc-acento) !important;
    color:#ffffff !important;
}

.dmc-triptico__boton:hover,
.dmc-triptico__boton.es-activo{
    border-color:#0a3566 !important;
    background:linear-gradient(90deg, #082b59, #155b8d) !important;
    color:#ffffff !important;
}

/* =====================================================
   PORTADA CON IMAGEN PERSONALIZADA
===================================================== */

.dmc-triptico__portada{
    position:relative;
    isolation:isolate;

    background-image:
        linear-gradient(
            180deg,
            rgba(3,18,39,.34) 0%,
            rgba(4,28,56,.72) 48%,
            rgba(3,20,44,.96) 100%
        ),
        var(--dmc-portada-fondo) !important;

    background-color:#071f42 !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:cover !important;
}

/* Sin bolas ni figuras decorativas */

.dmc-triptico__portada-forma,
.dmc-triptico__portada-forma--uno,
.dmc-triptico__portada-forma--dos{
    display:none !important;
}

.dmc-triptico__portada::before{
    content:"";
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    bottom:0;
    width:7px;
    background:var(--dmc-acento) !important;
}

.dmc-triptico__portada::after{
    content:"";
    position:absolute;
    z-index:1;
    right:28px;
    bottom:61px;
    width:90px;
    height:4px;
    background:var(--dmc-acento) !important;
    border-radius:999px;
}

.dmc-triptico__portada-contenido{
    position:relative;
    z-index:3;
}

.dmc-triptico__portada-etiqueta{
    color:#d5e2ed !important;
}

.dmc-triptico__portada-mes{
    color:#ffffff !important;
}

.dmc-triptico__portada-mes::after{
    background:var(--dmc-acento) !important;
}

.dmc-triptico__portada-iva{
    background:var(--dmc-acento) !important;
    color:#ffffff !important;
}

.dmc-triptico__portada-pie{
    border-top-color:rgba(255,255,255,.28) !important;
}

/* Quitar cualquier acento amarillo restante del tríptico */

.dmc-triptico .dmc-promo-label,
.dmc-triptico .dmc-promo-card-label{
    color:var(--dmc-acento) !important;
}

@media print{

    .dmc-triptico__portada{
        background-size:cover !important;
        print-color-adjust:exact;
        -webkit-print-color-adjust:exact;
    }

}

/* =====================================================
   PORTADA PROFESIONAL — SIN CÍRCULOS
===================================================== */

/* Quitar completamente las bolas decorativas */

.dmc-triptico__portada-forma,
.dmc-triptico__portada-forma--uno,
.dmc-triptico__portada-forma--dos{
    display:none !important;
}

/* Fondo corporativo con geometría discreta */

.dmc-triptico__portada{
    position:relative;
    isolation:isolate;
    background:
        linear-gradient(
            125deg,
            transparent 0 52%,
            rgba(255,255,255,.045) 52% 67%,
            transparent 67% 100%
        ),
        linear-gradient(
            35deg,
            transparent 0 68%,
            rgba(212,170,37,.08) 68% 69%,
            transparent 69% 100%
        ),
        linear-gradient(
            150deg,
            #06172f 0%,
            #082d58 48%,
            #0d4d7c 100%
        ) !important;
}

/* Franja dorada lateral fina */

.dmc-triptico__portada::before{
    content:"";
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    bottom:0;
    width:8px;
    background:linear-gradient(
        180deg,
        #f0ca4b,
        #bd8c09
    );
}

/* Línea inferior en lugar de figura circular */

.dmc-triptico__portada::after{
    content:"";
    position:absolute;
    z-index:1;
    right:28px;
    bottom:61px;
    width:92px;
    height:4px;
    background:#d4aa25;
    border-radius:999px;
}

/* Logo principal más grande */

.dmc-triptico__logo-principal{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    min-height:105px;
    margin-bottom:22px;
}

.dmc-triptico__logo-principal .custom-logo-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:auto;
    height:auto;
    margin:0;
    padding:10px 13px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(255,255,255,.75);
    border-radius:12px;
    box-shadow:0 13px 28px rgba(0,0,0,.2);
}

.dmc-triptico__logo-principal img,
.dmc-triptico__logo-principal .custom-logo{
    display:block;
    width:auto !important;
    height:auto !important;
    max-width:205px !important;
    max-height:84px !important;
    margin:0 !important;
    object-fit:contain !important;
    filter:none;
}

.dmc-triptico__logo-principal > strong{
    display:inline-flex;
    align-items:center;
    min-height:82px;
    padding:10px 16px;
    background:#ffffff;
    color:#0a3566;
    border-radius:12px;
    font-size:3rem;
    box-shadow:0 13px 28px rgba(0,0,0,.2);
}

.dmc-triptico__portada-contenido{
    position:relative;
    z-index:3;
    padding:22px 0 62px;
}

.dmc-triptico__portada h1{
    max-width:290px;
    margin-bottom:15px !important;
    font-size:2.55rem !important;
    line-height:1 !important;
}

.dmc-triptico__portada p{
    max-width:285px;
    color:rgba(255,255,255,.88);
}

.dmc-triptico__portada-pie{
    z-index:3;
}

@media(max-width:600px){

    .dmc-triptico__logo-principal img,
    .dmc-triptico__logo-principal .custom-logo{
        max-width:185px !important;
        max-height:76px !important;
    }

}

@media print{

    .dmc-triptico__portada{
        print-color-adjust:exact;
        -webkit-print-color-adjust:exact;
    }

}

/* =====================================================
   DISEÑO MÁS LLAMATIVO — VERSIÓN 2
   Estos estilos refinan el tríptico en pantalla.
===================================================== */

.dmc-triptico{
    background:
        radial-gradient(
            circle at 10% 8%,
            rgba(212,170,37,.14),
            transparent 22%
        ),
        radial-gradient(
            circle at 92% 85%,
            rgba(10,53,102,.14),
            transparent 28%
        ),
        linear-gradient(145deg, #edf4f8, #dfeaf1);
}

.dmc-triptico__contenedor{
    width:min(1080px, 100%);
}

.dmc-triptico__herramientas{
    padding:18px 23px;
    background:linear-gradient(115deg, #071f42, #0c4275 68%, #195f91);
    border:0;
    border-bottom:4px solid #d4aa25;
    box-shadow:0 16px 36px rgba(7,31,66,.2);
}

.dmc-triptico__herramientas span{
    color:#f0c94a;
}

.dmc-triptico__herramientas strong{
    color:#ffffff;
    font-size:1.08rem;
}

.dmc-triptico__imprimir{
    background:#d4aa25;
    color:#071f42;
    box-shadow:0 8px 18px rgba(0,0,0,.16);
}

.dmc-triptico__imprimir:hover{
    background:#ffffff;
    color:#0a3566;
}

.dmc-triptico__lado{
    position:relative;
    border:7px solid #ffffff;
    border-radius:15px;
    box-shadow:
        0 30px 70px rgba(8,43,89,.2),
        0 4px 12px rgba(8,43,89,.1);
}

.dmc-triptico__panel{
    padding:22px 18px 19px;
}

.dmc-triptico__panel--productos{
    background:
        radial-gradient(
            circle at 92% 5%,
            rgba(212,170,37,.12),
            transparent 19%
        ),
        #fffefa;
}

.dmc-triptico__panel--solapa{
    background:
        linear-gradient(
            145deg,
            rgba(10,53,102,.07),
            transparent 42%
        ),
        #f3f7fa;
}

.dmc-triptico__lado--interior
.dmc-triptico__panel:nth-child(2){
    background:
        radial-gradient(
            circle at 50% 0,
            rgba(212,170,37,.14),
            transparent 25%
        ),
        #f5f8fa;
}

.dmc-triptico__panel + .dmc-triptico__panel{
    border-left:2px dashed rgba(10,53,102,.23);
}

.dmc-triptico__panel-titulo{
    position:relative;
    min-height:58px;
    margin:-22px -18px 9px;
    padding:16px 18px 10px 23px;
    background:linear-gradient(90deg, #0a3566, #175b8e);
    border:0;
    border-bottom:4px solid #d4aa25;
    overflow:hidden;
}

.dmc-triptico__panel-titulo::after{
    content:"";
    position:absolute;
    top:-28px;
    right:-17px;
    width:90px;
    height:90px;
    border:15px solid rgba(255,255,255,.08);
    border-radius:50%;
}

.dmc-triptico__panel-titulo span{
    position:relative;
    z-index:2;
    color:#f2cb4f;
}

.dmc-triptico__panel-titulo h2{
    position:relative;
    z-index:2;
    color:#ffffff !important;
    font-size:1.15rem !important;
}

.dmc-triptico-producto{
    position:relative;
    grid-template-columns:minmax(82px, 38%) 1fr;
    gap:11px;
    padding:9px 5px;
    transition:background .25s ease, transform .25s ease;
}

.dmc-triptico-producto:hover{
    background:rgba(255,255,255,.78);
    transform:translateX(3px);
}

.dmc-triptico-producto__imagen{
    min-height:78px;
    max-height:128px;
    padding:7px;
    border:1px solid rgba(10,53,102,.1);
    border-radius:10px;
    box-shadow:0 7px 15px rgba(8,43,89,.08);
}

.dmc-triptico-producto__imagen img{
    object-fit:contain !important;
    object-position:center !important;
}

.dmc-triptico-producto__clave{
    background:#0a3566;
    color:#ffffff;
}

.dmc-triptico-producto h3{
    font-size:.69rem !important;
}

.dmc-triptico-producto__precio strong{
    color:#07346a;
    font-size:1.08rem;
}

.dmc-triptico-producto__precio small{
    background:#e0b31e;
    box-shadow:0 3px 7px rgba(180,135,0,.2);
}

/* Portada con mayor impacto */

.dmc-triptico__portada{
    justify-content:flex-start;
    padding:38px 28px;
    background:
        linear-gradient(
            160deg,
            rgba(255,255,255,.06),
            transparent 38%
        ),
        linear-gradient(145deg, #061a3b, #0b3a6b 58%, #16608f);
}

.dmc-triptico__portada::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:9px;
    background:#d4aa25;
}

.dmc-triptico__portada::after{
    content:"";
    position:absolute;
    right:24px;
    bottom:62px;
    width:78px;
    height:6px;
    background:#d4aa25;
    border-radius:999px;
}

.dmc-triptico__portada-forma--uno{
    top:-68px;
    right:-58px;
    width:205px;
    height:205px;
    background:linear-gradient(145deg, #f1cb4c, #bd8d09);
    box-shadow:0 20px 38px rgba(0,0,0,.16);
}

.dmc-triptico__portada-forma--dos{
    right:-22px;
    bottom:-82px;
    width:225px;
    height:225px;
    border:23px solid rgba(255,255,255,.075);
}

.dmc-triptico__portada-contenido{
    display:flex;
    flex-direction:column;
    justify-content:center;
    flex:1;
    padding:40px 0 65px;
}

.dmc-triptico__logo-principal{
    min-height:52px;
    margin-bottom:22px;
}

.dmc-triptico__logo-principal img{
    max-width:130px;
    max-height:52px;
    filter:drop-shadow(0 5px 10px rgba(0,0,0,.16));
}

.dmc-triptico__portada-etiqueta{
    font-size:.67rem;
    letter-spacing:1.35px;
}

.dmc-triptico__portada h1{
    max-width:270px;
    font-size:2.65rem !important;
    text-shadow:0 8px 20px rgba(0,0,0,.2);
}

.dmc-triptico__portada-mes{
    position:relative;
    width:max-content;
    padding-bottom:10px;
    color:#f2cb4f;
    font-size:1.55rem;
}

.dmc-triptico__portada-mes::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:58px;
    height:4px;
    background:#ffffff;
    border-radius:999px;
}

.dmc-triptico__portada-iva{
    box-shadow:0 8px 18px rgba(0,0,0,.14);
}

.dmc-triptico__portada-pie{
    color:rgba(255,255,255,.85);
}

.dmc-triptico__boton{
    box-shadow:0 6px 15px rgba(8,43,89,.08);
}

.dmc-triptico__boton.es-activo{
    border-color:#d4aa25;
    background:linear-gradient(90deg, #0a3566, #175b8e);
    box-shadow:0 8px 20px rgba(8,43,89,.18);
}

@media(max-width:900px){

    .dmc-triptico__contenedor{
        width:100%;
    }

}

@media print{

    .dmc-triptico__contenedor{
        width:100% !important;
    }

    .dmc-triptico__lado{
        border:0 !important;
        border-radius:0 !important;
    }

    .dmc-triptico-producto:hover{
        transform:none;
    }

}

/* =====================================================
   REGLAS FINALES DMC
   Mantener siempre azul, blanco, gris y rojo.
===================================================== */

.dmc-triptico .dmc-promo-label,
.dmc-triptico .dmc-promo-card-label{
    color:var(--dmc-acento) !important;
}

.dmc-triptico__herramientas{
    border-bottom-color:var(--dmc-acento) !important;
}

.dmc-triptico__herramientas span{
    color:#cbd9e6 !important;
}

.dmc-triptico__imprimir{
    background:var(--dmc-acento) !important;
    color:#ffffff !important;
}

.dmc-triptico__panel--productos,
.dmc-triptico__panel--solapa,
.dmc-triptico__lado--interior .dmc-triptico__panel,
.dmc-triptico__lado--interior .dmc-triptico__panel:nth-child(2){
    background:linear-gradient(160deg, #ffffff, #f3f6f8) !important;
}

.dmc-triptico__panel-titulo{
    background:linear-gradient(100deg, #082b59, #155b8d) !important;
    border-bottom-color:var(--dmc-acento) !important;
}

.dmc-triptico__panel-titulo::after{
    display:none !important;
}

.dmc-triptico__panel-titulo span{
    color:#cad9e7 !important;
}

.dmc-triptico-producto__precio small{
    background:#e7edf2 !important;
    color:#0a3566 !important;
    border-color:#cbd7e0 !important;
}

.dmc-triptico__contacto-mini{
    border-top-color:var(--dmc-acento) !important;
}

.dmc-triptico__contacto a{
    background:var(--dmc-acento) !important;
    color:#ffffff !important;
}

.dmc-triptico__portada{
    background-image:
        linear-gradient(
            180deg,
            rgba(3,18,39,.32) 0%,
            rgba(4,28,56,.72) 48%,
            rgba(3,20,44,.96) 100%
        ),
        var(--dmc-portada-fondo) !important;
    background-color:#071f42 !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
}

.dmc-triptico__portada-forma,
.dmc-triptico__portada-forma--uno,
.dmc-triptico__portada-forma--dos{
    display:none !important;
}

.dmc-triptico__portada::before,
.dmc-triptico__portada::after,
.dmc-triptico__portada-mes::after{
    background:var(--dmc-acento) !important;
}

.dmc-triptico__portada-etiqueta{
    color:#d5e2ed !important;
}

.dmc-triptico__portada-mes{
    color:#ffffff !important;
}

.dmc-triptico__portada-iva{
    background:var(--dmc-acento) !important;
    color:#ffffff !important;
}

.dmc-triptico__boton.es-activo{
    border-color:#0a3566 !important;
}

/* Logo transparente: solo dentro de la portada del tríptico */

.dmc-triptico .dmc-triptico__logo-principal .custom-logo-link{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    width:auto;
    height:auto;
    margin:0;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

.dmc-triptico .dmc-triptico__logo-principal img,
.dmc-triptico .dmc-triptico__logo-principal .custom-logo{
    width:auto !important;
    height:auto !important;
    max-width:235px !important;
    max-height:100px !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    object-fit:contain !important;
    filter:drop-shadow(0 7px 15px rgba(0,0,0,.26));
}

/* =====================================================
   ACABADO FINAL DEL TRÍPTICO
   Productos editoriales, contactos e impresión.
===================================================== */

/* Fondos de panel sin apariencia de tienda */

.dmc-triptico .dmc-triptico__panel--productos,
.dmc-triptico .dmc-triptico__panel--solapa,
.dmc-triptico .dmc-triptico__lado--interior .dmc-triptico__panel{
    background:linear-gradient(155deg, #f1f6f9, #e5eef4) !important;
}

.dmc-triptico .dmc-triptico__lista{
    gap:0 !important;
}

/* Producto integrado en la hoja */

.dmc-triptico .dmc-triptico-producto,
.dmc-triptico .dmc-triptico-producto:nth-child(even){
    display:grid !important;
    grid-template-columns:minmax(92px, 36%) minmax(0, 1fr) !important;
    align-items:center;
    gap:13px;
    padding:12px 7px !important;
    background:transparent !important;
    border:0 !important;
    border-bottom:1px solid #bdceda !important;
    border-radius:0 !important;
    box-shadow:none !important;
    transform:none !important;
}

.dmc-triptico .dmc-triptico-producto:nth-child(even){
    background:rgba(255,255,255,.25) !important;
}

.dmc-triptico .dmc-triptico-producto:last-child{
    border-bottom:0 !important;
}

.dmc-triptico .dmc-triptico-producto:hover{
    background:rgba(255,255,255,.4) !important;
    box-shadow:none !important;
    transform:none !important;
}

/* Fotografías siempre a la izquierda */

.dmc-triptico .dmc-triptico-producto__imagen,
.dmc-triptico .dmc-triptico-producto:nth-child(even) .dmc-triptico-producto__imagen{
    grid-column:1 !important;
    grid-row:1 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:108px;
    min-height:108px;
    max-height:108px;
    padding:3px !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

.dmc-triptico .dmc-triptico-producto__imagen img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain !important;
    object-position:center !important;
    background:transparent !important;
    mix-blend-mode:multiply;
}

.dmc-triptico .dmc-triptico-producto__informacion,
.dmc-triptico .dmc-triptico-producto:nth-child(even) .dmc-triptico-producto__informacion{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0;
}

/* Clave, nombre y precio como texto editorial */

.dmc-triptico .dmc-triptico-producto__clave{
    margin-left:auto;
    padding:0 0 2px !important;
    background:transparent !important;
    color:#527089 !important;
    border:0 !important;
    border-bottom:1px solid #8ba2b5 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-size:.48rem !important;
}

.dmc-triptico .dmc-triptico-producto h3{
    margin:3px 0 7px !important;
    color:#0a3566 !important;
    font-size:.71rem !important;
    line-height:1.2;
}

.dmc-triptico .dmc-triptico-producto__precio{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:8px;
    padding-top:5px;
    border-top:1px solid rgba(10,53,102,.14);
}

.dmc-triptico .dmc-triptico-producto__precio strong{
    color:#082f5c !important;
    font-size:1.08rem;
}

.dmc-triptico .dmc-triptico-producto__precio small{
    padding:0 !important;
    background:transparent !important;
    color:#58738a !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-size:.47rem;
}

/* Contactos impresos dentro de la portada */

.dmc-triptico .dmc-triptico__portada-iva{
    display:none !important;
}

.dmc-triptico .dmc-triptico__datos-contacto{
    margin-top:13px;
    padding:11px 12px;
    background:rgba(3,24,50,.78);
    border:1px solid rgba(255,255,255,.25);
    border-left:4px solid #55a0ca;
    border-radius:8px;
    box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.dmc-triptico .dmc-triptico__datos-contacto h3{
    margin:0 0 8px !important;
    color:#ffffff !important;
    font-size:.64rem !important;
    font-weight:850;
    letter-spacing:.7px;
    text-transform:uppercase;
}

.dmc-triptico .dmc-triptico__datos-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px 10px;
}

.dmc-triptico .dmc-triptico__dato-contacto{
    min-width:0;
    padding-bottom:4px;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.dmc-triptico .dmc-triptico__dato-contacto--correos{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:54px 1fr;
    gap:8px;
    border-bottom:0;
}

.dmc-triptico .dmc-triptico__dato-contacto strong,
.dmc-triptico .dmc-triptico__dato-contacto span{
    display:block;
}

.dmc-triptico .dmc-triptico__dato-contacto strong{
    margin-bottom:2px;
    color:#a9cee4;
    font-size:.43rem;
    font-weight:850;
    text-transform:uppercase;
}

.dmc-triptico .dmc-triptico__dato-contacto span{
    color:#ffffff;
    font-size:.48rem;
    font-weight:650;
    line-height:1.3;
    overflow-wrap:anywhere;
}

/* Hacer espacio para contactos */

.dmc-triptico .dmc-triptico__portada-contenido{
    padding:6px 0 48px !important;
}

.dmc-triptico .dmc-triptico__logo-principal{
    min-height:78px !important;
    margin-bottom:7px !important;
}

.dmc-triptico .dmc-triptico__logo-principal img,
.dmc-triptico .dmc-triptico__logo-principal .custom-logo{
    max-width:210px !important;
    max-height:82px !important;
}

.dmc-triptico .dmc-triptico__portada h1{
    margin-bottom:7px !important;
    font-size:2.05rem !important;
}

.dmc-triptico .dmc-triptico__portada-mes{
    margin-bottom:8px !important;
    font-size:1.2rem !important;
}

.dmc-triptico .dmc-triptico__portada p{
    margin-bottom:7px !important;
    font-size:.68rem;
}

/* Varias hojas interiores */

.dmc-triptico .dmc-triptico__navegacion{
    flex-wrap:wrap;
}

@media print{

    .dmc-triptico .dmc-triptico-producto__imagen img{
        mix-blend-mode:multiply !important;
    }

    .dmc-triptico .dmc-triptico__datos-contacto{
        print-color-adjust:exact;
        -webkit-print-color-adjust:exact;
    }

}

/* Logo con mayor presencia, sin recuadro */

.dmc-triptico .dmc-triptico__logo-principal{
    min-height:118px;
    margin-bottom:18px;
    overflow:visible;
}

.dmc-triptico .dmc-triptico__logo-principal .custom-logo-link{
    overflow:visible;
}

.dmc-triptico .dmc-triptico__logo-principal img,
.dmc-triptico .dmc-triptico__logo-principal .custom-logo{
    max-width:270px !important;
    max-height:115px !important;
    opacity:1 !important;
    transform:translateZ(0) scale(1.04);
    transform-origin:left center;
    filter:
        drop-shadow(0 0 1px rgba(255,255,255,1))
        drop-shadow(0 0 5px rgba(255,255,255,.72))
        drop-shadow(0 9px 16px rgba(0,0,0,.45))
        brightness(1.08)
        contrast(1.08) !important;
}

@media(max-width:600px){

    .dmc-triptico .dmc-triptico__logo-principal img,
    .dmc-triptico .dmc-triptico__logo-principal .custom-logo{
        max-width:235px !important;
        max-height:100px !important;
    }

}

/* CONTACTOS SUPERIORES — PRIORIDAD DEFINITIVA */

.dmc-triptico .dmc-triptico__datos-contacto{
    display:none !important;
}

.dmc-triptico .dmc-triptico__panel-titulo--contacto{
    display:block !important;
    min-height:105px !important;
    padding:12px 18px 9px 23px !important;
}

.dmc-triptico .dmc-triptico__panel-titulo--contacto > span{
    display:block !important;
    margin-bottom:2px !important;
    color:#bcd4e5 !important;
    font-size:.5rem !important;
}

.dmc-triptico .dmc-triptico__panel-titulo--contacto h2{
    margin:0 0 5px !important;
    color:#ffffff !important;
    font-size:1rem !important;
}

.dmc-triptico .dmc-triptico__contacto-superior{
    position:relative;
    z-index:5;
    display:grid !important;
    gap:1px;
}

.dmc-triptico .dmc-triptico__contacto-superior span{
    display:block !important;
    margin:0 !important;
    color:#ffffff !important;
    font-size:.48rem !important;
    font-weight:650 !important;
    line-height:1.22 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}

.dmc-triptico .dmc-triptico__lado--interior .dmc-triptico__lista--3{
    height:calc(100% - 118px) !important;
}

.dmc-triptico .dmc-triptico__portada-iva{
    display:inline-block !important;
}

.dmc-triptico .dmc-triptico__portada-contenido{
    padding:18px 0 58px !important;
}
/* =========================================
   PRECIO DESTACADO DEL TRÍPTICO
========================================= */

.dmc-triptico .dmc-triptico-producto__precio{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:6px;
}

.dmc-triptico .dmc-triptico-producto__precio strong{
    display:inline-block;

    padding:5px 10px;

    background:#0783a8 !important;
    color:#ffffff !important;

    border-radius:3px;

    font-size:1.05rem !important;
    font-weight:800;
    line-height:1.1;

    box-shadow:none !important;
}

.dmc-triptico .dmc-triptico-producto__precio small{
    padding:2px 0 2px 7px;

    background:transparent !important;
    color:#41647b !important;

    border-left:2px solid #0783a8;
    border-radius:0;

    font-size:.48rem;
    font-weight:800;

    box-shadow:none !important;
}

/* Mantener los colores al imprimir o guardar como PDF */

@media print{

    .dmc-triptico .dmc-triptico-producto__precio strong{
        background:#0783a8 !important;
        color:#ffffff !important;

        print-color-adjust:exact;
        -webkit-print-color-adjust:exact;
    }

}
/* =========================================
   CORREGIR NAVEGACIÓN INFERIOR DEL TRÍPTICO
========================================= */

.dmc-triptico .dmc-triptico__boton{
    background:#ffffff !important;
    color:#0a3566 !important;
    -webkit-text-fill-color:#0a3566 !important;

    border:2px solid #0a3566 !important;

    opacity:1 !important;
    visibility:visible !important;
}

/* Botón seleccionado */

.dmc-triptico .dmc-triptico__boton.es-activo,
.dmc-triptico .dmc-triptico__boton:hover{
    background:linear-gradient(
        90deg,
        #0a3566,
        #17628f
    ) !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    border-color:#0a3566 !important;
}

/* Indicador central */

.dmc-triptico .dmc-triptico__navegacion > span{
    color:#3e5c75 !important;
    -webkit-text-fill-color:#3e5c75 !important;

    font-weight:800 !important;
    opacity:1 !important;
}
/* =========================================
   AJUSTES FINALES DE LA PORTADA
========================================= */

/* Subir únicamente el logo */

.dmc-triptico .dmc-triptico__logo-principal{
    position:relative;
    transform:translateY(-35px) !important;
    margin-bottom:-2px !important;
}

/* Dirección web más abajo y en minúsculas */

.dmc-triptico .dmc-triptico__portada-iva{
    display:inline-block !important;

    align-self:flex-start;
    margin-top:32px !important;

    padding:8px 14px !important;

    text-transform:lowercase !important;
    letter-spacing:.2px !important;
    font-size:.58rem !important;
    font-weight:700 !important;
}

/* Conservar las posiciones al imprimir */

@media print{

    .dmc-triptico .dmc-triptico__logo-principal{
        transform:translateY(-35px) !important;
    }

    .dmc-triptico .dmc-triptico__portada-iva{
        margin-top:32px !important;
        text-transform:lowercase !important;
    }

}
/* =====================================================
   QUITAR ENCABEZADO Y PIE DE PÁGINA AL IMPRIMIR
===================================================== */

@media print{

    /* No separar esta línea */

    body *:not(.dmc-triptico):not(.dmc-triptico *):not(:has(.dmc-triptico)){
        display:none !important;
    }

    /* Seguridad adicional para WordPress y Astra */

    #wpadminbar,
    #masthead,
    #colophon,
    .site-header,
    .site-footer,
    .ast-above-header-wrap,
    .ast-primary-header-bar,
    .ast-below-header-wrap,
    .main-header-bar,
    .dmc-promo-section,
    .dmc-promo-contact{
        display:none !important;
    }

    /* Quitar los espacios que dejaban esas secciones */

    html,
    body,
    #page,
    #content,
    .site-content,
    .ast-container,
    .content-area,
    .site-main,
    .entry-content,
    #dmc-promociones{
        margin:0 !important;
        padding:0 !important;
        width:100% !important;
        max-width:none !important;
        min-height:0 !important;
        background:#ffffff !important;
    }

    /* El tríptico comienza desde la primera hoja */

    .dmc-triptico{
        position:absolute !important;
        top:0 !important;
        left:0 !important;

        width:11in !important;

        margin:0 !important;
        padding:0 !important;
    }

}
/* =========================================
   QUITAR FONDO BLANCO DE LOGOS DE MARCAS
========================================= */

.dmc-triptico .dmc-triptico-producto__logo{
    background:transparent !important;
}

.dmc-triptico .dmc-triptico-producto__logo img{
    background:transparent !important;

    mix-blend-mode:multiply !important;

    object-fit:contain !important;
    filter:contrast(1.08) saturate(1.08);
}

/* Conservar el efecto al imprimir */

@media print{

    .dmc-triptico .dmc-triptico-producto__logo img{
        background:transparent !important;
        mix-blend-mode:multiply !important;

        print-color-adjust:exact;
        -webkit-print-color-adjust:exact;
    }

}
/* =====================================================
   LEYENDA INFERIOR DEL TRÍPTICO DMC
===================================================== */

.dmc-triptico__lado--exterior {
    position: relative;
}

.dmc-triptico__leyenda {
    position: absolute;
    z-index: 20;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    gap: 18px;

    padding: 10px 24px;
    box-sizing: border-box;

    border-top: 1px solid rgba(15, 61, 105, 0.14);
    background: rgba(235, 244, 250, 0.97);

    text-align: center;
}

.dmc-triptico__leyenda p {
    margin: 0;
    color: #50677c;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.15px;
}

.dmc-triptico__leyenda strong {
    color: #123f70;
    font-weight: 800;
}

.dmc-triptico__leyenda-linea {
    display: block;
    width: 46px;
    height: 2px;
    flex: 0 0 auto;
    border-radius: 20px;
    background: #d5ad52;
}

/* Evitar que la leyenda cubra el contenido inferior */

.dmc-triptico__lado--exterior
.dmc-triptico__panel {
    padding-bottom: 65px;
    box-sizing: border-box;
}

/* Impresión */

@media print {

    .dmc-triptico__leyenda {
        min-height: 52px;
        padding: 8px 20px;

        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .dmc-triptico__leyenda p {
        font-size: 10px;
    }

    .dmc-triptico__lado--exterior
    .dmc-triptico__panel {
        padding-bottom: 58px;
    }
}
/* =====================================================
   PROMOCIÓN ESPECIAL EN PRODUCTOS DEL TRÍPTICO
===================================================== */

.dmc-triptico-producto__promocion {
    display: flex;
    flex-direction: column;
    gap: 3px;

    width: fit-content;
    max-width: 100%;
    margin: 0 0 8px;
    padding: 6px 9px;

    border-radius: 7px;
    color: #ffffff;
    background: linear-gradient(
        135deg,
        #e69a18,
        #f4bf3d
    );

    box-shadow: 0 5px 12px rgba(204, 130, 8, 0.22);
    line-height: 1.15;
}

.dmc-triptico-producto__promocion span {
    color: rgba(255, 255, 255, 0.88);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.dmc-triptico-producto__promocion strong {
    color: #ffffff;
    font-size: 9px;
    font-weight: 900;
    line-height: 1.2;
}

/* Ajuste para impresión */

@media print {

    .dmc-triptico-producto__promocion {
        padding: 4px 7px;
        box-shadow: none;

        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .dmc-triptico-producto__promocion span {
        font-size: 6px;
    }

    .dmc-triptico-producto__promocion strong {
        font-size: 8px;
    }
}