/* Créate · Centro de Desarrollo — estilos */
:root{
  --fucsia:#FD2469; --fucsia-btn:#D90F55; --fucsia-hover:#B80C48;
  --turquesa:#46E5D1; --turquesa-txt:#0B8C82;
  --lima:#DCFB00;
  --negro:#0D120B;
  --crema:#F7F1E6; --blanco:#FFFFFF;
  --p-fucsia:#FDE3EC; --p-turquesa:#DDF7F3; --p-lima:#F3FBD2;
  --texto:#2B2F29; --suave:#5E625B; --linea:#E6DFD2;
  --radio:28px; --radio-s:18px;
  --sombra:0 18px 50px -24px rgba(13,18,11,.28);
  --max:1200px;
  --f-tit:'Montserrat',system-ui,sans-serif;
  --f-txt:'DM Sans',system-ui,sans-serif;
  --f-mano:'Dancing Script',cursive;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--f-txt);color:var(--texto);background:var(--crema);font-size:17px;line-height:1.65;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--turquesa-txt);outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Tipografía */
h1,h2,h3,h4{font-family:var(--f-tit);color:var(--negro);line-height:1.1;letter-spacing:-.02em}
h1{font-size:clamp(2.5rem,6.4vw,4.6rem);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1}
h2{font-size:clamp(1.9rem,4.4vw,3.1rem);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1.02}
h3{font-size:clamp(1.25rem,2.4vw,1.55rem);font-weight:700}
.acento,.acento-f{color:#14C9B5;display:block}
.sec-n .acento,.sec-n .acento-f{color:var(--turquesa)}
.formulario h2 .acento{display:inline}
.mano{font-family:var(--f-mano);font-weight:600;color:var(--fucsia-btn);font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.1;letter-spacing:0}
.etiqueta{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-tit);font-weight:700;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--negro)}
.etiqueta::before{content:"";width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--fucsia) 0 33%,var(--lima) 33% 66%,var(--turquesa) 66%)}
.lead{font-size:clamp(1.05rem,1.8vw,1.22rem);color:var(--suave);max-width:60ch}
p+p{margin-top:.9em}

/* Botones */
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 28px;border-radius:999px;font-family:var(--f-tit);font-weight:700;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;transition:transform .2s,background .2s,color .2s,border-color .2s;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-p{background:var(--fucsia-btn);color:#fff}
.btn-p:hover{background:var(--fucsia-hover)}
.btn-s{border-color:var(--negro);color:var(--negro);background:transparent}
.btn-s:hover{background:var(--negro);color:#fff}
.btn-w{border-color:#fff;color:#fff}
.btn-w:hover{background:#fff;color:var(--negro)}
.enlace{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--negro);text-decoration:none;border-bottom:2px solid var(--turquesa);padding-bottom:2px}
.enlace:hover{border-color:var(--fucsia)}
.enlace::after{content:"→";transition:transform .2s}
.enlace:hover::after{transform:translateX(4px)}

/* Cabecera */
.cab{position:sticky;top:0;z-index:50;background:rgba(247,241,230,.92);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}
.cab.scrolled{border-color:var(--linea)}
.cab .wrap{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo img{height:52px;width:auto}
.logo span{font-family:var(--f-tit);font-size:.62rem;letter-spacing:.2em;font-weight:700;color:var(--negro);line-height:1.3}
.menu{display:flex;align-items:center;gap:26px;list-style:none}
.menu a{text-decoration:none;font-weight:500;font-size:.95rem;color:var(--negro);position:relative;padding:6px 0}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--fucsia);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.menu a:hover::after,.menu a[aria-current=page]::after{transform:scaleX(1)}
.menu .btn{min-height:44px;padding:10px 22px;color:#fff}
.menu .btn::after{display:none}
.burger{display:none;background:none;border:0;width:46px;height:46px;border-radius:12px;cursor:pointer;align-items:center;justify-content:center}
.burger span{display:block;width:24px;height:2px;background:var(--negro);position:relative;transition:background .2s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:24px;height:2px;background:var(--negro);transition:transform .25s}
.burger span::before{top:-7px}.burger span::after{top:7px}
.menu-open .burger span{background:transparent}
.menu-open .burger span::before{transform:translateY(7px) rotate(45deg)}
.menu-open .burger span::after{transform:translateY(-7px) rotate(-45deg)}

@media (max-width:980px){
  .burger{display:inline-flex}
  .menu{position:fixed;inset:76px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--crema);padding:12px 20px 28px;border-bottom:1px solid var(--linea);box-shadow:var(--sombra);transform:translateY(-12px);opacity:0;visibility:hidden;transition:all .25s}
  .menu-open .menu{transform:none;opacity:1;visibility:visible}
  .menu li{border-bottom:1px solid var(--linea)}
  .menu li:last-child{border:0;padding-top:16px}
  .menu a{display:block;padding:15px 0;font-size:1.05rem}
  .menu .btn{width:100%}
}

/* Secciones */
.sec{padding:clamp(70px,10vw,120px) 0}
.sec-b{background:var(--blanco)}
.sec-n{background:var(--negro);color:#E9E4DA}
.sec-n h2,.sec-n h3{color:#fff}
.sec-n .lead{color:#CFCAC0}
.cab-sec{max-width:760px;margin-bottom:46px}
.cab-sec h2{margin:14px 0 16px}
.centro{text-align:center;margin-left:auto;margin-right:auto}
.centro .etiqueta{justify-content:center}

/* Hero */
.hero{padding:clamp(40px,6vw,80px) 0 clamp(70px,9vw,110px)}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.hero h1{margin:18px 0 6px}
.hero .mano{display:block;margin-bottom:22px}
.hero-fotos{position:relative;aspect-ratio:4/4.4}
.hero-fotos .f1{position:absolute;inset:0 0 12% 12%;border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra)}
.hero-fotos .f2{position:absolute;left:0;bottom:0;width:44%;aspect-ratio:1;border-radius:var(--radio);overflow:hidden;border:8px solid var(--crema);box-shadow:var(--sombra)}
.hero-fotos img,.foto img{width:100%;height:100%;object-fit:cover}
.hoja-deco{position:absolute;right:-6px;top:-22px;width:86px;height:auto;pointer-events:none}
.hero-int .wrap{grid-template-columns:1.1fr 1fr}
.hero-int .hero-fotos{aspect-ratio:4/3.6}
@media (max-width:860px){
  .hero .wrap,.hero-int .wrap{grid-template-columns:1fr}
  .hero-fotos{max-width:520px;width:100%;margin:0 auto}
}

/* Tratamiento común de las fotos: misma luz cálida en toda la web */
.foto,.hero-fotos .f1,.hero-fotos .f2,.tarjeta-foto{position:relative}
.foto img,.hero-fotos img,.tarjeta-foto img{filter:saturate(1.04) contrast(1.02) sepia(.06)}
.foto::after,.hero-fotos .f1::after,.tarjeta-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(247,241,230,0) 55%,rgba(13,18,11,.12));pointer-events:none}
.foto{border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra)}

/* Tarjetas de espacios */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media (max-width:1020px){.grid4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.grid3{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.grid4,.grid3,.grid2{grid-template-columns:1fr}}
.tarjeta{display:flex;flex-direction:column;background:var(--blanco);border-radius:var(--radio);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 0 var(--linea);transition:transform .3s,box-shadow .3s}
a.tarjeta:hover{transform:translateY(-6px);box-shadow:var(--sombra)}
.tarjeta-foto{aspect-ratio:4/3;overflow:hidden}
.tarjeta-foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
a.tarjeta:hover .tarjeta-foto img{transform:scale(1.05)}
.tarjeta-cuerpo{padding:24px 24px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.tarjeta-cuerpo p{color:var(--suave);font-size:.98rem}
.tarjeta-cuerpo .enlace{margin-top:auto;align-self:flex-start;padding-top:10px}
.t-f{border-top:6px solid var(--fucsia)}
.t-t{border-top:6px solid var(--turquesa)}
.t-l{border-top:6px solid var(--lima)}
.t-n{border-top:6px solid var(--negro)}

/* Pastel cards (sin foto) */
.pastel{border-radius:var(--radio-s);padding:28px;background:var(--blanco)}
.pastel h3{margin-bottom:8px}
.pastel p{color:var(--suave);font-size:.98rem}
.pf{background:var(--p-fucsia)}.pt{background:var(--p-turquesa)}.pl{background:var(--p-lima)}.pc{background:var(--crema)}
.icono{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px;background:var(--blanco)}
.icono svg{width:26px;height:26px;stroke:var(--negro);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ¿Qué necesitas? */
.opciones{display:grid;gap:12px;max-width:860px;margin:0 auto}
.opcion{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px 24px;background:var(--blanco);border-radius:var(--radio-s);text-decoration:none;color:inherit;border:1px solid var(--linea);transition:all .25s}
.opcion:hover{border-color:var(--negro);transform:translateX(4px)}
.opcion .punto{width:14px;height:14px;border-radius:50%}
.opcion strong{font-family:var(--f-tit);font-size:1.08rem;color:var(--negro);display:block}
.opcion small{color:var(--suave);font-size:.93rem}
.opcion .flecha{font-size:1.4rem;color:var(--negro);transition:transform .25s}
.opcion:hover .flecha{transform:translateX(4px)}

/* Bloque texto + foto */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px);align-items:center}
.split.inv .split-txt{order:2}
.split .foto{aspect-ratio:4/4.6}
@media (max-width:860px){.split{grid-template-columns:1fr}.split.inv .split-txt{order:0}.split .foto{aspect-ratio:4/3}}
.lista-hojas{list-style:none;margin-top:22px;display:grid;gap:10px}
.lista-hojas li{position:relative;padding-left:30px}
.lista-hojas li::before{content:"";position:absolute;left:0;top:.5em;width:16px;height:10px;border-radius:0 100% 0 100%;background:var(--turquesa);transform:rotate(-20deg)}
.lista-hojas li:nth-child(3n+2)::before{background:var(--fucsia)}
.lista-hojas li:nth-child(3n)::before{background:var(--lima)}

/* Fundadora */
.fundadora{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,5vw,64px);align-items:center;background:var(--p-fucsia);border-radius:var(--radio);padding:clamp(28px,5vw,60px)}
.fundadora img{width:clamp(180px,24vw,260px);aspect-ratio:1;border-radius:50%;object-fit:cover;border:8px solid #fff;box-shadow:var(--sombra)}
@media (max-width:700px){.fundadora{grid-template-columns:1fr;text-align:center}.fundadora img{margin:0 auto}.fundadora .btns{justify-content:center}}

/* Pasos */
.pasos{counter-reset:p;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pasos.tres{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.pasos,.pasos.tres{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pasos,.pasos.tres{grid-template-columns:1fr}}
.paso{background:var(--blanco);border-radius:var(--radio-s);padding:28px 24px;position:relative}
.paso::before{counter-increment:p;content:"0" counter(p);font-family:var(--f-tit);font-weight:800;font-size:2.2rem;color:transparent;-webkit-text-stroke:1.5px var(--negro);display:block;margin-bottom:10px}
.paso h3{font-size:1.15rem;margin-bottom:6px}
.paso p{color:var(--suave);font-size:.97rem}

/* Destacado / precio */
.destacado{background:var(--blanco);border:2px solid var(--fucsia-btn);border-radius:var(--radio);padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.pildora{display:inline-block;background:var(--fucsia-btn);color:#fff;font-family:var(--f-tit);font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.datos{display:grid;gap:14px}
.dato{display:flex;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:14px;background:var(--crema);font-weight:500}
.dato b{font-family:var(--f-tit)}
@media (max-width:860px){.destacado{grid-template-columns:1fr}}

/* Chips */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{padding:10px 18px;border-radius:999px;font-weight:500;font-size:.95rem;background:var(--blanco);border:1px solid var(--linea)}
.chip:nth-child(3n+1){background:var(--p-fucsia);border-color:transparent}
.chip:nth-child(3n+2){background:var(--p-turquesa);border-color:transparent}
.chip:nth-child(3n){background:var(--p-lima);border-color:transparent}

/* Membresías */
.plan{background:var(--blanco);border-radius:var(--radio);padding:30px 26px;display:flex;flex-direction:column;gap:12px;border-top:6px solid var(--turquesa)}
.plan:nth-child(2){border-color:var(--lima)}.plan:nth-child(3){border-color:var(--fucsia)}.plan:nth-child(4){border-color:var(--negro)}
.plan .precio{font-family:var(--f-tit);font-weight:800;font-size:1.6rem;color:var(--negro)}
.plan .precio small{font-size:.85rem;font-weight:600;color:var(--suave)}
.plan ul{list-style:none;display:grid;gap:8px;color:var(--suave);font-size:.95rem}
.plan li::before{content:"✓ ";color:var(--turquesa-txt);font-weight:700}
.plan .btn{margin-top:auto}
.aviso{margin-top:24px;font-size:.92rem;color:var(--suave);text-align:center}

/* FAQ */
.faq{max-width:820px;margin:0 auto;display:grid;gap:12px}
.faq details{background:var(--blanco);border-radius:var(--radio-s);padding:4px 24px;border:1px solid var(--linea)}
.faq summary{cursor:pointer;list-style:none;padding:18px 30px 18px 0;font-family:var(--f-tit);font-weight:700;color:var(--negro);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:12px;font-size:1.6rem;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 18px;color:var(--suave)}

/* Formulario */
.form-sec .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,5vw,70px);align-items:start}
.form-sec .foto{aspect-ratio:4/5;position:sticky;top:110px}
@media (max-width:900px){.form-sec .wrap{grid-template-columns:1fr}.form-sec .foto{position:relative;top:0;aspect-ratio:16/10}}
.formulario{background:var(--blanco);border-radius:var(--radio);padding:clamp(24px,4vw,44px);box-shadow:var(--sombra)}
.formulario h2{font-size:clamp(1.7rem,3.4vw,2.4rem);margin:10px 0 8px}
.formulario .lead{margin-bottom:24px;font-size:1rem}
.campo{display:grid;gap:7px;margin-bottom:18px}
.campo label,.campo legend{font-weight:700;font-size:.93rem;color:var(--negro)}
.campo input[type=text],.campo input[type=email],.campo input[type=tel],.campo textarea{width:100%;font:inherit;font-size:16px;padding:14px 16px;border:1.5px solid #D6CFC1;border-radius:14px;background:#FCFAF6;color:var(--negro);transition:border-color .2s,box-shadow .2s}
.campo input:focus,.campo textarea:focus{outline:0;border-color:var(--turquesa-txt);box-shadow:0 0 0 4px rgba(70,229,209,.25)}
.campo textarea{min-height:120px;resize:vertical}
fieldset.campo{border:0}
.opciones-f{display:flex;flex-wrap:wrap;gap:8px}
.opciones-f label{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1.5px solid #D6CFC1;border-radius:999px;font-weight:500;font-size:.93rem;cursor:pointer;background:#FCFAF6;transition:all .2s}
.opciones-f input{accent-color:var(--fucsia-btn)}
.opciones-f label:has(input:checked){border-color:var(--fucsia-btn);background:var(--p-fucsia)}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:560px){.dos{grid-template-columns:1fr}}
.privacidad{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--suave);margin:6px 0 22px}
.privacidad input{margin-top:4px;width:18px;height:18px;accent-color:var(--fucsia-btn);flex:none}
.privacidad a{color:var(--negro);font-weight:700}
.formulario .btn{width:100%}
.form-msg{margin-top:16px;padding:14px 18px;border-radius:14px;font-weight:500;display:none}
.form-msg.ok{display:block;background:var(--p-turquesa);color:var(--negro)}
.form-msg.err{display:block;background:var(--p-fucsia);color:var(--negro)}
.hp{position:absolute;left:-9999px}

/* Banda final */
.banda{text-align:center}
.banda h2{max-width:18ch;margin:16px auto}
.banda .lead{margin:0 auto}
.banda .btns{justify-content:center}
.banda .etiqueta{color:#fff}

/* Otros espacios */
.otros .tarjeta-cuerpo h3{font-size:1.15rem}

/* Pie */
.pie{background:var(--negro);color:#CFCAC0;padding:70px 0 34px;font-size:.95rem}
.pie .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.pie img{height:60px;width:auto}
.pie h4{color:#fff;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}
.pie ul{list-style:none;display:grid;gap:9px}
.pie a{text-decoration:none;color:#CFCAC0}
.pie a:hover{color:var(--turquesa)}
.pie .lema{font-family:var(--f-mano);font-size:1.7rem;color:var(--lima);margin-top:14px;display:block}
.pie-base{grid-column:1/-1;border-top:1px solid #2A2F27;padding-top:24px;margin-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:.85rem}
.pie-base ul{display:flex;flex-wrap:wrap;gap:18px}
@media (max-width:760px){.pie .wrap{grid-template-columns:1fr}}

/* Animación suave de entrada (no intrusiva) */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rv{transition-duration:.01s;transform:none}}

/* ===== Estilo de los carteles Créate ===== */
h3{font-weight:800}
/* destellos a los lados de los títulos centrados */
.centro h2,.banda h2{position:relative;display:inline-block;padding:0 54px}
.centro h2::before,.centro h2::after,.banda h2::before,.banda h2::after{content:"";position:absolute;top:50%;width:40px;height:44px;transform:translateY(-50%);background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 44'%3E%3Cpath d='M30 6 L18 16' stroke='%23DCFB00' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M34 22 L14 22' stroke='%23FD2469' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M30 38 L18 28' stroke='%2346E5D1' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}
.centro h2::before,.banda h2::before{left:0}
.centro h2::after,.banda h2::after{right:0;transform:translateY(-50%) scaleX(-1)}
@media (max-width:560px){.centro h2,.banda h2{padding:0 34px}.centro h2::before,.centro h2::after,.banda h2::before,.banda h2::after{width:26px}}
/* subrayado de tres colores */
.mano{position:relative;display:inline-block;padding-bottom:8px}
.mano::after{content:"";position:absolute;left:0;right:10%;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--fucsia) 0 40%,var(--turquesa) 40% 70%,var(--lima) 70%)}
/* nota manuscrita en la esquina */
.hero{position:relative;overflow:hidden}
.nota{position:absolute;right:clamp(14px,4vw,60px);top:18px;font-family:var(--f-mano);font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.1;color:var(--negro);transform:rotate(-8deg);max-width:9ch;text-align:left;z-index:2}
.nota::after{content:"";display:block;width:80%;height:3px;margin-top:6px;border-radius:3px;background:var(--lima)}
@media (max-width:860px){.nota{display:none}}
.rama{position:absolute;left:-30px;top:-10px;width:clamp(120px,16vw,210px);height:auto;opacity:.95;pointer-events:none;z-index:0}
.hero .wrap{position:relative;z-index:1}
.blob{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(.3px)}
.hero .b1{width:340px;height:300px;left:-160px;bottom:-170px;background:var(--turquesa);opacity:.75;border-radius:60% 40% 50% 50%}
.hero .b2{width:300px;height:300px;right:-150px;bottom:-160px;background:var(--lima);opacity:.75;border-radius:50% 60% 40% 50%}
@media (max-width:860px){.rama{width:110px;left:-36px;top:-20px;opacity:.6}.hero .b1,.hero .b2{width:200px;height:180px}}
/* insignias (iconos de la marca) */
.badge{width:84px;height:84px;border-radius:50%;margin-bottom:16px;display:block}
.pastel{position:relative;text-align:left}
.pastel h3{font-size:1.15rem;text-transform:uppercase;letter-spacing:.02em}
.pastel h3::after{content:"";display:block;width:42px;height:3px;border-radius:3px;margin-top:8px;background:var(--fucsia)}
.pt h3::after{background:var(--turquesa)}.pl h3::after{background:#B8D400}
.icono{width:84px;height:84px;background:var(--blanco)}
.pf .icono{background:#fff}.icono svg{width:38px;height:38px}
.pastel{border-radius:32px}
.tarjeta{position:relative}
.badge-card{position:absolute;right:18px;top:calc(75% * 0 + 0px);width:72px;height:72px;margin:0;border:5px solid #fff;box-shadow:var(--sombra);transform:translateY(-50%)}
.tarjeta .badge-card{top:auto}
.tarjeta-foto{position:relative}
.tarjeta-cuerpo{padding-top:30px}
.tarjeta .badge-card{position:absolute;right:18px;margin-top:-36px;transform:none}
.tarjeta-cuerpo h3{text-transform:uppercase;font-size:1.1rem;letter-spacing:.02em}
/* fila de iconos del inicio */
.iconos-fila{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px;max-width:520px}
.iconos-fila a{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;text-decoration:none;font-family:var(--f-tit);font-weight:700;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--negro);line-height:1.25;transition:transform .2s}
.iconos-fila a:hover{transform:translateY(-4px)}
.iconos-fila img{width:64px;height:64px;border-radius:50%}
.iconos-fila span::after{content:"";display:block;width:26px;height:3px;border-radius:3px;margin:6px auto 0;background:var(--fucsia)}
.iconos-fila a:nth-child(2) span::after{background:#B8D400}.iconos-fila a:nth-child(3) span::after{background:var(--turquesa)}
/* banda final clara como los carteles */
.banda{position:relative;overflow:hidden;background:var(--crema)}
.banda .etiqueta{color:var(--negro)}
.banda .b1{width:380px;height:320px;left:-170px;bottom:-180px;background:var(--turquesa);border-radius:60% 40% 50% 50%}
.banda .b2{width:340px;height:320px;right:-160px;bottom:-170px;background:var(--lima);border-radius:50% 60% 40% 50%}
.banda .wrap{position:relative;z-index:1}
.banda .btn-w{border-color:var(--negro);color:var(--negro)}
.banda .btn-w:hover{background:var(--negro);color:#fff}
.banda .lead{color:var(--suave)}
/* píldoras de etiqueta como "PRESENCIAL / VIRTUAL" */
.pildora{font-size:.8rem}
.btn-p{box-shadow:0 10px 24px -12px rgba(217,15,85,.7)}
.btn-p::after{content:"→";font-size:1.1rem;letter-spacing:0}
.menu .btn-p::after,.formulario .btn-p::after{content:none}

.acento.sub{font-size:.42em;letter-spacing:.06em;margin-top:.25em}
.banda .etiqueta{display:flex;justify-content:center}
.hero{padding-top:clamp(40px,7vw,110px)}
.nota{top:14px}
@media (min-width:861px){.hero-fotos{margin-top:40px}}
.hero .wrap>*{min-width:0}
@media (max-width:860px){.hero-fotos{width:100%;max-width:440px;margin:10px auto 0}}

/* ===== Asistente Créate ===== */
.chat-boton{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border:0;border-radius:999px;background:var(--negro);color:#fff;font-family:var(--f-tit);font-weight:700;font-size:.85rem;letter-spacing:.06em;cursor:pointer;box-shadow:0 14px 30px -12px rgba(13,18,11,.55);transition:transform .2s}
.chat-boton:hover{transform:translateY(-3px)}
.chat-boton img{width:44px;height:44px;border-radius:50%}
.chat-abierto .chat-boton{display:none}
.chat-panel{position:fixed;right:18px;bottom:18px;z-index:95;width:min(380px,calc(100vw - 24px));height:min(600px,calc(100vh - 36px));display:flex;flex-direction:column;background:var(--crema);border-radius:26px;box-shadow:0 30px 70px -20px rgba(13,18,11,.45);overflow:hidden;border:1px solid var(--linea)}
.chat-panel[hidden]{display:none}
.chat-cab{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-bottom:4px solid;border-image:linear-gradient(90deg,var(--fucsia) 0 33%,var(--lima) 33% 66%,var(--turquesa) 66%) 1}
.chat-cab img{height:38px;width:auto}
.chat-cab div{flex:1;display:grid;line-height:1.2}
.chat-cab strong{font-family:var(--f-tit);color:var(--negro);font-size:.98rem}
.chat-cab small{color:var(--suave);font-size:.78rem}
.chat-cerrar{width:38px;height:38px;border-radius:50%;border:0;background:var(--crema);font-size:1.5rem;line-height:1;cursor:pointer;color:var(--negro)}
.chat-mensajes{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.chat-msg{max-width:86%;padding:11px 15px;border-radius:18px;font-size:.95rem;line-height:1.5}
.chat-msg.bot{background:#fff;color:var(--texto);border-bottom-left-radius:6px;align-self:flex-start}
.chat-msg.tu{background:var(--fucsia-btn);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}
.chat-msg.escribiendo{display:flex;gap:5px;padding:14px 16px}
.chat-msg.escribiendo span{width:7px;height:7px;border-radius:50%;background:var(--turquesa-txt);animation:chatp 1s infinite ease-in-out}
.chat-msg.escribiendo span:nth-child(2){animation-delay:.15s;background:var(--fucsia)}
.chat-msg.escribiendo span:nth-child(3){animation-delay:.3s;background:#B8D400}
@keyframes chatp{0%,80%,100%{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}
.chat-sug{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}
.chat-sug[hidden]{display:none}
.chat-sug button{border:1px solid var(--linea);background:#fff;border-radius:999px;padding:7px 12px;font:inherit;font-size:.82rem;cursor:pointer;color:var(--negro)}
.chat-sug button:hover{border-color:var(--negro)}
.chat-form{display:flex;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid var(--linea)}
.chat-form input{flex:1;min-width:0;font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid #D6CFC1;border-radius:999px;background:#FCFAF6}
.chat-form input:focus{outline:0;border-color:var(--turquesa-txt)}
.chat-form button{width:46px;height:46px;flex:none;border:0;border-radius:50%;background:var(--fucsia-btn);color:#fff;font-size:1rem;cursor:pointer}
.chat-aviso{font-size:.72rem;color:var(--suave);padding:6px 14px 10px;background:#fff;line-height:1.35}
@media (max-width:520px){.chat-panel{right:0;bottom:0;width:100vw;height:100dvh;border-radius:0}.chat-boton span{display:none}.chat-boton{padding:8px}}