.selector-modalidad{
  display:grid;
  gap:20px;
  min-width:0;
}

.selector-modalidad__eyebrow{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border-radius:999px;
  background:#eaf5ff;
  color:var(--blue-dark,#06396f);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.selector-modalidad__titulo{
  font-size:clamp(1.75rem,4.4vw,2.45rem);
  line-height:1.05;
  letter-spacing:-.025em;
  margin-bottom:0;
}

.selector-modalidad__descripcion{
  color:#24425f;
  font-size:1.08rem;
  font-weight:700;
  line-height:1.45;
}

.selector-modalidad__botones{
  display:grid;
  width:100%;
  gap:16px;
}

.selector-modalidad__boton{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:76px;
  padding:16px 18px;
  border:2px solid transparent;
  border-radius:12px;
  background:var(--selector-color,#0866d9);
  color:#fff;
  font:900 1.12rem/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  box-shadow:0 14px 28px var(--selector-shadow,rgba(8,102,217,.24));
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease;
}

.selector-modalidad__boton--consultorio{
  --selector-color:#0866d9;
  --selector-hover:#0759be;
  --selector-shadow:rgba(8,102,217,.28);
  --selector-focus:rgba(8,102,217,.32);
}

.selector-modalidad__boton--domicilio{
  --selector-color:#12a86b;
  --selector-hover:#0f925d;
  --selector-shadow:rgba(18,168,107,.28);
  --selector-focus:rgba(18,168,107,.32);
}

.selector-modalidad__boton:hover{
  background:var(--selector-hover,var(--selector-color,#0866d9));
  box-shadow:0 18px 34px var(--selector-shadow,rgba(8,102,217,.24));
}

.selector-modalidad__boton:focus-visible{
  outline:4px solid var(--selector-focus,rgba(0,91,187,.28));
  outline-offset:3px;
}

.selector-modalidad__boton:active{
  transform:translateY(1px);
}

.selector-modalidad__boton.is-active,
.selector-modalidad__boton[aria-pressed="true"]{
  border-color:#fff;
  background:var(--selector-color,#0866d9);
  color:#fff;
  box-shadow:0 0 0 4px var(--selector-focus,rgba(0,91,187,.28)),0 18px 36px var(--selector-shadow,rgba(8,102,217,.28));
  transform:translateY(-1px);
}

.selector-modalidad__boton[aria-pressed="true"]::after{
  content:"✓";
  display:grid;
  place-items:center;
  margin-left:2px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:.9rem;
  font-weight:900;
  line-height:1;
}

.selector-modalidad__ayuda{
  color:var(--muted,#56677f);
  font-size:1rem;
  font-weight:600;
}

.modalidad-panel[hidden],
[data-detalle-modalidad][hidden]{
  display:none !important;
}

.modalidad-panel{
  scroll-margin-top:88px;
}

.modalidad-resumen{
  background:#eef7ff;
}

.modalidad-resumen .price-grid{
  align-items:stretch;
}

.modalidad-resumen .price-card{
  display:flex;
  flex-direction:column;
}

.modalidad-resumen .cta{
  margin-top:auto;
}

.faq-modalidad[hidden],
.faq-modalidad [data-faq-modalidad][hidden]{
  display:none !important;
}

@media (min-width:681px){
  .selector-modalidad__botones{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:680px){
  .hero{
    padding:18px 0 18px !important;
  }

  .hero-grid{
    gap:14px !important;
  }

  .eyebrow{
    display:none !important;
  }

  h1{
    font-size:1.34rem !important;
    margin-bottom:10px !important;
  }

  .lead{
    font-size:.92rem !important;
    line-height:1.38 !important;
  }

  .hero-card{
    padding:16px !important;
  }

  .hero-image{
    display:none !important;
  }

  .selector-modalidad{
    gap:9px;
  }

  .selector-modalidad__eyebrow{
    font-size:.68rem;
    padding:5px 8px;
  }

  .selector-modalidad__titulo{
    font-size:1.22rem;
  }

  .selector-modalidad__descripcion{
    font-size:.86rem;
    line-height:1.28;
  }

  .selector-modalidad__botones{
    grid-template-columns:1fr;
    gap:8px;
  }

  .selector-modalidad__boton{
    min-height:60px;
    font-size:1.08rem;
  }

  .selector-modalidad__ayuda{
    font-size:.94rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .selector-modalidad__boton{
    transition:none;
  }
}