:root {
–teal:#0F3D40;
–sage:#A6C4A2;
–cream:#F3E8D6;
–gold:#E0A83A;
–slate:#64777A;
–bg:#FBF7EF;
–ink:#1F2A2E;
–max:1180px;
–shadow:0 20px 60px rgba(15,61,64,.10);
}
*{box-sizing:border-box}
body{margin:0;background:var(–bg);color:var(–ink);font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,»Segoe UI»,Arial,sans-serif;line-height:1.68}
a{color:inherit}
.wrap{max-width:var(–max);margin:0 auto;padding:0 22px}
.header{position:sticky;top:0;z-index:50;background:rgba(251,247,239,.94);border-bottom:1px solid rgba(15,61,64,.12);backdrop-filter:blur(12px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}
.logo img{width:230px;max-width:50vw;height:auto}
.menu{display:flex;gap:16px;flex-wrap:wrap;color:var(–slate);font-weight:750;font-size:.94rem}
.menu a{text-decoration:none}
.btn{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:900;background:var(–gold);color:var(–teal);border:0}
.btn.dark{background:var(–teal);color:#fff}
.btn.light{background:#fff;border:2px solid rgba(15,61,64,.13);color:var(–teal)}
.hero{padding:62px 0 42px}
.section{padding:54px 0}
.soft{background:rgba(255,255,255,.58)}
.grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:start}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
h1,h2,h3,h4{color:var(–teal);line-height:1.08;letter-spacing:-.03em}
h1{font-size:clamp(2.3rem,5vw,4.8rem);margin:.2em 0}
h2{font-size:clamp(1.7rem,3.4vw,3rem);margin:0 0 14px}
h3{font-size:1.28rem;margin:0 0 9px}
.lead{font-size:1.16rem;color:#34494e}
.card,.lesson,.case,.protocol,.testitem,.note,.warning{background:#fff;border:1px solid rgba(15,61,64,.10);border-radius:24px;padding:24px;box-shadow:var(–shadow);margin:14px 0}
.badge{display:inline-flex;border-radius:999px;padding:8px 12px;background:rgba(166,196,162,.38);color:var(–teal);font-weight:900;font-size:.9rem}
.list{list-style:none;padding:0;margin:0}
.list li{background:#fff;border:1px solid rgba(15,61,64,.10);border-radius:15px;margin:8px 0;padding:11px 12px 11px 40px;position:relative}
.list li:before{content:»✓»;position:absolute;left:15px;color:var(–teal);font-weight:950}
.note{background:#eef2f1;border-left:5px solid var(–sage);color:var(–slate);box-shadow:none}
.warning{background:#fff8e7;border-left:5px solid var(–gold);color:#5f4b1f;box-shadow:none}
.protocol{border-left:7px solid var(–gold)}
.case{background:#fffdf8;border-left:7px solid var(–sage)}
.lesson{border-left:7px solid var(–teal)}
.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;border:1px solid rgba(15,61,64,.13)}
.table th,.table td{padding:13px;border-bottom:1px solid rgba(15,61,64,.08);text-align:left;vertical-align:top}
.table th{background:var(–teal);color:#fff}
.quote{font-size:1.25rem;color:var(–teal);font-weight:850;border-left:6px solid var(–gold);padding-left:18px;margin:22px 0}
.module-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.module-nav a{background:#fff;text-decoration:none;border:1px solid rgba(15,61,64,.12);border-radius:16px;padding:14px;color:var(–teal);font-weight:850}
.quiz-options{display:grid;gap:8px;margin-top:12px}
.quiz-options div{background:#fff;border:1px solid rgba(15,61,64,.13);border-radius:14px;padding:12px}
.footer{background:var(–teal);color:#d9e8e7;margin-top:50px;padding:34px 0}
.footer img{width:220px;filter:brightness(0) invert(1)}
.footergrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:940px){
.grid,.grid3,.grid4,.module-nav,.footergrid{grid-template-columns:1fr}
.menu{display:none}
.hero{padding:40px 0 28px}
}
@media print{
.header,.footer,.btn{display:none}
.card,.lesson,.case,.protocol,.testitem{box-shadow:none;break-inside:avoid}
body{background:#fff}
}
Selector¿Qué edad tiene tu hijo?
Selecciona la etapa más cercana. Si tienes varios hijos, elige un pack de varias etapas.
Cómo elegir
Si está entre dos edades, compra la etapa donde esté el problema más urgente: rabietas, deberes, móvil, adolescencia o convivencia.
Embarazo y primer año
Preparación emocional, pareja, red de apoyo, llanto, cansancio y seguridad familiar.
Ver en campus
0-3 años
Primeras frustraciones, vínculo, sueño realista, límites iniciales, lenguaje y pantallas tempranas.
Ver en campus
3-6 años
Rabietas, límites, pantallas, rutinas y padres agotados. Etapa recomendada para empezar.
Ver en campus
6-9 años
Autonomía, deberes, videojuegos, amistades, frustración y autoestima.
Ver en campus
9-12 años
Preadolescencia, primer móvil, grupo, cuerpo, privacidad y confianza.
Ver en campus
12-16 años
Adolescencia, redes, salud emocional, sexualidad, fiestas, estudios y límites.
Ver en campus
16-18 años
Autonomía casi adulta, estudios, trabajo, dinero, pareja, transporte y convivencia.
Ver en campus
¿Tienes varios hijos?
Usa el pack de 2 etapas, 3 etapas o el pack completo 0-18.
Ver packs
Carnet de Padres 