/* DRAK-9 · Boceto 1 · Identidad visual compartida */
:root{--drak-black:#171717;--drak-gold:#c9a65b;--drak-paper:#f7f6f2;--drak-ink:#242424;--drak-border:#e7e2d7;--verde:#171717;--verde2:#303030;--oro:#c9a65b;--fondo:#f7f6f2;--texto:#242424;--borde:#e7e2d7;--primary:#171717;--accent:#c9a65b;color-scheme:light}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;background-color:var(--drak-paper);color:var(--drak-ink)}
a{transition:color .15s ease,background-color .15s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--drak-gold)!important;outline-offset:3px}
button,input[type=submit],input[type=button],.btn{min-height:42px;border-radius:10px;cursor:pointer}
button:not([class]),input[type=submit]:not([class]){background:var(--drak-black);color:white;border:1px solid var(--drak-black);padding:10px 16px}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{max-width:100%;border-radius:9px}
img,video{max-width:100%}
header,nav,.cabecera{accent-color:var(--drak-gold)}
@media(max-width:640px){button,.btn,input[type=submit]{min-height:44px}main{max-width:100%}table{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* DRAK-9 · Identidad visual integral 2026 */
:root{--verde:#171717!important;--verde2:#292929!important;--oro:#cda85a!important;--fondo:#f7f5f0!important;--texto:#252525!important;--borde:#e7e0d3!important}
body{background:#f7f5f0!important;color:#252525!important;font-family:Inter,system-ui,'Segoe UI',Arial,sans-serif!important}
.lateral,.sidebar,.menu-lateral{background:linear-gradient(165deg,#191919,#0e0e0e)!important;border-right:3px solid #cda85a!important;color:#fff!important}
.lateral nav a,.sidebar a{color:#f6f1e8!important}
.lateral nav a:hover,.lateral nav a.activo{background:#cda85a22!important;border-color:#cda85a!important}
.tarjeta,.modulo,.estadistica,.contenedor,.card{border-color:#e7e0d3;box-shadow:0 8px 28px #241c1010}
.modulo .icono,.tarjeta .icono,.numero{background:#f5ecda!important;color:#5e471b!important}
.btn-principal,button[type=submit]{background:#191919!important;color:white!important;border-color:#191919!important}
.btn-principal:hover,button[type=submit]:hover{background:#57431f!important}
.drak-hero{position:relative;isolation:isolate;overflow:hidden;min-height:235px;border-radius:20px;background:#161616;color:#fff;padding:clamp(24px,4vw,50px);display:flex;align-items:center;margin:0 0 26px;box-shadow:0 12px 36px #0002}
.drak-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101010 5%,#101010e8 40%,#10101055 100%),var(--drak-photo) center 35%/cover;z-index:-1}
.drak-hero>*{max-width:690px}.drak-hero h1,.drak-hero h2{font-size:clamp(25px,3.5vw,42px)!important;color:white!important;margin:10px 0!important}.drak-hero p{color:#e9e4d8!important;line-height:1.65;max-width:600px}.drak-kicker{color:#e2bc70!important;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.drak-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 30px}.drak-photo{overflow:hidden;background:white;border:1px solid #e7e0d3;border-radius:16px;box-shadow:0 5px 20px #0001;text-decoration:none;color:#252525}.drak-photo img{width:100%;height:180px;object-fit:contain;object-position:center;display:block;background:#f3efe7}.drak-photo:hover img{transform:none}.drak-photo figcaption{padding:12px 14px;font-weight:700;font-size:13px}.drak-photo figure{margin:0}
.drak-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.drak-link{display:inline-block;padding:12px 18px;border-radius:10px;background:#cda85a;color:#161616!important;font-weight:800;text-decoration:none}.drak-link.secondary{background:#ffffff1c;border:1px solid #ffffff77;color:white!important}
.drak-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.drak-video-grid video{width:100%;border-radius:14px;background:#111;max-height:360px}
@media(max-width:800px){.drak-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.drak-gallery,.drak-video-grid{grid-template-columns:1fr}.drak-hero{min-height:220px}.drak-photo img{height:220px}}

/* Fotografías institucionales: sin recortes, enlaces ni interacciones. */
.drak-gallery .drak-photo{cursor:default;pointer-events:none;}
.drak-gallery .drak-photo img{height:auto;max-height:340px;aspect-ratio:4 / 3;object-fit:contain;object-position:center;background:#f3efe7;}
.drak-gallery .drak-photo figure{margin:0;}