:root{
  --gris:#f2f2f2;
  --rojo:#fe183c;
  --amarillo:#ffee00;
  --negro:#000;
  --serif:"Playfair Display","Didot","Bodoni MT",Georgia,serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--gris);color:var(--negro);
  font-family:var(--serif);font-weight:400;line-height:1.3;
  font-size:clamp(18px,2.1vw,27px);text-align:center;
}
img{display:block;max-width:100%;height:auto;margin-inline:auto}
p{margin:0 0 1.2em}
a{color:inherit}

.caps{text-transform:uppercase}

/* Hero */
.hero{padding:clamp(48px,9vw,140px) 24px clamp(32px,5vw,80px)}
.hero .logo{width:min(26%,420px);min-width:200px;margin-bottom:clamp(40px,7vw,100px)}
.lead{color:var(--rojo);font-size:1.3em;max-width:22em;margin:0 auto}

/* Marcas */
.marcas,.fundaciones{max-width:25em;margin:0 auto;padding:clamp(24px,4vw,60px) 24px}
.fundaciones{max-width:30em}
.marcas p,.fundaciones p{font-size:1.1em}
.marcas .caps,.fundaciones .caps{font-size:1.1em}
.marcas p+p,.fundaciones p+p{margin-top:2em}

/* Collage */
.collage{margin:clamp(24px,4vw,60px) auto;padding:0 24px;max-width:1440px}
.collage img{width:100%}

/* Amarillo */
.amarillo{background:var(--amarillo);padding:clamp(60px,6vw,100px) 24px clamp(60px,8vw,120px)}
.amarillo .logo-negro{width:min(19%,300px);min-width:150px;margin-bottom:clamp(32px,5vw,64px)}
h1{font-size:1.3em;font-weight:600;text-transform:uppercase;margin:0 0 1em}
h2{font-size:1.05em;font-weight:400;text-transform:uppercase;margin:2.2em 0 3em}
.intro{max-width:20em;margin-left:auto;margin-right:auto}
.fotografos{list-style:none;margin:0 auto 1.8em;padding:0;max-width:20em;font-size:1.65em;line-height:1.3}
.fotografos li{display:inline}
.fotografos li+li::before{content:" · "}
.expo{max-width:21em;margin:0 auto 2.5em;font-size:1em}
.logo-aladina{width:min(36%,560px);min-width:230px;margin-bottom:clamp(40px,6vw,90px)}
.foto{width:100%;max-width:1360px;margin-bottom:clamp(36px,5vw,70px)}
.destacado{font-size:1.5em;max-width:20em;margin:0 auto 1.4em}

.columnas{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);
  max-width:1020px;margin:0 auto;text-align:justify;hyphens:auto;-webkit-hyphens:auto;
  font-size:.95em;line-height:1.55;
}
.columnas p{margin-bottom:1.6em}
.columnas .bizum{font-size:1.6em;font-weight:600;text-transform:uppercase;text-align:left;margin:.1em 0 0;line-height:1}
.columnas div p:last-child{margin-bottom:0}

/* Contacto */
.contacto{padding:clamp(60px,6vw,100px) 24px}
.ig{display:inline-block;color:var(--rojo);margin-bottom:1.2em;line-height:0}
.contacto p{margin:0 0 .6em;font-size:1.05em}
.contacto .handle{text-decoration:none}
.contacto .mas{margin-top:1.2em;font-size:1.05em}
.contacto .mas a{text-decoration:none}

footer{
  background:var(--rojo);color:#1b1b1b;padding:clamp(40px,6vw,90px) 24px;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:clamp(11px,1.15vw,15px);
}

/* Móvil: una sola columna en la parte amarilla */
@media (max-width:720px){
  body{font-size:18px}
  .columnas{grid-template-columns:1fr;gap:0;text-align:left;hyphens:auto;font-size:17px}
  .columnas .bizum{font-size:1.9em}
  .fotografos{font-size:1.35em}
  .destacado{font-size:1.25em}
  .collage{padding:0 12px}
}