/* =========================================================
   Experiencia Democrática · capa propia
   Sustituye el comportamiento del runtime de Figma Sites.
   ========================================================= */
@font-face{font-family:"ED Inter";src:url("/assets/fonts/Inter_1/Inter_1-english.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215}
@font-face{font-family:"ED Inter";src:url("/assets/fonts/Inter_1/Inter_1-rest-latin.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF}
@font-face{font-family:"ED Lexend";src:url("/assets/fonts/Lexend_wght__1/Lexend_wght__1-english.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215}
@font-face{font-family:"ED Lexend";src:url("/assets/fonts/Lexend_wght__1/Lexend_wght__1-rest-latin.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF}

:root{
  --ed-black:#010304;
  --ed-panel:#22272d;
  --ed-panel-line:#3a4048;
  --ed-teal:#0f4c52;
  --ed-teal-line:#2c8c94;
  --ed-white:#fff;
  --ed-muted:#c9d1d9;
  --ed-header-h:72px;
}

/* Animaciones de aparición (sustituyen a las de Figma) */
[data-appear]{opacity:0;transform:var(--ap);transition:opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1)}
[data-appear].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-appear]{opacity:1;transform:none;transition:none}}

/* Enlaces convertidos: conservan el aspecto del diseño */
:where(a[data-ed-link]){display:block;color:inherit;text-decoration:none}
a[data-ed-link],[data-ed-menu]{cursor:pointer}
a[data-ed-link]:focus-visible,[data-ed-menu]:focus-visible{outline:2px solid var(--ed-teal-line);outline-offset:2px;border-radius:6px}

/* Cabecera: fondo negro como en la web publicada */
.css-7tvcgb>div[aria-hidden="true"]:first-child{background-color:var(--ed-black)}

/* Píldora de los elementos del menú al pasar el ratón / abierto */
.css-7tvcgb a[data-ed-link],.css-7tvcgb [data-ed-menu]{border-radius:999px;transition:background-color .15s,box-shadow .15s}
.css-7tvcgb a[data-ed-link]:not([aria-label]):hover,.css-7tvcgb [data-ed-menu]:hover{background-color:var(--ed-teal)}
.css-7tvcgb [data-ed-menu][aria-expanded="true"]{background-color:var(--ed-teal);box-shadow:inset 0 0 0 1px var(--ed-teal-line)}
.css-7tvcgb [data-ed-menu][aria-expanded="true"] img{transform:rotate(180deg)}
.css-7tvcgb [data-ed-menu] img{transition:transform .2s}
.css-7tvcgb [data-ed-menu="mobile"]{background:none!important;box-shadow:none!important}

/* Tarjetas y botones: realce sutil al pasar el ratón */
a[data-ed-link].css-sd4q1{transition:transform .2s,box-shadow .2s,opacity .6s cubic-bezier(.215,.61,.355,1)}
a[data-ed-link].css-sd4q1.is-in:hover,a[data-ed-link].css-sd4q1:not([data-appear]):hover{transform:translateY(-2px)}

/* ---------- Menús desplegables de escritorio ---------- */
.ed-mega{position:fixed;left:0;right:0;top:var(--ed-header-h);z-index:9998;background:var(--ed-black);border-radius:0 0 8px 8px;color:var(--ed-white);font-family:"ED Inter",system-ui,sans-serif;box-shadow:0 24px 48px rgba(0,0,0,.35)}
.ed-mega[hidden]{display:none}
.ed-mega__inner{display:flex;justify-content:space-between;gap:32px;padding:20px var(--ed-pad-r,64px) 20px var(--ed-pad-l,64px);min-height:300px}
.ed-mega nav{flex:0 0 278px;background:var(--ed-panel)}
.ed-mega ul{list-style:none;margin:0;padding:0}
.ed-mega li a{display:block;padding:12px 18px;font-size:15px;font-weight:300;line-height:20px;color:#e9edf1;text-decoration:none;border-bottom:1px solid var(--ed-panel-line);background:var(--ed-panel);transition:background-color .12s}
#ed-menu-programa li a{padding:9px 18px;font-size:13px}
.ed-mega li a:hover,.ed-mega li a:focus-visible,.ed-mega li a.is-active{background:var(--ed-black);border-bottom-color:#5b636c;outline:none}
.ed-mega li a[aria-current="page"]{font-weight:500}
.ed-mega__media{position:relative;flex:1 1 auto;min-height:260px}
.ed-mega figure{position:absolute;inset:0;margin:0;display:none;align-items:flex-end;justify-content:flex-end;gap:24px}
.ed-mega figure.is-active{display:flex}
.ed-mega figure img{width:300px;max-width:45%;height:auto;align-self:flex-start;order:2}
.ed-mega figcaption{order:1;text-align:right;font-size:13px;line-height:1.55;max-width:300px;padding-bottom:28px;color:#f1f4f7}
.ed-mega figcaption em{display:block;font-style:italic;font-weight:600;font-size:11px}
#ed-menu-programa figure{flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:14px}
#ed-menu-programa figure img{order:1;align-self:flex-end;width:240px}
#ed-menu-programa figcaption{order:2;text-align:center;width:300px;padding:0}

/* ---------- Menú móvil ---------- */
.ed-mobile{position:fixed;left:0;right:0;top:var(--ed-header-h);bottom:0;z-index:9998;background:var(--ed-black);color:#fff;overflow:auto;font-family:"ED Inter",system-ui,sans-serif;padding:8px 20px 40px}
.ed-mobile[hidden]{display:none}
.ed-mobile ul{list-style:none;margin:0;padding:0}
.ed-mobile>nav>ul>li{border-bottom:1px solid var(--ed-panel-line)}
.ed-mobile a,.ed-mobile__group>span{display:block;padding:16px 4px;color:#fff;text-decoration:none;font-size:17px}
.ed-mobile__group>span{font-family:"ED Lexend",system-ui,sans-serif;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#9aa6b2;padding-bottom:4px}
.ed-mobile__group ul a{padding:10px 4px 10px 14px;font-size:15px;font-weight:300;color:#e9edf1}
.ed-mobile a:hover,.ed-mobile a:focus-visible{color:#7fd6dd;outline:none}
html.ed-lock{overflow:hidden}

/* ---------- Vídeos ---------- */
.ed-video{display:block;width:100%;height:100%;object-fit:cover;background:#111;border-radius:inherit}

/* ---------- Carrusel "Otros programas" ---------- */
.ed-carousel-host{display:block!important;width:100%}
.ed-carousel{position:relative;display:flex;align-items:center;gap:8px;width:100%;font-family:"ED Lexend",system-ui,sans-serif}
.ed-carousel__track{list-style:none;margin:0;padding:4px 0 8px;display:flex;gap:80px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;flex:1 1 auto}
.ed-carousel__track::-webkit-scrollbar{display:none}
.ed-carousel__track li{flex:0 0 calc((100% - 160px)/3);scroll-snap-align:start}
.ed-card{display:block;color:#fff;text-decoration:none}
.ed-card img,.ed-card__ph{display:block;width:100%;aspect-ratio:16/14;object-fit:cover;border-radius:8px;background:#1d252c;transition:transform .25s,filter .25s}
.ed-card span{display:block;margin-top:24px;font-size:13px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}
.ed-card:hover img{transform:translateY(-3px);filter:brightness(1.08)}
.ed-carousel__btn{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center}
.ed-carousel__btn:hover{background:rgba(255,255,255,.08)}
.ed-carousel__btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ed-carousel__btn[disabled]{opacity:.3;cursor:default}
@media (max-width:1199px){.ed-carousel__track{gap:24px}.ed-carousel__track li{flex-basis:calc((100% - 24px)/2)}}
@media (max-width:755px){.ed-carousel__track li{flex-basis:78%}.ed-carousel__btn{display:none}}

/* Icono hamburguesa (sus barras las coloreaba el runtime) */
[data-ed-menu="mobile"]>div:first-child>div{background-color:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
[data-ed-menu="mobile"][aria-expanded="true"]>div:first-child>div:nth-child(1){transform:translateY(8px) rotate(45deg)}
[data-ed-menu="mobile"][aria-expanded="true"]>div:first-child>div:nth-child(2){opacity:0}
[data-ed-menu="mobile"][aria-expanded="true"]>div:first-child>div:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.ed-inline-link{color:inherit;text-decoration:none}.ed-inline-link:hover{text-decoration:underline}
/* Tarjeta de Agricultura activada en la portada */
.ed-icon-agri{display:block;width:100%;height:100%}
a[href="/programa_agricultura"] img[src*="3a36283b"]{filter:brightness(.55)}
