/* =========================================================================
   Página Estudios clínicos — recreación 1:1 de prototipo/Estudios Clinicos.dc.html
   (repasada UX/UI §14, 2026-07-22). Todo scopeado bajo .pg-estudios-clinicos;
   los var(--*) resuelven en tokens.css.
   ========================================================================= */

/* =========================================================================
   Hero (encabezado con corriente animada y hélice de ADN)
   ========================================================================= */
.pg-estudios-clinicos .ec-hero { position: relative; overflow: hidden; background: var(--neutral-0); border-bottom: 1px solid var(--border); }

@keyframes ec-flujo { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
.pg-estudios-clinicos .ec-corriente { position: absolute; top: -35%; bottom: -35%; left: 0; width: 200%; background: radial-gradient(ellipse 26% 55% at 14% 32%, rgba(216, 226, 241, 0.9) 0%, rgba(216, 226, 241, 0) 70%), radial-gradient(ellipse 20% 45% at 38% 62%, rgba(233, 239, 248, 0.95) 0%, rgba(233, 239, 248, 0) 70%), radial-gradient(ellipse 26% 55% at 64% 32%, rgba(216, 226, 241, 0.9) 0%, rgba(216, 226, 241, 0) 70%), radial-gradient(ellipse 20% 45% at 88% 62%, rgba(233, 239, 248, 0.95) 0%, rgba(233, 239, 248, 0) 70%); pointer-events: none; animation: ec-flujo 55s linear infinite; }
/* Punto «Reclutando» con pulso (§14a) */
@keyframes oc-pulso { 0% { box-shadow: 0 0 0 0 rgba(47, 133, 90, 0.45); } 70% { box-shadow: 0 0 0 5px rgba(47, 133, 90, 0); } 100% { box-shadow: 0 0 0 0 rgba(47, 133, 90, 0); } }
.pg-estudios-clinicos .oc-pulso { animation: oc-pulso 2s ease-out infinite; }
@media (prefers-reduced-motion: reduce) {
	.pg-estudios-clinicos .ec-corriente,
	.pg-estudios-clinicos .ec-indice__corriente,
	.pg-estudios-clinicos .oc-pulso { animation: none; }
}
.pg-estudios-clinicos .ec-velo { position: absolute; inset: 0; background: radial-gradient(ellipse 42% 75% at 84% 42%, rgba(209, 222, 240, 0.65) 0%, rgba(209, 222, 240, 0) 72%), linear-gradient(180deg, rgba(214, 225, 242, 0.18) 0%, rgba(214, 225, 242, 0) 45%, rgba(214, 225, 242, 0.42) 100%); pointer-events: none; }

.pg-estudios-clinicos .ec-hero__inner { position: relative; max-width: 1272px; margin: 0 auto; display: flex; gap: 42px; align-items: stretch; padding: 60px 64px 52px; }
.pg-estudios-clinicos .ec-adn { display: block; flex: none; width: 30px; align-self: stretch; pointer-events: none; }

.pg-estudios-clinicos .ec-hero__texto { flex: 1; display: flex; flex-direction: column; gap: 14px; }
.pg-estudios-clinicos .ec-hero__marca { display: flex; align-items: center; gap: 14px; }
.pg-estudios-clinicos .ec-hero__marca img { height: 26px; width: auto; }
.pg-estudios-clinicos .ec-hero__sep { width: 1px; height: 20px; background: var(--border-strong); }
.pg-estudios-clinicos .ec-hero__eyebrow { margin: 0; color: var(--ac-teal-700); }
.pg-estudios-clinicos .ec-hero__titulo { font-family: var(--font-display); font-size: 40px; font-weight: 700; color: var(--navy); margin: 0; letter-spacing: -0.02em; }
.pg-estudios-clinicos .ec-hero__bajada { font-size: 17px; line-height: 1.65; color: var(--fg-2); margin: 0; max-width: 64ch; }

.pg-estudios-clinicos .ec-hero__stats { flex: none; align-self: center; display: flex; flex-direction: column; min-width: 264px; }
.pg-estudios-clinicos .ec-stat { display: flex; align-items: baseline; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--divider); }
.pg-estudios-clinicos .ec-stat:last-of-type { border-bottom: none; }
.pg-estudios-clinicos .ec-stat__num { font-size: 22px; font-weight: 700; color: var(--navy); font-variant-numeric: tabular-nums; }
.pg-estudios-clinicos .ec-stat__label { font-size: 14.5px; color: var(--fg-2); }
.pg-estudios-clinicos .ec-hero__cta { display: inline-flex; align-self: flex-start; align-items: center; gap: 9px; margin-top: 16px; font-size: 15px; font-weight: 600; color: #fff; background: var(--ac-teal); padding: 11px 20px; border-radius: var(--radius-md); transition: background 120ms ease; }
.pg-estudios-clinicos .ec-hero__cta:hover { background: var(--ac-teal-700); color: #fff; }

/* =========================================================================
   Video — tarjeta navy (reel + "¿Qué es un estudio clínico?")
   ========================================================================= */
/* Franja «Volver a mi guía» (circuito con la Guía, v3) */
.pg-estudios-clinicos .ec-guia-banner { background: rgba(24, 147, 177, 0.07); border-bottom: 1px solid var(--border); }
.pg-estudios-clinicos .ec-guia-banner[hidden] { display: none; }
.pg-estudios-clinicos .ec-guia-banner__inner { max-width: 1272px; margin: 0 auto; padding: 12px 64px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.pg-estudios-clinicos .ec-guia-banner__inner svg { flex: none; }
.pg-estudios-clinicos .ec-guia-banner__inner p { font-size: 14px; line-height: 1.5; color: var(--fg-2); margin: 0; flex: 1; min-width: 240px; }
.pg-estudios-clinicos .ec-guia-banner__inner p strong { font-weight: 600; color: var(--navy); }
.pg-estudios-clinicos .ec-guia-banner__inner a { font-size: 14px; font-weight: 600; color: var(--ac-teal-700); white-space: nowrap; }

.pg-estudios-clinicos .ec-video { padding: 44px 64px 8px; background: var(--neutral-0); }
.pg-estudios-clinicos .ec-video__inner { max-width: 1272px; margin: 0 auto; background: var(--navy); border-radius: var(--radius-xl); display: grid; grid-template-columns: 280px 1fr; gap: 64px; align-items: center; padding: 40px 56px; }
.pg-estudios-clinicos .ec-video__col { display: flex; flex-direction: column; gap: 10px; }
.pg-estudios-clinicos .ec-video__reel { width: 100%; }
.pg-estudios-clinicos .ec-video__pie { font-size: 13.5px; margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pg-estudios-clinicos .ec-video__pie-texto { color: rgba(255, 255, 255, 0.6); }
.pg-estudios-clinicos .ec-video__pie-enlace { font-weight: 600; color: #7CC8DC; white-space: nowrap; }
.pg-estudios-clinicos .ec-video__pie-enlace:hover { color: #A8DCE9; }
/* Bloque de texto en tarjeta de vidrio oscuro (§7 liquid glass) */
.pg-estudios-clinicos .ec-video__texto { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; background: linear-gradient(165deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.05)); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: var(--radius-lg); padding: 26px 30px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 10px 28px -14px rgba(0, 0, 0, 0.4); }
.pg-estudios-clinicos .ec-video__eyebrow { margin: 0; color: #7CC8DC; }
.pg-estudios-clinicos .ec-video__titulo { font-size: 26px; font-weight: 700; color: #fff; margin: 0; letter-spacing: -0.01em; }
.pg-estudios-clinicos .ec-video__desc { font-size: 16px; line-height: 1.65; color: rgba(255, 255, 255, 0.75); margin: 0; max-width: 52ch; }

/* H2 compartido de las secciones (26px del prototipo) */
.pg-estudios-clinicos .ec-h2 { font-size: 26px; font-weight: 700; color: var(--navy); margin: 0; letter-spacing: -0.01em; }

/* Aspectos que puede considerar — 3 tarjetas + costos cubiertos (§14e) */
.pg-estudios-clinicos .ec-porque { padding: 48px 64px; background: var(--neutral-0); }
.pg-estudios-clinicos .ec-porque__inner { max-width: 1272px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }
.pg-estudios-clinicos .ec-porque .ec-beneficios { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; align-items: start; }
.pg-estudios-clinicos .ec-porque .ec-beneficio { flex-direction: column; gap: 12px; align-items: stretch; background: var(--neutral-0); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 24px 26px; }
.pg-estudios-clinicos .ec-porque .ec-beneficio__icono { margin-top: 0; }
.pg-estudios-clinicos .ec-sin-costo { display: flex; gap: 14px; align-items: start; background: var(--bg-subtle); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 18px 22px; }
.pg-estudios-clinicos .ec-sin-costo svg { flex: none; margin-top: 2px; }
.pg-estudios-clinicos .ec-sin-costo p { font-size: 14.5px; line-height: 1.6; color: var(--fg-2); margin: 0; }
.pg-estudios-clinicos .ec-sin-costo strong { color: var(--navy); font-weight: 600; }

.pg-estudios-clinicos .ec-beneficios { display: flex; flex-direction: column; gap: 18px; }
.pg-estudios-clinicos .ec-beneficio { display: flex; gap: 16px; align-items: start; }
.pg-estudios-clinicos .ec-beneficio__icono { flex: none; margin-top: 2px; }
.pg-estudios-clinicos .ec-beneficio__texto { display: flex; flex-direction: column; gap: 4px; }
.pg-estudios-clinicos .ec-beneficio__texto h3 { font-size: 17px; font-weight: 600; color: var(--navy); margin: 0; }
.pg-estudios-clinicos .ec-beneficio__texto p { font-size: 15px; line-height: 1.6; color: var(--fg-2); margin: 0; }

/* Qué considerar antes de participar — retícula de decisión informada (§14e):
   celda de encabezado + 2 destacadas de vidrio claro + 3 filas editoriales */
.pg-estudios-clinicos .ec-considerar { padding: 44px 64px; background: var(--bg-subtle); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.pg-estudios-clinicos .ec-considerar__inner { max-width: 1272px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px 40px; }
.pg-estudios-clinicos .ec-considerar__intro { display: flex; flex-direction: column; gap: 10px; padding-right: 12px; }
.pg-estudios-clinicos .ec-considerar__eyebrow { margin: 0; color: var(--ac-teal-700); }
.pg-estudios-clinicos .ec-considerar__intro .ec-h2 { text-wrap: balance; }
.pg-estudios-clinicos .ec-considerar__intro p { font-size: 15px; line-height: 1.65; color: var(--fg-2); margin: 0; }
.pg-estudios-clinicos .ec-considerar__destacada { display: flex; flex-direction: column; gap: 10px; background: linear-gradient(168deg, var(--neutral-0) 0%, var(--ac-teal-50) 140%); border: 1px solid rgba(24, 147, 177, 0.25); border-radius: var(--radius-lg); padding: 20px 22px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), var(--shadow-xs); }
.pg-estudios-clinicos .ec-considerar__cab { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pg-estudios-clinicos .ec-considerar__chip { font-size: 11.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ac-teal-700); background: var(--ac-teal-50); padding: 3px 10px; border-radius: var(--radius-pill); }
.pg-estudios-clinicos .ec-considerar__destacada h3,
.pg-estudios-clinicos .ec-considerar__fila h3 { font-size: 16px; font-weight: 600; color: var(--navy); margin: 0; }
.pg-estudios-clinicos .ec-considerar__destacada p,
.pg-estudios-clinicos .ec-considerar__fila p { font-size: 14px; line-height: 1.6; color: var(--fg-2); margin: 0; }
.pg-estudios-clinicos .ec-considerar__fila { display: flex; flex-direction: column; gap: 10px; border-top: 1px solid var(--border-strong); padding-top: 20px; padding-right: 8px; }

/* =========================================================================
   Estudios activos (filtros con conteo + índice rápido + tarjetas §14a/b)
   ========================================================================= */
.pg-estudios-clinicos .ec-estudios { padding: 48px 64px 56px; }
.pg-estudios-clinicos .ec-estudios__inner { max-width: 1272px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }
.pg-estudios-clinicos .ec-estudios__cabecera { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; }
.pg-estudios-clinicos .ec-estudios__titulos { display: flex; flex-direction: column; gap: 6px; }
.pg-estudios-clinicos .ec-estudios__titulos p { font-size: 15px; color: var(--fg-2); margin: 0; }

/* margin-right: los chips son interactivos y quedan en el carril del botón flotante de
   WhatsApp (fixed, right:26 + ~170px de ancho) cuando el margen de página no alcanza a
   cubrirlo; se reserva solo la diferencia y se anula en pantallas ≥ ~1664px. */
.pg-estudios-clinicos .ec-filtros { display: flex; gap: 8px; margin-right: clamp(0px, calc(196px - (100vw - 1272px) / 2), 132px); }
.pg-estudios-clinicos .ec-chip { font-family: inherit; font-size: 14px; font-weight: 500; cursor: pointer; white-space: nowrap; padding: 7px 16px; border-radius: var(--radius-pill); border: 1px solid var(--border-strong); background: var(--neutral-0); color: var(--fg-2); }
.pg-estudios-clinicos .ec-chip.activo { border-color: var(--navy); background: var(--navy); color: #fff; font-weight: 600; }

/* Índice rápido «Seleccione su diagnóstico» (§14c): panel navy con corriente
   teal animada por debajo de chips de liquid glass granulado. */
.pg-estudios-clinicos .ec-indice { position: relative; overflow: hidden; background: var(--navy); border-radius: var(--radius-xl); padding: 26px 30px 28px; }
.pg-estudios-clinicos .ec-indice__corriente { position: absolute; top: -45%; bottom: -45%; left: 0; width: 200%; background: radial-gradient(ellipse 26% 60% at 14% 30%, rgba(24, 147, 177, 0.55) 0%, rgba(24, 147, 177, 0) 70%), radial-gradient(ellipse 20% 50% at 38% 66%, rgba(124, 200, 220, 0.3) 0%, rgba(124, 200, 220, 0) 70%), radial-gradient(ellipse 26% 60% at 64% 30%, rgba(24, 147, 177, 0.55) 0%, rgba(24, 147, 177, 0) 70%), radial-gradient(ellipse 20% 50% at 88% 66%, rgba(124, 200, 220, 0.3) 0%, rgba(124, 200, 220, 0) 70%); pointer-events: none; animation: ec-flujo 55s linear infinite; }
.pg-estudios-clinicos .ec-indice__velo { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(32, 46, 71, 0.18) 0%, rgba(32, 46, 71, 0) 45%, rgba(32, 46, 71, 0.22) 100%); pointer-events: none; }
.pg-estudios-clinicos .ec-indice__logos { position: absolute; top: 22px; right: 28px; display: flex; align-items: center; gap: 14px; }
.pg-estudios-clinicos .ec-indice__logos img:first-of-type { height: 26px; width: auto; opacity: 0.92; }
.pg-estudios-clinicos .ec-indice__logos img:last-of-type { height: 30px; width: auto; }
.pg-estudios-clinicos .ec-indice__sep { width: 1px; height: 22px; background: rgba(255, 255, 255, 0.3); }
.pg-estudios-clinicos .ec-indice__contenido { position: relative; display: flex; flex-direction: column; gap: 14px; }
.pg-estudios-clinicos .ec-indice__titulo { font-size: 19px; font-weight: 700; color: #fff; margin: 0 130px 0 0; letter-spacing: -0.01em; }
.pg-estudios-clinicos .ec-indice__chips { display: flex; flex-wrap: wrap; gap: 9px; }
/* Chip de liquid glass granulado: capa de ruido SVG inline + gradiente blanco
   translúcido; la corriente pasa POR DEBAJO (ese es el efecto). */
.pg-estudios-clinicos .ec-chip-dx { display: inline-flex; align-items: center; gap: 8px; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; color: var(--navy); background: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%22120%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.85%22 numOctaves=%223%22/%3E%3C/filter%3E%3Crect width=%22120%22 height=%22120%22 filter=%22url(%23n)%22 opacity=%220.08%22/%3E%3C/svg%3E'), linear-gradient(170deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.58) 55%, rgba(235, 246, 250, 0.52) 100%); border: 1px solid rgba(255, 255, 255, 0.55); padding: 9px 16px; border-radius: var(--radius-pill); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -8px 14px -10px rgba(24, 147, 177, 0.25), 0 6px 18px -8px rgba(0, 0, 0, 0.45); transition: background 120ms ease, border-color 120ms ease; }
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
	.pg-estudios-clinicos .ec-chip-dx { backdrop-filter: blur(16px) saturate(1.7); -webkit-backdrop-filter: blur(16px) saturate(1.7); }
}
.pg-estudios-clinicos .ec-chip-dx:hover { background: #fff; border-color: #fff; color: var(--ac-teal-700); }
.pg-estudios-clinicos .ec-chip-dx__sep { width: 1px; height: 13px; background: rgba(32, 46, 71, 0.16); }
.pg-estudios-clinicos .ec-chip-dx__n { font-family: var(--font-mono); font-size: 12.5px; font-weight: 600; color: var(--ac-teal-700); }
.pg-estudios-clinicos .ec-indice__nota { font-size: 13px; color: rgba(255, 255, 255, 0.55); margin: 0; }
.pg-estudios-clinicos .ec-indice__nota a { color: #7CC8DC; font-weight: 600; }
.pg-estudios-clinicos .ec-indice__nota a:hover { color: #A8DCE9; }

/* Tarjeta de estudio (§14a) */
.pg-estudios-clinicos .ec-lista { display: flex; flex-direction: column; gap: 12px; }
.pg-estudios-clinicos .ec-estudio { border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--neutral-0); overflow: hidden; scroll-margin-top: 96px; transition: border-color 120ms ease; }
.pg-estudios-clinicos .ec-estudio[hidden] { display: none; }
.pg-estudios-clinicos .ec-estudio__fila { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; padding: 22px 28px; }
.pg-estudios-clinicos .ec-estudio__info { display: flex; flex-direction: column; gap: 8px; }
.pg-estudios-clinicos .ec-estudio__cabecera { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pg-estudios-clinicos .ec-estudio__nombre { font-size: 19px; font-weight: 600; color: var(--navy); margin: 0; }
.pg-estudios-clinicos .ec-tag-fase { font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: var(--radius-pill); background: var(--ac-teal-50); color: var(--ac-teal-700); }
.pg-estudios-clinicos .ec-tag-estado { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: var(--radius-pill); }
.pg-estudios-clinicos .ec-tag-estado__punto { width: 8px; height: 8px; border-radius: 50%; }
.pg-estudios-clinicos .ec-tag-estado--rec { background: var(--success-bg); color: var(--success); }
.pg-estudios-clinicos .ec-tag-estado--rec .ec-tag-estado__punto { background: var(--success); }
.pg-estudios-clinicos .ec-tag-estado--prox { background: var(--bg-muted); color: var(--fg-3); }
.pg-estudios-clinicos .ec-tag-estado--prox .ec-tag-estado__punto { background: var(--neutral-400); }
.pg-estudios-clinicos .ec-estudio__desc { font-size: 15px; line-height: 1.55; color: var(--fg-2); margin: 0; max-width: 70ch; }
/* Meta row: chips de sede con guiño glass + contador de protocolos (§14a) */
.pg-estudios-clinicos .ec-estudio__meta { font-size: 13px; color: var(--fg-3); margin: 2px 0 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pg-estudios-clinicos .ec-sede-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--ac-teal-700); padding: 4px 11px; border-radius: var(--radius-pill); background: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 0%, rgba(24, 147, 177, 0.1) 100%); border: 1px solid rgba(24, 147, 177, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85); }
.pg-estudios-clinicos .ec-estudio__nprot { display: inline-flex; align-items: center; gap: 6px; padding: 4px 2px; }

/* Columna de acciones */
.pg-estudios-clinicos .ec-estudio__acciones { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.pg-estudios-clinicos .ec-postular { display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-size: 15px; font-weight: 600; color: #fff; background: var(--ac-teal-700); padding: 12px 22px; border-radius: var(--radius-md); white-space: nowrap; }
.pg-estudios-clinicos .ec-postular:hover { background: var(--navy); color: #fff; }
.pg-estudios-clinicos .ec-ver-protocolos { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; color: var(--ac-teal-700); background: var(--neutral-0); border: 1px solid var(--border-strong); padding: 9px 18px; border-radius: var(--radius-md); white-space: nowrap; }
.pg-estudios-clinicos .ec-ver-protocolos:hover { background: var(--bg-muted); }
.pg-estudios-clinicos .ec-ver-protocolos svg { flex: none; transition: transform 200ms ease; }
.pg-estudios-clinicos .ec-estudio.abierto .ec-ver-protocolos svg { transform: rotate(180deg); }
.pg-estudios-clinicos .ec-ver-protocolos__ocultar { display: none; }
.pg-estudios-clinicos .ec-estudio.abierto .ec-ver-protocolos__ver { display: none; }
.pg-estudios-clinicos .ec-estudio.abierto .ec-ver-protocolos__ocultar { display: inline; }

/* Explorador de protocolos (§14b): banda bg-subtle agrupada por condición */
.pg-estudios-clinicos .ec-explorador { border-top: 1px solid var(--divider); background: var(--bg-subtle); padding: 20px 28px 24px; display: flex; flex-direction: column; gap: 20px; }
.pg-estudios-clinicos .ec-explorador[hidden] { display: none; }
.pg-estudios-clinicos .ec-grupo { display: flex; flex-direction: column; gap: 8px; }
.pg-estudios-clinicos .ec-grupo__condicion { font-size: 12.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-3); margin: 0; }
.pg-estudios-clinicos .ec-grupo__lista { display: flex; flex-direction: column; gap: 8px; }
.pg-estudios-clinicos .ec-protocolo { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--neutral-0); overflow: hidden; }
.pg-estudios-clinicos .ec-protocolo > summary { display: flex; align-items: center; gap: 12px; width: 100%; box-sizing: border-box; cursor: pointer; padding: 13px 18px; list-style: none; }
.pg-estudios-clinicos .ec-protocolo > summary:hover { background: var(--bg-subtle); }
.pg-estudios-clinicos .ec-protocolo > summary::-webkit-details-marker { display: none; }
.pg-estudios-clinicos .ec-protocolo__codigo { font-family: var(--font-mono); font-size: 13.5px; font-weight: 600; color: var(--navy); }
.pg-estudios-clinicos .ec-protocolo__espacio { flex: 1; }
.pg-estudios-clinicos .ec-protocolo__accion { font-size: 13px; font-weight: 600; color: var(--fg-3); }
.pg-estudios-clinicos .ec-protocolo__accion--ocultar { display: none; }
.pg-estudios-clinicos .ec-protocolo[open] .ec-protocolo__accion--ver { display: none; }
.pg-estudios-clinicos .ec-protocolo[open] .ec-protocolo__accion--ocultar { display: inline; }
.pg-estudios-clinicos .ec-protocolo > summary svg { flex: none; transition: transform 200ms ease; }
.pg-estudios-clinicos .ec-protocolo[open] > summary svg { transform: rotate(180deg); }
.pg-estudios-clinicos .ec-protocolo__cuerpo { border-top: 1px solid var(--divider); padding: 18px; display: flex; flex-direction: column; gap: 16px; }
.pg-estudios-clinicos .ec-protocolo__desc { font-size: 14.5px; line-height: 1.6; color: var(--fg-2); margin: 0; max-width: 88ch; }
.pg-estudios-clinicos .ec-protocolo__paneles { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.pg-estudios-clinicos .ec-panel-dato { background: var(--bg-subtle); border-radius: var(--radius-sm); padding: 12px 16px; display: flex; flex-direction: column; gap: 4px; }
.pg-estudios-clinicos .ec-panel-dato__label { font-size: 11.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-3); margin: 0; }
.pg-estudios-clinicos .ec-panel-dato__valor { font-size: 14px; line-height: 1.55; color: var(--navy); font-weight: 500; margin: 0; }
.pg-estudios-clinicos .ec-protocolo__criterios { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; align-items: start; }
.pg-estudios-clinicos .ec-criterios { display: flex; flex-direction: column; gap: 8px; }
.pg-estudios-clinicos .ec-criterios__label { font-size: 11.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; margin: 0; }
.pg-estudios-clinicos .ec-criterios__label--inc { color: var(--success); }
.pg-estudios-clinicos .ec-criterios__label--exc { color: var(--danger); }
.pg-estudios-clinicos .ec-criterios ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 5px; }
.pg-estudios-clinicos .ec-criterios li { font-size: 13.5px; line-height: 1.55; color: var(--fg-2); }
.pg-estudios-clinicos .ec-protocolo__nota { font-size: 12.5px; line-height: 1.5; color: var(--fg-3); margin: 0; }
.pg-estudios-clinicos .ec-protocolo__contacto { display: flex; gap: 10px; align-items: start; background: var(--ac-teal-50); border-radius: var(--radius-sm); padding: 12px 16px; }
.pg-estudios-clinicos .ec-protocolo__contacto > svg { flex: none; margin-top: 2px; }
.pg-estudios-clinicos .ec-protocolo__contacto-col { display: flex; flex-direction: column; gap: 3px; }
.pg-estudios-clinicos .ec-protocolo__contacto-label { font-size: 12.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ac-teal-700); margin: 0; }
.pg-estudios-clinicos .ec-protocolo__contacto-linea { font-size: 13.5px; line-height: 1.55; color: var(--fg-2); margin: 0; }
.pg-estudios-clinicos .ec-protocolo__contacto-linea a { font-weight: 600; color: var(--ac-teal-700); overflow-wrap: anywhere; }

/* Estado "próximamente": aviso por correo en 3 sub-estados */
.pg-estudios-clinicos .ec-aviso { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.pg-estudios-clinicos .ec-aviso__abrir { display: inline-flex; align-items: center; gap: 8px; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; color: var(--ac-teal-700); background: var(--neutral-0); border: 1px solid var(--border-strong); padding: 10px 18px; border-radius: var(--radius-md); white-space: nowrap; }
.pg-estudios-clinicos .ec-aviso__abrir:hover { background: var(--bg-muted); }
.pg-estudios-clinicos .ec-aviso__abrir[hidden] { display: none; }
.pg-estudios-clinicos .ec-aviso__form { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.pg-estudios-clinicos .ec-aviso__form[hidden] { display: none; }
.pg-estudios-clinicos .ec-aviso__form input { font-family: inherit; font-size: 14px; color: var(--navy); border: 1px solid var(--border-strong); border-radius: var(--radius-md); padding: 10px 14px; width: 190px; box-sizing: border-box; }
.pg-estudios-clinicos .ec-aviso__form input::placeholder { color: var(--fg-4); }
.pg-estudios-clinicos .ec-aviso__confirmar { font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; color: #fff; background: var(--ac-teal-700); border: none; padding: 11px 16px; border-radius: var(--radius-md); white-space: nowrap; }
.pg-estudios-clinicos .ec-aviso__listo { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--success); background: var(--success-bg); padding: 10px 16px; border-radius: var(--radius-md); white-space: nowrap; }
.pg-estudios-clinicos .ec-aviso__listo[hidden] { display: none; }
/* Consentimiento avisarme-v2 (BAJA-1) y estado de error del envío a oc-leads. */
.pg-estudios-clinicos .ec-aviso__nota { flex-basis: 100%; font-size: 12px; line-height: 1.5; color: var(--fg-3); max-width: 360px; text-align: right; }
.pg-estudios-clinicos .ec-aviso__error { flex-basis: 100%; font-size: 13px; font-weight: 600; color: var(--danger, #b91c1c); text-align: right; }
.pg-estudios-clinicos .ec-aviso__error[hidden] { display: none; }

.pg-estudios-clinicos .ec-resumen { font-size: 14px; color: var(--fg-3); margin: 4px 0 0; }

/* =========================================================================
   Cómo postular — pasos como tarjetas blancas, número teal relleno (§14e)
   ========================================================================= */
.pg-estudios-clinicos .ec-como { padding: 52px 64px 56px; background: linear-gradient(180deg, rgba(226, 234, 246, 0.28) 0%, rgba(233, 239, 248, 0.12) 100%); border-top: 1px solid var(--border); }
.pg-estudios-clinicos .ec-como__inner { max-width: 1272px; margin: 0 auto; display: flex; flex-direction: column; gap: 24px; }
.pg-estudios-clinicos .ec-pasos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.pg-estudios-clinicos .ec-paso { display: flex; gap: 16px; align-items: start; background: var(--neutral-0); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 20px 22px; }
.pg-estudios-clinicos .ec-paso__num { display: flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--ac-teal-700); font-family: var(--font-mono); font-size: 14px; font-weight: 600; color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); }
.pg-estudios-clinicos .ec-paso__texto { display: flex; flex-direction: column; gap: 4px; }
.pg-estudios-clinicos .ec-paso__texto h3 { font-size: 16px; font-weight: 600; color: var(--navy); margin: 0; }
.pg-estudios-clinicos .ec-paso__texto p { font-size: 14px; line-height: 1.55; color: var(--fg-2); margin: 0; }

/* =========================================================================
   CTA navy final
   ========================================================================= */
.pg-estudios-clinicos .ec-cta { background: var(--navy-800); border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
.pg-estudios-clinicos .ec-cta__inner { max-width: 1272px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 40px 64px; }
.pg-estudios-clinicos .ec-cta__texto { display: flex; flex-direction: column; gap: 6px; }
.pg-estudios-clinicos .ec-cta__texto h2 { font-size: 22px; font-weight: 700; color: var(--neutral-0); margin: 0; }
.pg-estudios-clinicos .ec-cta__texto p { font-size: 15px; color: var(--neutral-300); margin: 0; }
.pg-estudios-clinicos .ec-cta__boton { display: inline-flex; align-items: center; gap: 9px; font-size: 15px; font-weight: 600; color: var(--navy); background: var(--neutral-0); padding: 12px 22px; border-radius: var(--radius-md); white-space: nowrap; }
.pg-estudios-clinicos .ec-cta__boton:hover { background: var(--neutral-100); color: var(--navy); }

/* =========================================================================
   Responsive (V2 §6 + §14): hero apilado, hélice oculta, grillas colapsadas;
   los logos del panel navy pasan a fila estática sobre el título (§14c).
   ========================================================================= */
@media (max-width: 900px) {
	.pg-estudios-clinicos .ec-hero__inner { flex-direction: column; gap: 24px; padding: 40px 20px 36px; }
	.pg-estudios-clinicos .ec-adn { display: none; }
	.pg-estudios-clinicos .ec-hero__titulo { font-size: 31px; }
	.pg-estudios-clinicos .ec-hero__stats { align-self: stretch; min-width: 0; }
	.pg-estudios-clinicos .ec-guia-banner__inner { padding: 12px 20px; }
	.pg-estudios-clinicos .ec-video { padding: 36px 20px 8px; }
	.pg-estudios-clinicos .ec-video__inner { grid-template-columns: 1fr; gap: 24px; padding: 28px 24px; }
	.pg-estudios-clinicos .ec-video__col { max-width: 340px; }
	.pg-estudios-clinicos .ec-porque { padding: 36px 20px; }
	.pg-estudios-clinicos .ec-porque .ec-beneficios { grid-template-columns: 1fr; }
	.pg-estudios-clinicos .ec-considerar { padding: 36px 20px; }
	.pg-estudios-clinicos .ec-considerar__inner { grid-template-columns: 1fr; }
	.pg-estudios-clinicos .ec-estudios { padding: 36px 20px 44px; }
	.pg-estudios-clinicos .ec-estudios__cabecera { flex-direction: column; align-items: flex-start; gap: 12px; }
	.pg-estudios-clinicos .ec-filtros { margin-right: 0; flex-wrap: wrap; }
	.pg-estudios-clinicos .ec-indice { padding: 22px 20px 24px; }
	.pg-estudios-clinicos .ec-indice__logos { position: relative; top: 0; right: auto; margin-bottom: 16px; }
	.pg-estudios-clinicos .ec-indice__titulo { margin-right: 0; }
	.pg-estudios-clinicos .ec-estudio__fila { grid-template-columns: 1fr; gap: 16px; }
	.pg-estudios-clinicos .ec-estudio__acciones { align-items: stretch; }
	.pg-estudios-clinicos .ec-explorador { padding: 16px 20px 20px; }
	.pg-estudios-clinicos .ec-protocolo > summary { flex-wrap: wrap; row-gap: 4px; }
	.pg-estudios-clinicos .ec-protocolo__accion { display: none; }
	.pg-estudios-clinicos .ec-protocolo__paneles { grid-template-columns: 1fr; }
	.pg-estudios-clinicos .ec-protocolo__criterios { grid-template-columns: 1fr; }
	.pg-estudios-clinicos .ec-aviso { align-items: stretch; }
	.pg-estudios-clinicos .ec-como { padding: 44px 20px; }
	.pg-estudios-clinicos .ec-pasos { grid-template-columns: 1fr; }
	.pg-estudios-clinicos .ec-cta__inner { flex-direction: column; align-items: flex-start; gap: 18px; padding: 36px 20px; }
}