/* MEDECAL · Capa de color e interacción, SIN cambios de estructura ni de cálculo.
   Paleta clínica: azul profundo, turquesa, verde esmeralda, violeta y coral discreto.
   No se reutilizan diseños ni imágenes de terceros. */
:root{
 --me-v-navy:#253e62;--me-v-azure:#2778c9;--me-v-teal:#0e967f;--me-v-green:#198563;
 --me-v-purple:#765ab9;--me-v-coral:#d16c67;--me-v-gold:#bb8443;
 --me-v-shadow:0 9px 25px rgba(39,73,109,.085);
 --me-v-border:#d9e6ed;
}
body{accent-color:var(--me-v-teal)}
.me-svg-icon{width:17px;height:17px;min-width:17px;flex:0 0 17px;display:inline-block;vertical-align:middle;pointer-events:none}
.me-icon-link,.me-icon-nav,.me-icon-tab,.me-icon-button,.me-icon-ion,.me-icon-subheading{display:inline-flex!important;align-items:center;gap:7px}
.me-icon-subheading{gap:7px}
.me-icon-subheading .me-svg-icon{width:14px;height:14px;min-width:14px;flex-basis:14px}
.me-icon-nav .me-svg-icon{width:15px;height:15px;min-width:15px;flex-basis:15px}
.me-icon-tab .me-svg-icon{width:16px;height:16px;min-width:16px;flex-basis:16px}
.me-icon-button .me-svg-icon{width:17px;height:17px}
.me-icon-ion .me-svg-icon{width:18px;height:18px}
.me-icon-empty{gap:6px}
#home-search-form button.me-icon-button,.mc-search-line button.me-icon-button{gap:9px}
body>.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #d7e7eb;box-shadow:0 3px 14px rgba(19,61,92,.065)}
body>.site-header .brand-symbol{
 background:linear-gradient(135deg,#274d7e,#159b88)!important;
 box-shadow:0 3px 12px rgba(13,110,139,.17);
 transition:transform .22s ease,box-shadow .22s ease
}
body>.site-header .brand:hover .brand-symbol{transform:rotate(-5deg) scale(1.05);box-shadow:0 5px 15px rgba(13,110,139,.24)}
body>.site-header .main-nav a:not(.me-nav-calculators){transition:color .19s,background .19s,border-color .19s; border-radius:8px}
body>.site-header .main-nav a[href="#catalogo"]:hover{color:#067f9c;background:#e9f9fc}
body>.site-header .main-nav a[href="#toxicos"]:hover{color:#765ab9;background:#f2effc}
body>.site-header .main-nav a[href="#bibliografia"]:hover{color:#91652c;background:#fbf5e7}
body>.site-header .main-nav a.me-nav-calculators{
 background:linear-gradient(122deg,#147e8d,#0c987b)!important;
 color:#fff!important;border:1px solid transparent!important;
 box-shadow:0 3px 11px rgba(19,131,124,.13);transition:transform .19s,box-shadow .19s
}
body>.site-header .main-nav a.me-nav-calculators:hover{transform:translateY(-1px);box-shadow:0 8px 19px rgba(19,131,124,.22)}
body>.site-header .main-nav a:focus-visible,.me-home-links a:focus-visible{outline:3px solid #70bce3;outline-offset:3px}
#contenido .hero{position:relative;isolation:isolate;overflow:hidden;background:
 radial-gradient(ellipse at 88% 13%,rgba(86,178,220,.10),transparent 47%),
 radial-gradient(ellipse at 16% 90%,rgba(58,187,142,.08),transparent 48%),
 linear-gradient(122deg,#f9fcff,#fff 61%,#f5fcf9)!important}
#contenido .hero::before,#contenido .hero::after{
 content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(2px);
 animation:me-v-orbit 17s ease-in-out infinite alternate;
}
#contenido .hero::before{right:-88px;top:13%;width:min(30vw,360px);aspect-ratio:1;
 background:radial-gradient(circle at 35% 35%,rgba(42,156,193,.15),rgba(80,209,158,.06) 52%,transparent 69%);}
#contenido .hero::after{right:10%;bottom:-170px;width:310px;height:310px;
 background:radial-gradient(circle,rgba(126,98,210,.075),transparent 72%);animation-duration:21s;animation-direction:alternate-reverse}
#contenido .hero-inner{position:relative;z-index:1}
#contenido .hero-kicker{color:#177e84!important;font-weight:850}
#contenido .hero h1{
 color:#254a65;
 background:linear-gradient(105deg,#263d62 2%,#276d97 35%,#168f81 70%,#28745c 98%);
 background-size:170% 100%;-webkit-background-clip:text;background-clip:text;
 -webkit-text-fill-color:transparent;background-position:45% 50%;animation:none;
}
#contenido .hero h1 .me-type-caret{-webkit-text-fill-color:#18a787;color:#18a787;animation:none}
/* Secuencia al cargar Inicio (~1,4 s); cada letra se detiene y no afecta otros módulos. */
#contenido #welcome-title{white-space:nowrap}
#contenido #welcome-title .me-hero-word,
#contenido #welcome-title .me-hero-letter{display:inline-block}
html.me-hero-intro-enabled #contenido #welcome-title .me-hero-letter{
 animation:me-hero-letter-enter 640ms cubic-bezier(.22,.8,.28,1) both;
 animation-delay:calc(var(--me-hero-order) * 105ms);
}
@keyframes me-hero-letter-enter{
 0%{opacity:0;transform:translate3d(0,16px,0) scale(.96)}
 70%{opacity:1;transform:translate3d(0,-2px,0) scale(1.008)}
 100%{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
 html.me-hero-intro-enabled #contenido #welcome-title .me-hero-letter{
  animation:none!important;opacity:1!important;transform:none!important
 }
}
#contenido .hero-description{color:#4e6f80}
#contenido .hero-search{transition:border-color .22s,box-shadow .22s,transform .22s;border-color:#c9dde6!important;box-shadow:0 7px 27px rgba(38,92,129,.045)!important}
#contenido .hero-search:focus-within{border-color:#29a69b!important;box-shadow:0 0 0 4px rgba(21,152,136,.105),0 12px 30px rgba(35,104,126,.09)!important}
#contenido .hero-search button{
 background:linear-gradient(120deg,#167f9f,#148f77)!important;
 box-shadow:0 2px 9px rgba(13,125,116,.13);transition:transform .2s,box-shadow .2s,filter .2s
}
#contenido .hero-search button:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 7px 18px rgba(13,125,116,.24)}
#contenido .me-home-links{gap:13px}
#contenido .me-home-links a{
 color:#28637c;border:1px solid #d6eaf0;border-radius:9px;padding:9px 13px;background:#ffffffcd;
 box-shadow:0 2px 8px rgba(51,99,118,.025);transition:background .2s,color .2s,transform .2s,box-shadow .2s,border .2s
}
#contenido .me-home-links a:nth-child(1){--me-link-color:#116e9d;--me-link-bg:#e9f6fc;--me-link-border:#c6e4f3}
#contenido .me-home-links a:nth-child(2){--me-link-color:#7553ab;--me-link-bg:#f3effa;--me-link-border:#ddd3f5}
#contenido .me-home-links a:nth-child(3){--me-link-color:#0c856c;--me-link-bg:#eaf9f2;--me-link-border:#c5eade}
#contenido .me-home-links a:hover{color:var(--me-link-color);background:var(--me-link-bg);border-color:var(--me-link-border);transform:translateY(-2px);box-shadow:0 7px 18px rgba(51,99,118,.09)}
#medecal-main .mc-section{background-image:radial-gradient(ellipse at 100% 0,rgba(52,152,179,.045),transparent 38%);background-repeat:no-repeat}
#catalogo .mc-page-head .mc-page-eyebrow,#catalogo .mc-section-title .section-kicker{color:#16749c}
#catalogo .mc-page-head h1{color:#27465d}
#catalogo .mc-search-wrap,#toxicos .mc-search-wrap,#bibliografia .mc-search-wrap{
 background:linear-gradient(130deg,#fff,#f8fcff);border:1px solid #e1edf2;border-radius:13px;
 padding:14px 16px;box-shadow:0 3px 15px rgba(46,98,120,.038)
}
#toxicos .section-kicker{color:#7755ae}
#toxicos .mc-tox-mode [data-tox-mode="farmacos"]{--me-chip-accent:#267cba}
#toxicos .mc-tox-mode [data-tox-mode="externos"]{--me-chip-accent:#775ab0}
#toxicos .mc-tox-mode [data-tox-mode="antidotos"]{--me-chip-accent:#19826c}
#toxicos .mc-tox-mode button{transition:transform .2s,box-shadow .2s,background .2s}
#toxicos .mc-tox-mode button:hover{transform:translateY(-1px);box-shadow:0 5px 13px rgba(54,78,115,.1)}
#toxicos .mc-tox-mode button.is-active{background:var(--me-chip-accent)!important;color:white!important;border-color:var(--me-chip-accent)!important;box-shadow:0 4px 13px rgba(65,79,110,.12)}
#bibliografia .section-kicker{color:#a27535}
#catalogo .mc-list-panel,#catalogo .mc-detail-panel,
#calculadoras .mc-form,#calculadoras .mc-results,
#toxicos .mc-list-panel,#toxicos .mc-detail-panel,.mc-protocol{
 border-color:#dce9ed!important;box-shadow:var(--me-v-shadow);transition:border-color .25s,box-shadow .25s
}
#catalogo .mc-list-panel:hover,#catalogo .mc-detail-panel:hover,
#calculadoras .mc-form:hover,#calculadoras .mc-results:hover{border-color:#bcdadc!important;box-shadow:0 10px 26px rgba(40,87,112,.10)}
.mc-drug-btn{transition:background .18s,transform .2s,box-shadow .2s,border-color .2s}
.mc-drug-btn:hover{transform:translateX(2px);box-shadow:inset 3px 0 #1c91ac}
.mc-drug-btn.active{box-shadow:inset 3px 0 #11856e!important}
.mc-tab.me-icon-tab[aria-selected=true]{background:linear-gradient(110deg,#247ab0,#12846d)!important;color:#fff!important;border-color:transparent}
.mc-tab.me-icon-tab:hover{border-color:#96cfc7}
.mc-evidence-item:nth-child(1){background:#f4f2fd!important;border-color:#e4dff9!important}
.mc-evidence-item:nth-child(1) strong{color:#65518c!important}
.mc-evidence-item:nth-child(2){background:#ecf7fc!important;border-color:#d5eaf4!important}
.mc-evidence-item:nth-child(2) strong{color:#2c6a88!important}
.me-calc-navigation button{position:relative;overflow:hidden;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s}
.me-calc-navigation button:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(27,117,108,.10)}
.me-calc-navigation button[data-me-color="cyan"]{--me-tab:#287eb5;--me-pale:#eaf5fc}
.me-calc-navigation button[data-me-color="mint"]{--me-tab:#138a79;--me-pale:#e6f8f1}
.me-calc-navigation button[data-me-color="violet"]{--me-tab:#7458ae;--me-pale:#f3eefc}
.me-calc-navigation button[data-me-color="amber"]{--me-tab:#a77633;--me-pale:#fcf4e9}
.me-calc-navigation button:not(.is-active):hover{border-color:var(--me-tab,#189b83)!important;background:var(--me-pale,#eaf9f2)!important;color:var(--me-tab,#108470)!important}
.me-calc-navigation button.is-active{background:var(--me-tab,#168876)!important;border-color:var(--me-tab,#168876)!important;color:white!important;box-shadow:0 5px 16px rgba(38,117,118,.15)}
.me-electro-tile{transition:transform .2s,box-shadow .2s,background .2s,border-color .2s!important}
.me-electro-tile[data-me-color="cyan"]{--me-ion-accent:#2684b6;--me-ion-wash:#eaf6fd}
.me-electro-tile[data-me-color="mint"]{--me-ion-accent:#138f7c;--me-ion-wash:#eaf8f1}
.me-electro-tile[data-me-color="violet"]{--me-ion-accent:#805cb8;--me-ion-wash:#f3effb}
.me-electro-tile[data-me-color="amber"]{--me-ion-accent:#b58139;--me-ion-wash:#fdf6e9}
.me-electro-tile[data-me-color="coral"]{--me-ion-accent:#bd695d;--me-ion-wash:#fdf1ed}
.me-electro-tile[data-me-color="blue"]{--me-ion-accent:#385d9c;--me-ion-wash:#ecf2fa}
.me-electro-tile:hover{border-color:var(--me-ion-accent,#208b79)!important;background:var(--me-ion-wash,#ebf7f2)!important;transform:translateY(-2px);box-shadow:0 9px 17px rgba(36,84,108,.085)}
.me-electro-tile.is-active{border-color:var(--me-ion-accent,#168a76)!important;background:var(--me-ion-wash,#e8f5ef)!important;box-shadow:inset 0 0 0 1px var(--me-ion-accent,#168a76)!important}
.me-electro-tile .me-svg-icon{color:var(--me-ion-accent,#157e71)}
#calculadoras .me-workflow-badge{background:linear-gradient(110deg,#e5f7fa,#e5f6ed)!important;color:#147b72}
#calculadoras .mc-form input:focus,#calculadoras .mc-form select:focus,.mc-search-line input:focus{
 border-color:#23a9a0!important;outline:0!important;box-shadow:0 0 0 3px rgba(33,160,149,.11)!important
}
#calculadoras .button.button-primary,.mc-search-line button{transition:filter .2s,transform .2s,box-shadow .2s}
#calculadoras .button.button-primary:hover,.mc-search-line button:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(33,137,136,.15)}
.me-value-tile,.me-gas-values .me-value-tile{border-left:3px solid #20a6a0}
.me-value-tile:nth-child(3n+2){border-left-color:#6486c3}
.me-value-tile:nth-child(3n){border-left-color:#a28bd5}
.me-value-tile strong{color:#137e73}
.me-disorder-card.me-out-range{border-left-color:#c9864d!important}
.me-disorder-card.me-in-range{border-left-color:#2ca87c!important}
.me-inline-guidance{box-shadow:0 3px 10px rgba(46,94,93,.04)}
.me-ref-link{color:#0d806e}
#bibliografia .mc-protocol-button:hover{border-color:#d9c08f;box-shadow:0 6px 15px rgba(132,112,72,.09)}
#calculadoras .me-gas-interpretation{box-shadow:0 5px 17px rgba(18,105,93,.05)}
.pg-card{box-shadow:0 9px 25px rgba(30,65,83,.075)}
.pg-card .pg-regulation{transition:transform .22s ease,box-shadow .22s ease}
.pg-card .pg-regulation:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(31,69,82,.07)}
/* Animated vector micro-feedback is decorative; never encodes a diagnostic status. */
.me-icon-nav .me-svg-icon,.me-icon-link .me-svg-icon,.me-icon-tab .me-svg-icon,.me-icon-ion .me-svg-icon{
 transition:transform .23s ease,opacity .23s ease;transform-origin:center
}
.me-icon-nav:hover .me-svg-icon,.me-icon-link:hover .me-svg-icon,
.me-icon-ion:hover .me-svg-icon{transform:translateY(-1px) rotate(-8deg) scale(1.13)}
.me-icon-tab.is-active .me-svg-icon,.me-icon-tab[aria-selected="true"] .me-svg-icon{
 animation:me-icon-pop .36s cubic-bezier(.2,.85,.2,1) both
}
.me-icon-button:hover .me-svg-icon{transform:scale(1.12);transition:transform .2s}
@keyframes me-icon-pop{from{transform:scale(.83);opacity:.75}70%{transform:scale(1.16)}to{transform:scale(1);opacity:1}}
/* Clinical color semantics remain defined by the pregnancy and electrolyte risk-status classes. */
@keyframes me-v-orbit{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-22px,-17px,0) scale(1.08)}}
@keyframes me-v-title{from{background-position:0 50%}to{background-position:100% 50%}}
@media(max-width:980px){body>.site-header .main-nav{gap:4px}.me-icon-nav{gap:5px}.me-icon-nav .me-svg-icon{width:14px;height:14px;min-width:14px;flex-basis:14px}}
@media(max-width:680px){
 #contenido .hero::before{right:-100px;top:12%;width:250px}
 #contenido .hero::after{display:none}
 #contenido .me-home-links{gap:7px}
 #contenido .me-home-links a{padding:9px 11px;font-size:12px}
 #catalogo .mc-search-wrap,#toxicos .mc-search-wrap,#bibliografia .mc-search-wrap{padding:12px}
 .me-icon-tab .me-svg-icon{width:15px;height:15px;min-width:15px;flex-basis:15px}
}
/* Animations never encode clinical information; full reduced-motion support. */
@media(prefers-reduced-motion:reduce){
 #contenido .hero::before,#contenido .hero::after,#contenido .hero h1,.pg-card,.me-icon-tab.is-active .me-svg-icon,.me-icon-tab[aria-selected="true"] .me-svg-icon{animation:none!important}
 .me-icon-tab .me-svg-icon,.me-icon-link .me-svg-icon,.me-icon-nav .me-svg-icon,.me-icon-ion .me-svg-icon,.me-icon-button .me-svg-icon,
 .me-icon-tab,.me-icon-link,.me-icon-nav,.me-electro-tile,.mc-drug-btn,
 .me-calc-navigation button,.pg-regulation{transition:none!important;transform:none!important}
 #contenido .hero h1{background-position:45% 50%}
}