/* CONEDEM override v5 - editorial premium blanco + dorado (Ramon 2026-04-26) */
:root{
  /* Cream -> blancos rotos editoriales */
  --cream-50:#ffffff;
  --cream-100:#f7f3e8;
  --cream-200:#ece2c9;

  /* Gold dual: dorado claro + dorado profundo (impresion offset) */
  --gold-400:#e6c989;
  --gold-500:#b8893a;
  --gold-600:#86601f;

  /* Ink: negros densos editoriales */
  --ink-300:#d8d4cb;
  --ink-400:#9c968a;
  --ink-500:#6b6660;
  --ink-700:#2e2c28;
  --ink-900:#0b0b0a;

  /* Navy -> negro tinta de imprenta (sin azul) */
  --navy-600:#1c1b18;
  --navy-700:#131210;
  --navy-800:#0a0a09;
  --navy-900:#050504;
  --navy-950:#000000;
}

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap');

/* Tipografia base mejorada */
body{
  background-color:#ffffff !important;
  color:#0b0b0a !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* Headings serif con kerning editorial */
.font-display,h1,h2,h3{
  font-feature-settings:"kern" 1,"liga" 1,"dlig" 1,"onum" 1;
  letter-spacing:-0.014em !important;
}
h1{line-height:1.02 !important}
h2{line-height:1.08 !important}

/* Bordes dorados sutiles */
.border-cream-200{border-color:#ece2c9 !important}
.border-cream-100{border-color:#f7f3e8 !important}
.border-gold-500{border-color:#b8893a !important}
.border-ink-300{border-color:#d8d4cb !important}

/* Backgrounds */
.bg-cream-50{background-color:#fafaf6 !important}
.bg-cream-100{background-color:#f7f3e8 !important}
.bg-cream-200{background-color:#ece2c9 !important}
.bg-navy-900,.bg-navy-950,.bg-navy-800{background-color:#0a0a09 !important}
.bg-gold-500{background-color:#b8893a !important;color:#ffffff !important}
.bg-gold-600{background-color:#86601f !important}
.from-navy-950,.to-navy-950{--tw-gradient-from:#050504 !important;--tw-gradient-to:#050504 !important}
.from-cream-50{--tw-gradient-from:#fafaf6 !important}

/* Texto */
.text-gold-400{color:#e6c989 !important}
.text-gold-500{color:#b8893a !important}
.text-gold-600{color:#86601f !important}
.text-navy-900,.text-navy-950{color:#0b0b0a !important}
.text-ink-700{color:#2e2c28 !important}
.text-ink-900{color:#0b0b0a !important}
.text-ink-500{color:#6b6660 !important}
.text-ink-400{color:#9c968a !important}

/* Hover refuerzo dorado */
.hover\:bg-gold-600:hover{background-color:#86601f !important}
.hover\:text-navy-900:hover{color:#b8893a !important}
.hover\:text-gold-500:hover{color:#b8893a !important}

/* Underlines editoriales doradas */
.bg-gold-500{box-shadow:none}

/* Noise capa (textura papel) */
.bg-noise{
  opacity:0.05 !important;
  background-image:
    radial-gradient(rgba(0,0,0,0.55) 1px, transparent 1px),
    radial-gradient(rgba(0,0,0,0.35) 1px, transparent 1px);
  background-size:3px 3px, 7px 7px;
  background-position:0 0, 1px 2px;
}

/* Selección de texto dorado */
::selection{background:#b8893a;color:#ffffff}
::-moz-selection{background:#b8893a;color:#ffffff}

/* Scrollbar discreta blanco/oro */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#fafaf6}
::-webkit-scrollbar-thumb{background:#d8d4cb;border-radius:0}
::-webkit-scrollbar-thumb:hover{background:#b8893a}

/* Botones primarios redibujados */
button,a[class*="bg-navy"],a[class*="bg-gold"]{
  transition:background-color .35s ease, color .35s ease, border-color .35s ease, transform .25s ease !important;
}

/* Cards con sombra editorial sutil */
.shadow,.shadow-sm,.shadow-md{box-shadow:0 1px 0 rgba(11,11,10,0.04),0 22px 40px -28px rgba(11,11,10,0.18) !important}

/* Header sticky mejorado con grain bajo - SOLIDO siempre (no fantasma sobre hero) */
header [class*="border-b"]{border-bottom-color:#ece2c9 !important}
header.fixed,header[class*="fixed"]{
  background-color:#fafaf6 !important;
  border-bottom:1px solid #ece2c9 !important;
  backdrop-filter:saturate(1.2) blur(6px);
}
header.fixed *,header[class*="fixed"] *{color:inherit}
header.fixed a,header[class*="fixed"] a,
header.fixed span,header[class*="fixed"] span{
  color:#2e2c28 !important;
}
header.fixed [class*="text-gold"],header[class*="fixed"] [class*="text-gold"]{
  color:#b8893a !important;
}
header.fixed button,header[class*="fixed"] button{color:#0b0b0a !important}
/* hero ya no necesita pad porque header es claro */
[class*="hero"]{padding-top:0 !important}

/* Ribbon flotante (CONVOCATORIA) - mobile fix */
@media (max-width:767px){
  .absolute.top-32{
    top:5.5rem !important;
    padding-left:1rem;padding-right:1rem;
  }
  .absolute.top-32 > div{
    font-size:8px !important;
    letter-spacing:0.18em !important;
    padding:0.4rem 0.75rem !important;
    text-align:center;
    line-height:1.3;
  }
}

/* Refuerzo italics dorados (citas editoriales) */
.italic.text-gold-500,em.text-gold-500{
  color:#b8893a !important;
  font-feature-settings:"kern" 1,"liga" 1,"dlig" 1,"calt" 1;
}

/* Pulse dot dorado */
.bg-gold-500.animate-pulse{background-color:#b8893a !important;box-shadow:0 0 0 4px rgba(184,137,58,0.15)}

/* Scroll behavior fluido */
html{scroll-behavior:smooth}

/* Inputs/forms */
input,textarea,select{
  border-color:#ece2c9 !important;
  color:#0b0b0a !important;
  font-family:'Inter',sans-serif;
}
input:focus,textarea:focus,select:focus{
  border-color:#b8893a !important;
  outline:1px solid #b8893a !important;
  outline-offset:2px;
}

/* === V5 — REFINAMIENTOS EDITORIALES VISIBLES === */

/* 1. Imágenes con tratamiento editorial: grayscale soft -> color en hover */
img:not([class*="logo"]):not([alt=""]):not(.no-treat){
  filter:saturate(0.88) contrast(1.04);
  transition:filter .6s ease;
}
img:not([class*="logo"]):not([alt=""]):not(.no-treat):hover{
  filter:saturate(1.05) contrast(1.06);
}
.bg-noise + img,[class*="hero"] img{
  filter:saturate(0.92) contrast(1.05);
}

/* 2. Small caps en labels y eyebrows */
[class*="text-xs"][class*="uppercase"],
[class*="tracking-wider"],
[class*="tracking-widest"]{
  font-feature-settings:"smcp" 1,"c2sc" 1,"kern" 1 !important;
  letter-spacing:0.18em !important;
}

/* 3. Links inline con subrayado dorado animado */
main a:not([class*="bg-"]):not([class*="rounded"]):not([class*="px-"]){
  background-image:linear-gradient(to right,#b8893a,#b8893a);
  background-position:0 100%;
  background-repeat:no-repeat;
  background-size:0% 1px;
  transition:background-size .4s ease, color .3s ease;
  padding-bottom:1px;
}
main a:not([class*="bg-"]):not([class*="rounded"]):not([class*="px-"]):hover{
  background-size:100% 1px;
  color:#86601f !important;
}

/* 4. Blockquotes con marca dorada grande */
blockquote, [class*="italic"][class*="font-display"]{
  position:relative;
  padding-left:2.5rem;
}
blockquote::before, [class*="italic"][class*="font-display"]::before{
  content:"\201C";
  position:absolute;
  left:0;
  top:-0.5rem;
  font-family:'Playfair Display',serif;
  font-size:5rem;
  line-height:1;
  color:#b8893a;
  opacity:0.55;
  font-style:italic;
  font-weight:500;
}

/* 5. Numerales tabulares en stats */
[class*="font-display"][class*="text-3xl"],
[class*="font-display"][class*="text-4xl"],
[class*="font-display"][class*="text-5xl"],
[class*="font-display"][class*="text-6xl"]{
  font-feature-settings:"tnum" 1,"lnum" 1,"kern" 1 !important;
  letter-spacing:-0.022em !important;
}

/* 6. Botones primarios — tratamiento editorial offset */
a[class*="bg-navy-900"],button[class*="bg-navy-900"],
a[class*="bg-gold-500"],button[class*="bg-gold-500"]{
  position:relative;
  letter-spacing:0.04em !important;
  font-weight:500 !important;
}
a[class*="bg-navy-900"]:hover,button[class*="bg-navy-900"]:hover{
  background-color:#b8893a !important;
  color:#ffffff !important;
  transform:translateY(-1px);
}

/* 7. Headings hero con underline dorado offset */
.font-display.text-5xl em,
.font-display.text-6xl em,
.font-display.text-7xl em,
h1 em,h2 em{
  font-style:italic;
  color:#b8893a !important;
  position:relative;
}

/* 8. Cards hover lift sutil */
[class*="rounded-2xl"][class*="border"],
[class*="rounded-3xl"][class*="border"]{
  transition:transform .4s ease, box-shadow .4s ease, border-color .4s ease !important;
}
[class*="rounded-2xl"][class*="border"]:hover,
[class*="rounded-3xl"][class*="border"]:hover{
  border-color:#b8893a !important;
  transform:translateY(-2px);
  box-shadow:0 30px 60px -30px rgba(184,137,58,0.25), 0 1px 0 rgba(11,11,10,0.06) !important;
}

/* 9. Section dividers - flourish dorado pequeño */
hr{
  border:none;
  height:1px;
  background:linear-gradient(to right, transparent, #ece2c9 20%, #b8893a 50%, #ece2c9 80%, transparent);
  margin:3rem 0;
}

/* 10. Footer ennegrecido editorial */
footer{
  background-color:#0a0a09 !important;
  color:#9c968a !important;
}
footer a:hover{color:#b8893a !important}

/* 11. Ribbon/eyebrow text con barra dorada izquierda */
[class*="text-[11px]"][class*="tracking-wider"],
[class*="text-[12px]"][class*="tracking-wider"]{
  position:relative;
}

/* 12. Mono font para datos/codigo/numeros aislados */
.font-mono,code,pre,kbd{
  font-family:'IBM Plex Mono',ui-monospace,monospace !important;
  font-feature-settings:"tnum" 1,"zero" 1 !important;
}

/* 13. Inputs/forms con tipografia editorial */
input::placeholder,textarea::placeholder{
  color:#9c968a;
  font-style:italic;
}

/* 14. Navigation links con animacion gold */
nav a{
  transition:color .25s ease;
}

/* 15. Mejor contraste en subtítulos */
[class*="text-ink-500"],[class*="text-ink-400"]{
  letter-spacing:0.005em;
}

/* === DRAWER LATERAL TIPO APP (mobile) === */
#cdrawer-toggle{
  position:fixed;
  top:1.25rem;
  right:1.25rem;
  z-index:9999;
  width:44px;height:44px;
  background:#fafaf6;
  border:1px solid #ece2c9;
  border-radius:0;
  display:none;
  align-items:center;justify-content:center;
  cursor:pointer;
  box-shadow:0 6px 20px -8px rgba(11,11,10,0.18);
}
#cdrawer-toggle span{
  display:block;width:18px;height:1.5px;background:#0b0b0a;
  position:relative;
}
#cdrawer-toggle span::before,#cdrawer-toggle span::after{
  content:'';position:absolute;left:0;width:18px;height:1.5px;background:#0b0b0a;
  transition:transform .3s ease, top .3s ease;
}
#cdrawer-toggle span::before{top:-6px}
#cdrawer-toggle span::after{top:6px}
#cdrawer-toggle.open span{background:transparent}
#cdrawer-toggle.open span::before{top:0;transform:rotate(45deg)}
#cdrawer-toggle.open span::after{top:0;transform:rotate(-45deg)}

#cdrawer-overlay{
  position:fixed;inset:0;
  background:rgba(11,11,10,0.55);
  backdrop-filter:blur(4px);
  z-index:9997;
  opacity:0;pointer-events:none;
  transition:opacity .35s ease;
}
#cdrawer-overlay.open{opacity:1;pointer-events:auto}

#cdrawer{
  position:fixed;top:0;right:0;bottom:0;
  width:88vw;max-width:380px;
  background:#fafaf6;
  z-index:9998;
  transform:translateX(100%);
  transition:transform .4s cubic-bezier(.2,.8,.2,1);
  display:flex;flex-direction:column;
  box-shadow:-30px 0 60px -30px rgba(11,11,10,0.4);
  overflow-y:auto;
}
#cdrawer.open{transform:translateX(0)}
#cdrawer .cdrawer-head{
  padding:1.5rem 1.5rem 1rem;
  border-bottom:1px solid #ece2c9;
}
#cdrawer .cdrawer-mark{
  font-family:'Playfair Display',serif;
  font-size:1.6rem;font-weight:600;
  color:#0b0b0a;letter-spacing:-0.012em;
}
#cdrawer .cdrawer-mark em{color:#b8893a;font-style:italic}
#cdrawer .cdrawer-eyebrow{
  font-family:'IBM Plex Mono',monospace;
  font-size:9px;letter-spacing:0.28em;text-transform:uppercase;
  color:#9c968a;margin-top:0.4rem;
}
#cdrawer nav{
  flex:1;
  padding:1rem 0;
}
#cdrawer nav a{
  display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding:1rem 1.5rem;
  border-bottom:1px solid #f7f3e8;
  color:#0b0b0a !important;
  text-decoration:none;
  font-family:'Playfair Display',serif;
  font-size:1.4rem;font-weight:500;
  letter-spacing:-0.012em;
  background-image:none !important;
  transition:background-color .25s ease, color .25s ease, padding-left .3s ease;
}
#cdrawer nav a .num{
  font-family:'IBM Plex Mono',monospace;
  font-size:10px;color:#b8893a;
  letter-spacing:0.18em;
  font-weight:400;
}
#cdrawer nav a:hover,#cdrawer nav a:active{
  background:#f7f3e8;
  color:#b8893a !important;
  padding-left:1.85rem;
}
#cdrawer .cdrawer-cta{
  padding:1.25rem 1.5rem;
  border-top:1px solid #ece2c9;
  background:#0a0a09;
}
#cdrawer .cdrawer-cta a{
  display:block;text-align:center;
  background:#b8893a;color:#fafaf6;
  padding:0.85rem 1rem;
  font-family:'Inter',sans-serif;
  font-size:11px;font-weight:600;
  letter-spacing:0.18em;text-transform:uppercase;
  text-decoration:none;
  transition:background-color .3s ease;
}
#cdrawer .cdrawer-cta a:hover{background:#86601f}
#cdrawer .cdrawer-foot{
  padding:1rem 1.5rem;
  font-family:'IBM Plex Mono',monospace;
  font-size:10px;color:#6b6660;
  background:#0a0a09;border-top:1px solid #1c1b18;
}

@media (max-width:1023px){
  #cdrawer-toggle{display:flex}
  /* esconde el menu hamburguesa nativo si existe */
  header [class*="lg:hidden"]{display:none !important}
}