:root{
 --verde:#1A7A5E;--verde-osc:#0f4d3b;--verde-claro:#e4f1ec;
 --dorado:#B87C2A;--dorado-osc:#8a5a17;--dorado-claro:#f3e6cc;
 --crema:#fbf8f1;--papel:#fffdf7;--tinta:#1d2420;--gris:#5b6660;--borde:#ddd5c4;
 --m1:#2F6FB0;--m2:#1A7A5E;--m3:#6C4AA8;--m4:#B87C2A;--m5:#1E8A8F;
 --lab-fondo:#06121f;--lab-panel:#0b1f33;--lab-linea:#17466e;--lab-azul:#4db3ff;--lab-texto:#d8ecff;
 --radio:6px;
 --fuente:Calibri,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 var(--fuente);color:var(--tinta);background:var(--crema)}
a{color:var(--verde)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--dorado);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:.5rem 1rem;z-index:99}.skip:focus{left:0}
.wrap{max-width:1060px;margin:0 auto;padding:0 20px}
header.site{background:#fff;color:var(--tinta);border-bottom:3px solid var(--dorado);position:sticky;top:0;z-index:20}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1.5rem;padding-top:.45rem;padding-bottom:.45rem}
.marca{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--verde-osc);font-weight:700;letter-spacing:.05em}
.marca img{width:60px;height:60px;display:block}.marca span{font-size:1.05rem;line-height:1.1}.marca small{display:block;font-weight:400;font-size:.72rem;color:var(--dorado-osc);letter-spacing:.02em}
nav.global ul{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem;list-style:none;margin:0;padding:0}
nav.global a{color:var(--tinta);text-decoration:none;padding:.45rem 0;display:inline-block;border-bottom:3px solid transparent;font-weight:600}
nav.global a:hover,nav.global a[aria-current=page]{border-bottom-color:var(--dorado);color:var(--verde-osc)}
main{padding:0 0 3rem}
h1,h2,h3{line-height:1.2;color:var(--verde-osc);font-weight:700}h1{font-size:2.3rem;margin:.4rem 0 .8rem}h2{font-size:1.65rem;margin:0 0 .8rem}h3{font-size:1.15rem;margin:.2rem 0 .4rem}
p{max-width:70ch}li{max-width:70ch}
section.bloque{padding:2.6rem 0;border-top:1px solid var(--borde)}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center;padding:2.8rem 0 2.4rem}
.hero img{width:100%;max-width:420px;height:auto;justify-self:center;border-radius:4px}
.hero h1{font-size:2.7rem}
.btn{display:inline-block;background:var(--verde);color:#fff;padding:.75rem 1.4rem;border-radius:var(--radio);text-decoration:none;border:2px solid var(--verde);font:inherit;font-weight:700;cursor:pointer}
.btn:hover{background:var(--verde-osc);border-color:var(--verde-osc)}
.btn.sec{background:transparent;color:var(--verde-osc);border-color:var(--verde)}.btn.sec:hover{background:var(--verde-claro)}.btn[disabled]{opacity:.55;cursor:not-allowed}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:#fff;border:1px solid var(--borde);border-left:5px solid var(--dorado);border-radius:var(--radio);padding:1rem 1.15rem}
.card.m1{border-left-color:var(--m1)}.card.m2{border-left-color:var(--m2)}.card.m3{border-left-color:var(--m3)}.card.m4{border-left-color:var(--m4)}.card.m5{border-left-color:var(--m5)}
.aviso{background:var(--dorado-claro);border-left:5px solid var(--dorado);padding:.8rem 1rem;border-radius:var(--radio);margin:1rem 0}
.etiqueta{display:inline-block;font-size:.78rem;background:var(--verde-claro);color:var(--verde-osc);padding:.1rem .6rem;border-radius:99px;font-weight:600}
.etiqueta.demo{background:#ffe9c7;color:#6b4300}
table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--borde);padding:.5rem .6rem;text-align:left;vertical-align:top}th{background:var(--verde-claro)}
.tablewrap{overflow-x:auto}
label{display:block;font-weight:700;margin:.8rem 0 .2rem}input,select,textarea{width:100%;font:inherit;padding:.55rem;border:1px solid #9aa89f;border-radius:var(--radio);background:#fff;color:var(--tinta)}
.err{color:#9b1c1c;font-size:.9rem}.ok{color:#14532d}
footer.site{background:var(--verde-osc);color:#e6efe9;padding:1.6rem 0;font-size:.92rem}footer.site a{color:#f0d59a}
details{border:1px solid var(--borde);border-left:5px solid var(--verde);border-radius:var(--radio);padding:.6rem .9rem;margin:.5rem 0;background:#fff}summary{cursor:pointer;font-weight:700}
/* ---- Diario: cuaderno ---- */
.cuaderno{background:var(--papel);border:1px solid var(--borde);border-left:10px solid var(--dorado);border-radius:4px 10px 10px 4px;box-shadow:0 10px 24px rgba(138,90,23,.15);padding:1.4rem 1.6rem;position:relative;background-image:repeating-linear-gradient(transparent,transparent 31px,#eadfc6 32px)}
.cuaderno h3{font-family:Georgia,"Times New Roman",serif;color:var(--dorado-osc);font-size:1.3rem;background:var(--papel);display:inline-block;padding:0 .4rem}
.campos9{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem;margin-top:1rem}
.campo{background:var(--papel);border:1px dashed var(--dorado);border-radius:4px;padding:.5rem .7rem}.campo b{display:block;color:var(--dorado-osc)}.campo span{font-size:.88rem;color:var(--gris)}
/* ---- Laboratorio: banco de trabajo ---- */
.lab{background:var(--lab-fondo);color:var(--lab-texto);border-radius:10px;padding:1.6rem;border:1px solid var(--lab-linea);background-image:linear-gradient(var(--lab-linea) 1px,transparent 1px),linear-gradient(90deg,var(--lab-linea) 1px,transparent 1px);background-size:34px 34px;background-position:-1px -1px;position:relative;overflow:hidden}
.lab::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0%,rgba(77,179,255,.22),transparent 55%);pointer-events:none}
.lab>*{position:relative;z-index:1}.lab h2,.lab h3{color:#fff}.lab a{color:var(--lab-azul)}
.ficha{background:rgba(11,31,51,.92);border:1px solid var(--lab-azul);border-radius:6px;padding:.9rem 1.1rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92rem}
.ficha div{display:flex;gap:.8rem;border-bottom:1px dashed var(--lab-linea);padding:.3rem 0}.ficha div:last-child{border:0}.ficha b{min-width:7.5rem;color:var(--lab-azul)}
.pasos{counter-reset:p;list-style:none;padding:0;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.pasos li{counter-increment:p;background:rgba(255,255,255,.06);border:1px solid var(--lab-linea);border-radius:6px;padding:.7rem .9rem;max-width:none}
.pasos li::before{content:counter(p);display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--lab-azul);color:#06121f;font-weight:700;margin-right:.5rem}
.cuaderno .pasos li{background:#fff;border:1px solid var(--borde);color:var(--tinta)}.cuaderno .pasos li::before{background:var(--dorado);color:#fff}
.pagina-lab{background:var(--lab-fondo);color:var(--lab-texto)}.pagina-lab main{background:transparent}
.pagina-lab h1,.pagina-lab h2,.pagina-lab h3{color:#fff}.pagina-lab a{color:var(--lab-azul)}.pagina-lab .card{background:var(--lab-panel);border-color:var(--lab-linea);color:var(--lab-texto);border-left-color:var(--lab-azul)}
.pagina-lab .card.m1{border-left-color:var(--m1)}.pagina-lab .card.m2{border-left-color:#3fcf9d}.pagina-lab .card.m3{border-left-color:#a98bf0}.pagina-lab .card.m4{border-left-color:#e0a24a}.pagina-lab .card.m5{border-left-color:#4fd1d6}
.pagina-lab .etiqueta{background:#102b46;color:var(--lab-azul)}.pagina-lab label{color:#fff}.pagina-lab input,.pagina-lab select{background:#0b1f33;color:#fff;border-color:var(--lab-linea)}
.pagina-lab .aviso{background:#10304f;border-left-color:var(--lab-azul);color:var(--lab-texto)}
.pagina-lab .btn,.lab a.btn,.pagina-lab a.btn{background:var(--lab-azul);color:#06121f;border-color:var(--lab-azul)}.lab a.btn:hover,.pagina-lab a.btn:hover{background:#8ccfff;border-color:#8ccfff}
.hero-p{padding:2rem 0 1rem}.hero-p h1{font-size:2.4rem}
@media (max-width:760px){.hero{grid-template-columns:1fr}.hero img{max-width:260px;order:-1}.hero h1,.hero-p h1{font-size:1.9rem}}
@media (max-width:600px){body{font-size:16px}h1{font-size:1.7rem}.marca img{width:48px;height:48px}.cuaderno{padding:1rem}}
@media (prefers-reduced-motion:no-preference){.card{transition:box-shadow .2s}.card:hover{box-shadow:0 3px 12px rgba(13,43,31,.14)}}
@media print{header.site,footer.site,.noprint{display:none!important}body{background:#fff;font-size:12pt;color:#000}.card,.cuaderno{break-inside:avoid;box-shadow:none}.pagina-lab{background:#fff;color:#000}}
.pagina-lab .marca{color:var(--verde-osc)}.pagina-lab nav.global a{color:var(--tinta)}.pagina-lab nav.global a[aria-current=page]{color:var(--verde-osc)}