:root { color-scheme: dark; --bg:var(--black-1000); --panel:rgba(8,13,28,.72); --line:rgba(126,182,138,.22); --accent-primary:var(--celtic-400); --accent-primary:var(--celtic-400); --text:var(--ivory-50); --muted:var(--gray-400); --warn:#fbbf24; --bad:#fb7185; }
*{box-sizing:border-box} body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--black-1000);color:var(--text);overflow-x:hidden}.benzo-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 16% 18%,rgba(82,152,102,.14),transparent 30%),radial-gradient(circle at 82% 10%,rgba(52,122,77,.12),transparent 32%),linear-gradient(135deg,var(--black-1000) 0%,var(--black-950) 48%,var(--black-1000) 100%)}.benzo-bg:before{content:"";position:absolute;inset:-20%;background-image:linear-gradient(rgba(126,182,138,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(126,182,138,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,black,transparent 74%)}.benzo-bg span{position:absolute;width:30vw;aspect-ratio:1;border-radius:999px;filter:blur(80px);opacity:.16;background:var(--celtic-400);animation:benzoFloat 16s ease-in-out infinite alternate}.benzo-bg span:nth-child(1){left:5%;top:8%}.benzo-bg span:nth-child(2){right:10%;top:35%;background:var(--mineral-green);animation-delay:-6s}.benzo-bg span:nth-child(3){left:35%;bottom:0;background:var(--mineral-green);animation-delay:-11s}.benzo-topbar{width:min(1220px,calc(100% - 32px));margin:18px auto 0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;border:1px solid rgba(126,182,138,.16);border-radius:22px;background:rgba(5,7,6,.58);backdrop-filter:blur(18px)}.benzo-brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.benzo-brand img{width:46px;height:46px;border-radius:14px;border:1px solid rgba(126,182,138,.25);box-shadow:0 0 24px rgba(82,152,102,.14)}.benzo-brand strong,.benzo-brand span{display:block}.benzo-brand strong{letter-spacing:.1em}.benzo-brand span{color:var(--muted);font-size:.84rem}.benzo-topbar a:not(.benzo-brand){color:var(--ivory-100);text-decoration:none;border:1px solid rgba(126,182,138,.18);border-radius:999px;padding:10px 16px;background:rgba(14,20,17,.55);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.benzo-topbar a:hover{transform:translateY(-1px);border-color:rgba(82,152,102,.55);box-shadow:0 12px 30px rgba(82,152,102,.12)}.benzo-shell{width:min(1220px,calc(100% - 32px));margin:28px auto 56px;display:grid;gap:22px}.benzo-hero,.alerta-seguridad,.panel-conversion,.panel-resultado,.panel-historial,.panel-tabla,.panel-educativo{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(14,20,17,.82),rgba(5,7,6,.58));box-shadow:0 28px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(22px)}.benzo-hero{padding:clamp(24px,4vw,46px)}.kicker{color:var(--celtic-300);font-weight:900;letter-spacing:.22em;text-transform:uppercase;font-size:.72rem}.benzo-hero h1{margin:12px 0;font-size:clamp(2.4rem,6vw,5rem);line-height:1;letter-spacing:-.04em}.benzo-hero p{max-width:780px;color:var(--gray-200);font-size:1.08rem;line-height:1.7}.alerta-seguridad{padding:22px}.alerta-seguridad strong{display:block;margin-bottom:10px;color:var(--ivory-50)}.alerta-seguridad ul{margin:0;padding-left:20px;color:var(--gray-200);line-height:1.55}.conversion-grid{display:grid;grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);gap:18px;align-items:stretch}.panel-conversion{padding:22px;display:grid;gap:16px}.panel-label{color:var(--celtic-300);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:.74rem}.panel-conversion label,.controles-tabla label{display:grid;gap:8px;color:var(--gray-300);font-size:.9rem;font-weight:700}.panel-conversion input,.panel-conversion select,.controles-tabla input,.controles-tabla select{width:100%;border:1px solid rgba(126,182,138,.22);border-radius:14px;background:rgba(14,20,17,.72);color:var(--white-1000);padding:12px 14px;outline:none}.panel-conversion input:focus,.panel-conversion select:focus,.controles-tabla input:focus,.controles-tabla select:focus{border-color:rgba(82,152,102,.75);box-shadow:0 0 0 4px rgba(82,152,102,.1)}.dos-columnas{display:grid;grid-template-columns:1fr 110px;gap:12px}.oculto{display:none!important}.dato-destacado,.resultado-card{border:1px solid rgba(82,152,102,.24);border-radius:20px;padding:16px;background:rgba(16,51,32,.25)}.dato-destacado span,.resultado-card span{display:block;color:var(--gray-400);font-size:.82rem}.dato-destacado strong,.resultado-card strong{display:block;margin-top:6px;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.1}.resultado-card p{color:var(--gray-200);line-height:1.5}.resultado-card small,.info-medicamento small{color:var(--gray-400)}.info-medicamento{border-top:1px solid rgba(126,182,138,.16);padding-top:12px;color:var(--gray-200)}.info-medicamento dl{display:grid;gap:10px;margin:0}.info-medicamento div{display:grid;grid-template-columns:145px 1fr;gap:12px}.info-medicamento dt{color:var(--celtic-300);font-weight:800}.info-medicamento dd{margin:0}.info-medicamento p{line-height:1.55}.muted{color:var(--muted)}.flecha-conversion{display:grid;place-items:center}.flecha-conversion span{width:62px;height:62px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(82,152,102,.35);background:rgba(16,51,32,.4);color:var(--celtic-300);font-size:2rem;box-shadow:0 0 36px rgba(82,152,102,.16);animation:pulseArrow 2.4s ease-in-out infinite}.panel-resultado,.panel-historial,.panel-tabla,.panel-educativo{padding:22px}.mensajes-validacion{display:grid;gap:10px}.mensaje{border-radius:16px;padding:12px 14px;border:1px solid rgba(126,182,138,.18);background:rgba(14,20,17,.6);color:var(--ivory-100)}.mensaje.error{border-color:rgba(251,113,133,.4);color:#fecdd3}.mensaje.advertencia{border-color:rgba(251,191,36,.38);color:#fde68a}.comparador-vida h3{margin:0 0 14px}.vida-row{display:grid;grid-template-columns:150px 1fr 230px;gap:12px;align-items:center;margin:12px 0;color:var(--gray-200)}.vida-track{position:relative;height:14px;border-radius:999px;background:rgba(14,20,17,.9);border:1px solid rgba(126,182,138,.18);overflow:hidden}.vida-track i{position:absolute;top:2px;bottom:2px;border-radius:999px;background:linear-gradient(90deg,var(--celtic-400),var(--celtic-400));box-shadow:0 0 18px rgba(82,152,102,.35)}.vida-track i.destino{background:linear-gradient(90deg,var(--mineral-green),var(--celtic-400))}.vida-row em{font-style:normal;color:var(--gray-400)}.nota-vida{color:var(--gray-200);line-height:1.6}.seccion-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px}.seccion-cabecera h2{margin:4px 0 0}.seccion-cabecera button,.panel-historial button{border:1px solid rgba(126,182,138,.22);background:rgba(14,20,17,.72);color:var(--ivory-50);border-radius:999px;padding:10px 14px;cursor:pointer}.historial-vacio{color:var(--gray-400)}.historial-lista{display:grid;gap:10px}.historial-lista div{padding:12px 14px;border:1px solid rgba(126,182,138,.16);border-radius:16px;background:rgba(14,20,17,.48)}details summary{cursor:pointer;font-weight:900;color:var(--ivory-50);letter-spacing:.04em}.controles-tabla{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;margin:18px 0}.check-tabla{display:flex!important;align-items:center;gap:8px}.tabla-scroll{overflow:auto;border-radius:18px;border:1px solid rgba(126,182,138,.16)}table{width:100%;border-collapse:collapse;min-width:920px;background:rgba(5,7,6,.3)}th,td{text-align:left;padding:12px;border-bottom:1px solid rgba(126,182,138,.12);vertical-align:top}th{color:var(--celtic-300);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}td{color:var(--ivory-100);font-size:.92rem}.oculta{display:none}.educativo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.educativo-grid article{border:1px solid rgba(126,182,138,.16);border-radius:18px;padding:16px;background:rgba(14,20,17,.46)}.educativo-grid h3{margin:0 0 8px}.educativo-grid p{margin:0;color:var(--gray-200);line-height:1.55}@keyframes benzoFloat{to{transform:translate3d(28px,-30px,0) scale(1.08)}}@keyframes pulseArrow{50%{transform:scale(1.06);box-shadow:0 0 46px rgba(82,152,102,.25)}}@media (max-width:900px){.conversion-grid{grid-template-columns:1fr}.flecha-conversion{height:62px}.dos-columnas,.controles-tabla,.educativo-grid{grid-template-columns:1fr}.vida-row{grid-template-columns:1fr}.benzo-hero h1{font-size:clamp(2.2rem,13vw,4rem)}}