:root { --crema:#FAF7F2; --principal:#1B3A4B; --acento:#E8963A; --secundario:#C4614A; --oscuro:#161616; --medio:#4A4A4A; --fondo:#F0EBE1; --borde:#E2DDD6; --sombra:0 4px 16px rgba(22,22,22,0.08); }
    * { margin:0; padding:0; box-sizing:border-box; }
    body { font-family:'DM Sans',sans-serif; background:var(--crema); color:var(--oscuro); line-height:1.6; }
    h1,h2,h3,.serif { font-family:'Fraunces',serif; }
    a { text-decoration:none; color:inherit; }
    img { max-width:100%; display:block; }
    .nav-main { background:#fff; border-bottom:1px solid var(--borde); position:sticky; top:0; z-index:100; }
    .nav-inner { max-width:1200px; margin:0 auto; padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .nav-logo { font-family:'Fraunces',serif; font-size:1.3rem; font-weight:700; color:var(--principal); }
    .nav-links { display:flex; align-items:center; gap:22px; list-style:none; }
    .nav-links a { font-size:.9rem; color:var(--oscuro); opacity:.8; transition:opacity .2s; }
    .nav-links a:hover { opacity:1; }
    .nav-dropdown { position:relative; }
    .nav-dropdown-menu { display:none; position:absolute; top:100%; left:0; background:#fff; border:1px solid var(--borde); border-radius:8px; padding:8px 0; min-width:200px; box-shadow:var(--sombra); }
    .nav-dropdown:hover .nav-dropdown-menu { display:block; }
    .nav-dropdown-menu a { display:block; padding:8px 16px; font-size:.85rem; color:#161616; opacity:1; }
    .nav-dropdown-menu a:hover { background:var(--fondo); }
    .nav-hamburger { display:none; background:none; border:none; cursor:pointer; padding:4px; }
    .nav-hamburger span { display:block; width:22px; height:2px; background:var(--principal); margin:5px 0; border-radius:2px; }
    .nav-mobile { display:none; background:#fff; border-top:1px solid var(--borde); padding:16px 20px; }
    .nav-mobile.abierto { display:block; }
    .nav-mobile a { display:block; padding:10px 0; font-size:.95rem; color:var(--oscuro); border-bottom:1px solid var(--fondo); }
    @media (max-width:900px) { .nav-links { display:none; } .nav-hamburger { display:block; } }
    .wrap { max-width:1000px; margin:0 auto; padding:0 24px; }
    .breadcrumb { font-size:.82rem; color:var(--medio); padding:18px 0 0; }
    .breadcrumb a { color:var(--secundario); }
    .ghero { text-align:center; padding:34px 0 26px; }
    .ghero .kicker { display:inline-block; background:var(--secundario); color:#fff; font-size:.72rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:5px 14px; border-radius:20px; }
    .ghero h1 { font-size:2.4rem; line-height:1.12; margin:14px 0 12px; color:var(--principal); }
    .ghero p { max-width:720px; margin:0 auto; color:var(--medio); font-size:1.05rem; }
    .toc { background:#fff; border:1px solid var(--borde); border-radius:12px; padding:16px 22px; margin:24px 0; box-shadow:var(--sombra); font-size:.92rem; }
    .toc b { color:var(--principal); }
    .toc a { color:var(--secundario); }
    section.body { padding:8px 0; }
    section.body h2 { font-size:1.5rem; color:var(--principal); margin:34px 0 6px; }
    .profile-sub { color:var(--medio); font-size:.95rem; margin-bottom:14px; }
    .pick { display:grid; grid-template-columns:200px 1fr; gap:24px; background:#fff; border:1px solid var(--borde); border-radius:14px; padding:22px; box-shadow:var(--sombra); margin:16px 0; align-items:center; }
    .pick-img { background:var(--fondo); border-radius:10px; padding:14px; }
    .pick h3 { font-size:1.2rem; color:var(--principal); margin:0 0 6px; }
    .pick .meta { font-size:.8rem; color:var(--secundario); text-transform:uppercase; letter-spacing:.03em; margin-bottom:8px; }
    .pick p { margin:8px 0; font-size:.95rem; }
    .pick .why { background:var(--fondo); border-left:3px solid var(--acento); padding:8px 14px; border-radius:6px; font-size:.9rem; margin:10px 0; }
    .cta { display:inline-block; background:var(--acento); color:var(--oscuro); font-weight:700; padding:11px 22px; border-radius:9px; margin-top:6px; box-shadow:var(--sombra); }
    .cta:hover { filter:brightness(1.05); }
    .price { font-size:.8rem; color:var(--medio); margin-top:6px; }
    .box { background:#fff; border:1px solid var(--borde); border-radius:12px; padding:20px 24px; box-shadow:var(--sombra); margin:22px 0; }
    .box h3 { color:var(--secundario); margin:0 0 8px; }
    .box ul { margin:8px 0 0 18px; font-size:.95rem; } .box li { margin:6px 0; }
    .nl { background:var(--principal); color:var(--crema); border-radius:16px; padding:34px; text-align:center; margin:40px 0; }
    .nl h2 { color:#fff; } .nl a { color:var(--acento); font-weight:700; }
    .footer { background:var(--oscuro); color:rgba(250,247,242,.7); padding:48px 24px 24px; margin-top:40px; }
    .footer-inner { max-width:1200px; margin:0 auto; }
    .footer a { color:rgba(250,247,242,.7); } .footer a:hover { color:var(--acento); }
    .footer-bottom { border-top:1px solid rgba(250,247,242,.15); margin-top:32px; padding-top:20px; font-size:.8rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }
    #cookie-banner { display:none; position:fixed; bottom:0; left:0; right:0; background:var(--principal); color:var(--crema); padding:14px 24px; z-index:9999; align-items:center; gap:16px; flex-wrap:wrap; font-size:13px; }
    @media (max-width:720px){ .ghero h1{font-size:1.9rem;} .pick{grid-template-columns:1fr;} .pick-img{max-width:180px;margin:0 auto;} }