/* ═══════════════════════════════════════════════════════════════════
   Secciones internas (Software, Kits, Cursos, Historia, Blog, Contacto)
   Se carga DESPUÉS de tema.css. Da a las páginas internas el lenguaje
   de la portada: auras azul cielo con grano, fotos reales en collage con
   etiquetas que flotan, tarjetas que se levantan y una banda final azul
   que sí se lee.
   ═══════════════════════════════════════════════════════════════════ */

:root{
  --sc-grano:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .14 0 0 0 0 .32 0 0 0 0 .68 0 0 0 .55 -.08'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --sc-ease:cubic-bezier(.16,1,.3,1);
}

/* ── Héroe con collage de fotos ─────────────────────────────────── */
.pg-hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--nav-h,72px) + 56px) 0 88px}
.pg-hero-sky{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#eaf5ff 0%,#f5faff 60%,#fff 100%)}
.pg-hero-sky i{position:absolute;border-radius:50%}
.pg-hero-sky i:nth-child(1){width:60vmax;aspect-ratio:1;left:-22vmax;top:-26vmax;background:radial-gradient(closest-side,rgba(126,196,255,.6),rgba(126,196,255,0));animation:sc-deriva 17s ease-in-out infinite alternate}
.pg-hero-sky i:nth-child(2){width:50vmax;aspect-ratio:1;right:-18vmax;top:-6vmax;background:radial-gradient(closest-side,rgba(170,216,255,.7),rgba(170,216,255,0));animation:sc-deriva 21s ease-in-out -5s infinite alternate-reverse}
.pg-hero-sky i:nth-child(3){width:30vmax;aspect-ratio:1;left:42%;bottom:-16vmax;background:radial-gradient(closest-side,rgba(92,178,255,.35),rgba(92,178,255,0));animation:sc-deriva 13s ease-in-out infinite alternate}
.pg-hero-sky::after{content:"";position:absolute;inset:0;opacity:.45;background-image:var(--sc-grano);background-size:180px}
@keyframes sc-deriva{to{transform:translate(7vw,6vh) scale(1.12)}}

.pg-hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}
.pg-hero-copy{animation:sc-sube .8s var(--sc-ease) backwards}
.pg-hero .crumbs{justify-content:flex-start;margin-bottom:18px}
body.d-tema .pg-hero h1{margin:18px 0 18px;font-size:clamp(2.2rem,1.4rem + 3vw,3.6rem);line-height:1.04;letter-spacing:-.03em}
.pg-hero-copy>p{max-width:52ch;font-size:1.125rem;line-height:1.7;color:var(--text)}
.pg-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:30px}
.pg-hero-actions .btn{margin:0}
.pg-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
.pg-link i{transition:translate .35s var(--sc-ease)}
.pg-link:hover i{translate:0 3px}
.pg-hero .history-jump-links{justify-content:flex-start;margin-top:26px}
@keyframes sc-sube{from{opacity:0;transform:translateY(18px);filter:blur(6px)}}

/* Collage: una foto grande y dos que se asoman, con etiquetas flotando */
.pg-collage{position:relative;aspect-ratio:1/.92;min-width:0}
.pg-foto{position:absolute;margin:0;overflow:hidden;border-radius:28px;background:#dbe9fb;border:5px solid #fff;
  box-shadow:0 6px 0 #dcebfb,0 40px 70px -40px rgba(19,35,76,.55);animation:sc-foto .9s var(--sc-ease) backwards}
.pg-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--sc-ease)}
.pg-foto:hover img{transform:scale(1.06)}
.pg-foto-a{left:6%;top:4%;width:74%;height:66%;rotate:-2.5deg;z-index:2}
.pg-foto-b{right:0;bottom:2%;width:50%;height:48%;rotate:4deg;z-index:3;animation-delay:.12s}
.pg-foto-c{left:0;bottom:0;width:38%;height:36%;rotate:-6deg;z-index:1;animation-delay:.22s}
@keyframes sc-foto{from{opacity:0;transform:translateY(30px) scale(.94)}}
.pg-sticker{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#fff;color:var(--ink);font-weight:800;font-size:14px;white-space:nowrap;
  box-shadow:0 0 0 1.5px #dcebfb,0 4px 0 #dcebfb,0 18px 30px -18px rgba(19,35,76,.5);animation:sc-flota 5s ease-in-out infinite alternate}
.pg-sticker i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#3a7cf2,#2459eb);color:#fff;font-size:15px}
.pg-sticker-1{right:2%;top:0;rotate:4deg}
.pg-sticker-2{left:-2%;top:56%;rotate:-5deg;animation-delay:-1.6s}
.pg-sticker-3{right:12%;bottom:-3%;rotate:-3deg;animation-delay:-3s;background:linear-gradient(180deg,#3a7cf2,#2459eb);color:#fff;box-shadow:0 4px 0 #1a3fb8,0 18px 30px -16px rgba(36,89,235,.8)}
.pg-sticker-3 i{background:#fff;color:var(--blue)}
@keyframes sc-flota{to{translate:0 -10px}}

/* ── La banda final azul: el título SÍ se lee ─────────────────────── */
body.d-tema .cta{position:relative;isolation:isolate;overflow:hidden;padding:96px 0;background:linear-gradient(135deg,#2d63f0 0%,#2459eb 45%,#1a3fb8 100%)}
body.d-tema .cta::before{content:"";position:absolute;inset:0;z-index:-1;opacity:1;background:
  radial-gradient(40% 60% at 10% 10%,rgba(126,196,255,.55),transparent 70%),
  radial-gradient(36% 60% at 92% 90%,rgba(56,168,255,.5),transparent 70%)}
body.d-tema .cta::after{content:"";position:absolute;right:-70px;bottom:-90px;z-index:-1;width:360px;aspect-ratio:1;background:rgba(255,255,255,.1);
  -webkit-mask:url(../logo.svg) center/contain no-repeat;mask:url(../logo.svg) center/contain no-repeat;rotate:-14deg;animation:sc-gira 14s ease-in-out infinite alternate}
@keyframes sc-gira{to{rotate:-4deg;translate:-12px -10px}}
body.d-tema .cta>.container{position:relative}
body.d-tema .cta>.container::before{content:"";position:absolute;inset:-96px -50vw;z-index:-1;opacity:.35;background-image:var(--sc-grano);background-size:180px;pointer-events:none}
body.d-tema .cta h2{color:#fff;font-size:clamp(2rem,1.4rem + 2.4vw,3rem);letter-spacing:-.025em}
body.d-tema .cta p{color:#dbe9ff;font-size:1.125rem}
body.d-tema .cta .btn-white{box-shadow:0 4px 0 #1a3fb8}

/* ── Tarjetas: se levantan con un aura de cielo ───────────────────── */
body.d-tema :is(.card,.post-card){transition:transform .5s var(--sc-ease),box-shadow .5s var(--sc-ease),border-color .3s}
body.d-tema :is(.card,.post-card):hover{transform:translateY(-6px);border-color:#cfe3ff;box-shadow:0 6px 0 #dcebfb,0 0 50px -10px rgba(126,196,255,.6),0 40px 60px -44px rgba(36,89,235,.7)}

/* ── Blog: portadas con carácter y una nota destacada ─────────────── */
body.d-tema .post-card .post-cover:not(.con-foto){position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(140deg,var(--pc1,#e3f1ff),var(--pc2,#cfe3ff))}
body.d-tema .post-card .post-cover:not(.con-foto)::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;background-image:radial-gradient(rgba(36,89,235,.22) 1.4px,transparent 1.6px);background-size:16px 16px;-webkit-mask:linear-gradient(120deg,transparent 30%,#000);mask:linear-gradient(120deg,transparent 30%,#000)}
body.d-tema .post-card .post-cover:not(.con-foto)::after{content:"";position:absolute;right:-30px;bottom:-40px;z-index:-1;width:150px;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(255,255,255,0))}
body.d-tema .post-card .post-cover:not(.con-foto) i{font-size:3.4rem;color:var(--pci,#2459eb);opacity:1;filter:drop-shadow(0 10px 14px rgba(19,35,76,.18));transition:transform .7s var(--sc-ease)}
body.d-tema .post-card:hover .post-cover:not(.con-foto) i{transform:scale(1.12) rotate(-8deg)}
body.d-tema .post-card.t-brand{--pc1:#e6f1ff;--pc2:#c4dcff;--pci:#2459eb}
body.d-tema .post-card.t-kit{--pc1:#e3f4ff;--pc2:#b7e0ff;--pci:#1a6fd8}
body.d-tema .post-card.t-ai{--pc1:#eceeff;--pc2:#cdd6ff;--pci:#3b4fd6}
body.d-tema .post-card.t-ok{--pc1:#e4f8ff;--pc2:#bdeaff;--pci:#0f86c9}
body.d-tema .post-card.t-sim{--pc1:#e8f6ff;--pc2:#c7e7ff;--pci:#1d7fe0}
body.d-tema .post-card.t-rose{--pc1:#eef3ff;--pc2:#d6e2ff;--pci:#1f4fe0}
/* La primera nota, grande y a lo ancho */
@media (min-width:900px){
  body.d-tema #notas .grid-3>.post-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr}
  body.d-tema #notas .grid-3>.post-card:first-child .post-cover{height:100%;min-height:300px;aspect-ratio:auto}
  body.d-tema #notas .grid-3>.post-card:first-child .post-body{display:flex;flex-direction:column;justify-content:center;padding:34px}
  body.d-tema #notas .grid-3>.post-card:first-child h3{font-size:1.6rem;line-height:1.2}
}

/* ── Historia: fundadores y recorrido ─────────────────────────────── */
body.d-tema .history-founder{position:relative;overflow:hidden;isolation:isolate;padding:30px 26px;border-radius:26px;background:#fff;border:2px solid var(--line);box-shadow:0 4px 0 var(--line),0 30px 50px -44px rgba(36,89,235,.6);transition:transform .5s var(--sc-ease),box-shadow .5s var(--sc-ease)}
body.d-tema .history-founder::before{content:"";position:absolute;inset:0 0 auto;height:88px;z-index:-1;background:linear-gradient(120deg,#e3f1ff,#cfe3ff);-webkit-mask:radial-gradient(140% 100% at 50% 0,#000 60%,transparent 61%);mask:radial-gradient(140% 100% at 50% 0,#000 60%,transparent 61%)}
body.d-tema .history-founder:hover{transform:translateY(-6px);box-shadow:0 6px 0 #dcebfb,0 0 50px -10px rgba(126,196,255,.6),0 40px 60px -44px rgba(36,89,235,.7)}
body.d-tema .history-monogram{display:grid;place-items:center;width:88px;height:88px;margin-bottom:18px;border-radius:50%;
  background:linear-gradient(145deg,#3a7cf2,#1a3fb8);color:#fff;font-weight:900;font-size:1.7rem;letter-spacing:.02em;
  box-shadow:0 0 0 6px #fff,0 0 0 8px #cfe3ff,0 18px 30px -14px rgba(36,89,235,.8);transition:transform .6s var(--sc-ease)}
body.d-tema .history-founder:hover .history-monogram{transform:rotate(-8deg) scale(1.06)}
body.d-tema .timeline::before{width:4px;border-radius:4px;background:linear-gradient(180deg,#8fc9ff,#2459eb)}
body.d-tema .tl-item{padding:22px 24px;margin-bottom:22px;border-radius:22px;background:rgba(255,255,255,.8);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);transition:transform .5s var(--sc-ease),box-shadow .5s var(--sc-ease)}
body.d-tema .tl-item:hover{transform:translateX(6px);box-shadow:0 4px 0 #dcebfb,0 0 40px -12px rgba(126,196,255,.7)}
body.d-tema .tl-item::before{box-shadow:0 0 0 6px rgba(126,196,255,.25)}

/* ── Etiquetas de sección con más presencia ───────────────────────── */
body.d-tema .sec-head .sec-title{letter-spacing:-.025em}

/* ── Celular ──────────────────────────────────────────────────────── */
@media (max-width:900px){
  .pg-hero{padding:calc(var(--nav-h,72px) + 32px) 0 64px}
  .pg-hero-grid{grid-template-columns:1fr;gap:40px}
  .pg-collage{max-width:540px;width:100%;margin-inline:auto}
}
@media (max-width:520px){
  .pg-sticker{font-size:12.5px;padding:8px 12px}
  .pg-sticker i{width:24px;height:24px;font-size:13px}
  .pg-foto{border-width:4px;border-radius:22px}
  body.d-tema .cta{padding:72px 0}
  body.d-tema .cta::after{width:220px;right:-60px;bottom:-60px}
}
@media (prefers-reduced-motion:reduce){
  .pg-hero-sky i,.pg-sticker,body.d-tema .cta::after{animation:none}
  .pg-foto,.pg-hero-copy{animation:none}
  body.d-tema :is(.card,.post-card,.history-founder,.tl-item):hover{transform:none}
}