/*==================================================
    TOPBAR
==================================================*/

.ce-topbar{

    background:var(--color-primary-dark);

    color:#fff;

    font-family:var(--font-menu);

    font-size:14px;

}

.ce-topbar-inner{

    display:flex;

    justify-content:space-between;

    align-items:center;

    min-height:44px;

}

.ce-date{

    font-weight:600;

    letter-spacing:.02em;

}

.ce-social{

    display:flex;

    gap:10px;

}

.ce-social a{

    width:34px;

    height:34px;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    text-decoration:none;

    border-radius:50%;

    transition:var(--transition);

}

.ce-social a:hover{

    background:rgba(255,255,255,.15);

}

/*==================================================
    HEADER
==================================================*/

.ce-header{

    background:var(--color-surface);

    border-bottom:1px solid var(--color-border);

}

.ce-header-inner{

    display:grid;

    grid-template-columns:340px 1fr;

    gap:50px;

    align-items:center;

    padding:34px 0;

}

.ce-logo img{

    width:340px;

    max-width:100%;

    display:block;

}

.ce-header-banner{

    display:flex;

    justify-content:flex-end;

    align-items:center;

}

/*==================================================
    SERVICES
==================================================*/

.ce-services{

    background:var(--color-background);

    border-top:1px solid var(--color-border);

    border-bottom:1px solid var(--color-border);

}

.ce-services-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

    padding:20px 0;

}

.ce-service-box{

    background:#fff;

    border:1px solid var(--color-border);

    border-radius:var(--radius);

    padding:16px;

    transition:var(--transition);

}

.ce-service-box:hover{

    transform:translateY(-3px);

    box-shadow:var(--shadow-soft);

}

/*==================================================
    RESPONSIVE
==================================================*/

@media(max-width:1100px){

    .ce-header-inner{

        grid-template-columns:1fr;

        text-align:center;

    }

    .ce-logo{

        justify-content:center;

    }

    .ce-header-banner{

        justify-content:center;

    }

    .ce-services-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .ce-topbar-inner{

        flex-direction:column;

        gap:12px;

        padding:10px 0;

    }

    .ce-services-grid{

        grid-template-columns:1fr;

    }

}
.ce-header-banner img{
    display:block;
    width:100%;
    max-width:728px;
    height:auto;
    max-height:90px;
    object-fit:contain;
}

/* ==========================================================
   BANNER SUPERIOR NUNTIUS
========================================================== */

.ce-header-inner{
    display:grid;
    grid-template-columns:260px 1fr;
    align-items:center;
    gap:40px;
}

.ce-logo img{
    width:220px;
    height:auto;
}

.ce-header-banner{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.ce-header-banner img{
    width:728px;
    max-width:100%;
    height:90px;
    object-fit:cover;
    border-radius:8px;
    display:block;
}

@media(max-width:1200px){

    .ce-header-inner{
        grid-template-columns:220px 1fr;
    }

    .ce-header-banner img{
        width:100%;
        height:auto;
        max-height:90px;
    }

}

@media(max-width:992px){

    .ce-header-inner{
        display:flex;
        flex-direction:column;
        gap:20px;
    }

    .ce-logo{
        justify-content:center;
    }

    .ce-header-banner{
        justify-content:center;
        width:100%;
    }

    .ce-header-banner img{
        width:100%;
        max-width:728px;
        height:auto;
    }

}



/* ==========================================================
   NUNTIUS — MASTHEAD CENTRAL
   2026-08
========================================================== */

.ce-header{
    background:#fff;
}

/* El header deja de ser logo + banner */
.ce-header-inner{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    min-height:auto !important;
    padding:28px 20px 30px !important;
}

/* Logo centrado */
.ce-logo{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
}

/*
   Más grande que ahora, pero bastante más chico
   que el mockup anterior.
*/
.ce-logo img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:430px !important;
    max-height:125px !important;
    margin:0 auto !important;
    object-fit:contain !important;
}

/* Quitamos por completo el banner lateral superior */
.ce-header-banner{
    display:none !important;
}


/* TABLET */

@media(max-width:900px){

    .ce-header-inner{
        padding:24px 18px !important;
    }

    .ce-logo img{
        max-width:360px !important;
        max-height:105px !important;
    }

}


/* MÓVIL */

@media(max-width:600px){

    .ce-header-inner{
        padding:20px 16px !important;
    }

    .ce-logo img{
        width:82% !important;
        max-width:310px !important;
        max-height:none !important;
    }

}


/* ==========================================================
   NUNTIUS — FRANJA DE SERVICIOS
========================================================== */

.ce-services{
    background:#faf8f3 !important;
    border-top:1px solid #e7e2d8 !important;
    border-bottom:1px solid #e7e2d8 !important;
}

.ce-services-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    padding:18px 0 !important;
}

.ce-service-box{
    min-height:112px;
    padding:18px !important;

    display:flex;
    align-items:center;

    background:#fff !important;
    border:1px solid #e2dccf !important;
    border-radius:10px !important;

    box-shadow:
        0 4px 14px rgba(11,39,79,.035) !important;
}

.ce-service-box:hover{
    border-color:#c7a55b !important;
    box-shadow:
        0 8px 24px rgba(11,39,79,.07) !important;
}


/* Contenido de módulos */

.ce-service-box .mod-custom,
.ce-service-box .moduletable,
.ce-service-box p{
    width:100%;
    margin:0;
}


/* Publicidades pequeñas */

.ce-service-box img{
    display:block;
    width:100%;
    height:auto;
    max-height:90px;
    object-fit:contain;
    margin:auto;
}


/* TABLET */

@media(max-width:1000px){

    .ce-services-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

}


/* MÓVIL */

@media(max-width:600px){

    .ce-services-grid{
        grid-template-columns:1fr !important;
    }

    .ce-service-box{
        min-height:auto;
    }

}