/* ===== DICINE look — reconstrucción fiel del sitio viejo (2026-08-25) ===== */
:root{--slate:#212B38;--slate2:#363F4B;--teal:#54AACB;--teal-d:#3d90b1;--indigo:#281483;
  --ground:#e2e7eb;--muted:#748D9E;--ink:#2a2f36;--sky:#dce3e7}
*{box-sizing:border-box}
body.dicine-look{margin:0;font-family:'Poppins',system-ui,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
.dicine-look img{max-width:100%;display:block}
.dl-wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.dicine-look a{text-decoration:none;color:inherit}
.dl-dash{width:42px;height:4px;background:var(--teal);border-radius:2px}
/* header */
.dl-hdr{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.dl-hdr .dl-wrap{display:flex;align-items:center;gap:26px;height:74px}
.dl-logos{display:flex;align-items:center;gap:22px}
.dl-logos img.gov{height:30px}.dl-logos img.dic{height:34px}
.dl-sep{width:1px;height:34px;background:#d8dee3}
.dl-right{margin-left:auto;display:flex;align-items:center;gap:20px}
.dl-cta{background:var(--teal);color:#fff;font-size:.78rem;font-weight:600;padding:9px 16px;border-radius:22px;white-space:nowrap}
.dl-cta:hover{background:var(--teal-d)}
.dl-lang{font-size:.8rem;font-weight:600;color:var(--slate);letter-spacing:.5px;cursor:pointer}
.dl-lang a{color:var(--slate)}.dl-lang a.on{color:var(--teal)}
.dl-ico{width:20px;height:20px;color:var(--slate)}
.dl-menu{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--slate);font-size:.62rem;font-weight:600;letter-spacing:.5px;cursor:pointer;background:none;border:0}
.dl-menu .bars{width:26px;height:2px;background:var(--slate);box-shadow:0 6px 0 var(--slate),0 -6px 0 var(--slate)}
/* slide-out nav */
.dl-nav{position:fixed;inset:0 0 0 auto;width:320px;max-width:85vw;background:var(--slate);color:#fff;transform:translateX(100%);transition:transform .28s ease;z-index:80;padding:88px 34px 34px;overflow-y:auto}
.dl-nav.open{transform:none}
.dl-nav a{display:block;color:#dbe3ea;font-size:1.05rem;font-weight:400;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.dl-nav a:hover{color:var(--teal)}
.dl-nav .close{position:absolute;top:26px;right:30px;font-size:1.8rem;color:#fff;cursor:pointer;line-height:1}
.dl-scrim{position:fixed;inset:0;background:rgba(15,22,32,.5);opacity:0;visibility:hidden;transition:.28s;z-index:70}
.dl-scrim.open{opacity:1;visibility:visible}
/* hero carousel */
.dl-hero{position:relative;min-height:88vh;background:#0f1620;overflow:hidden}
.dl-slide{position:absolute;inset:0;display:flex;align-items:flex-end;opacity:0;transition:opacity .8s ease;pointer-events:none}
.dl-slide.on{opacity:1;pointer-events:auto}
.dl-slide .bg{position:absolute;inset:0;background-size:cover;background-position:center right}
.dl-slide .veil{position:absolute;inset:0;background:linear-gradient(90deg,#1b232e 0%,#1b232e 26%,rgba(33,43,56,.86) 52%,rgba(54,63,75,.35) 74%,rgba(54,63,75,0) 100%)}
.dl-slide .inner{position:relative;width:100%}
.dl-slide .content{max-width:560px;padding:0 0 200px}
.dl-slide h2{color:#fff;font-weight:400;font-size:2.15rem;margin:0 0 18px;letter-spacing:.3px}
.dl-slide .dl-dash{margin:0 0 20px}
.dl-slide p{color:#c9d3da;font-size:.95rem;font-weight:300;max-width:500px;margin:0 0 26px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dl-ghost{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.5);color:#fff;font-size:.82rem;font-weight:500;padding:10px 26px;border-radius:3px}
.dl-ghost:hover{background:rgba(255,255,255,.24);color:#fff}
.dl-dots{position:absolute;right:32px;bottom:38px;display:flex;gap:8px;z-index:5}
.dl-dots button{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.4);border:0;cursor:pointer;padding:0}
.dl-dots button.on{background:var(--teal)}
/* sections */
.dl-sec{padding:64px 0}
.dl-sec.grey{background:#f2f4f6}
.dl-head h2{font-size:1.7rem;font-weight:500;color:var(--slate);margin:0 0 12px}
.dl-head .dl-dash{margin:0 0 34px}
/* welcome */
.dl-welcome{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.dl-welcome h2{font-size:1.9rem;font-weight:500;color:var(--slate);margin:0 0 20px}
.dl-welcome p{color:#5b6670;font-weight:300;max-width:440px}
.dl-welcome .art{display:flex;flex-direction:column;align-items:center;gap:18px}
.dl-welcome .art .biglogo{height:66px}
.dl-welcome .photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}
.dl-welcome .photos .ph{aspect-ratio:4/3;background-size:cover;background-position:center;border-radius:2px;background-color:#cfd6dc}
/* news */
.dl-ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.dl-ncard{background:#fff;box-shadow:0 2px 14px rgba(33,43,56,.10);display:flex;flex-direction:column}
.dl-nthumb{aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#cfd6dc}
.dl-nbody{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.dl-tag{display:inline-block;font-size:.66rem;font-weight:600;color:var(--teal);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}
.dl-nbody h3{font-size:1rem;font-weight:500;color:var(--slate);margin:0 0 14px;line-height:1.35;min-height:2.7em}
.dl-ndate{color:var(--muted);font-size:.78rem;margin:0 0 16px}
.dl-seemore{display:inline-block;border:1px solid #c7ced4;color:var(--slate);font-size:.76rem;font-weight:500;padding:7px 18px;border-radius:3px;margin-top:auto;align-self:flex-start}
.dl-seemore:hover{border-color:var(--teal);color:var(--teal)}
.dl-seeall{display:block;width:max-content;margin:40px auto 0;background:var(--slate);color:#fff;font-size:.82rem;font-weight:500;padding:10px 34px;border-radius:3px}
.dl-seeall:hover{background:var(--slate2);color:#fff}
/* productions / movie grid */
.dl-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.dl-pcard .dl-pthumb{aspect-ratio:2/3;background-size:cover;background-position:center;background-color:#cfd6dc;box-shadow:0 4px 18px rgba(33,43,56,.16)}
.dl-pcard .dl-pbody{padding:14px 4px}
.dl-pcard h3{font-size:1rem;font-weight:500;color:var(--slate);margin:0}
.dl-pcard h3 span{color:var(--muted);font-weight:400}
/* footer */
.dl-ftr{background:var(--slate);color:#aeb9c2;padding:56px 0 28px}
.dl-ftr .top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;align-items:start}
.dl-ftr img.flogo{height:36px;margin-bottom:16px}.dl-ftr img.fdic{height:38px}
.dl-ftr h4{color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.4px;margin:0 0 14px}
.dl-ftr a{color:#aeb9c2;font-size:.85rem;line-height:2}.dl-ftr a:hover{color:var(--teal)}
.dl-social{display:flex;gap:14px;margin-top:10px}
.dl-social img{width:26px;height:26px;filter:brightness(0) invert(1);opacity:.8}
.dl-social a:hover img{opacity:1}
.dl-ftr .bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:18px;font-size:.78rem;color:#8a97a2;text-align:center}
/* responsive */
@media(max-width:900px){
  .dl-welcome{grid-template-columns:1fr;gap:32px}.dl-ngrid{grid-template-columns:1fr}
  .dl-pgrid{grid-template-columns:repeat(2,1fr)}.dl-ftr .top{grid-template-columns:1fr}
  .dl-cta,.dl-lang,.dl-ico{display:none}.dl-slide .content{padding-bottom:150px}
}
@media(prefers-reduced-motion:reduce){.dl-slide,.dl-nav,.dl-scrim{transition:none}}
.dl-welcome .dl-wtext{color:#5b6670;font-weight:300;max-width:440px}
.dl-welcome .dl-wtext p{margin:0 0 12px}
/* ---- contest page ---- */
.dl-chero{background:var(--ground) center/cover no-repeat;padding:60px 0 48px;text-align:center}
.dl-chero h1{font-size:1.8rem;font-weight:500;color:var(--slate);margin:0}
.dl-chero .dl-dash{margin-left:auto;margin-right:auto}
.dl-cintro{max-width:820px;margin:0 auto;color:#4a5560;font-weight:300;font-size:.95rem}
.dl-cintro p{margin:0}
.dl-ctabs{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:44px}
.dl-ctab{background:#fff;box-shadow:0 3px 16px rgba(33,43,56,.10);padding:26px 24px;transition:.15s}
.dl-ctab:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(33,43,56,.16)}
.dl-ctab .dl-dash{margin:0 0 18px}
.dl-ctab h3{font-size:1.05rem;font-weight:500;color:var(--slate);margin:0 0 12px}
.dl-ctab p{font-size:.85rem;color:var(--muted);font-weight:300;margin:0}
.dl-ctab.on{background:var(--slate)}
.dl-ctab.on h3{color:#fff}.dl-ctab.on p{color:#c2ccd4}
.dl-cpanel{background:#fff;box-shadow:0 3px 16px rgba(33,43,56,.08);padding:40px 44px}
.dl-cbtn{display:inline-block;background:var(--teal);color:#fff;font-size:.82rem;font-weight:500;padding:10px 22px;border-radius:3px}
.dl-cbtn:hover{background:var(--teal-d);color:#fff}
.dl-ccat{border:1px solid #e3e8ec;border-radius:4px;padding:24px 28px;margin-bottom:22px}
.dl-ccat h4{font-size:1rem;font-weight:600;color:var(--slate);margin:0 0 12px}
.dl-ctext{color:#4a5560;font-weight:300;line-height:1.7}.dl-ctext p{margin:0 0 12px}
.dl-note{background:#eef4f7;border-left:4px solid var(--teal);padding:14px 18px;margin-top:20px;color:#3d4a54;font-size:.9rem}
@media(max-width:900px){.dl-ctabs{grid-template-columns:1fr 1fr}.dl-cpanel{padding:26px 22px}}
/* fix: los botones-enlace deben mantener texto blanco pese a .dicine-look a{color:inherit} */
.dicine-look a.dl-seeall,.dicine-look a.dl-cbtn,.dicine-look a.dl-ghost{color:#fff}
.dicine-look a.dl-cbtn:hover,.dicine-look a.dl-seeall:hover{color:#fff}
/* ---- mega-menú (igual al sitio viejo) ---- */
.dl-mega{position:fixed;top:74px;left:0;right:0;background:var(--slate);color:#fff;z-index:70;transform:translateY(-115%);transition:transform .3s ease;box-shadow:0 14px 34px rgba(0,0,0,.32);max-height:calc(100vh - 74px);overflow-y:auto}
.dl-mega.open{transform:none}
.dl-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 48px;padding:44px 32px 50px;position:relative}
.dl-mcol{display:flex;flex-direction:column;gap:30px}
.dl-mgroup h4{color:var(--teal);font-size:.95rem;font-weight:600;letter-spacing:.4px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12)}
.dicine-look .dl-mgroup a{display:block;color:#cdd6e0;font-size:.9rem;font-weight:300;padding:5px 0}
.dicine-look .dl-mgroup a:hover{color:#fff;padding-left:4px}
.dl-mega-close{position:absolute;top:10px;right:26px;font-size:1.9rem;color:#fff;cursor:pointer;line-height:1}
@media(max-width:760px){.dl-mega-grid{grid-template-columns:1fr;gap:22px;padding:28px 24px}.dl-mcol{gap:22px}.dl-mega{top:64px}}