/*
Theme Name: ProtaKids 2026
Theme URI: https://protakids.com
Author: ProtaKids
Description: Tema propio de protakids.com — dirección «La pandilla de Zico»: la portada es un paseo ilustrado que va del día a la noche, guiado por Zico, el zorro del pañuelo turquesa. Sin builders, sin webfonts externas, mobile-first.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: Propietario
Text Domain: protakids-2026
*/

/* ==========================================================================
   1 · TOKENS DE MARCA (web/ds/brand/tokens.css — dirección D, 2026-08-08)
   ========================================================================== */
:root{
  /* el día de la aventura: las 4 bandas de la portada, de arriba a abajo */
  --pk-cielo:#8ED0C6;
  --pk-prado:#A8CE7C;
  --pk-atardecer:#F5B15C;
  --pk-noche:#173F47;
  --pk-noche-2:#1E4E58;      /* paneles sobre noche */
  /* neutros y tinta */
  --pk-crema:#FFF7ED;
  --pk-crema-2:#F4EFDF;
  --pk-tinta:#123A42;
  --pk-tinta-2:#1D555F;
  --pk-marron:#5C3212;
  --pk-marron-2:#8A5A28;
  --pk-madera:#9C6B33;
  /* acentos */
  --pk-coral:#F0625D;        /* decorativo */
  --pk-coral-cta:#EA5450;    /* fondo de botón: coral ajustado a contraste 3:1 con crema */
  --pk-coral-sombra:#B93F3B;
  --pk-dorado:#F7CE58;
  --pk-dorado-sombra:#B98A24;
  --pk-verde-peana:#8DB95F;
  /* forma */
  --pk-r-tarjeta:18px;
  --pk-r-pill:999px;
  --pk-sombra-suave:0 8px 18px -10px rgba(18,58,66,.45);
  /* tipografía */
  --pk-display:"Trebuchet MS","Segoe UI",system-ui,sans-serif;
  --pk-texto:"Segoe UI",system-ui,Roboto,Helvetica,Arial,sans-serif;
  /* ancho de línea */
  --pk-ancho:1060px;
}

/* ==========================================================================
   2 · BASE
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{
  margin:0; background:var(--pk-crema); color:var(--pk-tinta);
  font-family:var(--pk-texto); font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{max-width:100%; height:auto}
h1,h2,h3,h4{font-family:var(--pk-display); font-weight:800; letter-spacing:-.01em; color:var(--pk-tinta); text-wrap:balance}
p{margin:0 0 1em}
a{color:var(--pk-tinta-2)}
a:hover{color:var(--pk-tinta)}
:focus-visible{outline:3px solid var(--pk-coral-sombra); outline-offset:3px; border-radius:4px}
.pk-lz{max-width:var(--pk-ancho); margin:0 auto; padding:0 22px}
.screen-reader-text{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}
.skip-link{position:absolute; left:8px; top:-64px; z-index:99; background:var(--pk-tinta); color:var(--pk-crema); padding:10px 16px; border-radius:0 0 10px 10px; transition:top .15s}
.skip-link:focus{top:0; color:var(--pk-crema)}

/* ==========================================================================
   3 · BOTONES (sombra dura de la pandilla)
   ========================================================================== */
.pk-btn{
  display:inline-block; font-family:var(--pk-display); font-weight:800; font-size:1.17rem;
  line-height:1.2; text-decoration:none; text-align:center; cursor:pointer; border:0;
  background:var(--pk-coral-cta); color:var(--pk-crema);
  padding:14px 28px; border-radius:var(--pk-r-pill); box-shadow:0 6px 0 var(--pk-coral-sombra);
  transition:transform .15s, box-shadow .15s;
}
.pk-btn:hover{filter:brightness(1.05); color:var(--pk-crema)}
.pk-btn:active{transform:translateY(3px); box-shadow:0 3px 0 var(--pk-coral-sombra)}
.pk-btn:focus-visible{outline:3px solid var(--pk-tinta); outline-offset:3px}
.pk-btn--dorado{background:var(--pk-dorado); color:var(--pk-marron); box-shadow:0 6px 0 var(--pk-dorado-sombra)}
.pk-btn--dorado:hover{color:var(--pk-marron)}
.pk-btn--dorado:active{box-shadow:0 3px 0 var(--pk-dorado-sombra)}
.pk-btn--fantasma{background:transparent; color:var(--pk-tinta); box-shadow:inset 0 0 0 2.5px var(--pk-tinta)}
.pk-btn--fantasma:active{transform:none}
.pk-btn--mini{font-size:1rem; padding:10px 20px; box-shadow:0 4px 0 var(--pk-coral-sombra)}
.pk-btn--mini:active{box-shadow:0 2px 0 var(--pk-coral-sombra)}

/* ==========================================================================
   4 · CABECERA
   ========================================================================== */
.pk-top{background:var(--pk-cielo)}
.pk-top__in{display:flex; align-items:center; gap:16px; padding:14px 0}
.pk-marca{display:flex; align-items:center; gap:10px; font-family:var(--pk-display); font-weight:800; font-size:1.3rem; color:var(--pk-tinta); text-decoration:none}
.pk-marca img{width:44px; height:44px; border-radius:50%; border:2.5px solid var(--pk-crema); box-shadow:0 2px 8px -2px rgba(17,59,67,.4)}
.pk-nav{margin-left:auto; display:flex; align-items:center; gap:20px}
.pk-nav ul{display:flex; gap:20px; margin:0; padding:0; list-style:none}
.pk-nav a{font-size:.95rem; font-weight:700; color:var(--pk-tinta-2); text-decoration:none; padding:8px 2px}
.pk-nav a:hover{color:var(--pk-tinta); text-decoration:underline; text-underline-offset:4px}
.pk-nav .pk-btn{font-size:1rem; padding:11px 20px; box-shadow:0 4px 0 var(--pk-coral-sombra)}
.pk-nav .pk-btn:active{box-shadow:0 2px 0 var(--pk-coral-sombra)}
.pk-burger{display:none; margin-left:auto; background:var(--pk-crema); border:0; border-radius:12px; padding:10px 12px; cursor:pointer; box-shadow:var(--pk-sombra-suave)}
.pk-burger svg{display:block; width:22px; height:22px; color:var(--pk-tinta)}
@media (max-width:820px){
  .pk-burger{display:block}
  .pk-nav{position:absolute; left:0; right:0; top:100%; z-index:40; display:none; background:var(--pk-crema);
    padding:18px 22px 22px; box-shadow:0 18px 30px -18px rgba(17,59,67,.5); border-radius:0 0 18px 18px}
  .pk-nav.abierta{display:block}
  .pk-nav ul{flex-direction:column; gap:4px; margin-bottom:14px}
  .pk-nav a{display:block; padding:12px 4px; font-size:1.05rem}
  .pk-nav .pk-btn{display:block}
  .pk-top{position:relative}
}

/* ==========================================================================
   5 · PORTADA — EL PASEO DÍA→NOCHE
   ========================================================================== */
/* — banda 1 · CIELO — */
.pk-cielo{background:var(--pk-cielo); position:relative; text-align:center; padding:34px 0 110px; overflow:hidden}
.pk-sol{position:absolute; right:8%; top:7%; width:74px; height:74px; border-radius:50%; background:var(--pk-dorado); box-shadow:0 0 0 14px rgba(247,206,88,.35)}
.pk-nube{position:absolute; background:#F4FBF8; border-radius:var(--pk-r-pill); opacity:.9}
.pk-nube--1{width:110px; height:34px; left:8%; top:15%}
.pk-nube--1::after{content:""; position:absolute; width:54px; height:44px; border-radius:50%; background:#F4FBF8; top:-18px; left:24px}
.pk-nube--2{width:80px; height:26px; left:21%; top:5%}
.pk-nube--3{width:90px; height:28px; right:16%; top:32%; opacity:.7}
.pk-zico-hero{display:block; margin:0 auto 14px; height:250px; width:auto; border-radius:999px 999px 22px 22px; border:5px solid var(--pk-crema); box-shadow:0 16px 34px -14px rgba(17,59,67,.5)}
.pk-globo{display:inline-block; background:var(--pk-crema); border-radius:18px; padding:10px 18px; font-size:1.02rem; font-weight:600; color:var(--pk-tinta-2); position:relative; margin-bottom:10px; box-shadow:0 6px 16px -8px rgba(17,59,67,.4)}
.pk-globo::after{content:""; position:absolute; left:30px; bottom:-9px; border:10px solid transparent; border-top-color:var(--pk-crema); border-bottom:0}
.pk-cielo h1{font-size:clamp(2rem,5vw,3.1rem); line-height:1.06; margin:10px auto 12px; max-width:20ch; color:var(--pk-tinta)}
.pk-cielo .pk-sub{max-width:52ch; margin:0 auto 22px; color:var(--pk-tinta-2); font-size:1.05rem}
/* el nombre que arranca la aventura */
.pk-nombre-form{display:flex; gap:10px; justify-content:center; align-items:stretch; flex-wrap:wrap; max-width:460px; margin:0 auto}
.pk-nombre-form input{
  flex:1 1 200px; font:inherit; font-size:1.1rem; color:var(--pk-tinta); background:var(--pk-crema);
  border:3px solid var(--pk-tinta); border-radius:var(--pk-r-pill); padding:12px 20px; min-width:0;
}
.pk-nombre-form input::placeholder{color:#7d9aa0; opacity:1}
.pk-nombre-form input:focus-visible{outline:3px solid var(--pk-coral-sombra); outline-offset:2px}
.pk-cielo .pk-nota{margin:14px 0 0; font-size:.85rem; color:var(--pk-tinta-2)}
.pk-cielo .pk-nota a{color:inherit}
/* divisores curvos */
.pk-div{display:block; width:100%; height:70px; margin-top:-70px; position:relative; z-index:2}
.pk-div--plano{margin-top:0; height:60px}

/* — banda 2 · PRADO — */
.pk-prado{background:var(--pk-prado); position:relative; padding:36px 0 60px; margin-top:-1px}
.pk-prado h2, .pk-atardecer h2, .pk-noche h2{font-size:clamp(1.4rem,2.9vw,1.85rem); text-align:center; margin:0 0 30px}
.pk-sendero{position:absolute; left:0; right:0; top:46%; height:80px; color:var(--pk-crema); opacity:.85; pointer-events:none}
.pk-colinas{display:grid; grid-template-columns:repeat(3,1fr); gap:26px; align-items:end; position:relative}
.pk-cerro{text-align:center; text-decoration:none; display:block; transition:transform .2s}
.pk-cerro:hover{transform:translateY(-5px)}
.pk-cerro .pk-libro{position:relative; width:min(215px,62vw); aspect-ratio:1; margin:0 auto; border-radius:6px 12px 12px 6px; overflow:hidden;
  box-shadow:0 14px 26px -10px rgba(23,63,71,.45); border:4px solid var(--pk-crema); background:#fff}
.pk-cerro .pk-libro svg{position:absolute; inset:0; width:100%; height:100%}
.pk-cerro .pk-libro .pk-tit{position:absolute; top:7%; left:9%; right:9%; color:#FFF9EA; font-family:var(--pk-display); font-weight:800; font-size:1rem; line-height:1.18; text-shadow:0 1px 6px rgba(23,42,49,.6)}
.pk-peana{height:36px; margin:-14px 8% 0; background:var(--pk-verde-peana); border-radius:50%/70% 70% 30% 30%}
.pk-cerro .pk-edad{display:inline-block; background:var(--pk-crema); border-radius:var(--pk-r-pill); font-size:.74rem; font-weight:800; padding:5px 13px; color:var(--pk-tinta-2); margin-top:10px}
.pk-cerro b{display:block; margin:8px 0 2px; font-family:var(--pk-display); font-size:1.08rem; color:var(--pk-tinta)}
.pk-cerro .pk-pvp{font-weight:800; color:var(--pk-tinta)}

/* — banda 3 · ATARDECER — */
.pk-atardecer{background:var(--pk-atardecer); position:relative; padding:42px 0 58px; margin-top:-1px}
.pk-atardecer h2{color:var(--pk-marron)}
.pk-senales{display:grid; grid-template-columns:repeat(4,1fr); gap:20px}
.pk-senal{text-align:center}
.pk-senal .pk-pose{width:92px; height:92px; object-fit:cover; border-radius:50%; border:4px solid var(--pk-crema); box-shadow:0 8px 16px -8px rgba(92,50,18,.55); position:relative; z-index:2; margin-bottom:-30px}
.pk-senal .pk-cartel{background:var(--pk-crema); border-radius:14px; padding:42px 14px 16px; box-shadow:0 8px 18px -10px rgba(92,50,18,.5)}
.pk-senal .pk-n{display:inline-grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--pk-coral-cta); color:var(--pk-crema); font-weight:800; font-size:.85rem; box-shadow:0 2px 0 var(--pk-coral-sombra); margin-bottom:8px}
.pk-senal .pk-cartel b{display:block; font-family:var(--pk-display); font-size:1rem; color:var(--pk-marron); margin-bottom:4px}
.pk-senal .pk-cartel p{margin:0; font-size:.84rem; color:var(--pk-marron-2)}
.pk-senal .pk-poste{width:8px; height:34px; background:var(--pk-madera); margin:0 auto; border-radius:0 0 4px 4px}
.pk-atardecer .pk-mas{text-align:center; margin-top:26px}
.pk-atardecer .pk-mas a{color:var(--pk-marron); font-weight:700}

/* — banda 4 · NOCHE — */
.pk-noche{background:var(--pk-noche); color:var(--pk-crema-2); position:relative; padding:54px 0 42px; margin-top:-1px}
.pk-noche h2{color:var(--pk-crema-2)}
.pk-estrella{position:absolute; border-radius:50%; background:var(--pk-crema-2); width:3px; height:3px; opacity:.85}
.pk-zdormido{width:112px; height:112px; object-fit:cover; border-radius:50%; border:4px solid #2E6570; box-shadow:0 0 0 5px rgba(247,206,88,.18); display:block; margin:0 auto 18px; transform:rotate(-5deg)}
.pk-modos{display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:840px; margin:0 auto}
.pk-modo{background:var(--pk-noche-2); border:2px solid #2E6570; border-radius:var(--pk-r-tarjeta); padding:22px}
.pk-modo--destacado{border-color:var(--pk-dorado); box-shadow:0 0 0 4px rgba(247,206,88,.15)}
.pk-modo .pk-tag{display:inline-block; background:var(--pk-dorado); color:var(--pk-marron); font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; border-radius:var(--pk-r-pill); padding:4px 11px; margin-bottom:8px}
.pk-modo b{display:block; font-family:var(--pk-display); font-size:1.18rem; color:var(--pk-crema)}
.pk-modo .pk-pvp{font-size:1.55rem; font-weight:800; margin:2px 0 10px; font-variant-numeric:tabular-nums; color:var(--pk-crema)}
.pk-modo p{margin:0; font-size:.9rem; color:#C6D6D2}
.pk-noche .pk-cierre{text-align:center; padding:36px 0 8px}
.pk-confianza{display:flex; justify-content:center; gap:12px 28px; flex-wrap:wrap; font-size:.85rem; color:#C6D6D2; padding:22px 0 0; margin:0; list-style:none}
.pk-confianza li{display:flex; align-items:center; gap:7px}
.pk-confianza svg{width:15px; height:15px; color:var(--pk-dorado); flex:none}

/* — pie — */
.pk-pie{background:#12333A; color:#9DB6B2; font-size:.85rem; padding:26px 0 30px; margin-top:-1px}
.pk-pie__in{display:flex; gap:12px 26px; flex-wrap:wrap; align-items:center}
.pk-pie a{color:#C6D6D2; text-decoration:none}
.pk-pie a:hover{color:var(--pk-crema); text-decoration:underline}
.pk-pie ul{display:flex; gap:8px 20px; flex-wrap:wrap; margin:0; padding:0; list-style:none}
.pk-pie .pk-pie__firma{margin-right:auto}
body:not(.home) .pk-pie{margin-top:0}

/* responsive de la portada */
@media (max-width:860px){
  .pk-colinas{grid-template-columns:1fr; gap:34px}
  .pk-senales{grid-template-columns:1fr 1fr}
  .pk-modos{grid-template-columns:1fr}
  .pk-sendero{display:none}
  .pk-zico-hero{height:200px}
}
@media (max-width:520px){
  .pk-senales{grid-template-columns:1fr}
  .pk-sol{width:54px; height:54px; box-shadow:0 0 0 10px rgba(247,206,88,.35)}
}

/* ==========================================================================
   6 · PÁGINAS INTERIORES (cabecera de página + prosa)
   ========================================================================== */
.pk-cab{background:var(--pk-cielo); text-align:center; padding:38px 0 86px; position:relative; overflow:hidden}
.pk-cab h1{font-size:clamp(1.7rem,4vw,2.5rem); margin:0 auto 10px; max-width:24ch}
.pk-cab p{max-width:56ch; margin:0 auto; color:var(--pk-tinta-2)}
.pk-cab .pk-pose-cab{width:96px; height:96px; object-fit:cover; border-radius:50%; border:4px solid var(--pk-crema); box-shadow:var(--pk-sombra-suave); margin-bottom:12px}
.pk-cuerpo{padding:44px 0 64px}
.pk-prosa{max-width:72ch; margin:0 auto}
.pk-prosa h2{font-size:1.45rem; margin:1.6em 0 .5em}
.pk-prosa h3{font-size:1.15rem; margin:1.4em 0 .4em}
.pk-prosa ul{padding-left:1.2em}
.pk-prosa li{margin-bottom:.4em}

/* — página Los cuentos — */
.pk-cuento{display:grid; grid-template-columns:230px 1fr; gap:30px; align-items:center; padding:30px 0; border-bottom:2px dashed var(--pk-crema-2)}
.pk-cuento:last-of-type{border-bottom:0}
.pk-cuento .pk-libro{position:relative; aspect-ratio:1; border-radius:6px 12px 12px 6px; overflow:hidden; box-shadow:var(--pk-sombra-suave); border:4px solid var(--pk-crema-2); background:#fff}
.pk-cuento .pk-libro svg{position:absolute; inset:0; width:100%; height:100%}
.pk-cuento .pk-libro .pk-tit{position:absolute; top:7%; left:9%; right:9%; color:#FFF9EA; font-family:var(--pk-display); font-weight:800; font-size:.95rem; line-height:1.2; text-shadow:0 1px 6px rgba(23,42,49,.6)}
.pk-cuento .pk-edad{display:inline-block; background:var(--pk-cielo); border-radius:var(--pk-r-pill); font-size:.74rem; font-weight:800; padding:5px 13px; color:var(--pk-tinta)}
.pk-cuento h2{margin:10px 0 6px; font-size:1.5rem}
.pk-cuento .pk-pvp{font-weight:800; font-size:1.15rem}
.pk-cuento .pk-pvp small{font-weight:600; color:var(--pk-tinta-2)}
.pk-ficha-dato{display:flex; gap:10px 26px; flex-wrap:wrap; font-size:.88rem; color:var(--pk-tinta-2); margin-top:10px}
@media (max-width:640px){ .pk-cuento{grid-template-columns:1fr} .pk-cuento .pk-libro{max-width:230px} }

/* franja pack */
.pk-franja{background:var(--pk-crema-2); border-radius:var(--pk-r-tarjeta); padding:22px 26px; margin:36px 0 0; display:flex; gap:16px; align-items:center; flex-wrap:wrap}
.pk-franja b{font-family:var(--pk-display)}
.pk-franja p{margin:0}

/* — página Cómo funciona — */
.pk-pasos-lista{counter-reset:paso; display:grid; gap:18px; margin:26px 0}
.pk-paso{display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:start; background:#fff; border:2px solid var(--pk-crema-2); border-radius:var(--pk-r-tarjeta); padding:20px 22px}
.pk-paso .pk-n{display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--pk-coral-cta); color:var(--pk-crema); font-family:var(--pk-display); font-weight:800; font-size:1.1rem; box-shadow:0 3px 0 var(--pk-coral-sombra)}
.pk-paso h3{margin:4px 0 6px; font-size:1.15rem}
.pk-paso p{margin:0; color:var(--pk-tinta-2)}
.pk-garantias{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:34px 0}
.pk-gar{border-radius:var(--pk-r-tarjeta); padding:22px; color:var(--pk-crema); background:var(--pk-tinta)}
.pk-gar--coral{background:var(--pk-coral-sombra)}
.pk-gar b{display:block; font-family:var(--pk-display); font-size:1.1rem; margin-bottom:6px}
.pk-gar p{margin:0; font-size:.92rem; opacity:.95}
@media (max-width:640px){ .pk-garantias{grid-template-columns:1fr} }

/* — página FAQ — */
.pk-faq{max-width:76ch; margin:0 auto}
.pk-faq details{background:#fff; border:2px solid var(--pk-crema-2); border-radius:var(--pk-r-tarjeta); margin-bottom:14px; overflow:hidden}
.pk-faq summary{cursor:pointer; list-style:none; display:flex; align-items:center; gap:12px; padding:18px 22px; font-family:var(--pk-display); font-weight:800; font-size:1.05rem}
.pk-faq summary::-webkit-details-marker{display:none}
.pk-faq summary::after{content:"+"; margin-left:auto; font-size:1.5rem; color:var(--pk-coral-sombra); line-height:1; transition:transform .2s}
.pk-faq details[open] summary::after{transform:rotate(45deg)}
.pk-faq .pk-faq__r{padding:0 22px 20px; color:var(--pk-tinta-2)}
.pk-faq .pk-faq__r p:last-child{margin-bottom:0}

/* ==========================================================================
   7 · CONFIGURADOR («Crear su libro»)
   ========================================================================== */
.pk-conf{padding:40px 0 80px}
.pk-conf .pk-modos-sel{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:0 0 30px}
.pk-conf .pk-modo-b{
  position:relative; text-align:left; cursor:pointer; padding:20px; font:inherit; color:inherit;
  background:#fff; border:3px solid var(--pk-crema-2); border-radius:var(--pk-r-tarjeta);
  box-shadow:var(--pk-sombra-suave); transition:border-color .15s, transform .15s;
}
.pk-conf .pk-modo-b:hover{transform:translateY(-2px)}
.pk-conf .pk-modo-b[aria-pressed="true"]{border-color:var(--pk-coral-cta)}
.pk-conf .pk-modo-b .pk-cab-m{display:flex; align-items:baseline; justify-content:space-between; gap:10px}
.pk-conf .pk-modo-b .pk-nom{font-family:var(--pk-display); font-weight:800; font-size:1.15rem}
.pk-conf .pk-modo-b .pk-pvp{font-weight:800; font-size:1.3rem; font-variant-numeric:tabular-nums}
.pk-conf .pk-modo-b[aria-pressed="true"] .pk-pvp{color:var(--pk-coral-sombra)}
.pk-conf .pk-modo-b .pk-desc{color:var(--pk-tinta-2); font-size:.92rem; margin-top:6px}
.pk-conf .pk-etiq{display:inline-block; margin-top:10px; font-size:.72rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; padding:4px 10px; border-radius:var(--pk-r-pill); background:var(--pk-cielo); color:var(--pk-tinta)}
.pk-conf .pk-etiq--ia{background:var(--pk-dorado); color:var(--pk-marron)}
.pk-conf .pk-grid{display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr); gap:28px; align-items:start}
.pk-conf .pk-escena{position:sticky; top:16px; background:#fff; border:2px solid var(--pk-crema-2); border-radius:var(--pk-r-tarjeta); padding:18px; box-shadow:var(--pk-sombra-suave)}
.pk-conf .pk-escena svg{display:block; width:100%; height:auto}
.pk-conf .pk-eco-nombre{text-align:center; font-family:var(--pk-display); font-weight:800; font-size:1.35rem; color:var(--pk-tinta); margin-top:6px; min-height:1.6em; word-break:break-word}
.pk-conf .pk-combos{text-align:center; color:#87A2AA; font-size:.8rem; font-variant-numeric:tabular-nums}
.pk-conf .pk-panel{background:#fff; border:2px solid var(--pk-crema-2); border-radius:var(--pk-r-tarjeta); padding:22px; box-shadow:var(--pk-sombra-suave)}
.pk-conf .pk-campo{display:grid; gap:6px; margin-bottom:18px}
.pk-conf label{font-size:.8rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--pk-tinta-2)}
.pk-conf input[type=text], .pk-conf select{
  font:inherit; color:inherit; background:var(--pk-crema); border:2px solid var(--pk-crema-2);
  border-radius:12px; padding:11px 14px; width:100%;
}
.pk-conf input[type=text]:focus, .pk-conf select:focus{outline:3px solid var(--pk-coral-sombra); outline-offset:1px}
.pk-conf .pk-grupo{margin-bottom:22px}
.pk-conf .pk-grupo:last-child{margin-bottom:0}
.pk-conf .pk-grupo h3{margin:0 0 10px; font-size:.8rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--pk-tinta-2)}
.pk-conf .pk-chips{display:flex; flex-wrap:wrap; gap:9px}
.pk-conf .pk-chip{cursor:pointer; font:inherit; font-size:.9rem; color:inherit; background:var(--pk-crema); border:2.5px solid var(--pk-crema-2); border-radius:var(--pk-r-pill); padding:9px 15px; transition:border-color .12s, background .12s}
.pk-conf .pk-chip:hover{border-color:#c9bfa8}
.pk-conf .pk-chip[aria-pressed="true"]{border-color:var(--pk-coral-cta); background:#FDEAE6; font-weight:700}
.pk-conf .pk-swatches{display:flex; flex-wrap:wrap; gap:10px}
.pk-conf .pk-sw{width:44px; height:44px; border-radius:50%; cursor:pointer; padding:0; border:3px solid transparent; box-shadow:0 0 0 1px rgba(18,58,66,.2) inset; transition:transform .12s}
.pk-conf .pk-sw:hover{transform:scale(1.08)}
.pk-conf .pk-sw[aria-pressed="true"]{border-color:var(--pk-coral-sombra); transform:scale(1.08)}
.pk-conf .pk-aviso{margin-top:18px; padding:14px 16px; border-radius:12px; font-size:.88rem; color:var(--pk-tinta-2); background:#EAF6F2; border-left:4px solid var(--pk-cielo)}
.pk-conf .pk-aviso b{color:var(--pk-tinta)}
/* pasos del modo retrato (explicativos, prelanzamiento) */
.pk-conf .pk-ret-pasos{display:grid; gap:16px}
.pk-conf .pk-ret-paso{display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:start; background:var(--pk-crema); border-radius:14px; padding:16px 18px}
.pk-conf .pk-ret-paso .pk-n{display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--pk-dorado); color:var(--pk-marron); font-family:var(--pk-display); font-weight:800; box-shadow:0 3px 0 var(--pk-dorado-sombra)}
.pk-conf .pk-ret-paso b{font-family:var(--pk-display); display:block; margin:4px 0 4px}
.pk-conf .pk-ret-paso p{margin:0; font-size:.9rem; color:var(--pk-tinta-2)}
/* barra fija de precio */
.pk-barra{position:fixed; left:0; right:0; bottom:0; background:#fff; border-top:2px solid var(--pk-crema-2); box-shadow:0 -6px 24px -14px rgba(0,0,0,.4); z-index:30}
.pk-barra__in{max-width:var(--pk-ancho); margin:0 auto; padding:12px 22px; display:flex; align-items:center; gap:18px; flex-wrap:wrap}
.pk-barra .pk-precio{display:flex; align-items:baseline; gap:8px}
.pk-barra .pk-precio .pk-n{font-family:var(--pk-display); font-weight:800; font-size:1.7rem; font-variant-numeric:tabular-nums; color:var(--pk-tinta)}
.pk-barra .pk-precio .pk-u{color:var(--pk-tinta-2); font-size:.85rem}
.pk-barra .pk-pack{display:flex; align-items:center; gap:9px; margin-left:auto; padding:9px 13px; border-radius:12px; background:rgba(247,206,88,.25); font-size:.9rem}
.pk-barra .pk-pack input{width:18px; height:18px; accent-color:var(--pk-coral-cta)}
@media (max-width:840px){
  .pk-conf .pk-grid{grid-template-columns:1fr}
  .pk-conf .pk-modos-sel{grid-template-columns:1fr}
  .pk-conf .pk-escena{position:static}
  .pk-barra .pk-pack{margin-left:0; width:100%}
  .pk-barra .pk-btn{width:100%}
}
body.pagina-crear{padding-bottom:96px}

/* ==========================================================================
   8 · LISTA DE ESPERA Y FORMULARIOS
   ========================================================================== */
.pk-espera{background:var(--pk-noche); color:var(--pk-crema-2); border-radius:var(--pk-r-tarjeta); padding:30px 28px; margin:44px 0 0; position:relative; overflow:hidden}
.pk-espera h2{color:var(--pk-crema); margin:0 0 8px; font-size:1.4rem}
.pk-espera p{color:#C6D6D2; max-width:56ch}
.pk-form{display:grid; gap:14px; max-width:480px}
.pk-form label{font-size:.8rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase}
.pk-form input[type=text], .pk-form input[type=email], .pk-form textarea{
  font:inherit; width:100%; color:var(--pk-tinta); background:var(--pk-crema);
  border:2px solid transparent; border-radius:12px; padding:12px 15px;
}
.pk-form input:focus-visible, .pk-form textarea:focus-visible{outline:3px solid var(--pk-dorado); outline-offset:2px}
.pk-form .pk-consent{display:flex; gap:10px; align-items:flex-start; font-size:.85rem}
.pk-form .pk-consent input{width:18px; height:18px; margin-top:2px; accent-color:var(--pk-dorado); flex:none}
.pk-form .pk-consent a{color:var(--pk-dorado)}
.pk-form .pk-hpt{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.pk-gracias{background:var(--pk-prado); color:var(--pk-tinta); border-radius:14px; padding:16px 20px; font-weight:700; margin-bottom:18px}
/* formulario claro (contacto) */
.pk-form--claro{max-width:560px}
.pk-form--claro input[type=text], .pk-form--claro input[type=email], .pk-form--claro textarea{background:#fff; border-color:var(--pk-crema-2)}
.pk-form--claro input:focus-visible, .pk-form--claro textarea:focus-visible{outline-color:var(--pk-coral-sombra)}
.pk-form--claro .pk-consent input{accent-color:var(--pk-coral-cta)}
.pk-form--claro .pk-consent a{color:var(--pk-tinta-2)}

/* ==========================================================================
   9 · ENTRADAS / GENÉRICO / 404
   ========================================================================== */
.pk-404{text-align:center; padding:60px 0 80px}
.pk-404 img{width:130px; height:130px; object-fit:cover; border-radius:50%; border:5px solid var(--pk-crema-2); box-shadow:var(--pk-sombra-suave); margin-bottom:18px}
.pk-404 h1{font-size:2rem}

/* ==========================================================================
   10 · MOVIMIENTO (comedido, con respeto a reduced-motion)
   ========================================================================== */
@media (prefers-reduced-motion:no-preference){
  .pk-globo{animation:pk-pop .5s cubic-bezier(.34,1.56,.64,1) both .3s}
  @keyframes pk-pop{from{opacity:0; transform:translateY(8px) scale(.92)} to{opacity:1; transform:none}}
  .pk-nube--1{animation:pk-deriva 26s ease-in-out infinite alternate}
  .pk-nube--2{animation:pk-deriva 34s ease-in-out infinite alternate-reverse}
  @keyframes pk-deriva{from{transform:translateX(0)} to{transform:translateX(38px)}}
  .pk-aparece{opacity:0; transform:translateY(14px); transition:opacity .5s ease, transform .5s ease}
  .pk-aparece.pk-visto{opacity:1; transform:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important; transition:none!important}
}

/* ==========================================================================
   11 · IMPRESIÓN
   ========================================================================== */
@media print{
  .pk-top, .pk-pie, .pk-barra, .pk-burger{display:none}
  body{background:#fff; color:#000}
}