:root{--rosa:#E4007C;--turquesa:#00A6A6;--amarillo:#F7B32B;--crema:#FFF4E0;--azul:#0B3C5D;--texto:#1B1B1B;--borde:3px solid var(--azul);--sombra:6px 6px 0 var(--azul)}
*{box-sizing:border-box}
body{margin:0;background:var(--crema);color:var(--azul);font:18px/1.6 Nunito,system-ui,sans-serif}
a{color:var(--rosa)}
h1,h2,h3,.marca{font-family:"Baloo 2",system-ui,sans-serif;line-height:1.1;margin:0}
.envoltura{max-width:1080px;margin:0 auto;padding:0 20px}
header.barra{border-bottom:var(--borde);background:#fff}
header.barra .envoltura{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px}
.marca{font-size:28px;font-weight:800;color:var(--azul);text-decoration:none;display:flex;align-items:center;gap:10px}
.marca img{width:40px;height:40px}
.redes{display:flex;gap:8px;flex-wrap:wrap}
.redes a{font-weight:800;font-size:14px;text-decoration:none;color:var(--azul);border:2px solid var(--azul);border-radius:999px;padding:4px 12px;background:var(--crema)}
.redes a:hover{background:var(--amarillo)}
.portada{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:24px;padding-block:40px 24px}
.portada h1{font-size:clamp(40px,7vw,72px);font-weight:800}
.portada h1 span{color:var(--rosa)}
.portada p{font-size:20px;max-width:32ch}
.portada img{width:100%;max-width:360px;justify-self:center}
.sello{display:inline-block;background:var(--turquesa);color:#fff;font-weight:800;border-radius:999px;padding:4px 14px;font-size:15px;margin-bottom:14px}
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:28px;padding-block:16px 56px}
.tarjeta{background:#fff;border:var(--borde);border-radius:20px;box-shadow:var(--sombra);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.tarjeta:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--azul)}
.tarjeta img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-bottom:var(--borde);display:block}
.tarjeta div{padding:14px 16px 18px}
.tarjeta h3{font-size:24px;margin:6px 0}
.tarjeta p{margin:0;font-size:15px}
.chip{display:inline-block;font-size:13px;font-weight:800;color:var(--azul);background:var(--amarillo);border-radius:999px;padding:2px 10px}
.duracion{font-size:13px;font-weight:700;opacity:.7;margin-left:6px}
.video{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:40px;padding-block:36px 56px;align-items:start}
.reproductor{position:sticky;top:20px;border:var(--borde);border-radius:24px;box-shadow:var(--sombra);overflow:hidden;background:var(--azul);aspect-ratio:9/16}
.reproductor video,.reproductor iframe{width:100%;height:100%;display:block;border:0}
.video h1{font-size:clamp(34px,5vw,52px);font-weight:800;margin:10px 0 14px}
.idea{background:#fff;border:var(--borde);border-left:12px solid var(--rosa);border-radius:16px;padding:14px 18px;font-weight:700;font-size:19px}
.video h2{font-size:28px;margin:34px 0 10px;color:var(--rosa)}
.fuentes{padding-left:0;list-style:none}
.fuentes li{background:#fff;border:2px solid var(--azul);border-radius:14px;padding:10px 14px;margin-bottom:10px;font-size:15px}
.fuentes b{display:block;font-size:16px}
.ver{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.ver a{background:var(--rosa);color:#fff;font-weight:800;text-decoration:none;border-radius:999px;padding:6px 16px}
.otros{display:flex;justify-content:space-between;gap:12px;margin-top:36px;font-weight:800}
.platicanos{background:#fff;border:var(--borde);border-radius:24px;box-shadow:var(--sombra);padding:32px;margin-bottom:56px;display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:center}
.platicanos h2{font-size:clamp(32px,4.5vw,46px);color:var(--azul)}
.platicanos h2 span{color:var(--rosa)}
.platicanos img{width:100%;max-width:240px;display:block;margin:16px auto 0}
.platicanos label{display:block;font-weight:800;font-size:15px;margin-bottom:14px}
.platicanos input,.platicanos select,.platicanos textarea{width:100%;font:inherit;font-weight:400;color:var(--azul);border:2px solid var(--azul);border-radius:12px;padding:10px 12px;background:var(--crema);margin-top:4px}
.platicanos textarea{min-height:120px;resize:vertical}
.platicanos small{display:block;font-size:13px;margin:-4px 0 14px;opacity:.75}
.boton{font:inherit;font-weight:800;font-size:18px;background:var(--rosa);color:#fff;border:var(--borde);border-radius:999px;padding:10px 28px;box-shadow:4px 4px 0 var(--azul);cursor:pointer;text-decoration:none;display:inline-block}
.boton:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--azul)}
.oculto{position:absolute;left:-9999px}
.redes a.destacado{background:var(--rosa);color:#fff;border-color:var(--rosa)}
.invitacion{background:var(--amarillo);border:var(--borde);border-radius:16px;padding:14px 18px;margin-top:30px;font-weight:700}
footer{border-top:var(--borde);background:#fff;font-size:15px}
footer .envoltura{padding-block:20px}
@media (max-width:760px){
  body{font-size:17px}
  header.barra .envoltura{flex-direction:column;align-items:flex-start}
  .portada{grid-template-columns:minmax(0,1fr);padding-top:24px}
  .portada img{max-width:220px;order:-1}
  .video{grid-template-columns:minmax(0,1fr);gap:24px}
  .reproductor{position:static;max-width:380px;width:100%;margin:0 auto}
  .platicanos{grid-template-columns:minmax(0,1fr);padding:22px}
  .platicanos img{max-width:150px}
}