:root{
  --gc-violeta: #823387;
  --gc-fucsia: #CE277D;
  --gc-oscuro: #2B1450;
  --gc-rosa: #F7DCEA;
  --gc-lila: #EBDDF3;
  --gc-papel: #FBF5EC;
  --gc-blanco: #FFFFFF;
  --gc-fuente-titular: 'Young Serif', Georgia, serif;
  --gc-fuente-texto: 'Hanken Grotesk', Arial, sans-serif;
  --gc-radio: 2px;
}


@font-face{font-family:'Young Serif';src:url('/assets/fonts/YoungSerif.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('/assets/fonts/HankenGrotesk.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

:root{--ancho:68rem;--estrecho:44rem;--gutter:1.25rem}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--gc-papel);color:var(--gc-oscuro);font:400 1.0625rem/1.55 var(--gc-fuente-texto);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
p{margin:0 0 1rem}
h1,h2,h3{font-family:var(--gc-fuente-titular);font-weight:400;margin:0;color:var(--gc-oscuro)}
h1{font-size:clamp(2.45rem,8vw,4.4rem);line-height:1.04;letter-spacing:-.01em;max-width:16ch;text-wrap:balance}
h2{font-size:clamp(1.95rem,5vw,2.9rem);line-height:1.1;margin-bottom:1.5rem}
h3{font-size:1.4rem;line-height:1.2;margin-bottom:.5rem}
a{color:var(--gc-violeta)}
a:hover{color:var(--gc-oscuro)}
:focus-visible{outline:3px solid var(--gc-oscuro);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:var(--gutter);top:-4rem;z-index:10;background:var(--gc-oscuro);color:var(--gc-papel);padding:.75rem 1rem;border-radius:var(--gc-radio)}
.saltar:focus{top:.75rem}

.caja{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 var(--gutter)}
.caja--estrecha{max-width:var(--estrecho)}
.centro{text-align:center}

/* botones y enlaces */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.7rem 1.5rem;background:var(--gc-violeta);color:var(--gc-papel);border:2px solid var(--gc-violeta);border-radius:var(--gc-radio);font:600 1rem/1.2 var(--gc-fuente-texto);text-decoration:none;transition:background-color .15s,border-color .15s}
.btn:hover{background:var(--gc-oscuro);border-color:var(--gc-oscuro);color:var(--gc-papel)}
.btn--corto{padding:.6rem 1.1rem}
.btn--grande{min-height:3.25rem;padding:.9rem 2rem;font-size:1.125rem}
.enlace{font-weight:600;text-underline-offset:.25em}

/* cabecera */
.cabecera{background:var(--gc-papel);border-bottom:1px solid rgba(43,20,80,.15);position:sticky;top:0;z-index:5}
.cabecera__fila{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.6rem;padding-bottom:.6rem}
.cabecera__logo img{width:min(190px,48vw);height:auto}
.menu{display:none}
.menu a{color:var(--gc-oscuro);text-decoration:none;font-weight:500;padding:.5rem .25rem}
.menu a:hover{text-decoration:underline;text-underline-offset:.3em}
@media (min-width:52rem){.menu{display:flex;gap:1.75rem}}

/* portada */
.portada{padding:3rem 0 4rem}
.portada__rejilla{display:grid;gap:2.5rem}
.sobretitulo{font-weight:600;font-size:.9375rem;color:var(--gc-violeta);margin-bottom:1rem}
.entrada{font-size:1.2rem;line-height:1.5;max-width:34rem}
h1+.entrada{margin-top:1.25rem}
.acciones{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 1.75rem;margin:1.75rem 0 1rem}
.nota{font-size:.9375rem;margin:0}
@media (min-width:56rem){.portada{padding:5rem 0 6rem}.portada__rejilla{grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem}}

/* conversación de ejemplo */
.chat{margin:0;background:var(--gc-lila);padding:1.25rem}
.chat figcaption{font-weight:600;margin-bottom:1rem}
.chat figcaption span{font-weight:400}
.chat__lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}
.msg{max-width:88%;padding:.7rem .95rem;border-radius:var(--gc-radio);font-size:1rem;line-height:1.45}
.msg--cliente{align-self:flex-start;background:var(--gc-blanco);color:var(--gc-oscuro)}
.msg--ella{align-self:flex-end;background:var(--gc-violeta);color:var(--gc-papel)}

/* bloques */
.bloque{padding:4rem 0}
.bloque--rosa{background:var(--gc-rosa)}
.bloque--lila{background:var(--gc-lila)}
.subtitulo{margin:-.75rem 0 2rem;max-width:34rem}
.aparte{margin:2.5rem 0 0;font-weight:600}
@media (min-width:56rem){.bloque{padding:5.5rem 0}}

/* pasos */
.pasos{list-style:none;margin:0;padding:0;display:grid;gap:1.75rem}
.pasos li{border-top:2px solid var(--gc-oscuro);padding-top:1rem}
.pasos__n{display:block;font:400 2.75rem/1 var(--gc-fuente-titular);color:var(--gc-fucsia);margin-bottom:.5rem}
.pasos p{margin:0}
@media (min-width:48rem){.pasos{grid-template-columns:repeat(2,1fr);gap:2rem}}
@media (min-width:64rem){.pasos{grid-template-columns:repeat(4,1fr)}}

/* productos */
.rejilla{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.ficha{background:var(--gc-papel);padding:1.5rem;border-radius:var(--gc-radio)}
.ficha p{margin:0}
.ficha .precio{font-weight:700;font-size:1.125rem;margin-bottom:.75rem}
@media (min-width:40rem){.rejilla{grid-template-columns:repeat(2,1fr)}}
@media (min-width:64rem){.rejilla{grid-template-columns:repeat(3,1fr)}}

/* ocasiones */
.ocasiones{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem}
.ocasiones li{border:2px solid var(--gc-oscuro);padding:.6rem 1rem;border-radius:var(--gc-radio);font-weight:600}

/* historia */
.historia{background:var(--gc-violeta);color:var(--gc-papel);padding:4.5rem 0}
.historia__texto{font:400 clamp(1.5rem,4vw,2.2rem)/1.25 var(--gc-fuente-titular);margin:0 0 1.5rem}
.historia__firma{margin:0;font-weight:600}

/* quién */
.dos{display:grid;gap:1.5rem}
@media (min-width:56rem){.dos{grid-template-columns:1fr 1.3fr;gap:4rem;align-items:start}.dos h2{margin:0}}

/* contacto */
.centro .entrada{margin:0 auto 1.75rem}
.centro .nota{margin-top:1.25rem}

/* pie */
.pie{background:var(--gc-oscuro);color:var(--gc-papel);padding:1.75rem 0;font-size:.9375rem}
.pie p{margin:0}
.pie a{color:var(--gc-papel)}
.pie__fila{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem}
.pie__contacto{margin:0 0 .9rem!important;padding-bottom:.9rem;border-bottom:1px solid rgba(251,245,236,.25)}

/* páginas de texto */
.texto{padding:3rem 0 5rem}
.texto h1{max-width:none;font-size:clamp(2rem,6vw,3rem);margin-bottom:1.5rem}
.texto h2{font-size:1.5rem;margin:2.25rem 0 .75rem}
.texto p,.texto li{max-width:42rem}
.pendiente{background:var(--gc-rosa);padding:0 .25rem}

/* imágenes */
.ficha__ico{width:5.5rem;height:auto;margin-bottom:1rem}
.taller{margin-top:3.5rem}
.taller__titulo{font-size:1.4rem;margin-bottom:1.25rem}
.taller__rejilla{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.taller figure{margin:0}
.taller img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--gc-lila);border-radius:var(--gc-radio)}
.taller figcaption{font-size:.9375rem;line-height:1.35;margin-top:.5rem}
@media (min-width:56rem){.taller__rejilla{grid-template-columns:repeat(3,1fr);gap:1.5rem}}