/* ============================================================
   DIFRIHO 2026 — Shell público v4.4
   Header + Footer canónicos para todas las páginas/resoluciones.
   ============================================================ */
:root {
    --df-header-height: 78px;
    --df-footer-deep: #16394e;
    --df-footer-deeper: #102b3c;
    --df-footer-text: #c8d7e0;
}

#wrapper { padding-top: var(--df-header-height); min-height: 100vh; }

header.main_menu.menu_fixed.df-site-header {
    position: fixed !important; top: 0; left: 0; right: 0; width: 100%;
    min-height: var(--df-header-height); height: var(--df-header-height); z-index: 9999 !important;
    display: flex; align-items: center; margin: 0; padding: 0;
    background: rgba(255,255,255,.97) !important;
    border-top: 3px solid var(--df-orange); border-bottom: 1px solid rgba(202,216,224,.88);
    box-shadow: 0 8px 26px rgba(31,68,91,.08);
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.df-site-header .container { max-width: var(--df-container); width:100%; }
.df-site-navbar { position: relative; min-height: calc(var(--df-header-height) - 3px); width:100%; padding:0; }
.df-site-brand { display:inline-flex; align-items:center; flex:0 0 auto; margin-right:32px; padding:8px 0; }
.df-site-brand-logo { display:block; width:154px !important; height:auto !important; max-height:48px; object-fit:contain; }
.df-site-nav-collapse { align-items:center; }
.df-site-nav-list { align-items:center; gap:2px; }
.df-site-header .navbar-nav .nav-link,
.df-site-header .navbar-expand-lg .navbar-nav .nav-link {
    position:relative; display:inline-flex; align-items:center; min-height:46px; padding:10px 13px;
    border-radius:8px; color:#344956; font-size:13.5px; font-weight:700; line-height:1.2;
    letter-spacing:.005em; text-transform:none; white-space:nowrap;
}
.df-site-header .navbar-nav .nav-link::after {
    content:''; position:absolute; left:13px; right:13px; bottom:4px; height:2px; border-radius:99px;
    background:var(--df-orange); transform:scaleX(0); transform-origin:center; transition:transform var(--df-transition);
}
.df-site-header .navbar-nav .nav-link:hover,
.df-site-header .navbar-nav .nav-link:focus { color:var(--df-blue-deep); background:#f4f9fc; }
.df-site-header .navbar-nav .nav-item.active .nav-link,
.df-site-header .navbar-nav .nav-link[aria-current="page"] { color:var(--df-blue-deep); }
.df-site-header .navbar-nav .nav-item.active .nav-link::after,
.df-site-header .navbar-nav .nav-link[aria-current="page"]::after { transform:scaleX(1); }

.df-site-nav-toggle.navbar-toggler {
    width:46px; height:42px; padding:8px 9px; border:1px solid var(--df-border-strong); border-radius:9px;
    background:#fff; cursor:pointer;
}
.df-site-nav-toggle.navbar-toggler:hover,.df-site-nav-toggle.navbar-toggler:focus { border-color:var(--df-blue); background:#f4f9fc; }
.df-site-nav-toggle-lines { display:flex; width:100%; height:100%; flex-direction:column; align-items:stretch; justify-content:center; gap:5px; }
.df-site-nav-toggle-lines span { display:block; height:2px; border-radius:99px; background:var(--df-blue-deep); }

.footer_area.df-site-footer {
    position:relative; margin-top:0; padding:58px 0 0; overflow:hidden; border-top:0;
    background:var(--df-footer-deep); color:var(--df-footer-text);
}
.footer_area.df-site-footer::before { content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:linear-gradient(90deg,var(--df-blue) 0 72%,var(--df-orange) 72% 100%); }
.df-footer-grid { display:grid; grid-template-columns:minmax(240px,1.45fr) repeat(3,minmax(145px,.8fr)); gap:46px; align-items:start; padding-bottom:46px; }
.df-footer-brand { max-width:310px; }
.df-footer-logo { display:inline-flex; align-items:center; justify-content:center; min-height:66px; padding:11px 15px; margin-bottom:20px; border:1px solid rgba(255,255,255,.24); border-radius:12px; background:rgba(255,255,255,.96); box-shadow:0 10px 24px rgba(4,20,30,.14); }
.df-footer-logo img { display:block; width:164px; height:auto; }
.df-footer-brand p { margin:0; max-width:300px; color:var(--df-footer-text); font-size:14px; line-height:1.65; }
.df-footer-column h2 { margin:6px 0 18px; color:#fff; font-size:13px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.df-footer-column ul { margin:0; padding:0; list-style:none; }
.df-footer-column li { margin:0 0 10px; }
.df-footer-column a { display:inline-block; position:relative; color:var(--df-footer-text); font-size:14px; font-weight:600; line-height:1.45; }
.df-footer-column a::after { content:''; position:absolute; left:0; bottom:-2px; width:0; height:1px; background:var(--df-orange); transition:width var(--df-transition); }
.df-footer-column a:hover,.df-footer-column a:focus { color:#fff; }
.df-footer-column a:hover::after,.df-footer-column a:focus::after { width:100%; }
.df-footer-bottom { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:19px 0; border-top:1px solid rgba(255,255,255,.12); }
.df-footer-bottom p { margin:0; color:#afc4d0; font-size:12.5px; line-height:1.5; }
.df-footer-bottom a { color:#d9e6ec; text-decoration:underline; text-decoration-color:rgba(240,148,10,.55); text-underline-offset:3px; }
.df-footer-bottom a:hover,.df-footer-bottom a:focus { color:#fff; }

/* Anula únicamente estructuras footer legacy que puedan heredarse. */
.df-site-footer .line,.df-site-footer .footer_bottom_area,.df-site-footer .single_footer_area,.df-site-footer .single_footer_area_button,.df-site-footer .footer_widget_menu,.df-site-footer .footer-logo { all:unset; }

/* Portátil / escritorio compacto */
@media (max-width:1199px) and (min-width:992px) {
    .df-site-brand { margin-right:16px; }
    .df-site-brand-logo { width:136px !important; }
    .df-site-header .navbar-nav .nav-link,.df-site-header .navbar-expand-lg .navbar-nav .nav-link { padding-left:9px; padding-right:9px; font-size:12.5px; }
    .df-footer-grid { gap:36px 28px; }
}

/* Tablet y navegación colapsada */
@media (max-width:991px) {
    :root { --df-header-height:72px; }
    .df-site-header .container { padding-left:20px; padding-right:20px; }
    .df-site-brand-logo { width:142px !important; max-height:43px; }
    .df-site-nav-collapse { position:absolute; top:calc(100% + 9px); left:0; right:0; padding:10px; border:1px solid var(--df-border); border-radius:12px; background:#fff; box-shadow:0 16px 38px rgba(31,68,91,.16); }
    .df-site-nav-list { align-items:stretch; gap:2px; }
    .df-site-header .navbar-nav .nav-link,.df-site-header .navbar-expand-lg .navbar-nav .nav-link { display:flex; width:100%; min-height:44px; padding:11px 13px; white-space:normal; }
    .df-site-header .navbar-nav .nav-link::after { left:0; right:auto; bottom:8px; width:3px; height:calc(100% - 16px); transform:scaleY(0); }
    .df-site-header .navbar-nav .nav-item.active .nav-link::after,.df-site-header .navbar-nav .nav-link[aria-current="page"]::after { transform:scaleY(1); }
    .df-site-header .navbar-nav .nav-item.active .nav-link,.df-site-header .navbar-nav .nav-link[aria-current="page"] { padding-left:17px; background:#f4f9fc; }
    .df-footer-grid { grid-template-columns:1.2fr 1fr 1fr; gap:34px 28px; }
    .df-footer-brand { grid-column:1 / -1; max-width:620px; }
}

/* Móvil grande */
@media (max-width:767px) {
    :root { --df-header-height:68px; }
    .df-site-header .container { padding-left:18px; padding-right:18px; }
    .df-site-brand-logo { width:132px !important; max-height:40px; }
    .df-site-nav-toggle.navbar-toggler { width:44px; height:40px; }
    .footer_area.df-site-footer { padding-top:46px; }
    .df-footer-grid { grid-template-columns:1fr 1fr; gap:34px 24px; padding-bottom:36px; }
    .df-footer-brand { grid-column:1 / -1; }
    .df-footer-bottom { align-items:flex-start; flex-direction:column; gap:7px; min-height:0; }
}

/* Móvil pequeño */
@media (max-width:575px) {
    .df-site-header .container { padding-left:15px; padding-right:15px; }
    .df-site-brand-logo { width:124px !important; }
    .df-site-nav-collapse { top:calc(100% + 7px); }
    .df-footer-grid { grid-template-columns:1fr; gap:28px; }
    .df-footer-brand,.df-footer-column { grid-column:1; }
    .df-footer-column h2 { margin-bottom:12px; }
}
@media (max-width:380px) {
    .df-site-header .container { padding-left:12px; padding-right:12px; }
    .df-site-brand-logo { width:116px !important; }
    .df-site-nav-toggle.navbar-toggler { width:42px; height:38px; }
}
@media (prefers-reduced-motion:reduce) { .df-site-header .navbar-nav .nav-link::after,.df-footer-column a::after { transition:none; } }