/* Madrid Spanish Institute · Home hero «la sala» · v20
   Cuadro protagonista iluminado por una lámpara de galería, haz de luz,
   suelo de ajedrez y línea de tiempo «algún día → con fecha».
   La sección conserva .hero-botanica porque el resto de la home
   depende de body:has(.hero-botanica). */

.home-botanica .masthead__in{min-height:5.5rem;padding-block:1rem;border-bottom-color:transparent!important}

.hero-home{
  --pad:clamp(1.5rem,6vw,7rem);
  --alto:clamp(36rem,calc(100svh - 5.5rem),54rem);
  --cuadro:min(31vw,calc(var(--alto)*.58),30rem);
  --suelo:17%;
  --linea:calc(var(--suelo) + 2.6rem);
  --columna:calc(50vw - var(--cuadro)/2 - var(--pad) - 1.75rem);
  display:block;min-height:var(--alto);
}
/* sin velos ni viñeta: la sala y la cabecera son una sola superficie */
.hero-home::after{display:none}

/* ---------- el cuadro: protagonista ---------- */
.hero-home .hero-botanica__frame{
  z-index:3;left:50%;top:5%;transform:translateX(-50%);width:var(--cuadro);overflow:visible;
  border:clamp(.6rem,1vw,1rem) solid #B58A3A;background:#DCD6C4;
  box-shadow:0 0 0 2px #6F5220,0 0 0 3px rgba(254,252,244,.18),0 2.2rem 4.5rem rgba(6,20,15,.55),0 .6rem 1.2rem rgba(6,20,15,.35)}
/* bisel interior y luz de la lámpara sobre el lienzo */
.hero-home .hero-botanica__frame::after{display:block;content:"";position:absolute;inset:0;z-index:2;width:auto;aspect-ratio:auto;border-radius:0;filter:none;
  background:radial-gradient(ellipse 70% 42% at 50% 0,rgba(255,238,196,.38),rgba(255,238,196,0) 100%);
  box-shadow:inset 0 0 0 3px #7A5A22,inset 0 .8rem 1.4rem rgba(6,20,15,.28);pointer-events:none}
.hero-home__paisaje{display:block;width:100%;height:100%}
/* lámpara de galería */
.hero-home__lampara{position:absolute;z-index:4;left:26%;right:26%;top:calc(-1 * clamp(.6rem,1vw,1rem) - .55rem);height:.8rem;border-radius:.45rem;
  background:linear-gradient(#EDD08A,#B58A3A 55%,#7A5A22);box-shadow:0 .35rem .7rem rgba(6,20,15,.45)}
.hero-home__lampara::before{content:"";position:absolute;left:50%;bottom:100%;width:3px;height:1.3rem;transform:translateX(-50%);background:#7A5A22}
.hero-home__lampara::after{content:"";position:absolute;left:-18%;right:-18%;top:100%;height:3.2rem;background:radial-gradient(ellipse 60% 100% at 50% 0,rgba(255,238,196,.35),transparent 75%);pointer-events:none}

/* haz de luz del cuadro al suelo */
.hero-home__luz{position:absolute;z-index:2;left:50%;top:calc(5% + var(--cuadro)*1.2 - 1rem);bottom:calc(var(--suelo) - 2.5rem);width:calc(var(--cuadro)*1.6);transform:translateX(-50%);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:linear-gradient(to bottom,rgba(254,248,226,.03),rgba(254,248,226,.10) 60%,rgba(254,248,226,.15));pointer-events:none}

/* suelo de ajedrez en perspectiva, con el contraste contenido */
.hero-home__suelo{position:absolute;z-index:1;left:0;right:0;bottom:0;height:var(--suelo);overflow:hidden;perspective:14rem;perspective-origin:50% -60%;background:#12302A}
.hero-home__baldosas{position:absolute;left:-150%;right:-150%;top:0;height:900%;transform-origin:50% 0;transform:rotateX(74deg);background:repeating-conic-gradient(#9FAE9F 0 25%,#123027 0 50%) 50% 0/2.8rem 2.8rem}
.hero-home__suelo::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(18,48,42,.95),rgba(18,48,42,.45) 45%,rgba(18,48,42,.12))}
.hero-home__suelo::before{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:1px;background:rgba(203,162,78,.3)}

/* ---------- retícula ---------- */
.hero-home .hero-botanica__inner{position:absolute;inset:0;display:block;max-width:none;min-height:0;padding:0}

.hero-home__uno{position:absolute;left:var(--pad);top:clamp(2rem,8%,5rem);width:min(var(--columna),28rem)}
.hero-home__uno h1{margin:0;font-family:var(--s-serif);font-weight:400;color:#FEFCF4}
.hero-home__uno h1 span{display:block;text-wrap:balance;font-size:clamp(1.7rem,min(2.5vw,4.4svh),2.6rem);line-height:1.08;letter-spacing:-.015em}
.hero-home__uno h1 em{display:block;font-style:normal;font-weight:500;color:var(--s-ocre);font-size:clamp(3.6rem,min(8.1vw,14svh),7.6rem);line-height:.88;letter-spacing:-.05em;margin:.06em 0 0 -.05em}
.p .hero-home__sub{margin:1.6rem 0 0;max-width:24em;font-family:var(--s-sans);font-size:clamp(1rem,1.25vw,1.1875rem);line-height:1.55;color:#E9E4D6}

/* bloque derecho: pestaña pegada al borde, justo encima de la frase */
.hero-home__dos{position:absolute;right:var(--pad);bottom:calc(var(--linea) + 6.6rem);width:min(var(--columna),30rem);display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.p .hero-home__plazo{margin:1.5rem 0 0;max-width:none;font-family:var(--s-serif);font-weight:400;color:#FEFCF4}
.hero-home__plazo span{display:block;text-wrap:balance;font-size:clamp(1.5rem,min(2.1vw,3.8svh),2.2rem);line-height:1.1;letter-spacing:-.015em}
.hero-home__plazo strong{display:block;font-weight:500;color:var(--s-ocre);font-size:clamp(3rem,min(6.6vw,12svh),6.2rem);line-height:.92;letter-spacing:-.045em;margin-top:.08em;text-wrap:balance;text-decoration:underline;text-decoration-thickness:.045em;text-underline-offset:.13em}

.hero-home__pestana{position:relative;z-index:9;margin-right:calc(-1 * var(--pad));display:inline-flex;align-items:center;padding:1.2rem 1.6rem;background:var(--s-ocre);color:#1F1B18;font-family:var(--s-sans);font-size:.9rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap;box-shadow:0 .8rem 2rem rgba(3,21,14,.3);transition:background .25s,padding .25s}
.hero-home__pestana:hover{background:#EDC266;padding-left:2.2rem}
.hero-home__pestana:focus-visible{outline:2px solid #FEFCF4;outline-offset:3px}

/* línea de tiempo: algún día → con fecha */
.hero-home__linea{position:absolute;left:var(--pad);right:var(--pad);bottom:var(--linea);height:2px;background:linear-gradient(90deg,rgba(203,162,78,.55),#CBA24E)}
.hero-home__linea::before{content:"";position:absolute;left:0;top:50%;width:.7rem;height:.7rem;border-radius:50%;background:#CBA24E;transform:translate(-50%,-50%)}
.hero-home__inicio,.hero-home__fin{position:absolute;top:.9rem;font-family:var(--s-sans);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.hero-home__inicio{left:0;color:#E9E4D6}
.hero-home__fin{right:0;color:#E0AC42;transform:translateX(35%)}
.hero-home__alfiler{position:absolute;right:0;bottom:0;width:2.4rem;height:4.8rem;transform:translateX(50%);overflow:visible;filter:drop-shadow(0 .5rem .6rem rgba(3,21,14,.35))}

/* ---------- tableta ---------- */
@media (max-width:68rem){
  .hero-home{--cuadro:min(30vw,calc(var(--alto)*.5),21rem)}
  .hero-home__uno h1 span{font-size:clamp(1.4rem,2.6vw,1.9rem)}
  .hero-home__uno h1 em{font-size:clamp(3rem,6.8vw,4.6rem)}
  .p .hero-home__sub{font-size:1rem}
  .hero-home__plazo strong{font-size:clamp(2.4rem,5.4vw,3.8rem)}
  .hero-home__pestana{font-size:.8rem;letter-spacing:.12em;padding:1rem 1.3rem}
}

/* ---------- móvil: el cuadro sigue siendo protagonista ---------- */
@media (max-width:40rem){
  .hero-home{--suelo:4.5rem;--cuadro:min(76vw,17rem);min-height:0;height:auto}
  .hero-home .hero-botanica__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"uno" "cuadro" "sub" "plazo" "linea";align-content:start;min-height:inherit;padding:1.5rem 1.25rem calc(var(--suelo) + 3.4rem)}
  .hero-home__uno{display:contents}
  .hero-home__uno h1{grid-area:uno}
  .hero-home__uno h1 span{font-size:1.5rem}
  .hero-home__uno h1 em{font-size:3.9rem}
  .hero-home .hero-botanica__frame{grid-area:cuadro;position:relative;left:auto;right:auto;top:auto;transform:none;justify-self:center;margin-top:2.5rem;border-width:.5rem}
  .p .hero-home__sub{grid-area:sub;margin-top:1.8rem;font-size:.97rem;line-height:1.5}
  .hero-home__dos{grid-area:plazo;position:relative;right:auto;bottom:auto;width:auto;margin-top:1.75rem;align-items:flex-start;text-align:left}
  .hero-home__pestana{align-self:flex-end;margin-right:-1.25rem;font-size:.78rem;padding:1rem 1.2rem}
  .p .hero-home__plazo{margin-top:1.65rem}
  .hero-home__plazo span{font-size:1.4rem}
  .hero-home__plazo strong{font-size:2.7rem}
  .hero-home__linea{grid-area:linea;position:relative;left:auto;right:auto;bottom:auto;margin:1.75rem 1.2rem 0 0}
  .hero-home__alfiler{width:2rem;height:4rem}
  .hero-home__luz{display:none}
  .hero-home__suelo{perspective:none;contain:paint}
  .hero-home__baldosas{inset:0;height:100%;transform:none;background-color:#15362E;
    background-image:linear-gradient(45deg,rgba(159,174,159,.28) 25%,transparent 25%,transparent 75%,rgba(159,174,159,.28) 75%),
      linear-gradient(45deg,rgba(159,174,159,.28) 25%,transparent 25%,transparent 75%,rgba(159,174,159,.28) 75%);
    background-position:0 0,1rem 1rem;background-size:2rem 2rem}
}
@media (prefers-reduced-motion:reduce){.hero-home__pestana{transition:none}}