/* Slide «¡Gracias!» de Expo AMIC 83 (Carlos, 11-nov-2026: propuesta 4 — una sola foto a todo lo ancho).
   Foto: Galeria 4 de la galería final (capa limpia de AMIC 83.pdf), fondo img/cms/gracias-amic83-bg-3000.{avif,webp}.
   Usa las clases base .rtg-xpo__logo/.rtg-xpo__cta de roentgen-expo.css; aquí solo lo propio de este slide. */
.rtg-xpo--gracias .rtg-xpo__body { position: absolute; z-index: 1; inset: 0; display: flex; align-items: center; padding: 30px calc(var(--rtg-hero-inset, 0px) + 76px) 44px; color: #fff; }
.rtg-xpo--gracias .rtg-xpo__copy { max-width: 560px; }
.rtg-xpo--gracias .rtg-xpo__logo { width: 150px; margin-bottom: 14px; }
.rtg-xpo--gracias .rtg-xpo__title { font-size: 64px; font-weight: 900; line-height: 1; margin: 0 0 12px; letter-spacing: -.01em; }
.rtg-xpo--gracias .rtg-xpo__text { margin: 0 0 22px; font-size: 18px; font-weight: 500; line-height: 1.45; color: #fff; }
.rtg-xpo--gracias .rtg-xpo__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }
.rtg-xpo--gracias .rtg-xpo__cta--ghost { padding: 11px 24px; border: 2px solid rgb(255 255 255 / 88%); background: transparent; color: #fff; }
.rtg-xpo--gracias .rtg-xpo__cta--ghost:hover, .rtg-xpo--gracias .rtg-xpo__cta--ghost:focus-visible { background: #fff; color: var(--rtg-950, #0D343F); }
.rtg-xpo--gracias .rtg-xpo__cta:hover { transform: translateY(-2px); }
@media (max-width: 1199px) { .rtg-xpo--gracias .rtg-xpo__body { padding-left: calc(var(--rtg-hero-inset, 0px) + 40px); } .rtg-xpo--gracias .rtg-xpo__title { font-size: 52px; } .rtg-xpo--gracias .rtg-xpo__text { font-size: 16px; } }
@media (max-width: 767px) {
  .rtg-xpo--gracias .rtg-xpo__body { justify-content: center; padding: 12px 18px 30px; text-align: center; }
  .rtg-xpo--gracias .rtg-xpo__logo { width: 84px; margin: 0 auto 6px; }
  .rtg-xpo--gracias .rtg-xpo__title { font-size: 30px; margin-bottom: 6px; }
  .rtg-xpo--gracias .rtg-xpo__text { font-size: 12.5px; line-height: 1.35; margin-bottom: 12px; }
  .rtg-xpo--gracias .rtg-xpo__actions { justify-content: center; gap: 8px; }
  .rtg-xpo--gracias .rtg-xpo__cta { padding: 9px 14px; font-size: 11.5px; }
  .rtg-xpo--gracias .rtg-xpo__cta--ghost { padding: 7px 12px; }
  .rtg-xpo--gracias::before { background-position: 62% 50%; }
}
/* Propuesta 4, v3 (Carlos, 11-nov): base #1693A5 sólida en la orilla izquierda y la foto ocupando ~80 % del ancho
   (empieza en el 20 %). Un velo del mismo color va de la orilla de la foto hasta pasado el texto, para que se lea y para que
   el grupo de espaldas de la izquierda no llame la atención.
   v5/v6: la mujer de espaldas sale en todas las vistas, atenuada solo por el velo (sin desenfoque). */
/* 12-nov (PageSpeed): la foto la eligen estas reglas y no el style en línea, que trae las dos (--rtg-g-lg / --rtg-g-sm). */
.rtg-xpo--g4 { --rtg-slide-image: var(--rtg-g-lg); --rtg-g4-base: #1693A5; --rtg-g4-foto: max(20%, calc(100% - 1120px)); --rtg-g4-texto: calc(var(--rtg-hero-inset, 0px) + 606px); background: var(--rtg-g4-base); }
/* v10 (Carlos, 11-nov): en TODOS los anchos se ven completos el letrero grande «Roentgen» (arriba, y ≈ 0.085 de la foto), el de
   las banderas y la caja Roentgen que carga el señor (y hasta ≈ 0.71). La foto mide 80 % del ancho, máx. 1120 px, para que ese
   tramo (0.085–0.71 = 62.5 % de su alto) quepa en los 480 px del slide; la ventana se centra en y 0.3975 de la foto:
   desplazamiento = 240 px − 0.3975 × alto (alto = 0.6665 × ancho de la foto). */
.rtg-xpo--g4::before { left: var(--rtg-g4-foto); background-color: var(--rtg-g4-base); background-position: 50% calc(240px - min(21.19vw, 296.7px)); }
/* v6 (Carlos, 11-nov: «no la desenfoques; recorre el verde un poquito a la derecha»): foto SIN retoque; el velo llega más a la
   derecha (pasado el texto + 300 px, y al menos a la mitad de la foto) para que la mujer de espaldas quede bajo ~60 % de color
   en todos los anchos: se ve, pero no llama la atención. */
.rtg-xpo--g4::after { content: ''; position: absolute; top: 0; bottom: 0; left: var(--rtg-g4-foto); pointer-events: none;
  width: max(calc(var(--rtg-g4-texto) - var(--rtg-g4-foto) + 300px), calc((100% - var(--rtg-g4-foto)) * 0.5));
  background: linear-gradient(90deg, var(--rtg-g4-base) 0, rgb(22 147 165 / 70%) 20%, rgb(22 147 165 / 55%) 60%, rgb(22 147 165 / 0%) 100%); }
.rtg-xpo--g4 .rtg-xpo__copy { max-width: 530px; }
.rtg-xpo--g4 .rtg-xpo__title { color: #fff; } .rtg-xpo--g4 .rtg-xpo__title em { display: inline; color: var(--rtg-xpo-yellow); font-style: normal; }
.rtg-xpo--g4 .rtg-xpo__title, .rtg-xpo--g4 .rtg-xpo__text { text-shadow: 0 1px 3px rgb(13 52 63 / 55%), 0 2px 14px rgb(13 52 63 / 45%); }
@media (max-width: 1199px) {
  .rtg-xpo--g4 { --rtg-g4-foto: 18%; --rtg-g4-texto: calc(var(--rtg-hero-inset, 0px) + 440px); }
  .rtg-xpo--g4 .rtg-xpo__copy { max-width: 400px; }
  .rtg-xpo--g4::before { background-position: 45% 45%; }
}
@media (max-width: 767px) {
  .rtg-xpo--g4 { --rtg-g4-foto: 0px; --rtg-slide-image: var(--rtg-g-sm); }
  .rtg-xpo--g4::before { background-position: 55% 45%; }
  .rtg-xpo--g4::after { left: 0; right: 0; width: auto; background: rgb(22 147 165 / 86%); }
  .rtg-xpo--g4 .rtg-xpo__copy { max-width: none; }
}