/* Piel «cálida e íntima» del Gabinete Ámbar: fondo arena, radios grandes,
   columna estrecha y las frases de paciente en cursiva serif. */

.piel-ambar { --ga-arena: oklch(0.972 0.012 62); --ga-malva: oklch(0.52 0.07 320);
              --ga-malva-alt: oklch(0.44 0.07 320); --ga-malva-suave: oklch(0.965 0.018 320);
              --ga-hondo: oklch(0.30 0.02 320); background: var(--ga-arena); }
.piel-ambar h1, .piel-ambar h2, .piel-ambar h3 { font-family: var(--serif); font-weight: 400; }
.piel-ambar a:not(.btn):not([class*="ga-btn"]) { color: var(--ga-malva-alt); }
body:has(.piel-ambar) { background: oklch(0.972 0.012 62); }

.piel-ambar .ga-contenedor { width: min(1264px, 100% - 96px); margin-inline: auto; }

.ga-cabecera-fila { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 26px; }
.ga-marca { display: flex; align-items: center; gap: 11px; text-decoration: none; color: inherit !important; }
.ga-marca-icono { width: 34px; height: 34px; border-radius: 999px; background: oklch(0.90 0.05 320); color: var(--ga-malva-alt);
                  display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ga-marca-nombre { font-family: var(--serif); font-size: 23px; }
.ga-menu { display: flex; align-items: center; gap: 30px; }
.ga-menu a { font-size: 15.5px; text-decoration: none; }

.ga-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; text-decoration: none;
          font-size: 15.5px; font-weight: 600; padding: 13px 24px; border-radius: 999px; white-space: nowrap; }
.ga-btn-grande { font-size: 16.5px; padding: 16px 30px; }
.piel-ambar .ga-btn-solido { background: var(--ga-malva); color: #fff; }
.piel-ambar .ga-btn-solido:hover { background: var(--ga-malva-alt); color: #fff; }
.piel-ambar .ga-btn-borde { background: var(--superficie); border: 1px solid oklch(0.90 0.02 320); color: var(--tinta); }
.piel-ambar .ga-btn-borde:hover { border-color: var(--ga-malva); color: var(--tinta); }

.ga-heroe { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 26px; padding: 56px 0 20px; }
.ga-eyebrow { font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: oklch(0.48 0.06 320); }
.piel-ambar h1 { font-size: clamp(36px, 4.6vw, 62px); line-height: 1.06; max-width: 17ch; letter-spacing: -0.015em; }
.ga-lead { font-size: 19.5px; line-height: 1.68; color: var(--tinta-2); max-width: 60ch; }
.ga-acciones { display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; padding-top: 6px; }
.ga-aviso-hero { font-size: 14.5px; line-height: 1.55; color: var(--tinta-3); max-width: 62ch; }
.ga-aviso-hero strong { color: var(--tinta); }

.ga-foto-ancha { width: 100%; height: 420px; object-fit: cover; border-radius: 36px; margin-top: 40px; }

.ga-seccion { padding-block: 76px; }
.ga-titulo { font-size: clamp(28px, 3.1vw, 38px); line-height: 1.15; max-width: 24ch; margin-bottom: 34px; }

.ga-frases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.ga-frases blockquote { margin: 0; background: var(--ga-malva-suave); border-radius: 30px; padding: 38px 34px;
                        display: flex; flex-direction: column; gap: 20px; min-height: 260px; }
.ga-frases p { font-family: var(--serif); font-style: italic; font-size: 26px; line-height: 1.36; color: oklch(0.30 0.04 320); }
.ga-frases cite { font-size: 14.5px; letter-spacing: 0.1em; text-transform: uppercase; color: oklch(0.48 0.06 320);
                  font-style: normal; margin-top: auto; }

.ga-trabajo { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 64px; align-items: start; padding-bottom: 76px; }
.ga-trabajo-lado { display: flex; flex-direction: column; gap: 28px; }
.ga-claims { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.ga-claims b { font-size: 16.5px; font-weight: 600; display: block; }
.ga-claims span { font-size: 15.5px; color: var(--tinta-2); }
.ga-foto-media { width: 100%; height: 240px; object-fit: cover; border-radius: 28px; margin-top: 8px; }

.ga-lista { background: var(--superficie); border: 1px solid oklch(0.93 0.01 60); border-radius: 30px; padding: 12px 34px; }
.ga-linea { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding: 26px 0;
            border-bottom: 1px solid var(--linea-2); }
.ga-linea:last-child { border-bottom: 0; }
.ga-linea h3 { font-size: 24px; }
.ga-linea p { font-size: 15.5px; line-height: 1.6; color: var(--tinta-2); max-width: 46ch; margin-top: 6px; }
.ga-precio { text-align: right; flex-shrink: 0; }
.ga-precio-cifra { font-family: var(--serif); font-size: 25px; }
.ga-precio-destacado { color: var(--ga-malva-alt); }
.ga-precio-min { font-size: 14px; color: var(--tinta-3); }

.ga-reserva { background: var(--ga-hondo); border-radius: 30px; padding: 52px clamp(28px, 4vw, 56px);
              display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.ga-reserva-texto { display: flex; flex-direction: column; gap: 18px; }
.ga-reserva-texto h2 { font-size: clamp(26px, 2.8vw, 36px); line-height: 1.14; color: oklch(0.97 0.01 320); }
.ga-reserva-texto p { font-size: 17px; line-height: 1.65; color: oklch(0.86 0.02 320); max-width: 48ch; }

.ga-equipo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.ga-persona { display: flex; gap: 24px; align-items: flex-start; background: var(--superficie);
              border: 1px solid oklch(0.93 0.01 60); border-radius: 28px; padding: 24px; }
.ga-persona img { width: 150px; height: 180px; object-fit: cover; border-radius: 20px; flex-shrink: 0; }
.ga-persona b { font-size: 19px; font-weight: 600; display: block; }
.ga-rol { font-size: 14.5px; color: var(--tinta-3); display: block; margin-top: 3px; }
.ga-persona p { font-size: 15.5px; line-height: 1.6; color: var(--tinta-2); margin-top: 10px; }

.ga-preguntas { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.ga-faq { padding: 20px 0; border-top: 1px solid oklch(0.93 0.01 60); }
.ga-faq b { font-size: 17px; font-weight: 600; display: block; }
.ga-faq p { font-size: 15.5px; line-height: 1.6; color: var(--tinta-2); margin-top: 6px; }
.ga-lateral { display: flex; flex-direction: column; gap: 20px; }
.ga-mapa { width: 100%; height: 260px; object-fit: cover; border-radius: 28px; }
.ga-horario { background: var(--superficie); border: 1px solid oklch(0.93 0.01 60); border-radius: 24px; padding: 26px; }
.ga-horario > b { font-size: 17px; font-weight: 600; display: block; margin-bottom: 14px; }
.ga-horario > div { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-top: 1px solid var(--linea-2); font-size: 15.5px; }
.ga-horario > div span { color: var(--tinta-2); }

.ga-aviso { display: flex; align-items: center; gap: 16px; border: 1px solid oklch(0.86 0.06 40);
            background: oklch(0.975 0.02 60); border-radius: 20px; padding: 22px 28px; }
.ga-aviso svg { color: oklch(0.55 0.14 40); flex-shrink: 0; }
.ga-aviso p { font-size: 16.5px; line-height: 1.55; color: oklch(0.36 0.05 40); }
.ga-aviso strong { color: oklch(0.30 0.06 40); }

.ga-cierre { display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; padding-block: 56px; }
.ga-direccion { font-family: var(--serif); font-size: 20px; display: block; }
.ga-pie-datos { font-size: 15.5px; color: var(--tinta-3); display: block; margin-top: 7px; }
.ga-tel { font-size: 19px; font-weight: 600; text-decoration: none; }

/* El widget compartido, sobre el bloque malva. */
.piel-ambar .widget { border-radius: 22px; border-color: oklch(0.90 0.02 320); }

@media (max-width: 1080px) {
  .ga-frases { grid-template-columns: 1fr; }
  .ga-frases blockquote { min-height: 0; }
}
@media (max-width: 980px) {
  .piel-ambar .ga-contenedor { width: min(1264px, 100% - 40px); }
  .ga-trabajo, .ga-reserva, .ga-preguntas, .ga-equipo { grid-template-columns: 1fr; gap: 40px; }
  .ga-oculta { display: none; }
}
@media (max-width: 700px) {
  .ga-seccion { padding-block: 52px; }
  .ga-foto-ancha { height: 260px; border-radius: 26px; }
  .ga-claims { grid-template-columns: 1fr; }
  .ga-lista { padding: 8px 22px; border-radius: 24px; }
  .ga-linea { flex-direction: column; gap: 10px; }
  .ga-precio { text-align: left; }
  .ga-persona { flex-direction: column; }
  .ga-persona img { width: 100%; height: 220px; }
}

@media (max-width: 700px) {
  .ga-cabecera-fila { flex-wrap: wrap; gap: 12px; }
  .ga-marca-nombre { font-size: 20px; }
  .ga-menu { gap: 16px; }
  .ga-btn { padding: 11px 18px; font-size: 15px; }
  .ga-btn-grande { font-size: 15.5px; padding: 14px 20px; }
  .ga-acciones { width: 100%; }
  .ga-acciones .ga-btn { flex: 1 1 100%; }
  .ga-reserva { padding: 36px 22px; border-radius: 24px; }
  .ga-cierre { align-items: flex-start; }
}

/* Cabecera de las páginas de sección */
.ga-pagina-cabeza { display: flex; flex-direction: column; gap: 16px; padding: 52px 0 8px; align-items: flex-start; }
.ga-migas { font-size: 14.5px; font-weight: 600; text-decoration: none; }
.ga-pagina-cabeza h1 { font-size: clamp(32px, 4vw, 54px); line-height: 1.08; letter-spacing: -0.015em; }
.ga-pagina-entradilla { font-size: 18.5px; line-height: 1.66; color: var(--tinta-2); max-width: 58ch; }
.ga-menu a[aria-current="page"] { color: var(--ga-malva-alt); text-decoration: underline; text-underline-offset: 5px; }