
:root{--azul:#0b4f6c;--verde:#2f7d32;--agua:#dff4fb;--arena:#f5efe2;--tinta:#173042;--naranja:#e8871e}
body{color:var(--tinta);font-size:17px;line-height:1.62}
h1,h2,h3{color:var(--azul);font-weight:750}
h2{border-bottom:3px solid #8bc34a;padding-bottom:.18rem}
.hero{background:linear-gradient(135deg,#0b4f6c,#168aad);color:white;padding:1.3rem 1.5rem;border-radius:18px;margin:1rem 0}
.hero h2,.hero h3{color:white;border:0}
.idea,.predice,.agro,.error,.paso,.solucion,.practica{padding:1rem 1.15rem;margin:1rem 0;border-radius:12px}
.idea{background:#e8f5e9;border-left:7px solid var(--verde)}
.predice{background:#fff3e0;border-left:7px solid var(--naranja)}
.agro{background:var(--agua);border-left:7px solid #168aad}
.error{background:#ffebee;border-left:7px solid #c62828}
.paso{background:#f7f9fb;border-left:7px solid #607d8b}
.solucion{background:#eef7ff;border:2px solid #8ecae6}
.practica{background:var(--arena);border-left:7px solid #8d6e63}
figure img{display:block;margin:auto;max-height:560px;object-fit:contain}
figcaption{text-align:center;color:#4d6575;font-size:.92rem}
table{font-size:.94rem}
.check{font-size:1.05rem;font-weight:650;color:var(--verde)}
@media print{body{font-size:11.3pt;line-height:1.38}.hero,.idea,.predice,.agro,.error,.paso,.solucion,.practica{break-inside:avoid}figure{break-inside:avoid}h2{break-before:page}.no-page{break-before:auto}nav,.sidebar{display:none!important}}
