: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}
}
CheckoutPack 2 etapas
34,90 €
Acceso digital a Carnet de Padres.
Pago
Crear botón de pago de 34,90 €.
Pendiente: sustituir este bloque por el botón real de PayPal/Stripe y redirigir a /gracias.
Simular pago aprobado
Condiciones visibles antes del pago
- Producto digital de formación privada.
- Acceso entregado por email tras el pago.
- No oficial. No sustituye asesoramiento profesional.
- Debe aceptarse la política de compra antes de acceder al contenido.