body{margin:0;background:#f3f4f6;color:#0f172a}
.wrap{max-width:92%;margin:0 auto;padding:2.2% 0;box-sizing:border-box}
.card{background:#fff;border-radius:1.1em;border:1px solid #e5e7eb;box-shadow:0 1.2em 2.5em rgba(15,23,42,.06);padding:2.2%;box-sizing:border-box}
.meta{font-size:90%;color:#64748b;margin:0 0 1%}
.cats{display:flex;flex-wrap:wrap;gap:.6em;margin:1% 0 0}
.cat{font-size:90%;background:#eef2ff;color:#1e40af;padding:.35em .9em;border-radius:999px;text-decoration:none;font-weight:900}
.backrow{display:flex;gap:1%;margin:0 0 1.2%}
.backrow a{display:inline-flex;text-decoration:none;font-weight:900;padding:.6em 1em;border-radius:999px;background:#f1f5f9;color:#0f172a}

/* HERO */
.sb-hero{background:#0b2a52;border-radius:1.1em;overflow:hidden;margin:0 0 2%}
.sb-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.sb-hero-title,.sb-hero-img{display:flex;align-items:center;justify-content:center;padding:4.5% 4.5%;box-sizing:border-box}
.sb-hero-title{color:#fff;text-align:left}
.sb-hero-title h1{
  margin:0;
  font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif;
  font-weight:800;
  font-size:175%;
  line-height:1.08;
  letter-spacing:-0.02em;
}
.sb-hero-img img{max-width:100%;height:auto;border-radius:.9em;display:block}
.sb-hero-img a{display:block}
.sb-hero-grid.one{grid-template-columns:1fr}
.sb-hero-title.center{justify-content:flex-start}

/* contenido */
.content{margin-top:2%;font-size:105%;line-height:1.7;color:#0f172a}
.content > *:first-child{margin-top:0}
.content p{margin:0 0 1.1em}
.content h2,.content h3,.content h4{line-height:1.25;color:#0f172a;margin:1.2em 0 .5em;font-weight:800}
.content h2{font-size:1.8em}
.content h3{font-size:1.45em}
.content h4{font-size:1.15em}
.content a{color:#1d4ed8;text-decoration:none}
.content a:hover{text-decoration:underline}
.content img{max-width:100%;height:auto;border-radius:.9em;display:block}
.content figure{margin:1.2em 0}
.content figcaption{font-size:90%;color:#6b7280;margin-top:.5em}

/* listas */
.content ul{list-style:none;padding-left:0;margin:0 0 1.2em}
.content ul li{position:relative;padding-left:1.6em;margin:.35em 0}
.content ul li::before{content:"✓";position:absolute;left:0;top:0;font-weight:900;color:#ea580c}

/* columnas */
.sb-columns{display:flex;gap:2%;align-items:stretch;margin:2% 0;flex-wrap:nowrap}
.sb-col{flex:0 0 var(--sb-basis,50%);min-width:0}

/* galería */
.sb-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2%;margin:2% 0}
.sb-gallery a{display:block}
.sb-gallery img{
  width:100%;
  height:auto !important;
  object-fit:contain;
  border-radius:.9em;
  display:block;
}

/* lightbox */
.lb{position:fixed;inset:0;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center;padding:2%;z-index:99999}
.lb.on{display:flex}
.lb img{max-width:min(1200px,100%);max-height:90vh;border-radius:.9em}
.lb .x{position:absolute;top:2%;right:2%;background:#111827;color:#fff;border:0;border-radius:999px;padding:.8em 1em;font-weight:900;cursor:pointer}

/* grupos / cajas */
.content .wp-block-group,
.content .destacado,
.content .sb-full > div{
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:18px 20px;
  margin:1.2em 0;
  box-sizing:border-box;
}

.content .wp-block-group.has-background,
.content .destacado{
  background:linear-gradient(180deg,#fff7ed 0%,#fffbeb 100%);
  border:1px solid #fdba74;
  box-shadow:0 10px 28px rgba(0,0,0,.05);
}

/* botones */
.content .sb-button{margin:1em 0}
.content .sb-button a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  background:#111827;
  color:#fff !important;
  text-decoration:none !important;
  padding:12px 18px;
  border-radius:999px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(17,24,39,.16);
}
.content .sb-button a:hover{filter:brightness(1.05)}

.content iframe{
  width:100%;
  max-width:100%;
  min-height:280px;
  aspect-ratio:16/9;
  border:0;
  border-radius:.9em;
  display:block;
}

.content blockquote{
  margin:1.4em 0;
  padding:1em 1.2em;
  border-left:4px solid #2563eb;
  background:#eff6ff;
  border-radius:10px;
  color:#1e3a8a;
}

.content div:empty,
.content p:empty{display:none}

@media (max-width:56em){
  .sb-hero-grid{grid-template-columns:1fr}
  .sb-hero-title,.sb-hero-img{padding:4% 4%}
  .sb-hero-title h1{font-size:150%}
  .sb-columns{flex-direction:column;gap:1.2%}
  .sb-col{flex:1 1 auto}
  .sb-gallery{grid-template-columns:repeat(2,1fr)}
  .sb-gallery img{height:34vw;max-height:18em}
}

@media (max-width:34em){
  .sb-gallery{grid-template-columns:1fr}
  .sb-gallery img{height:auto;max-height:none}
}