.elementor-899 .elementor-element.elementor-element-e5d7db6{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-899 .elementor-element.elementor-element-4c3d666 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}@media(min-width:768px){.elementor-899 .elementor-element.elementor-element-e5d7db6{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-4c3d666 */.ona-home,
.ona-home p,
.ona-home span,
.ona-home a,
.ona-home li,
.ona-home button,
.ona-home label,
.ona-home input,
.ona-home textarea {
  font-family: 'Inter', Arial, sans-serif !important;
}

.ona-home h1,
.ona-home h2,
.ona-home h3,
.ona-home h4,
.ona-home h5,
.ona-home h6,
.ona-home .ona-title,
.ona-home .ona-stat-value,
.ona-home .ona-service-card h3,
.ona-home .ona-symptom-panel h3,
.ona-home .ona-tech-item strong,
.ona-home .ona-reviews-brand strong,
.ona-home .ona-floating-card strong,
.ona-home .ona-faq-question {
  font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
}

/* Pesos del diseño original */
.ona-home .ona-hero h1 {
  font-weight: 800 !important;
}

.ona-home .ona-title {
  font-weight: 700 !important;
}

.ona-home .ona-surgery-card .ona-title {
  font-weight: 700 !important;
}

.ona-home .ona-service-card h3,
.ona-home .ona-stat-card h3,
.ona-home .ona-symptom-panel h3 {
  font-weight: 700 !important;
}

.ona-home .ona-faq-question,
.ona-home .ona-eyebrow,
.ona-home .ona-stat-label,
.ona-home .ona-service-card a,
.ona-home .ona-panel-list span,
.ona-home .ona-panel-cta {
  font-weight: 800 !important;
}

/* Elementor a veces aplica font-weight heredado sobre strong */
.ona-home strong,
.ona-home b {
  font-weight: 800 !important;
}

:root {
  --ona-primary: #6F7CEB;
  --ona-secondary: #283A63;
  --ona-accent: #7FCFD1;
  --ona-cta-solid: #6F7CEB;
  --ona-bg: #FCFCFE;
  --ona-soft: #F5F3FD;
  --ona-soft-blue: #EEF9FD;
  --ona-white: #FFFFFF;
  --ona-text: #354052;
  --ona-muted: #6B7484;
  --ona-border: #E6E8F6;
  --ona-shadow: rgba(40, 58, 99, 0.10);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  color: var(--ona-text);
  background: var(--ona-bg);
}

.ona-home {
  overflow: hidden;
  background: var(--ona-bg);
}

.ona-container {
  width: min(1180px, 92%);
  margin: 0 auto;
}

.ona-section {
  padding: 96px 0;
}

.ona-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--ona-primary);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.ona-eyebrow::before {
  content: "";
  width: 28px;
  height: 2px;
  border-radius: 20px;
  background: linear-gradient(90deg, var(--ona-primary), var(--ona-accent));
}

.ona-title {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(34px, 4vw, 50px);
  line-height: 1.1;
  letter-spacing: -1.1px;
  color: var(--ona-secondary);
  margin: 0 0 22px;
}

.ona-text {
  font-size: 18px;
  line-height: 1.75;
  color: var(--ona-muted);
  margin: 0;
}

.ona-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 34px;
}

.ona-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 29px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  transition: all .3s ease;
}

.ona-btn-primary {
  color: var(--ona-white);
  background: var(--ona-cta-solid);
  box-shadow: 0 18px 38px rgba(111, 124, 235, .28);
}

.ona-btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 48px rgba(111, 124, 235, .36);
}

.ona-btn-secondary {
  color: var(--ona-secondary);
  background: var(--ona-white);
  border: 1px solid var(--ona-border);
  box-shadow: 0 12px 30px var(--ona-shadow);
}

.ona-btn-secondary:hover {
  transform: translateY(-3px);
  color: var(--ona-primary);
}

/* HERO */
.ona-hero {
  min-height: 780px;
  display: flex;
  align-items: center;
  position: relative;
  background:
    radial-gradient(circle at 88% 10%, rgba(127, 207, 209, .30), transparent 28%),
    radial-gradient(circle at 10% 88%, rgba(111, 124, 235, .12), transparent 30%),
    linear-gradient(180deg, #FCFCFE 0%, #F5F3FD 100%);
}

.ona-hero::before {
  content: "";
  position: absolute;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  right: -190px;
  bottom: -150px;
  background: rgba(127, 207, 209, .16);
}

.ona-hero::after {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  left: -90px;
  top: 160px;
  background: rgba(111, 124, 235, .10);
}

.ona-hero-grid {
  display: grid;
  grid-template-columns: 1.03fr .97fr;
  gap: 68px;
  align-items: center;
  position: relative;
  z-index: 2;
}

.ona-hero h1 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(43px, 6vw, 70px);
  line-height: 1.02;
  letter-spacing: -2px;
  color: var(--ona-secondary);
  margin: 0 0 24px;
}

.ona-hero h1 span {
  color: var(--ona-primary);
}

.ona-hero p {
  font-size: 20px;
  line-height: 1.76;
  color: var(--ona-muted);
  max-width: 680px;
}

.ona-hero-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 28px;
}

.ona-mini-pill {
  padding: 11px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  border: 1px solid var(--ona-border);
  color: var(--ona-secondary);
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 12px 28px rgba(40,58,99,.06);
}

.ona-hero-card {
  position: relative;
  padding: 12px;
  border-radius: 44px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(255,255,255,.95);
  box-shadow: 0 34px 90px rgba(40,58,99,.13);
}

.ona-hero-card::before {
  content: "";
  position: absolute;
  inset: 24px -24px -24px 24px;
  border-radius: 44px;
  background: linear-gradient(135deg, rgba(111,124,235,.16), rgba(127,207,209,.24));
  z-index: -1;
}

.ona-hero-card img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  display: block;
  border-radius: 34px;
}

.ona-floating-card {
  position: absolute;
  left: -34px;
  bottom: 36px;
  width: 315px;
  padding: 23px;
  border-radius: 28px;
  background: var(--ona-white);
  border: 1px solid var(--ona-border);
  box-shadow: 0 22px 58px rgba(40,58,99,.14);
}

.ona-floating-card strong {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 21px;
  color: var(--ona-secondary);
  margin-bottom: 7px;
}

.ona-floating-card span {
  display: block;
  color: var(--ona-muted);
  line-height: 1.55;
}

/* CIRUGÍAS */
.ona-surgery {
  background: var(--ona-white);
  position: relative;
}

.ona-surgery-grid {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 70px;
  align-items: center;
}

.ona-surgery-media {
  position: relative;
}

.ona-surgery-media::before {
  content: "";
  position: absolute;
  inset: 28px -24px -24px 28px;
  border-radius: 42px;
  background: rgba(127,207,209,.22);
  z-index: 0;
}

.ona-surgery-media img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 510px;
  object-fit: cover;
  border-radius: 42px;
  box-shadow: 0 28px 70px rgba(40,58,99,.12);
}

.ona-surgery-card {
  padding: 44px;
  border-radius: 38px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F5F3FD 100%);
  border: 1px solid var(--ona-border);
  box-shadow: 0 18px 48px rgba(40,58,99,.07);
}

.ona-surgery-list {
  display: grid;
  gap: 14px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.ona-surgery-list li {
  position: relative;
  padding-left: 30px;
  color: var(--ona-secondary);
  font-weight: 700;
  line-height: 1.55;
}

.ona-surgery-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--ona-primary);
  font-weight: 900;
}

/* TRUST */
.ona-trust {
  background:
    radial-gradient(circle at top left, rgba(127,207,209,.18), transparent 32%),
    linear-gradient(180deg, #FFFFFF 0%, #F5F3FD 100%);
}

.ona-trust-shell {
  padding: 52px;
  border-radius: 42px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(230,232,246,.9);
  box-shadow: 0 26px 70px rgba(40,58,99,.08);
}

.ona-trust-head {
  max-width: 760px;
  margin: 0 auto 38px;
  text-align: center;
}

.ona-trust-head .ona-eyebrow {
  justify-content: center;
}

.ona-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  max-width: 760px;
  margin: 0 auto;
}

.ona-stat-card {
  position: relative;
  overflow: hidden;
  min-height: 250px;
  padding: 32px 28px;
  border-radius: 32px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F8F8FE 100%);
  border: 1px solid var(--ona-border);
  box-shadow: 0 18px 45px rgba(40,58,99,.07);
}

.ona-stat-card::before {
  content: "";
  position: absolute;
  inset: auto -40px -80px auto;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: rgba(127,207,209,.16);
}

.ona-stat-label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(111,124,235,.08);
  color: var(--ona-primary);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ona-stat-value {
  position: relative;
  z-index: 1;
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1;
  color: var(--ona-secondary);
  margin-bottom: 14px;
}

.ona-stat-card h3 {
  position: relative;
  z-index: 1;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 24px;
  line-height: 1.18;
  color: var(--ona-secondary);
  margin: 0 0 10px;
}

.ona-stat-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--ona-muted);
  line-height: 1.7;
}

/* SERVICES */
.ona-services {
  background:
    radial-gradient(circle at top left, rgba(127,207,209,.16), transparent 30%),
    radial-gradient(circle at bottom right, rgba(111,124,235,.10), transparent 32%),
    linear-gradient(180deg, #FFFFFF 0%, #EEF9FD 100%);
}

.ona-center {
  max-width: 830px;
  margin: 0 auto 58px;
  text-align: center;
}

.ona-center .ona-eyebrow {
  justify-content: center;
}

.ona-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.ona-service-card {
  position: relative;
  min-height: 260px;
  padding: 36px;
  border-radius: 36px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(230,232,246,.9);
  box-shadow: 0 16px 42px rgba(40,58,99,.06);
  transition: all .3s ease;
}

.ona-service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 28px 68px rgba(40,58,99,.13);
  border-color: rgba(127,207,209,.65);
}

.ona-service-icon {
  width: 54px;
  height: 54px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 70% 30%, rgba(127,207,209,.95), transparent 35%),
    linear-gradient(135deg, rgba(111,124,235,.95), rgba(127,207,209,.55));
  margin-bottom: 22px;
}

.ona-service-icon::before {
  content: "";
  width: 29px;
  height: 29px;
  display: block;
  background: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Iconos de especialidades */
.ona-services-grid .ona-service-card:nth-child(1) .ona-service-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5Zm0 12.5a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm0-2.2a2.8 2.8 0 1 0 0-5.6 2.8 2.8 0 0 0 0 5.6Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5Zm0 12.5a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm0-2.2a2.8 2.8 0 1 0 0-5.6 2.8 2.8 0 0 0 0 5.6Z'/%3E%3C/svg%3E");
}

.ona-services-grid .ona-service-card:nth-child(2) .ona-service-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17a7 7 0 0 1 0-14v14Zm1.5-.18V5.18A7 7 0 0 1 13.5 18.82Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17a7 7 0 0 1 0-14v14Zm1.5-.18V5.18A7 7 0 0 1 13.5 18.82Z'/%3E%3C/svg%3E");
}

.ona-services-grid .ona-service-card:nth-child(3) .ona-service-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 2.07A8.02 8.02 0 0 1 19.93 11H13V4.07ZM11 4.07V11H4.07A8.02 8.02 0 0 1 11 4.07ZM4.07 13H11v6.93A8.02 8.02 0 0 1 4.07 13ZM13 19.93V13h6.93A8.02 8.02 0 0 1 13 19.93Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 2.07A8.02 8.02 0 0 1 19.93 11H13V4.07ZM11 4.07V11H4.07A8.02 8.02 0 0 1 11 4.07ZM4.07 13H11v6.93A8.02 8.02 0 0 1 4.07 13ZM13 19.93V13h6.93A8.02 8.02 0 0 1 13 19.93Z'/%3E%3C/svg%3E");
}

.ona-services-grid .ona-service-card:nth-child(4) .ona-service-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5Zm0 13a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11Zm0-8.3a2.8 2.8 0 1 0 0 5.6 2.8 2.8 0 0 0 0-5.6Zm-9.2-6L4.2 1.8l18 18-1.4 1.4-18-18Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5Zm0 13a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11Zm0-8.3a2.8 2.8 0 1 0 0 5.6 2.8 2.8 0 0 0 0-5.6Zm-9.2-6L4.2 1.8l18 18-1.4 1.4-18-18Z'/%3E%3C/svg%3E");
}

.ona-services-grid .ona-service-card:nth-child(5) .ona-service-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 12c0-4.42 2.69-8 6-8s6 3.58 6 8-2.69 8-6 8-6-3.58-6-8Zm3.2 0c0 2.65 1.25 4.8 2.8 4.8s2.8-2.15 2.8-4.8S13.55 7.2 12 7.2 9.2 9.35 9.2 12ZM2 12c0-3.72 2.12-6.95 5.2-8.55A11.7 11.7 0 0 0 4 12c0 3.28 1.22 6.37 3.2 8.55C4.12 18.95 2 15.72 2 12Zm14.8 8.55A11.7 11.7 0 0 0 20 12c0-3.28-1.22-6.37-3.2-8.55C19.88 5.05 22 8.28 22 12s-2.12 6.95-5.2 8.55Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 12c0-4.42 2.69-8 6-8s6 3.58 6 8-2.69 8-6 8-6-3.58-6-8Zm3.2 0c0 2.65 1.25 4.8 2.8 4.8s2.8-2.15 2.8-4.8S13.55 7.2 12 7.2 9.2 9.35 9.2 12ZM2 12c0-3.72 2.12-6.95 5.2-8.55A11.7 11.7 0 0 0 4 12c0 3.28 1.22 6.37 3.2 8.55C4.12 18.95 2 15.72 2 12Zm14.8 8.55A11.7 11.7 0 0 0 20 12c0-3.28-1.22-6.37-3.2-8.55C19.88 5.05 22 8.28 22 12s-2.12 6.95-5.2 8.55Z'/%3E%3C/svg%3E");
}

.ona-services-grid .ona-service-card:nth-child(6) .ona-service-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2S5.5 9.1 5.5 14.2A6.5 6.5 0 0 0 18.5 14.2C18.5 9.1 12 2 12 2Zm0 17a4.5 4.5 0 0 1-4.5-4.5c0-2.56 2.55-6.28 4.5-8.73 1.95 2.45 4.5 6.17 4.5 8.73A4.5 4.5 0 0 1 12 19Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2S5.5 9.1 5.5 14.2A6.5 6.5 0 0 0 18.5 14.2C18.5 9.1 12 2 12 2Zm0 17a4.5 4.5 0 0 1-4.5-4.5c0-2.56 2.55-6.28 4.5-8.73 1.95 2.45 4.5 6.17 4.5 8.73A4.5 4.5 0 0 1 12 19Z'/%3E%3C/svg%3E");
}

.ona-service-card h3 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 24px;
  color: var(--ona-secondary);
  margin: 0 0 12px;
}

.ona-service-card p {
  color: var(--ona-muted);
  line-height: 1.7;
  margin: 0 0 22px;
}

.ona-service-card a {
  color: var(--ona-primary);
  font-weight: 900;
  text-decoration: none;
}

/* SYMPTOMS - 3D INTERACTIVE EYE - PREMIUM VERSION */
.ona-symptoms {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(127,207,209,.26), transparent 34%),
    linear-gradient(135deg, #283A63 0%, #6F7CEB 100%);
  color: var(--ona-white);
}

.ona-symptoms .ona-eyebrow {
  color: #C6F3F1;
}

.ona-symptoms .ona-title {
  color: var(--ona-white);
}

.ona-symptoms::before {
  content: "";
  position: absolute;
  inset: 80px auto auto -130px;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  background: rgba(127,207,209,.11);
  filter: blur(2px);
}

.ona-symptoms::after {
  content: "";
  position: absolute;
  right: -150px;
  bottom: -160px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: rgba(111,124,235,.10);
  filter: blur(2px);
}

.ona-eye-interactive {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
  gap: 38px;
  align-items: stretch;
  margin-top: 48px;
}

.ona-eye-stage {
  position: relative;
  min-height: 650px;
  border-radius: 46px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.98) 0 34%, rgba(255,255,255,.74) 35% 58%, rgba(238,249,253,.80) 100%);
  border: 1px solid rgba(230,232,246,.95);
  box-shadow: 0 34px 92px rgba(40,58,99,.12);
  overflow: hidden;
  perspective: 1400px;
  cursor: grab;
  user-select: none;
  touch-action: none;
}

.ona-eye-stage:active { cursor: grabbing; }

.ona-eye-stage::before {
  content: "";
  position: absolute;
  inset: 48px 52px;
  border-radius: 44px;
  background:
    linear-gradient(145deg, rgba(111,124,235,.08), rgba(127,207,209,.12)),
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.92), transparent 60%);
  border: 1px solid rgba(255,255,255,.70);
}

.ona-eye-stage::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 70%;
  width: 390px;
  height: 58px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at center, rgba(40,58,99,.18), transparent 70%);
  filter: blur(10px);
  opacity: .52;
}

.ona-eye-helper {
  position: absolute;
  left: 30px;
  top: 28px;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(230,232,246,.95);
  color: var(--ona-secondary);
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 14px 34px rgba(40,58,99,.08);
  backdrop-filter: blur(14px);
}

.ona-eye-helper span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--ona-primary);
  background: rgba(111,124,235,.10);
  font-size: 18px;
}

.ona-eye-scene {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(430px, 70vw);
  height: min(430px, 70vw);
  transform-style: preserve-3d;
  transform: translate(-50%, -50%) rotateX(var(--eye-rotate-x, -8deg)) rotateY(var(--eye-rotate-y, -16deg));
  transition: transform .18s ease-out;
  z-index: 3;
}

.ona-eye-orbit {
  position: absolute;
  inset: -34px;
  border-radius: 50%;
  background:
    conic-gradient(from 210deg, rgba(111,124,235,.10), rgba(127,207,209,.18), rgba(255,255,255,.04), rgba(111,124,235,.10));
  filter: blur(.2px);
  transform: translateZ(-38px);
  opacity: .86;
}

.ona-eye-orbit::after {
  content: "";
  position: absolute;
  inset: 38px;
  border-radius: 50%;
  border: 1px solid rgba(111,124,235,.14);
  background: rgba(255,255,255,.20);
}

.ona-eye-ball {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  transform-style: preserve-3d;
  background:
    radial-gradient(circle at 31% 26%, rgba(255,255,255,1) 0 8%, transparent 9%),
    radial-gradient(circle at 41% 38%, rgba(255,255,255,.96) 0 16%, rgba(255,253,250,.96) 34%, rgba(246,227,216,.98) 63%, rgba(217,171,154,.94) 100%);
  box-shadow:
    inset -58px -46px 88px rgba(129,72,58,.28),
    inset 44px 34px 56px rgba(255,255,255,.96),
    inset 0 0 0 2px rgba(255,255,255,.86),
    0 28px 54px rgba(40,58,99,.16);
  overflow: hidden;
}

.ona-eye-ball::before {
  content: "";
  position: absolute;
  inset: 8%;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 27%, rgba(255,255,255,.70) 0 7%, transparent 8%),
    linear-gradient(28deg, transparent 0 22%, rgba(181,83,73,.16) 22.2% 22.7%, transparent 23%),
    linear-gradient(70deg, transparent 0 38%, rgba(181,83,73,.14) 38.2% 38.7%, transparent 39%),
    linear-gradient(124deg, transparent 0 54%, rgba(181,83,73,.13) 54.2% 54.7%, transparent 55%),
    linear-gradient(160deg, transparent 0 31%, rgba(181,83,73,.10) 31.2% 31.7%, transparent 32%);
  opacity: .52;
  mix-blend-mode: multiply;
}

.ona-eye-ball::after {
  content: "";
  position: absolute;
  left: 13%;
  top: 25%;
  width: 205px;
  height: 205px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 47% 48%, #050914 0 18%, #111B2F 19% 25%, transparent 26%),
    repeating-conic-gradient(from 8deg, rgba(28,66,88,.95) 0deg 7deg, rgba(132,182,202,.95) 8deg 12deg, rgba(54,100,121,.95) 13deg 19deg),
    radial-gradient(circle at center, #93BED0 0 45%, #315E76 46% 58%, rgba(255,255,255,.62) 59% 62%, transparent 63%);
  box-shadow:
    inset 0 0 30px rgba(0,0,0,.38),
    inset 12px 14px 26px rgba(255,255,255,.30),
    0 0 0 12px rgba(255,255,255,.62),
    0 0 38px rgba(111,124,235,.24);
  transform: translateZ(72px);
}

.ona-eye-gloss {
  position: absolute;
  left: 18%;
  top: 16%;
  width: 158px;
  height: 92px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.72), rgba(255,255,255,.18) 48%, transparent 72%);
  transform: translateZ(104px) rotate(-18deg);
  pointer-events: none;
}

.ona-eye-back-glow {
  position: absolute;
  right: -42px;
  top: 40%;
  width: 165px;
  height: 165px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(127,207,209,.20), transparent 68%);
  transform: translateZ(-76px);
}

.ona-eye-hotspot {
  position: absolute;
  z-index: 7;
  min-width: 150px;
  height: 48px;
  padding: 0 16px 0 46px;
  border: 1px solid rgba(230,232,246,.96);
  border-radius: 999px;
  color: var(--ona-secondary);
  background: rgba(255,255,255,.90);
  box-shadow: 0 14px 32px rgba(40,58,99,.10);
  cursor: pointer;
  font-size: 13px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, color .25s ease;
  backdrop-filter: blur(14px);
}

.ona-eye-hotspot::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 50%;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  transform: translateY(-50%);
  background: linear-gradient(135deg, var(--ona-primary), var(--ona-accent));
  box-shadow: 0 0 0 8px rgba(111,124,235,.10);
}

.ona-eye-hotspot::after {
  content: attr(data-label);
  position: static;
  transform: none;
  white-space: nowrap;
}

.ona-eye-hotspot:hover,
.ona-eye-hotspot.is-active {
  transform: translateY(-3px);
  color: var(--ona-primary);
  border-color: rgba(111,124,235,.35);
  box-shadow: 0 20px 42px rgba(40,58,99,.14);
}

.ona-eye-hotspot.is-active::before {
  background: linear-gradient(135deg, var(--ona-accent), var(--ona-primary));
  box-shadow: 0 0 0 10px rgba(127,207,209,.16), 0 0 22px rgba(111,124,235,.26);
}

.ona-eye-hotspot[data-symptom="vision"] { left: 8%; top: 27%; }
.ona-eye-hotspot[data-symptom="seco"] { right: 8%; top: 25%; }
.ona-eye-hotspot[data-symptom="luz"] { left: 7%; top: 47%; }
.ona-eye-hotspot[data-symptom="dolor"] { right: 7%; top: 46%; }
.ona-eye-hotspot[data-symptom="perdida"] { left: 13%; top: 68%; }
.ona-eye-hotspot[data-symptom="destellos"] { right: 13%; top: 68%; }

.ona-eye-controls {
  position: absolute;
  left: 50%;
  bottom: 30px;
  z-index: 8;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(230,232,246,.95);
  box-shadow: 0 16px 42px rgba(40,58,99,.10);
  backdrop-filter: blur(14px);
}

.ona-eye-control {
  border: none;
  border-radius: 999px;
  padding: 11px 15px;
  color: var(--ona-secondary);
  background: transparent;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  transition: background .25s ease, color .25s ease;
}

.ona-eye-control:hover {
  color: var(--ona-primary);
  background: rgba(111,124,235,.08);
}

.ona-symptom-panel {
  position: relative;
  align-self: stretch;
  min-height: 520px;
  padding: 40px;
  border-radius: 42px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(230,232,246,.95);
  box-shadow: 0 30px 82px rgba(40,58,99,.12);
  backdrop-filter: blur(18px);
  overflow: hidden;
}

.ona-symptom-panel::before {
  content: "";
  position: absolute;
  right: -72px;
  top: -72px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: rgba(127,207,209,.18);
}

.ona-panel-icon {
  position: relative;
  z-index: 1;
  width: 70px;
  height: 70px;
  display: grid;
  place-items: center;
  border-radius: 24px;
  color: var(--ona-white);
  background: linear-gradient(135deg, var(--ona-primary), var(--ona-accent));
  box-shadow: 0 18px 40px rgba(111,124,235,.24);
  font-size: 28px;
  margin-bottom: 24px;
}

.ona-symptom-panel h3 {
  position: relative;
  z-index: 1;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.08;
  letter-spacing: -.8px;
  color: var(--ona-secondary);
  margin: 0 0 16px;
}

.ona-symptom-panel p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--ona-muted);
  font-size: 17px;
  line-height: 1.75;
}

.ona-panel-list {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
  margin: 26px 0 0;
  padding: 26px 0 0;
  border-top: 1px solid rgba(230,232,246,.95);
}

.ona-panel-list span {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  color: var(--ona-secondary);
  font-weight: 800;
  line-height: 1.45;
}

.ona-panel-list span::before {
  content: "✓";
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--ona-white);
  background: var(--ona-primary);
  font-size: 12px;
}

.ona-panel-cta {
  position: relative;
  z-index: 1;
  margin-top: 30px;
  padding: 22px;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(111,124,235,.10), rgba(127,207,209,.16));
  color: var(--ona-secondary);
  font-weight: 800;
  line-height: 1.55;
}

@media (max-width: 980px) {
  .ona-eye-interactive { grid-template-columns: 1fr; }
  .ona-eye-stage { min-height: 620px; }
  .ona-symptom-panel { min-height: auto; }
}

@media (max-width: 640px) {
  .ona-eye-stage { min-height: 640px; border-radius: 32px; }
  .ona-eye-helper { left: 18px; top: 18px; max-width: calc(100% - 36px); }
  .ona-eye-scene { width: 315px; height: 315px; top: 44%; }
  .ona-eye-ball::after { width: 148px; height: 148px; }
  .ona-eye-hotspot { min-width: auto; height: 42px; padding: 0; width: 42px; justify-content: center; }
  .ona-eye-hotspot::before { left: 50%; transform: translate(-50%, -50%); }
  .ona-eye-hotspot::after { display: none; }
  .ona-eye-hotspot[data-symptom="vision"] { left: 8%; top: 22%; }
  .ona-eye-hotspot[data-symptom="seco"] { right: 8%; top: 22%; }
  .ona-eye-hotspot[data-symptom="luz"] { left: 8%; top: 45%; }
  .ona-eye-hotspot[data-symptom="dolor"] { right: 8%; top: 45%; }
  .ona-eye-hotspot[data-symptom="perdida"] { left: 18%; top: 66%; }
  .ona-eye-hotspot[data-symptom="destellos"] { right: 18%; top: 66%; }
  .ona-eye-controls { width: calc(100% - 34px); justify-content: center; flex-wrap: wrap; border-radius: 24px; }
  .ona-symptom-panel { padding: 30px; border-radius: 32px; }
}

/* TECH */
.ona-tech {
  background:
    radial-gradient(circle at top right, rgba(127,207,209,.26), transparent 34%),
    linear-gradient(135deg, #283A63 0%, #6F7CEB 100%);
  color: var(--ona-white);
}

.ona-tech .ona-eyebrow {
  color: #C6F3F1;
}

.ona-tech .ona-title {
  color: var(--ona-white);
}

.ona-tech .ona-text {
  color: rgba(255,255,255,.80);
}

.ona-tech-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 58px;
  align-items: center;
}

.ona-tech-list {
  display: grid;
  gap: 18px;
}

.ona-tech-item {
  padding: 26px;
  border-radius: 28px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.15);
  backdrop-filter: blur(14px);
  color: rgba(255,255,255,.82);
}

.ona-tech-item strong {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 20px;
  color: var(--ona-white);
  margin-bottom: 7px;
}

/* TESTIMONIALS */
.ona-testimonials {
  background: linear-gradient(180deg, #FFFFFF 0%, #F7FBFD 100%);
}

.ona-testimonials-top {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 40px;
}

.ona-testimonials-copy {
  max-width: 700px;
}

.ona-testimonials-copy .ona-text {
  margin-top: 0;
}

.ona-reviews-badge {
  flex-shrink: 0;
  min-width: 260px;
  padding: 24px 26px;
  border-radius: 28px;
  background: var(--ona-white);
  border: 1px solid var(--ona-border);
  box-shadow: 0 16px 42px rgba(40,58,99,.06);
}

.ona-reviews-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}

.ona-reviews-logo {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #00C3A5;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 900;
}

.ona-reviews-brand strong {
  display: block;
  color: var(--ona-secondary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 20px;
}

.ona-reviews-brand span {
  color: var(--ona-muted);
  font-size: 14px;
}

.ona-reviews-score {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--ona-secondary);
  font-weight: 800;
}

.ona-testimonial-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(320px, 380px);
  gap: 22px;
  overflow-x: auto;
  padding: 8px 8px 18px;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: var(--ona-accent) rgba(111,124,235,.10);
}

.ona-testimonial-track::-webkit-scrollbar {
  height: 10px;
}

.ona-testimonial-track::-webkit-scrollbar-track {
  background: rgba(111,124,235,.10);
  border-radius: 999px;
}

.ona-testimonial-track::-webkit-scrollbar-thumb {
  background: var(--ona-accent);
  border-radius: 999px;
}

.ona-testimonial {
  scroll-snap-align: start;
  min-height: 100%;
  padding: 30px;
  border-radius: 34px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FCFCFE 100%);
  border: 1px solid var(--ona-border);
  box-shadow: 0 18px 45px rgba(40,58,99,.08);
}

.ona-testimonial-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.ona-testimonial-topic {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(127,207,209,.14);
  color: #2A8D90;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.ona-stars {
  color: var(--ona-primary);
  font-size: 18px;
  letter-spacing: 2px;
  margin-bottom: 0;
}

.ona-testimonial p {
  color: var(--ona-muted);
  line-height: 1.7;
  margin: 0 0 24px;
}

.ona-testimonial strong {
  color: var(--ona-secondary);
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.ona-testimonial-footer {
  padding-top: 18px;
  border-top: 1px solid rgba(230,232,246,.9);
}

/* FAQ */
.ona-faq {
  background:
    radial-gradient(circle at bottom left, rgba(127,207,209,.16), transparent 30%),
    var(--ona-soft);
}

.ona-faq-list {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  gap: 16px;
}

.ona-faq-item {
  background: rgba(255,255,255,.92);
  border-radius: 28px;
  border: 1px solid var(--ona-border);
  overflow: hidden;
  box-shadow: 0 14px 36px rgba(40,58,99,.06);
}

.ona-faq-question {
  width: 100%;
  padding: 25px 28px;
  background: none;
  border: none;
  text-align: left;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 19px;
  font-weight: 800;
  color: var(--ona-secondary);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.ona-faq-question span {
  color: var(--ona-primary);
}

.ona-faq-answer {
  display: none;
  padding: 0 28px 25px;
  color: var(--ona-muted);
  line-height: 1.7;
}

.ona-faq-item.active .ona-faq-answer {
  display: block;
}
/* CERTIFICACIONES */
.ona-certifications{
  background:
    radial-gradient(circle at top right, rgba(127,207,209,.12), transparent 35%),
    linear-gradient(180deg,#FCFCFE 0%,#FFFFFF 100%);
}

.ona-cert-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:24px;
  margin-top:50px;
}

.ona-cert-card{
  background:#fff;
  border:1px solid var(--ona-border);
  border-radius:30px;
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:220px;
  box-shadow:0 14px 36px rgba(40,58,99,.06);
  transition:.3s ease;
}

.ona-cert-card img{
  max-width:85%;
  max-height:140px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:none;
  opacity:1;
  transition:.3s ease;
}

.ona-cert-card:hover img{
  filter:none;
  opacity:1;
}

@media(max-width:980px){
  .ona-cert-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:640px){
  .ona-cert-grid{
    grid-template-columns:1fr;
  }
}

.ona-symptoms .ona-text {
  max-width: 760px;
  margin: 0 auto;
  color: rgba(255,255,255,.82);
}

.ona-reviews-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.ona-whatsapp-bubble {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 99999;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #25D366;
  box-shadow: 0 18px 42px rgba(37,211,102,.34);
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease;
}

.ona-whatsapp-bubble:hover {
  transform: translateY(-4px) scale(1.03);
  box-shadow: 0 22px 52px rgba(37,211,102,.44);
}

.ona-whatsapp-bubble svg {
  width: 34px;
  height: 34px;
  fill: #FFFFFF;
}

@media (max-width: 640px) {
  .ona-whatsapp-bubble {
    right: 18px;
    bottom: 18px;
    width: 58px;
    height: 58px;
  }

  .ona-whatsapp-bubble svg {
    width: 31px;
    height: 31px;
  }
}

/* FINAL CTA */
.ona-final-cta {
  background:
    radial-gradient(circle at top left, rgba(127,207,209,.22), transparent 30%),
    linear-gradient(135deg, #283A63 0%, #6F7CEB 68%, #7FCFD1 100%);
  color: var(--ona-white);
  text-align: center;
}

.ona-final-cta .ona-eyebrow {
  color: rgba(255,255,255,.84);
  justify-content: center;
}

.ona-final-cta .ona-title {
  color: var(--ona-white);
}

.ona-final-cta .ona-text {
  max-width: 760px;
  margin: 0 auto;
  color: rgba(255,255,255,.86);
}

/* RESPONSIVE */
@media (max-width: 980px) {
  .ona-hero-grid,
  .ona-surgery-grid,
  .ona-tech-grid {
    grid-template-columns: 1fr;
  }

  .ona-services-grid,
  .ona-symptoms-grid,
  .ona-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ona-testimonials-top {
    flex-direction: column;
    align-items: stretch;
  }

  .ona-hero {
    padding: 90px 0;
  }

  .ona-floating-card {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: 18px;
  }

  .ona-hero-card img,
  .ona-surgery-media img {
    height: 430px;
  }

  .ona-trust-shell {
    padding: 34px;
  }
}

@media (max-width: 640px) {
  .ona-section {
    padding: 70px 0;
  }

  .ona-services-grid,
  .ona-symptoms-grid,
  .ona-stats-grid {
    grid-template-columns: 1fr;
  }

  .ona-hero h1 {
    font-size: 40px;
  }

  .ona-hero p,
  .ona-text {
    font-size: 16px;
  }

  .ona-btn {
    width: 100%;
  }

  .ona-hero-card {
    padding: 16px;
    border-radius: 30px;
  }

  .ona-hero-card img,
  .ona-surgery-media img {
    height: 360px;
  }

  .ona-surgery-card {
    padding: 30px;
  }

  .ona-trust-shell {
    padding: 26px;
  }

  .ona-testimonial-track {
    grid-auto-columns: minmax(280px, 86vw);
  }
}

/* =========================================================
   OPTIMIZACIÓN RESPONSIVE EXTRA - móvil, tablet y escritorio
   ========================================================= */
html {
  width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  width: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img, svg, video, iframe {
  max-width: 100%;
}

.ona-home {
  width: 100%;
  max-width: 100vw;
}

.ona-container,
.ona-site-header-inner {
  width: min(1180px, calc(100% - 40px));
}

.ona-title,
.ona-hero h1,
.ona-service-card h3,
.ona-stat-card h3,
.ona-symptom-panel h3 {
  overflow-wrap: anywhere;
}

/* Escritorio mediano */
@media (max-width: 1200px) {
  .ona-section {
    padding: 86px 0;
  }

  .ona-hero-grid,
  .ona-surgery-grid,
  .ona-tech-grid {
    gap: 46px;
  }

  .ona-services-grid {
    gap: 22px;
  }

  .ona-service-card {
    padding: 30px;
  }
}

/* Tablet horizontal / laptop pequeña */
@media (max-width: 1024px) {
  .ona-hero {
    min-height: auto;
    padding: 86px 0;
  }

  .ona-hero h1 {
    font-size: clamp(38px, 6vw, 56px);
    letter-spacing: -1.4px;
  }

  .ona-hero p {
    font-size: 18px;
  }

  .ona-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ona-cert-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ona-eye-interactive {
    grid-template-columns: 1fr;
  }

  .ona-eye-stage {
    min-height: 590px;
  }

  .ona-symptom-panel {
    min-height: auto;
  }
}

/* Tablet vertical */
@media (max-width: 820px) {
  .ona-container,
  .ona-site-header-inner {
    width: min(100% - 32px, 720px);
  }

  .ona-section {
    padding: 76px 0;
  }

  .ona-site-header-inner {
    min-height: 78px;
  }

  .ona-site-nav {
    top: 78px;
    left: 16px;
    right: 16px;
    max-height: calc(100vh - 104px);
    overflow-y: auto;
  }

  .ona-hero-grid,
  .ona-surgery-grid,
  .ona-tech-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .ona-hero-card::before,
  .ona-surgery-media::before {
    inset: 18px -12px -12px 18px;
  }

  .ona-hero-card img,
  .ona-surgery-media img {
    height: clamp(330px, 55vw, 430px);
  }

  .ona-floating-card {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: 16px;
  }

  .ona-trust-shell {
    padding: 32px;
    border-radius: 34px;
  }

  .ona-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ona-testimonials-top {
    flex-direction: column;
    align-items: stretch;
  }

  .ona-reviews-badge {
    min-width: 0;
  }

  .ona-testimonial-track {
    grid-auto-columns: minmax(300px, 72vw);
  }
}

/* Móvil */
@media (max-width: 640px) {
  .ona-container,
  .ona-site-header-inner {
    width: calc(100% - 28px);
  }

  .ona-section {
    padding: 58px 0;
  }

  .ona-title {
    font-size: clamp(28px, 9vw, 36px);
    line-height: 1.12;
    letter-spacing: -.7px;
  }

  .ona-text,
  .ona-hero p,
  .ona-service-card p,
  .ona-testimonial p,
  .ona-faq-answer {
    font-size: 15.5px;
    line-height: 1.65;
  }

  .ona-eyebrow {
    font-size: 11.5px;
    letter-spacing: .1em;
    margin-bottom: 14px;
  }

  .ona-site-header-inner {
    min-height: 72px;
    gap: 12px;
  }

  .ona-site-logo img {
    width: min(152px, 48vw);
  }

  .ona-menu-toggle {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    font-size: 23px;
  }

  .ona-site-nav {
    top: 72px;
    left: 14px;
    right: 14px;
    padding: 14px;
    border-radius: 22px;
  }

  .ona-site-nav a {
    font-size: 14px;
    padding: 13px 14px;
  }

  .ona-hero {
    padding: 54px 0 62px;
    text-align: left;
  }

  .ona-hero-grid {
    gap: 28px;
  }

  .ona-hero h1 {
    font-size: clamp(32px, 11vw, 40px);
    line-height: 1.08;
    letter-spacing: -1px;
    margin-bottom: 18px;
  }

  .ona-btns {
    gap: 12px;
    margin-top: 26px;
  }

  .ona-btn {
    width: 100%;
    min-height: 52px;
    padding: 14px 18px;
    font-size: 15px;
  }

  .ona-hero-card,
  .ona-surgery-card,
  .ona-symptom-panel,
  .ona-service-card,
  .ona-testimonial,
  .ona-faq-item,
  .ona-reviews-badge {
    border-radius: 26px;
  }

  .ona-hero-card {
    padding: 10px;
  }

  .ona-hero-card::before,
  .ona-surgery-media::before {
    display: none;
  }

  .ona-hero-card img,
  .ona-surgery-media img {
    height: clamp(280px, 86vw, 360px);
    border-radius: 22px;
  }

  .ona-floating-card {
    padding: 18px;
    border-radius: 22px;
  }

  .ona-floating-card strong {
    font-size: 18px;
  }

  .ona-surgery-card,
  .ona-trust-shell,
  .ona-symptom-panel,
  .ona-service-card,
  .ona-testimonial {
    padding: 24px;
  }

  .ona-services-grid,
  .ona-stats-grid,
  .ona-cert-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ona-service-card {
    min-height: auto;
  }

  .ona-stat-card {
    min-height: auto;
    padding: 26px 22px;
    border-radius: 26px;
  }

  .ona-stat-value {
    font-size: 38px;
  }

  .ona-cert-card {
    min-height: 160px;
    padding: 18px;
  }

  .ona-cert-card img {
    max-height: 110px;
  }

  .ona-center {
    margin-bottom: 34px;
  }

  .ona-eye-stage {
    min-height: 560px;
    border-radius: 26px;
    touch-action: pan-y;
  }

  .ona-eye-stage::before {
    inset: 28px 18px;
    border-radius: 28px;
  }

  .ona-eye-scene {
    width: min(300px, 76vw);
    height: min(300px, 76vw);
    top: 43%;
  }

  .ona-eye-helper {
    left: 14px;
    top: 14px;
    max-width: calc(100% - 28px);
    padding: 10px 12px;
    font-size: 12px;
  }

  .ona-eye-controls {
    bottom: 18px;
    width: calc(100% - 28px);
    border-radius: 20px;
  }

  .ona-eye-control {
    padding: 10px 12px;
    font-size: 12px;
  }

  .ona-panel-icon {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    font-size: 24px;
  }

  .ona-faq-question {
    padding: 20px;
    font-size: 17px;
  }

  .ona-faq-answer {
    padding: 0 20px 20px;
  }

  .ona-testimonial-track {
    grid-auto-columns: minmax(260px, 88vw);
    gap: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .ona-whatsapp-bubble {
    right: 16px;
    bottom: 16px;
    width: 56px;
    height: 56px;
  }
}

/* Móvil muy pequeño */
@media (max-width: 380px) {
  .ona-container,
  .ona-site-header-inner {
    width: calc(100% - 22px);
  }

  .ona-hero h1 {
    font-size: 31px;
  }

  .ona-title {
    font-size: 27px;
  }

  .ona-surgery-card,
  .ona-trust-shell,
  .ona-symptom-panel,
  .ona-service-card,
  .ona-testimonial {
    padding: 20px;
  }

  .ona-eye-scene {
    width: 270px;
    height: 270px;
  }
}


/* =========================================================
   CORRECCIONES PARA ELEMENTOR
   - Evita estilos globales verdes en botones
   - Recupera pesos/negritas originales
   - Evita capitalización automática de títulos
   ========================================================= */

/* Títulos del diseño */
.ona-home .ona-title,
.ona-home h1,
.ona-home h2,
.ona-home h3,
.ona-home h4,
.ona-home h5,
.ona-home h6 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  text-transform: none !important;
}

.ona-home .ona-title,
.ona-home .ona-stat-card h3,
.ona-home .ona-service-card h3,
.ona-home .ona-symptom-panel h3,
.ona-home .ona-tech-item strong,
.ona-home .ona-reviews-brand strong,
.ona-home .ona-floating-card strong {
  font-weight: 700 !important;
}

.ona-home .ona-eyebrow,
.ona-home .ona-stat-label,
.ona-home .ona-service-card a,
.ona-home .ona-panel-list span,
.ona-home .ona-panel-cta {
  font-weight: 800 !important;
}

/* Botones/hotspots del ojo: Elementor no debe pintarlos de verde */
.ona-home button.ona-eye-hotspot,
.ona-home button.ona-eye-hotspot:hover,
.ona-home button.ona-eye-hotspot:focus,
.ona-home button.ona-eye-hotspot:active,
.ona-home button.ona-eye-hotspot.is-active {
  background: rgba(255,255,255,.90) !important;
  background-color: rgba(255,255,255,.90) !important;
  color: var(--ona-secondary) !important;
  border-color: rgba(230,232,246,.96) !important;
  outline: none !important;
}

.ona-home button.ona-eye-hotspot:hover,
.ona-home button.ona-eye-hotspot.is-active {
  transform: translateY(-3px);
  color: var(--ona-primary) !important;
  border-color: rgba(111,124,235,.35) !important;
  box-shadow: 0 20px 42px rgba(40,58,99,.14) !important;
}

/* Controles Girar / Centrar */
.ona-home button.ona-eye-control,
.ona-home button.ona-eye-control:focus,
.ona-home button.ona-eye-control:active {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--ona-secondary) !important;
  border: none !important;
  outline: none !important;
}

.ona-home button.ona-eye-control:hover {
  color: var(--ona-primary) !important;
  background: rgba(111,124,235,.08) !important;
  background-color: rgba(111,124,235,.08) !important;
}

/* FAQ: mantener blanco, nunca verde */
.ona-home button.ona-faq-question,
.ona-home button.ona-faq-question:hover,
.ona-home button.ona-faq-question:focus,
.ona-home button.ona-faq-question:active {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--ona-secondary) !important;
  border: none !important;
  outline: none !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

.ona-home .ona-faq-question span {
  color: var(--ona-primary) !important;
  background: transparent !important;
}
.ona-home .ona-title,
.ona-home .ona-surgery-card .ona-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
}/* End custom CSS */