:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--brand-deep);background:var(--brand-cream)}*{box-sizing:border-box}body{margin:0}a{color:inherit}.bio-shell{width:min(100% - 28px,760px);margin:0 auto;padding:24px 0 40px}.bio-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800}.bio-brand small{display:block;font-weight:500;color:var(--ink-2);font-size:.75rem}.bio-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--brand-primary);color:#fff;font-family:var(--brand-font)}.bio-hero{margin-top:22px;background:var(--surface-2);border-radius:22px;overflow:hidden;box-shadow:0 12px 32px #38271e1a}.bio-media{position:relative;aspect-ratio:4/3;background:var(--brand-sand)}.bio-media img,.bio-media video{width:100%;height:100%;object-fit:cover;display:block}.bio-media video{background:var(--brand-deep)}.bio-video-badge{position:absolute;z-index:2;top:14px;left:14px;padding:7px 10px;border-radius:99px;background:#38271ecc;color:#fff;font-size:.7rem;font-weight:750;letter-spacing:.04em}.bio-copy{padding:24px}.bio-kicker{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800;color:var(--brand-primary)}.bio-copy h1{font-family:var(--brand-font-display);font-size:clamp(2rem,7vw,3.8rem);line-height:1.08;margin:5px 0 12px}.bio-copy p{line-height:1.55;color:var(--ink-2)}.bio-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:15px 17px;border-radius:12px;background:var(--brand-primary);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 18px #38271e26}.bio-cta:hover,.bio-cta:focus-visible{background:var(--brand-deep);transform:translateY(-1px)}.bio-trust{font-size:.76rem;margin:14px 0 0}.bio-trust span{color:#56705d;font-weight:900}.bio-links{display:grid;gap:10px;margin:22px 0 34px}.bio-link{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 19px;background:#fff;border:1px solid var(--brand-sand);border-radius:14px;text-decoration:none;font-weight:750;min-height:56px;transition:transform .2s,background .2s}.bio-link:hover,.bio-link:focus-visible{border-color:var(--brand-primary);transform:translateY(-1px)}.bio-link--primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.bio-testimonials h2{font-family:var(--brand-font-display);font-size:1.65rem}.bio-testimonials__grid{display:grid;gap:12px}.bio-testimonials article{background:var(--surface-2);border:1px solid var(--brand-sand);border-radius:14px;padding:18px}.bio-testimonials blockquote{margin:0 0 11px;line-height:1.5}.bio-testimonials cite{font-style:normal;font-size:.82rem;font-weight:700;color:var(--brand-primary)}footer{margin-top:35px;border-top:1px solid var(--brand-sand);padding-top:18px;font-size:.78rem;color:var(--ink-2);display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}@media(min-width:650px){.bio-hero{display:grid;grid-template-columns:46% 54%;min-height:360px}.bio-media{aspect-ratio:auto}.bio-copy{align-self:center;padding:30px}.bio-testimonials__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.bio-link,.bio-cta{transition:none}}
/* Landing comercial: marca, contraste y móvil primero. */
[hidden]{display:none!important}
.bio-shell{width:min(100% - 32px,1080px);padding:18px 0 36px}
.bio-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bio-header .brand-logo{width:clamp(180px,46vw,275px);max-width:100%}
.bio-access{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;color:#2D1A14;white-space:nowrap}
.bio-skip{position:absolute;top:-100px;left:16px;background:#fff;color:#2D1A14;padding:12px;z-index:10}.bio-skip:focus{top:10px}
.bio-shell .bio-hero{display:block;margin-top:20px;border:1px solid #D8B9A4;border-radius:24px}
.bio-shell .bio-media{aspect-ratio:4/5;max-height:580px;min-width:0;background:#D8B9A4}
.bio-media img{object-position:50% 25%}.bio-media video{object-fit:contain}
.bio-video-badge{background:#2D1A14;color:#fff}
.bio-shell .bio-copy{padding:26px 22px;min-width:0}
.bio-shell .bio-copy h1{font-size:clamp(2.5rem,7vw,4.3rem);line-height:1.16;overflow-wrap:anywhere}
.bio-shell .bio-copy p{font-size:15px;line-height:1.7;color:#594039}
.bio-shell .bio-kicker{color:#834A37;font-size:11px;font-weight:700;letter-spacing:.09em}
.bio-cta{min-height:50px;padding:15px 18px;gap:16px;font-size:14px;line-height:1.5;box-shadow:none}
.bio-cta i{flex-shrink:0}.bio-shell .bio-trust{display:flex;gap:8px;align-items:center;font-size:12px;color:#594039}
.bio-start{padding:30px 0 8px}.bio-start h2,.bio-links-title,.bio-testimonials h2,.bio-final h2{font-size:clamp(26px,4vw,38px);line-height:1.25;margin:8px 0 18px}
.bio-steps{display:grid;gap:12px;list-style:none;padding:0;margin:0}
.bio-steps li{min-width:0;padding:20px;border:1px solid #D8B9A4;border-radius:16px;background:#fff}
.bio-steps li>i{font-size:24px;color:#834A37}.bio-steps h3{font-size:24px;line-height:1.3;margin:12px 0 8px}.bio-steps p{font-size:13px;line-height:1.7;color:#594039;margin:0}
.bio-links-title{margin-top:28px}.bio-links{margin:0 0 30px}.bio-link{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:14px;min-height:78px;padding:18px;font-size:14px;line-height:1.5;box-shadow:none}
.bio-link span{min-width:0;overflow-wrap:anywhere}.bio-link small{display:block;font-size:12px;line-height:1.6;color:#594039;font-weight:400;margin-top:4px}
.bio-link--primary small{color:#fff}.bio-link>i:first-child{font-size:21px}.bio-link>i:last-child{font-size:16px}
.bio-testimonials{margin:32px 0}.bio-testimonials article{padding:22px}.bio-testimonials blockquote{font-size:14px;color:#2D1A14;line-height:1.8;overflow-wrap:anywhere}
.bio-shell .bio-testimonial-note{color:#594039;font-size:12px;line-height:1.7}
.bio-final{padding:26px;border:1px solid #D8B9A4;border-radius:20px;background:#fff;text-align:center}.bio-final p{color:#594039;line-height:1.7}.bio-final .bio-cta{max-width:440px;margin:20px auto 0}
.bio-shell .bio-footer{display:grid;gap:12px;margin-top:30px;padding-top:22px;color:#594039;font-size:12px;line-height:1.7}
.bio-footer p{margin:0}.bio-footer .brand-logo{width:200px}.bio-hours{white-space:nowrap}.bio-footer a{min-height:44px;display:inline-flex;align-items:center;width:fit-content;color:#834A37;font-weight:600}
.bio-media-status{padding:12px;border-radius:10px;background:#F1E1D7}
.bio-shell a:focus-visible,.bio-shell video:focus-visible{outline:3px solid #834A37;outline-offset:4px}
@media(min-width:700px){.bio-shell .bio-hero{display:grid;grid-template-columns:46% 54%}.bio-shell .bio-media{aspect-ratio:auto;min-height:510px}.bio-shell .bio-copy{padding:36px}.bio-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.bio-links{grid-template-columns:repeat(2,minmax(0,1fr))}.bio-testimonials__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.bio-shell{width:calc(100% - 24px)}.bio-header .brand-logo{width:170px}.bio-access{padding:8px 4px}.bio-shell .bio-copy{padding:22px 18px}.bio-shell .bio-copy h1{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){.bio-link:hover,.bio-cta:hover{transform:none}}
/* Auditoría 2026-10-22: el botón de acceso no debe salirse de la pantalla en 360 px. */
.bio-header .brand-logo{flex:0 1 auto;min-width:0}
.bio-access{flex:none}
@media(max-width:380px){.bio-header{gap:6px}.bio-header .brand-logo{width:min(150px,42vw)}.bio-access{padding:8px 2px;font-size:12px;gap:4px}}