/* Italmed 3.1 · acabado sobrio y profesional.
   Una sola gama (azul petróleo), fondos blancos, líneas finas, bordes de 12 px y sombras mínimas.
   Los colores de estado (FONASA, particular) pasan a un punto de color junto al texto. */
:root{--p-ink:#0f2a38;--p-brand:#0b5f86;--p-line:#d6e2e9;--p-bg:#f6f9fb;--p-tint:#e9f1f6;--p-r:12px}

/* ---- Portada: buscador + fachada ---- */
.s-hero{background:var(--p-bg)!important;border-bottom:1px solid var(--p-line)}
.s-hero--split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;max-width:none;margin:0;padding:48px max(24px,calc((100vw - 1180px)/2)) 56px;align-items:center;border:0;background:radial-gradient(900px 420px at 88% -10%,rgba(11,95,134,.12),transparent 60%),#f4f7fa!important}
.s-hero-main{min-width:0}
.s-hero--split .s-title,.s-hero--split .s-sub{text-align:left;margin-left:0}
.s-hero--split .s-modes,.s-hero--split .s-prev,.s-hero--split .s-chips{justify-content:flex-start}
.s-hero--split .s-search{max-width:none;margin:0}
.s-title{font-size:clamp(1.9rem,4.4vw,2.9rem);letter-spacing:-.035em;font-weight:800}
.s-promo{background:#fff!important;color:var(--p-ink)!important;border:1px solid var(--p-line);border-left:3px solid var(--p-brand);border-radius:var(--p-r)!important;justify-content:flex-start;text-align:left;padding:10px 14px!important;margin:0 0 18px!important;gap:10px!important;font-size:.9rem!important}
.s-promo em{margin-left:auto;color:var(--p-brand);font-weight:700}
.s-hero-visual{position:relative}
.s-hero--split .itm-hero-shape{display:none!important}
html body .itm-home-v5 .itm-hero-main-figure.itm-hero-facade{border:1px solid var(--p-line)!important;border-radius:16px!important;box-shadow:0 18px 40px rgba(15,42,56,.12)!important;transform:none!important}
html body .itm-home-v5 .itm-hero-facade img{aspect-ratio:4/3!important}
.itm-hero-chip{border:1px solid var(--p-line);border-radius:var(--p-r)!important;box-shadow:0 8px 20px rgba(15,42,56,.12)!important;animation:none!important}
.itm-hero-chip i{background:var(--p-tint)!important;color:var(--p-brand)!important;box-shadow:none!important;border-radius:10px!important}
html body .itm-home-v5 .itm-hero-status-card{border:1px solid var(--p-line);border-radius:var(--p-r)!important;box-shadow:0 8px 20px rgba(15,42,56,.1)!important;background:#fff!important}
html body .itm-home-v5 .itm-hero-status-card span{color:var(--p-brand)!important}
.itm-app-tiles{margin-top:18px}
@media (min-width:821px){.itm-app-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.itm-app-tiles a{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid var(--p-line);border-radius:var(--p-r);color:var(--p-ink);font-weight:700;text-decoration:none}.itm-app-tiles a i{color:var(--p-brand);font-size:1.4rem}}

/* ---- Controles del buscador ---- */
.s-modes,.s-prev{display:inline-flex;gap:0;background:#e6edf2;border-radius:10px;padding:3px;flex-wrap:nowrap;margin:0 0 12px}
.s-prev{margin:12px 0 10px}
.s-prev>span{padding:0 10px 0 8px;font-size:.85rem;color:var(--p-ink)}
.s-mode,.s-pv{border:0!important;background:transparent!important;color:var(--p-ink)!important;border-radius:8px!important;padding:9px 16px!important;font-weight:700;font-size:.9rem!important;white-space:nowrap}
.s-mode.is-on,.s-pv.is-on{background:#fff!important;color:var(--p-ink)!important;box-shadow:0 1px 3px rgba(15,42,56,.18)}
.s-box{border:1px solid #9fb6c4!important;border-radius:var(--p-r)!important;box-shadow:0 2px 8px rgba(15,42,56,.06)!important;padding:4px 16px!important}
.s-box:focus-within{border-color:var(--p-brand)!important;outline:3px solid rgba(11,95,134,.25)!important;outline-offset:0!important}
.s-chips button{border-radius:8px!important;background:#fff}
.s-card{border-radius:var(--p-r)!important;box-shadow:none!important;transform:none!important}
.s-card:hover{border-color:var(--p-brand);box-shadow:0 6px 18px rgba(15,42,56,.08)!important}
.s-more,.s-add{border-radius:8px!important}
.s-btn{border-radius:10px!important;box-shadow:none!important;font-weight:700!important}
.s-btn--p{background:var(--p-brand)!important}
.s-grid>div{background:var(--p-bg)!important;border-radius:10px!important}
.s-tray{border:1px solid var(--p-brand)!important;border-radius:var(--p-r)!important}
.s-miss{border-radius:var(--p-r)!important;border:1px dashed #9fb6c4!important}

/* ---- Etiquetas de cobertura: texto sobrio + punto de color ---- */
.s-cov,.itm-cov,.v5-mini-card-badge{display:inline-flex!important;align-items:center;gap:6px;background:#fff!important;color:var(--p-ink)!important;border:1px solid var(--p-line)!important;border-radius:6px!important;font-size:.72rem!important;font-weight:700!important;padding:3px 9px!important}
.s-cov::before,.itm-cov::before{content:"";width:8px;height:8px;border-radius:50%;background:#1c8a5a;flex:0 0 auto}
.s-cov.is-mix::before,.itm-cov--kinesiologia::before,.itm-cov--psicologia::before{background:#b36b00}
.s-cov.is-part::before,.itm-cov--medicina::before{background:#5b3fd0}
.v5-mini-card-badge::before{content:none}

/* ---- Servicios: panel lateral y tarjetas (se conserva el diseño original) ---- */
.v5-services-panel{background:var(--p-ink)!important;border-radius:16px!important;box-shadow:none!important}
.v5-services-panel h3,.v5-services-panel-label{color:#fff!important}
.v5-services-panel-label{background:transparent!important;letter-spacing:.1em;font-size:.72rem!important;padding:0!important}
.v5-services-panel-link{background:transparent!important;color:#e6f0f5!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:10px!important;box-shadow:none!important}
.v5-services-panel-link.is-active{background:#fff!important;color:var(--p-ink)!important;border-color:#fff!important}
.v5-services-panel-cta{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:10px!important}
.v5-mini-card{background:#fff!important;border:1px solid var(--p-line)!important;outline:0!important;border-radius:14px!important;box-shadow:none!important}
.v5-mini-card:hover{border-color:var(--p-brand)!important;box-shadow:0 8px 22px rgba(15,42,56,.08)!important;transform:none!important}
.v5-mini-card-icon{background:var(--p-tint)!important;color:var(--p-brand)!important;border-radius:10px!important;box-shadow:none!important}
.v5-mini-card-icon .ph-duotone{color:var(--p-brand)!important}
.v5-mini-btn{border-radius:10px!important}
.v5-mini-btn-primary{background:var(--p-brand)!important;color:#fff!important;box-shadow:none!important}
.v5-mini-btn-secondary{background:transparent!important;color:var(--p-ink)!important;box-shadow:none!important}
.v5-mini-card-price strong,.v5-mini-card-price b{color:var(--p-brand)!important}

/* ---- Etiquetas de sección, botones y tarjetas generales ---- */
.section-badge{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--p-brand)!important;text-transform:uppercase;letter-spacing:.09em;font-size:.74rem!important;font-weight:800!important;padding:0!important}
.btn-new-solid{border-radius:10px!important;background:var(--p-brand)!important;box-shadow:none!important}
.btn-new-ghost{border-radius:10px!important}
.itm-care-strip-card,.itm-home-blog-card,.v5-quick-card,.v5-widget-card{border-radius:14px!important;box-shadow:none!important;background:#fff!important;border:1px solid var(--p-line)!important;outline:0!important}
.itm-care-strip-card:hover,.itm-home-blog-card:hover{border-color:var(--p-brand)!important;transform:none!important}
.itm-convenio-logo,.itm-convenio-card{border:1px solid var(--p-line)!important;border-radius:14px!important;box-shadow:none!important}
.itm-ig{background:var(--p-ink)!important;border-radius:16px!important}
.itm-ig-actions a.is-ghost{border-radius:10px}
.itm-ig-actions a,.itm-promo a{border-radius:10px!important}
.itm-promo{background:#fff!important;color:var(--p-ink)!important;border:1px solid var(--p-line);border-left:3px solid var(--p-brand);box-shadow:none!important;border-radius:var(--p-r)!important}
.itm-promo a{background:var(--p-brand)!important;color:#fff!important}
.itm-bottom-bar a.is-main{border-radius:14px!important}
.itm-rx-links a,.s-links a{border-radius:8px!important}
.s-ig{background:var(--p-ink)!important;border-radius:16px!important}
.s-btn--ghost{border-radius:10px!important}
.s-cob-card,.s-area,.s-logo,.s-blog-card,.s-ficha,.s-group{border-radius:14px!important;box-shadow:none!important}
.s-cob-card{background:#fff!important;color:var(--p-ink)!important;border:1px solid var(--p-line)!important;border-left-width:4px!important}
.s-cob-card.is-n1{border-left-color:#1c8a5a!important}.s-cob-card.is-mix{border-left-color:#b36b00!important}.s-cob-card.is-part{border-left-color:#5b3fd0!important}
.s-cob-card i{color:var(--p-brand)!important}
.s-area:hover,.s-logo:hover{transform:none!important;border-color:var(--p-brand)!important;box-shadow:none!important}
.s-area i{color:var(--p-brand)}
.s-seo{max-width:900px}
.s-seo p{color:var(--p-ink);line-height:1.7;font-size:1.02rem}
.s-seo a{color:#0a5a82;font-weight:700}
.s-seo .s-links{margin-top:14px}
.s-faq{max-width:800px}
.s-faq details{border-bottom:1px solid var(--p-line);padding:14px 2px}
.s-faq summary{cursor:pointer;font-weight:700;color:var(--p-ink);list-style:none;display:flex;justify-content:space-between;gap:12px}
.s-faq summary::after{content:"+";font-size:1.3rem;color:var(--p-brand)}
.s-faq details[open] summary::after{content:"\2212"}
.s-faq details p{margin:10px 0 0;color:#2f4757;line-height:1.65}

@media (max-width:820px){
  .s-hero--split{grid-template-columns:1fr;gap:20px;padding:22px 16px 28px}
  .s-hero--split .s-title{font-size:1.75rem}
  .s-hero-visual{order:2}
  .s-modes{display:flex;width:100%}.s-mode{flex:1;justify-content:center}
  .s-prev{width:100%}
  html body .itm-home-v5 .itm-hero-facade img{aspect-ratio:16/9!important}
  .itm-hero-chip--sab{display:none!important}
}

/* los enlaces dentro del detalle no deben pintar el texto de los botones */
.s-detail a.s-btn--p,.s-detail a.s-btn--wa,.s-ficha a.s-btn--p,.s-ficha a.s-btn--wa,.s-where a.s-btn--p,.s-where a.s-btn--wa,.s-miss a.s-btn--wa,.s-tray a.s-btn--wa{color:#fff!important;text-decoration:none}
.s-detail a.s-btn--o,.s-ficha a.s-btn--o,.s-center a.s-btn--o{color:var(--p-brand)!important;text-decoration:none}
.s-ig a.s-btn--light{color:var(--p-ink)!important}.s-ig a.s-btn--ghost{color:#fff!important}

/* ---- Correcciones detectadas auditando la página real en el navegador ---- */
.btn-new-ghost{color:var(--p-brand)!important;border-color:var(--p-brand)!important}
.mobile-menu-label{color:#4b5563!important}
.itm-local-seo-section{background:var(--p-ink)!important}
.itm-local-seo-section .section-title,.itm-local-seo-section .section-subtitle,.itm-local-seo-section .section-badge,.itm-local-seo-section h2,.itm-local-seo-section p{color:#fff!important}
.itm-local-seo-section .itm-local-seo-grid a,.itm-local-seo-section .itm-local-seo-grid a:last-child{background:#fff!important;color:var(--p-ink)!important;border:1px solid var(--p-line)!important}
.itm-local-seo-section .itm-local-seo-grid a i{color:var(--p-brand)!important}
.itm-home-blog-card--empty p,.itm-home-blog-body p{color:#3d5565!important}

.itm-a11y span{display:none}.itm-a11y button{padding:9px}.itm-a11y{gap:8px}

/* ---- Celular: portada más compacta ---- */
@media (max-width:820px){
  .s-promo{padding:8px 12px!important;margin-bottom:12px!important;gap:6px!important;flex-wrap:wrap}
  .s-promo span{display:none}
  .s-promo em{margin-left:auto}
  .s-hero--split .s-title{font-size:1.6rem!important;margin-bottom:6px}
  .s-hero--split .s-sub{font-size:.9rem;margin-bottom:12px;line-height:1.45}
  .s-modes{display:flex!important;width:100%;margin-bottom:10px}
  .s-mode{flex:1 1 0;justify-content:center;padding:10px 6px!important;font-size:.82rem!important;white-space:normal;text-align:center;line-height:1.2}
  .s-prev{display:flex!important;flex-wrap:nowrap}
  .s-pv{flex:1;justify-content:center}
  .s-hero--split .s-note{display:none}
  .s-chips button{padding:8px 11px;font-size:.82rem}
  .itm-a11y{left:auto!important;right:8px;bottom:84px!important;flex-direction:row;opacity:.95}
  .itm-a11y button{padding:8px!important}
}
@media (max-width:820px){
  .pre-header .tag-horario{display:inline-flex!important}
  .pre-header .tag-horario .tag-text{display:inline!important;color:#fff!important;font-size:.74rem}
}

/* =====================================================================
   Italmed 3.2 · lenguaje visual tomado de SebaCTM (colega):
   Poppins en títulos, botones de 16 px con degradado, tarjetas con borde fino,
   etiqueta tipo "píldora con insignia", dock flotante en celular.
   ===================================================================== */
:root{--p-accent:#0b5f86;--p-accent2:#0a7a76;--p-line2:#eef2f6;--p-shadow:0 1px 2px rgba(15,42,61,.05),0 10px 30px rgba(15,42,61,.07);--p-shadow-lg:0 18px 48px rgba(15,42,61,.16)}
h1,h2,h3,.s-title,.s-btn,.btn-new,.v5-mini-btn,.s-area strong,.s-cob-card h3{font-family:Poppins,Manrope,system-ui,sans-serif}

/* etiqueta superior: píldora con insignia */
.s-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 14px 6px 6px;border-radius:99px;background:#fff;border:1px solid var(--p-line);color:var(--p-ink);font-size:.86rem;font-weight:600;text-decoration:none;box-shadow:var(--p-shadow)}
.s-eyebrow b{padding:4px 11px;border-radius:99px;background:#e6f1f7;color:#084a6a;font-weight:700;font-size:.78rem}
.s-eyebrow em{font-style:normal;color:var(--p-brand);font-weight:700}
.s-eyebrow:hover{border-color:var(--p-brand)}

/* hero claro */
.s-hero--split .s-title{color:var(--p-ink)!important;font-family:Poppins,Manrope,sans-serif;font-weight:700;font-size:clamp(2.1rem,4.6vw,3.5rem);letter-spacing:-.035em;line-height:1.06}
.s-hero--split .s-sub{color:#3b5163!important;font-size:1.08rem}
.s-hero--split .s-modes,.s-hero--split .s-prev{background:#e6edf2}
.s-hero--split .s-mode,.s-hero--split .s-pv,.s-hero--split .s-prev>span{color:var(--p-ink)!important}
.s-hero--split .s-mode.is-on,.s-hero--split .s-pv.is-on{background:#fff!important;color:var(--p-ink)!important}
.s-hero--split .s-status,.s-hero--split .s-note{color:#5b6e80}
.s-hero--split .s-note a{color:var(--p-brand)}
.s-hero--split .s-chips button{background:#fff;color:var(--p-ink);border-color:var(--p-line)}
.s-hero--split .s-chips button:hover{border-color:var(--p-brand);background:#fff;color:var(--p-brand)}
.s-box{border-radius:18px!important;min-height:64px}
.s-box i{color:var(--p-brand)}

/* escena derecha: fachada con tarjetas flotantes */
.s-hero-visual{position:relative!important;display:block!important;min-height:360px}
.s-hero-visual .itm-hero-main-figure{display:block!important;margin:0!important}
html body .itm-home-v5 .s-hero-visual .itm-hero-main-figure.itm-hero-facade{border:6px solid #fff!important;border-radius:28px!important;box-shadow:var(--p-shadow-lg)!important}
html body .itm-home-v5 .s-hero-visual .itm-hero-facade img{aspect-ratio:5/4!important;object-fit:cover}
.s-hero-visual .itm-hero-chip{position:absolute!important;width:auto!important;max-width:none!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.94)!important}
.s-hero-visual .itm-hero-chip--rx{left:-26px!important;top:26px!important}
.s-hero-visual .itm-hero-chip--sab{right:-18px!important;top:46%!important}
html body .itm-home-v5 .s-hero-visual .itm-hero-status-card{position:absolute!important;left:20px!important;right:20px!important;bottom:-22px!important;width:auto!important;max-width:none!important;border-radius:18px!important}

/* botones */
.s-btn,.btn-new,.v5-mini-btn{min-height:50px;border-radius:16px!important;font-weight:600!important;transition:transform .2s ease,box-shadow .2s ease}
.s-btn:hover,.btn-new:hover,.v5-mini-btn:hover{transform:translateY(-2px);filter:none}
.s-btn:active,.btn-new:active{transform:scale(.98)}
.s-btn--p,.btn-new-solid,.v5-mini-btn-primary{background:linear-gradient(135deg,var(--p-accent),var(--p-accent2))!important;color:#fff!important;box-shadow:0 8px 20px rgba(11,95,134,.28)!important;border:0!important}
.s-btn--o,.btn-new-ghost{background:#fff!important;color:var(--p-ink)!important;border:2px solid var(--p-line)!important}
.s-btn--o:hover,.btn-new-ghost:hover{border-color:var(--p-brand)!important}
.s-btn--wa{box-shadow:0 8px 20px rgba(11,122,59,.25)!important}

/* tarjetas */
.s-card,.v5-mini-card,.s-area,.s-cob-card,.s-blog-card,.itm-care-strip-card,.itm-home-blog-card,.s-group,.s-ficha{border:1px solid var(--p-line2)!important;border-radius:20px!important;box-shadow:var(--p-shadow)!important;background:#fff!important}
.s-card:hover,.v5-mini-card:hover,.s-area:hover,.itm-care-strip-card:hover,.itm-home-blog-card:hover{transform:translateY(-3px)!important;border-color:rgba(11,95,134,.3)!important;box-shadow:var(--p-shadow-lg)!important}
.s-cob-card{border-left-width:1px!important}
.s-cob-card::before{content:"";display:block;width:34px;height:4px;border-radius:4px;margin-bottom:12px;background:#1c8a5a}
.s-cob-card.is-mix::before{background:#b36b00}.s-cob-card.is-part::before{background:#5b3fd0}
.s-section>h2{font-family:Poppins,Manrope,sans-serif;font-weight:700;letter-spacing:-.03em}
.section-title{font-family:Poppins,Manrope,sans-serif!important;letter-spacing:-.03em!important}

/* bandas oscuras */
.itm-local-seo-section,.s-ig,.itm-ig{border-radius:28px!important}

/* celular: dock flotante */
@media (max-width:820px){
  .itm-bottom-bar{left:12px!important;right:12px!important;bottom:12px!important;border-radius:26px!important;border:1px solid var(--p-line)!important;background:rgba(255,255,255,.88)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;box-shadow:0 18px 48px rgba(15,42,61,.18)!important;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px))!important;height:auto!important}
  .s-hero--split{padding:26px 16px 30px!important;background:#f4f7fa!important}
  .s-hero-visual{display:none!important}
  .s-hero--split .s-title{font-size:1.75rem!important}
  .s-eyebrow{font-size:.8rem}
}
.s-hero-visual{align-self:start!important;margin-top:8px}
html body .itm-home-v5 .s-hero-visual .itm-hero-status-card{top:auto!important;height:auto!important;min-height:0!important;right:20px!important}
@media (min-width:1100px){.s-hero-visual{position:sticky!important;top:120px}}
.itm-a11y{left:auto!important;right:18px!important;bottom:100px!important;flex-direction:column}
@media (max-width:820px){.itm-a11y{bottom:100px!important;right:10px!important;flex-direction:row}}
@media (max-width:820px){html body:has(.itm-home-v5) .app-container.itm-home-v5 .s-hero-visual.itm-hero-visual-stage.v5-hero-aside{display:none!important}}

/* =====================================================================
   Italmed 3.3 · panel azul "Elige un área", botón de WhatsApp y efectos de SebaCTM
   ===================================================================== */
.itm-a11y{display:none!important}

/* ---- Panel "Elige un área": vuelve el azul con vidrio y brillo ---- */
.v5-services-panel{background:linear-gradient(155deg,#0a7ba5 0%,#0a6590 55%,#08496a 100%)!important;border-radius:22px!important;box-shadow:0 26px 54px rgba(8,73,106,.30)!important;overflow:hidden}
.v5-services-panel::before{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%);pointer-events:none}
.v5-services-panel-label{display:inline-block!important;background:rgba(6,38,58,.34)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28);border-radius:999px!important;padding:7px 14px!important;letter-spacing:.12em;font-size:.72rem!important}
.v5-services-panel h3{color:#fff!important;font-family:Poppins,Manrope,sans-serif;letter-spacing:-.02em}
.v5-services-panel-link{background:rgba(6,38,58,.34)!important;color:#fff!important;border:1px solid rgba(255,255,255,.26)!important;border-radius:999px!important;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.v5-services-panel-link:hover{background:rgba(6,38,58,.55)!important;border-color:#fff!important;transform:translateX(4px)}
.v5-services-panel-link.is-active{background:#0f2a38!important;color:#fff!important;border-color:#0f2a38!important;box-shadow:0 10px 22px rgba(6,38,58,.35)}
.v5-services-panel-cta{background:rgba(6,38,58,.34)!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important;border-radius:999px!important;transition:transform .2s ease,background .2s ease}
.v5-services-panel-cta:hover{background:#fff!important;color:#0a5a82!important;transform:translateY(-2px)}

/* ---- WhatsApp: botón flotante con halo, y botones de texto con degradado ---- */
.whatsapp-float{width:62px!important;height:62px!important;right:20px!important;bottom:22px!important;border-radius:50%!important;background:linear-gradient(145deg,#19a64c 0%,#0f7a3a 100%)!important;color:#fff!important;font-size:2rem!important;box-shadow:0 14px 30px rgba(15,122,58,.42),inset 0 1px 0 rgba(255,255,255,.35)!important;border:2px solid rgba(255,255,255,.85)!important;transition:transform .2s ease,box-shadow .2s ease}
.whatsapp-float:hover{transform:translateY(-3px) scale(1.06)}
.whatsapp-float::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(25,166,76,.55);animation:itm-ring 2.6s ease-out infinite;pointer-events:none}
.whatsapp-float::before{content:"¿Necesitas ayuda?";position:absolute;right:76px;top:50%;transform:translateY(-50%) translateX(8px);opacity:0;white-space:nowrap;background:#fff;color:#0f2a38;font:600 .84rem Poppins,Manrope,sans-serif;padding:9px 14px;border-radius:12px;box-shadow:0 10px 24px rgba(15,42,56,.18);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.whatsapp-float:hover::before{opacity:1;transform:translateY(-50%)}
@keyframes itm-ring{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.s-btn--wa,.itm-bottom-bar a.is-main{background:linear-gradient(145deg,#0c8239,#0a6630)!important;color:#fff!important;box-shadow:0 10px 22px rgba(13,110,53,.32)!important}
.itm-bottom-bar a.is-main{border:2px solid rgba(255,255,255,.9)}
@media (max-width:820px){.whatsapp-float{display:none!important}}

/* ---- Efectos de SebaCTM: entrada suave, flotado, brillo, vidrio ---- */
.js-reveal .itm-rv{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}
.js-reveal .itm-rv.is-in{opacity:1;transform:none}
@keyframes itm-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.s-hero-visual .itm-hero-chip--rx{animation:itm-float 7s ease-in-out infinite!important}
.s-hero-visual .itm-hero-chip--sab{animation:itm-float 8s ease-in-out -3s infinite!important}
@keyframes itm-glow{from{box-shadow:0 18px 48px rgba(15,42,61,.14)}to{box-shadow:0 22px 60px rgba(11,95,134,.30)}}
html body .itm-home-v5 .s-hero-visual .itm-hero-main-figure.itm-hero-facade{animation:itm-glow 4s ease-in-out infinite alternate}
.s-btn--p,.btn-new-solid,.v5-mini-btn-primary{position:relative;overflow:hidden}
.s-btn--p::after,.btn-new-solid::after,.v5-mini-btn-primary::after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s ease;pointer-events:none}
.s-btn--p:hover::after,.btn-new-solid:hover::after,.v5-mini-btn-primary:hover::after{left:120%}
.header-new{background:rgba(255,255,255,.84)!important;-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px)}
.s-box{transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}
.s-box:focus-within{transform:translateY(-2px);box-shadow:0 16px 40px rgba(11,95,134,.22)!important}
@media (prefers-reduced-motion:reduce){
  .js-reveal .itm-rv{opacity:1;transform:none;transition:none}
  .s-hero-visual .itm-hero-chip,html body .itm-home-v5 .s-hero-visual .itm-hero-main-figure.itm-hero-facade,.whatsapp-float::after{animation:none!important}
}
@media (max-width:1099px){.v5-services-panel{position:static!important;top:auto!important}}
@media (min-width:1100px){.v5-services-panel{position:sticky!important;top:110px!important}}

/* buscador: el campo no lleva borde propio (el borde es el de la caja) */
html body .s-box input,html body .s-box input:focus,html body .s-box input:focus-visible,html body .s-box input[type=search]{border:0!important;outline:0!important;outline-offset:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;min-height:0!important;height:auto!important;padding:16px 0!important;-webkit-appearance:none;appearance:none}
.s-box input::-webkit-search-cancel-button{-webkit-appearance:none}

/* ---- Íconos: azul cian más vivo y recuadro suave ---- */
:root{--p-icon:#0b86ad;--p-icon-bg:linear-gradient(135deg,#e2f4fa,#d6f0ef)}
.s-area i,.s-cob-card i,.s-facts i,.s-box i,.s-more i,.s-add i,.s-btn--o i,.s-links i,.s-group i,.itm-app-tiles a i,.itm-local-seo-grid a i,.v5-mini-card-icon .ph-duotone,.s-blog-media i,.s-kicker i,.s-tray-head i{color:var(--p-icon)!important}
.v5-mini-card-icon,.itm-hero-chip i,.s-area i{background:var(--p-icon-bg)!important;border:1px solid rgba(11,134,173,.18)}
.s-area i{display:inline-grid!important;place-items:center;width:46px;height:46px;border-radius:14px;font-size:1.7rem!important;margin-bottom:6px}
.itm-hero-chip i{color:var(--p-icon)!important}
.s-add{color:#0a5a82}
.s-add i{font-size:1.15rem}
.s-add.is-on i{color:var(--p-n1-fg,#065f46)!important}
.s-more:hover,.s-add:hover{border-color:var(--p-icon);background:#f1fafd}
.v5-mini-card-icon{width:46px!important;height:46px!important;border-radius:14px!important}
.v5-mini-card-icon .ph-duotone{font-size:1.6rem!important}

/* ---- Tu cotización: tarjeta renovada ---- */
.s-tray{position:sticky;bottom:92px;max-width:none!important;margin-top:18px;padding:0!important;border:1px solid var(--p-line)!important;border-radius:22px!important;box-shadow:0 22px 56px rgba(15,42,61,.20)!important;background:#fff!important;overflow:hidden}
.s-tray::before{content:"";display:block;height:5px;background:linear-gradient(90deg,#0b5f86,#0a7a76)}
.s-tray-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 8px}
.s-tray-head strong{display:flex;align-items:center;gap:10px;font:700 1.08rem Poppins,Manrope,sans-serif;color:var(--p-ink)}
.s-tray-ico{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--p-icon-bg,#e2f4fa);border:1px solid rgba(11,134,173,.18);font-size:1.3rem}
.s-tray-ico i{color:var(--p-icon,#0b86ad)}
.s-tray-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:99px;background:var(--p-brand);color:#fff;font:700 .78rem Poppins,sans-serif}
.s-tray-head button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--p-line);background:#fff;color:#3b5163;border-radius:10px;padding:7px 12px;font:600 .82rem Poppins,Manrope,sans-serif;text-decoration:none;cursor:pointer}
.s-tray-head button:hover{border-color:#b3261e;color:#b3261e}
.s-tray ul{list-style:none;margin:0;padding:4px 20px;max-height:220px;overflow:auto}
.s-tray li{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--p-line2,#eef2f6);font-size:.95rem;color:var(--p-ink);font-weight:500}
.s-tray li:last-child{border-bottom:0}
.s-tray li>i:first-child{color:#1c8a5a;font-size:1.2rem;flex:0 0 auto}
.s-tray li span{flex:1;min-width:0}
.s-tray li em{font-style:normal;font-weight:700;white-space:nowrap}
.s-tray li button{display:inline-grid;place-items:center;width:30px;height:30px;border:0;border-radius:9px;background:#f1f5f8;color:#3b5163;cursor:pointer;font-size:1rem}
.s-tray li button:hover{background:#fdecea;color:#b3261e}
.s-tray-total{display:flex;justify-content:space-between;align-items:center;margin:8px 20px 0;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#eaf6fb,#e4f4f1);color:var(--p-ink)}
.s-tray-total span{font:600 .95rem Poppins,Manrope,sans-serif}
.s-tray-total strong{font:700 1.6rem Poppins,Manrope,sans-serif;color:#084a6a;letter-spacing:-.02em}
.s-tray small{display:block;margin:10px 20px 0;color:#5b6e80;font-size:.8rem;line-height:1.45}
.s-tray-actions{display:flex;gap:10px;flex-wrap:wrap;padding:14px 20px 20px}
.s-tray-actions .s-btn{flex:1 1 200px}
@media (max-width:820px){.s-tray{bottom:96px;border-radius:20px!important}.s-tray-actions .s-btn{flex:1 1 100%}.s-tray ul{max-height:150px}}

/* ---- Tarjeta única (kinesiología, psicología, medicina): fila ordenada ---- */
.v5-mini-cards-grid--single .v5-mini-card{display:grid!important;grid-template-columns:auto 1fr auto;grid-template-areas:"top name actions" "top price actions" "top cov actions";align-items:center;column-gap:22px;row-gap:4px;padding:22px 26px!important}
.v5-mini-cards-grid--single .v5-mini-card-top{grid-area:top;margin:0!important}
.v5-mini-cards-grid--single .v5-mini-card-name{grid-area:name;font-family:Poppins,Manrope,sans-serif}
.v5-mini-cards-grid--single .v5-mini-card-price{grid-area:price;margin:0!important}
.v5-mini-cards-grid--single .itm-cov{grid-area:cov;justify-self:start;margin:4px 0 0!important}
.v5-mini-cards-grid--single .v5-mini-card-actions{grid-area:actions;display:flex!important;gap:10px;align-items:center;margin:0!important;flex-wrap:nowrap}
.v5-mini-cards-grid--single .v5-mini-btn{width:auto;white-space:nowrap;padding:12px 22px!important}
.v5-mini-btn-secondary{display:inline-flex!important;align-items:center;justify-content:center}
.v5-mini-card-consult{font-style:normal!important;color:#3b5163!important;font-weight:600}
@media (max-width:820px){
  .v5-mini-cards-grid--single .v5-mini-card{grid-template-columns:auto 1fr;grid-template-areas:"top name" "top price" "cov cov" "actions actions";padding:16px!important}
  .v5-mini-cards-grid--single .v5-mini-card-actions{flex-wrap:wrap}
  .v5-mini-cards-grid--single .v5-mini-btn{flex:1 1 140px}
}

/* ---- 3.4 · Más color por servicio (suave, con texto neutro) ---- */
:root{
  --k-rx:#0b86ad;--k-rx-bg:#e2f4fa;
  --k-eco:#6d4fd8;--k-eco-bg:#ece8fb;
  --k-lab:#0b8a5c;--k-lab-bg:#dcf5ea;
  --k-card:#c93a52;--k-card-bg:#fde6ea;
  --k-kine:#b86e00;--k-kine-bg:#fff0d4;
  --k-psi:#7c3aed;--k-psi-bg:#f0e8fd;
  --k-med:#3f5bd6;--k-med-bg:#e6ebfc;
}
/* iconos de las tarjetas de servicios (portada) */
.itm-cat-ecografias .v5-mini-card-icon{--c:var(--k-rx);--cb:var(--k-rx-bg)}
.itm-cat-laboratorio .v5-mini-card-icon{--c:var(--k-lab);--cb:var(--k-lab-bg)}
.itm-cat-cardiologia .v5-mini-card-icon{--c:var(--k-card);--cb:var(--k-card-bg)}
.itm-cat-medicina .v5-mini-card-icon{--c:var(--k-med);--cb:var(--k-med-bg)}
.itm-cat-kinesiologia .v5-mini-card-icon{--c:var(--k-kine);--cb:var(--k-kine-bg)}
.itm-cat-psicologia .v5-mini-card-icon{--c:var(--k-psi);--cb:var(--k-psi-bg)}
.v5-mini-card-icon{background:var(--cb,var(--k-rx-bg))!important;border-color:transparent!important}
.v5-mini-card-icon .ph-duotone{color:var(--c,var(--k-rx))!important}
.itm-cat-ecografias .v5-mini-card:hover{border-color:var(--k-rx)!important}
.itm-cat-laboratorio .v5-mini-card:hover{border-color:var(--k-lab)!important}
.itm-cat-cardiologia .v5-mini-card:hover{border-color:var(--k-card)!important}
.itm-cat-medicina .v5-mini-card:hover{border-color:var(--k-med)!important}
.itm-cat-kinesiologia .v5-mini-card:hover{border-color:var(--k-kine)!important}
.itm-cat-psicologia .v5-mini-card:hover{border-color:var(--k-psi)!important}
.v5-mini-card:hover .v5-mini-card-icon{transform:rotate(-6deg) scale(1.08)}
.v5-mini-card-icon{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
/* puntos de color en el panel azul */
.v5-services-panel-link::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:10px;vertical-align:1px;background:#7fe0ff}
.v5-services-panel-link[data-k=ecografias]::before{background:#7fe0ff}
.v5-services-panel-link[data-k=laboratorio]::before{background:#6ee7b0}
.v5-services-panel-link[data-k=cardiologia]::before{background:#ff9aa9}
.v5-services-panel-link[data-k=medicina]::before{background:#a9b8ff}
.v5-services-panel-link[data-k=kinesiologia]::before{background:#ffd27a}
.v5-services-panel-link[data-k=psicologia]::before{background:#d2b5ff}
/* avisos de la portada y atajos */
.itm-hero-chip--sab i{background:var(--k-kine-bg)!important;color:var(--k-kine)!important}
.itm-hero-chip--sab i::before,.itm-hero-chip--sab i::after{color:var(--k-kine)}
.itm-app-tiles a:nth-child(1) i{color:var(--k-rx)!important}
.itm-app-tiles a:nth-child(2) i{color:var(--k-eco)!important}
.itm-app-tiles a:nth-child(3) i{color:var(--k-lab)!important}
.itm-app-tiles a:nth-child(4) i{color:var(--k-card)!important}
.itm-local-seo-grid a:nth-child(1) i{color:var(--k-eco)!important}
.itm-local-seo-grid a:nth-child(2) i{color:var(--k-rx)!important}
.itm-local-seo-grid a:nth-child(3) i{color:var(--k-lab)!important}
.itm-local-seo-grid a:nth-child(4) i{color:var(--k-card)!important}
.s-cob-card.is-n1 i{color:var(--k-lab)!important}.s-cob-card.is-mix i{color:var(--k-kine)!important}.s-cob-card.is-part i{color:var(--k-med)!important}
.s-eyebrow b{background:var(--k-psi-bg);color:#5b21b6}

/* resultados del buscador: ícono de color por grupo + acento lateral */
.s-ico{flex:0 0 auto;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;font-size:1.5rem;background:var(--k-rx-bg);color:var(--k-rx);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.s-ico i{color:inherit!important}
.s-card-top{align-items:center!important;gap:14px}
.s-card-top .s-card-name{flex:1;min-width:0}
.s-card.g-eco .s-ico{background:var(--k-eco-bg);color:var(--k-eco)}
.s-card.g-lab .s-ico{background:var(--k-lab-bg);color:var(--k-lab)}
.s-card.g-card .s-ico{background:var(--k-card-bg);color:var(--k-card)}
.s-card.g-kine .s-ico{background:var(--k-kine-bg);color:var(--k-kine)}
.s-card.g-psi .s-ico{background:var(--k-psi-bg);color:var(--k-psi)}
.s-card.g-med .s-ico{background:var(--k-med-bg);color:var(--k-med)}
.s-card{border-left:4px solid var(--k-rx)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.s-card.g-eco{border-left-color:var(--k-eco)!important}.s-card.g-lab{border-left-color:var(--k-lab)!important}.s-card.g-card{border-left-color:var(--k-card)!important}
.s-card.g-kine{border-left-color:var(--k-kine)!important}.s-card.g-psi{border-left-color:var(--k-psi)!important}.s-card.g-med{border-left-color:var(--k-med)!important}
.s-card:hover .s-ico{transform:rotate(-8deg) scale(1.1)}
@media (max-width:820px){.s-card-top{flex-direction:row!important;flex-wrap:wrap}.s-price{text-align:left!important;width:100%}}

/* ---- 3.4 · Más animaciones al pasar el mouse (buscador, /examenes/ y fichas) ---- */
.s-chips button,.s-mode,.s-pv,.s-more,.s-add,.s-links a,.s-group summary,.s-btn,.s-box,.s-tray li{transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.s-chips button:hover{transform:translateY(-3px);border-color:var(--p-brand);color:var(--p-brand);box-shadow:0 8px 18px rgba(11,95,134,.16)}
.s-chips button:active,.s-mode:active,.s-pv:active,.s-more:active,.s-add:active{transform:scale(.96)}
.s-mode:hover:not(.is-on),.s-pv:hover:not(.is-on){background:rgba(255,255,255,.7)!important;transform:translateY(-1px)}
.s-more:hover,.s-add:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(11,134,173,.18)}
.s-more i{transition:transform .25s ease}.s-more:hover i{transform:translateY(2px)}.s-more.is-open:hover i{transform:rotate(180deg) translateY(2px)}
.s-add:hover i{transform:rotate(90deg) scale(1.15);transition:transform .25s ease}
.s-box:hover{border-color:var(--p-brand)!important;box-shadow:0 12px 30px rgba(11,95,134,.16)!important}
.s-box:hover i{transform:scale(1.12) rotate(-6deg);transition:transform .25s ease}
.s-links a{position:relative;overflow:hidden}
.s-links a::after{content:"→";margin-left:0;opacity:0;max-width:0;display:inline-block;transition:max-width .25s ease,opacity .25s ease,margin .25s ease}
.s-links a:hover{background:linear-gradient(135deg,var(--p-accent,#0b5f86),var(--p-accent2,#0a7a76))!important;color:#fff!important;border-color:transparent!important;transform:translateY(-3px);box-shadow:0 10px 22px rgba(11,95,134,.28)}
.s-links a:hover::after{opacity:1;max-width:20px;margin-left:8px}
.s-group{transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}
.s-group:hover{border-color:var(--p-brand)!important;box-shadow:0 12px 28px rgba(15,42,61,.12)!important;transform:translateY(-2px)}
.s-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:6px 0}
.s-group summary::-webkit-details-marker{display:none}
.s-group summary::after{content:"+";font-size:1.5rem;color:var(--p-brand);transition:transform .3s ease}
.s-group[open] summary::after{transform:rotate(45deg)}
.s-group summary:hover{color:var(--p-brand)}
.s-group[open] .s-links{animation:itm-open .35s ease both}
@keyframes itm-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.s-results .s-card{animation:itm-pop .28s cubic-bezier(.2,.8,.2,1) both}
.s-results .s-card:nth-child(2){animation-delay:.04s}.s-results .s-card:nth-child(3){animation-delay:.08s}.s-results .s-card:nth-child(4){animation-delay:.12s}
@keyframes itm-pop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.s-tray li:hover{background:#f6fafc;transform:translateX(3px)}
.s-detail{animation:itm-open .3s ease both}
.s-facts li{transition:transform .2s ease}.s-facts li:hover{transform:translateX(4px)}
.s-ficha .s-grid>div{transition:transform .2s ease,box-shadow .2s ease}.s-ficha .s-grid>div:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(15,42,61,.10)}
@media (prefers-reduced-motion:reduce){.s-results .s-card,.s-detail,.s-group[open] .s-links{animation:none!important}.s-chips button:hover,.s-card:hover,.s-links a:hover,.s-group:hover{transform:none!important}}

/* tarjeta única: ocupa todo el ancho */
.v5-mini-cards-grid.v5-mini-cards-grid--single{grid-template-columns:minmax(0,1fr)!important}

.menu-link{white-space:nowrap}
.v5-services-panel-link{justify-content:flex-start!important;text-align:left!important}
.v5-services-panel-link::after{margin-left:auto}

/* =====================================================================
   Italmed 3.4.1 · accesos rápidos (Reservar / Rayos X / Cotizar / Resultados)
   ahora bajo la tarjeta "FONASA Nivel 1" en escritorio. En celular siguen
   debajo del buscador (la columna visual está oculta ahí).
   ===================================================================== */
@media (min-width:821px){
  .s-hero--split{grid-template-rows:auto 1fr;row-gap:0}
  .s-hero--split>.s-hero-main{grid-column:1;grid-row:1 / span 2}
  .s-hero--split>.s-hero-visual{grid-column:2;grid-row:1;position:relative!important;top:auto!important}
  .s-hero--split>.itm-app-tiles{grid-column:2;grid-row:2;align-self:start;margin-top:42px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .s-hero--split>.itm-app-tiles a{flex-direction:column;justify-content:center;gap:6px;padding:14px 6px;min-height:76px;text-align:center;font-size:.9rem;line-height:1.2;box-shadow:0 6px 16px rgba(15,42,56,.07);transition:transform .15s ease,box-shadow .15s ease}
  .s-hero--split>.itm-app-tiles a span{white-space:nowrap}
  .s-hero--split>.itm-app-tiles a i{font-size:1.6rem}
  .s-hero--split>.itm-app-tiles a:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,42,56,.12)}
}
@media (max-width:820px){
  .s-hero--split>.itm-app-tiles{margin-top:0}
}
