/* Capa de marca Tutorías Teacher María (se carga después de styles.css) */
:root{--purple:#5B3FA0;--purple-dark:#4E3590;--red:#E0453F;--ink:#1C1530;--muted:#5A5470;--surface:#EFE7FB;--butter:#F6C445;--rose:#F08FB0;--heading:'Nunito',system-ui,sans-serif}
body{font-family:'Nunito',system-ui,sans-serif}
h1,h2,h3,.brand,.hero-price,.future-price,.program h2,.program-amount{font-family:var(--heading)}
h1,h2,h3{font-weight:900}
.hero-regular{font-weight:600}
.button-purple:hover{background:var(--purple-dark)}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline-color:var(--purple)}

/* Encabezado con mariquita */
.brand{display:flex;align-items:center;gap:12px;width:auto;font-size:26px;line-height:1}
.brand img{width:44px;height:auto;flex:none}
.brand small{display:block;font-size:14px;font-weight:700;color:var(--purple);margin-top:4px}
.header-cta{margin-left:auto;font-size:18px;font-weight:800;color:var(--purple);text-decoration:none;border:2px solid var(--purple);border-radius:999px;padding:10px 20px}
.header-cta:hover{background:var(--purple);color:#fff}
.handwritten{font-family:'Caveat',cursive;font-weight:700;font-size:34px;color:var(--purple);line-height:1.1}

/* Cifras */
.stats{background:var(--ink);color:#fff;padding-block:56px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.stat strong{display:block;font:900 52px/1 var(--heading);color:#B99BE6}
.stat:last-child strong{color:var(--butter)}
.stat span{display:block;margin-top:10px;font-size:19px;line-height:1.35}

/* Servicios */
.services h2{margin-bottom:16px}
.services-intro{color:var(--muted);max-width:760px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}
.card{background:var(--surface);border-radius:24px;padding:28px;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.card h3{font-size:26px;color:var(--purple);margin-bottom:10px}
.card p{font-size:18px;line-height:1.45;color:var(--ink)}

/* Sobre mí */
.about-copy p{max-width:420px}
.about .handwritten{margin-top:18px}

/* Pie y botón flotante */
.site-footer{background:var(--ink);color:#EFE9F7;padding-block:40px;font-size:17px}
.footer-inner{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;justify-content:space-between}
.site-footer a{color:#fff;font-weight:800}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;align-items:center;gap:10px;background:#1FAF55;color:#fff;font:800 17px/1 'Nunito',sans-serif;text-decoration:none;padding:16px 22px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.25);min-height:52px}
.wa-float svg{width:24px;height:24px;flex:none}

@media(max-width:1199px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  .brand{font-size:20px}.brand img{width:36px}.brand small{font-size:11px}
  .header-cta{display:none}
  .handwritten{font-size:28px}
  .stats{padding-block:44px}.stat strong{font-size:40px}.stat span{font-size:16px}
  .cards{grid-template-columns:1fr;margin-top:32px}.card h3{font-size:22px}.card p{font-size:17px}
  .wa-float{right:14px;bottom:14px;padding:14px 18px;font-size:15px}
  .site-footer{padding-bottom:96px}
}
@media(prefers-color-scheme:dark){
  :root{--ink:#EFE9F7;--muted:#C9C1DA;--paper:#120F18;--surface:#1F1A29;--purple:#7D5FC7}
  .brand,.card p{color:var(--ink)}
  .testimonial-card{color:#1C1530}
  .portrait{border-color:#3A3049}
  .stats,.site-footer{background:#1F1A29}
  .handwritten,.brand small,.card h3,.header-cta{color:#B99BE6}.header-cta{border-color:#B99BE6}
}
.site-header{position:relative;z-index:5}.header-cta{background:var(--paper)}
.portrait{aspect-ratio:1122/1402;object-position:50% 30%}
.testimonial-card strong{font-weight:800;color:#5B3FA0;background:linear-gradient(transparent 62%,#F6C44566 62%)}
@media(min-width:768px){.header-cta{font-size:22px;padding:14px 30px;border-width:3px;background:var(--purple);color:#fff}.header-cta:hover{background:var(--purple-dark)}}
@media(min-width:768px){.header-cta{background:#E0453F;border-color:#fff;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.18)}.header-cta:hover{background:#C8362F}}
.program-note{font-size:24px;line-height:1.4;max-width:420px}
.hero-copy .handwritten{margin-top:-8px}
@media(min-width:768px){.credentials{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}}
@media(max-width:767px){.program-note{font-size:18px}}