/* MARCA BIOILLUSTRIS (16 oct 2026): la identidad sale del logo. Morado de base, marco blanco grueso y redondeado,
   el tucán de formas planas y la paleta de siete puntos (verde, amarillo, cielo, naranja, negro, rojo, blanco).
   Letra redondeada como la del logo (Baloo 2) y texto legible (Karla). Ciencia, arte y comunidad; pensado también para niños:
   botones grandes, colores llenos, nada de rótulos diminutos, y respeto a quien pide menos movimiento. */
@font-face{font-family:"Zenu Titular";src:url("ZenuTitular-Regular.woff2") format("woff2");font-display:swap}
:root{--morado:#5E4A97;--morado2:#4C3A80;--negro:#2B2730;--crema:#FFF9EC;--verde:#A3D44A;--verde2:#8FB04A;--amarillo:#FFE500;--cielo:#8DD0F0;--naranja:#F08137;--rojo:#E8503E;--ladrillo:#A9392B;
  --d:"Baloo 2",ui-rounded,system-ui,sans-serif;--t:Karla,system-ui,-apple-system,sans-serif;
  /* variables del CSS heredado de las páginas internas, llevadas a la marca */
  --papel:#FFF9EC;--papel2:#F1ECFA;--super:#FFFFFF;--linea:transparent;--linea2:transparent;--tinta:#2B2730;--tsec:#4C3A80;
  --violeta:#5E4A97;--violeta-vivo:#6E58AD;--violeta-tenue:#EDE7F8;--noche:#2B2730;--noche2:#3A3442;--mat:#FFFFFF;--mat-borde:transparent;--sombra:none}
*{box-sizing:border-box}
body{margin:0;font-family:var(--t);color:var(--negro);background:var(--crema);font-size:19px;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--d);margin:0;line-height:.98;letter-spacing:-.01em;font-weight:800}p{margin:0}
a{color:inherit}
:focus-visible{outline:4px solid var(--amarillo);outline-offset:3px}
.env{width:100%;max-width:1240px;margin-inline:auto;padding-inline:24px}
/* barra: el logo a la izquierda y la paleta de pintor (el menú) a la derecha */
header.barra{position:fixed;inset:0 0 auto 0;z-index:60;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 24px;pointer-events:none;transition:transform .35s ease}
header.barra.oculta{transform:translateY(-130%)}
header.barra .logo{pointer-events:auto;width:58px}
/* mundos */
.mundo{padding:130px 0;position:relative;overflow:hidden}
.mundo h2{font-size:clamp(2.8rem,7vw,6.4rem)}
.mundo .intro{max-width:54ch;margin-top:20px;font-size:1.12em}
.boton{display:inline-flex;align-items:center;gap:10px;margin-top:30px;background:var(--amarillo);color:var(--negro);font:800 20px var(--d);padding:15px 28px;border-radius:999px;text-decoration:none;border:5px solid #fff;transition:translate .2s cubic-bezier(.3,1.6,.5,1),rotate .2s cubic-bezier(.3,1.6,.5,1),background .2s}
.boton:hover,.boton:focus-visible{translate:0 -4px;rotate:-1.5deg}.boton.claro{background:#fff}
/* pie: autoría */
.pie{background:var(--negro);color:#fff;padding:130px 0 60px;position:relative;overflow:hidden}
.pie h2{font-size:clamp(2.6rem,7vw,6rem);color:#fff}
.pie p{margin-top:18px;max-width:72ch;color:#E8E3EE}.pie strong{color:var(--amarillo)}.pie .der{font-size:.9em;color:#C9C2D3}
.pie .puntos{display:flex;gap:14px;margin-top:40px}.pie .puntos i{width:26px;height:26px;border-radius:50%}
@media (max-width:860px){.mundo{padding:100px 0}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* páginas internas (Montería Anfibia, Mi árbol): mismo color de marca sobre su estructura */
body.interna{padding-top:0}
body.interna .cab{background:var(--morado)!important;backdrop-filter:none!important}
body.interna .cab a,body.interna .cab .nav a{color:#fff}
body.interna .rotulo,body.interna .ceja{display:none!important}
body.interna *{box-shadow:none!important}
body.interna .autoria{background:var(--negro);color:#fff;padding:clamp(48px,7vw,90px) 20px}
body.interna .autoria h2{color:#fff}body.interna .autoria p{margin-top:14px;max-width:70ch;color:#E8E3EE}body.interna .autoria strong{color:var(--amarillo)}
body.interna .boton,body.interna .btn{background:var(--amarillo)!important;color:var(--negro)!important;border:5px solid #fff!important;border-radius:999px!important}
body.anfibia h1,body.anfibia .ma-h3{font-family:"Zenu Titular",var(--d)}