/* =====================================================================
   García Trujillo & Asociados — Bloques "Vancutsem"
   Componentes encapsulados y autocontenidos, listos para:
   a) Este sitio estático (enlazar este archivo tras styles.css)
   b) Un widget "HTML Personalizado" de Elementor (pegar el <style>
      correspondiente a cada bloque junto con su HTML)

   Cada bloque usa únicamente selectores prefijados con .gta- y
   variables CSS propias declaradas en su propio elemento raíz, por lo
   que NO sobreescribe clases nativas de Elementor ni depende de
   styles.css para funcionar.

   Índice:
   1. Hero / Inicio ......... .gta-hero-vancutsem
   2. Nuestra Historia ...... .gta-historia
   3. Reseñas de Google ..... .gta-google-reviews
   4. Banner de Cookies ..... .gta-cookie-banner
   5. Botón de WhatsApp ..... .gta-whatsapp-float
   6. Áreas de Práctica ..... .gta-servicios-acordeon
   ===================================================================== */


/* =====================================================================
   1. HERO / INICIO — .gta-hero-vancutsem
   ===================================================================== */
.gta-hero-vancutsem {
  --gh-navy: #0f1b33;
  --gh-navy-2: #16274a;
  --gh-cream: #f2ede3;
  --gh-gold: #b68d40;
  --gh-gold-2: #d4af6a;
  --gh-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --gh-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  position: relative;
  background: var(--gh-navy);
  color: var(--gh-cream);
  font-family: var(--gh-sans);
  overflow: clip;
  isolation: isolate;
}
.gta-hero-vancutsem *, .gta-hero-vancutsem *::before, .gta-hero-vancutsem *::after { box-sizing: border-box; }
.gta-hero-vancutsem img { display: block; max-width: 100%; height: auto; }

/* Mobile / tablet (< 860px): foto apilada arriba, a su proporción nativa
   (3:2) para no recortar a nadie, texto abajo sobre fondo navy sólido. */
.gta-hero-vancutsem__media { position: relative; }
.gta-hero-vancutsem__media img {
  width: 100%; height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover; object-position: center 30%;
}
.gta-hero-vancutsem__media::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(0deg, var(--gh-navy) 0%, rgba(15,27,51,.1) 40%, rgba(15,27,51,0) 100%);
}

.gta-hero-vancutsem__body {
  position: relative;
  padding: clamp(2.5rem, 8vw, 4rem) clamp(1.5rem, 6vw, 5rem) clamp(2.5rem, 6vw, 4rem);
}
.gta-hero-vancutsem__kicker {
  display: flex; align-items: center; gap: .85rem;
  font-size: .74rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase;
  color: var(--gh-gold-2);
  margin-bottom: 1.6rem;
}
.gta-hero-vancutsem__kicker::before { content: ""; width: 44px; height: 1px; background: var(--gh-gold-2); flex-shrink: 0; }

.gta-hero-vancutsem__title {
  font-family: var(--gh-serif);
  font-weight: 600;
  font-style: normal;
  font-size: clamp(2.3rem, 8.4vw, 4.6rem);
  line-height: 1.05;
  letter-spacing: -0.01em;
  max-width: 16ch;
  margin: 0;
  text-wrap: balance;
}
.gta-hero-vancutsem__title em {
  font-style: italic;
  color: var(--gh-gold-2);
}

.gta-hero-vancutsem__sub {
  margin: clamp(1.2rem, 3vw, 1.6rem) 0 0;
  max-width: 46ch;
  font-size: clamp(1rem, 1.6vw, 1.12rem);
  line-height: 1.7;
  color: rgba(242, 237, 227, .82);
  text-align: justify;
  text-justify: inter-word;
}

.gta-hero-vancutsem__actions {
  display: flex; flex-wrap: wrap; gap: 1rem;
  margin-top: clamp(1.8rem, 4vw, 2.4rem);
}
.gta-hero-vancutsem__btn {
  display: inline-flex; align-items: center; gap: .6rem;
  padding: 1rem 2rem;
  font-family: var(--gh-sans); font-size: .92rem; font-weight: 600;
  border: 1px solid transparent;
  text-decoration: none;
  transition: transform .3s ease, background-color .3s ease, border-color .3s ease, color .3s ease;
}
.gta-hero-vancutsem__btn--primary {
  background: var(--gh-gold-2);
  color: var(--gh-navy);
}
.gta-hero-vancutsem__btn--primary:hover { background: var(--gh-cream); transform: translateY(-2px); }
.gta-hero-vancutsem__btn--ghost {
  border-color: rgba(242,237,227,.4);
  color: var(--gh-cream);
}
.gta-hero-vancutsem__btn--ghost:hover { border-color: var(--gh-cream); transform: translateY(-2px); }

/* fact strip — flat, hairline-separated, no shadows/pills (Vancutsem signature) */
.gta-hero-vancutsem__facts {
  position: relative;
  display: grid;
  margin-top: clamp(2rem, 5vw, 3rem);
  border-top: 1px solid rgba(242,237,227,.16);
}
.gta-hero-vancutsem__fact {
  padding: 1.4rem 0 0;
  border-top: 1px solid rgba(242,237,227,.16);
}
.gta-hero-vancutsem__fact:first-child { border-top: 0; padding-top: 1.4rem; }
.gta-hero-vancutsem__fact strong {
  display: block;
  font-family: var(--gh-serif);
  font-size: clamp(1.4rem, 2.6vw, 1.9rem);
  color: var(--gh-gold-2);
  font-weight: 600;
  margin-bottom: .3rem;
}
.gta-hero-vancutsem__fact span { display: block; font-size: .82rem; color: rgba(242,237,227,.7); }

/* Desktop (≥ 860px): foto a pantalla completa como fondo del Hero, con
   texto superpuesto sobre un degradado — el tratamiento clásico de un
   hero fotográfico de firma, sin la foto "flotando" pequeña en un panel. */
@media (min-width: 860px) {
  .gta-hero-vancutsem {
    display: flex;
    align-items: flex-end;
    min-height: clamp(560px, 78vw, 760px);
  }
  .gta-hero-vancutsem__media {
    position: absolute; inset: 0;
  }
  .gta-hero-vancutsem__media img {
    width: 100%; height: 100%;
    aspect-ratio: auto;
    object-fit: cover; object-position: center 25%;
  }
  .gta-hero-vancutsem__media::after {
    background:
      linear-gradient(100deg, rgba(15,27,51,.94) 0%, rgba(15,27,51,.82) 32%, rgba(15,27,51,.35) 60%, rgba(15,27,51,.1) 85%),
      linear-gradient(0deg, rgba(15,27,51,.92) 0%, rgba(15,27,51,.15) 38%, rgba(15,27,51,0) 65%);
  }
  .gta-hero-vancutsem__body {
    position: relative;
    z-index: 2;
    max-width: 680px;
    padding: clamp(5rem, 10vw, 7rem) clamp(2rem, 5vw, 4rem) clamp(2.5rem, 5vw, 3.5rem);
  }
  .gta-hero-vancutsem__facts { grid-template-columns: repeat(3, 1fr); column-gap: 2rem; }
  .gta-hero-vancutsem__fact { border-top: 0; padding-top: 0; }
  .gta-hero-vancutsem__fact:first-child { padding-top: 0; }
}


/* =====================================================================
   2. NUESTRA HISTORIA — .gta-historia  (formato editorial / línea de tiempo)
   ===================================================================== */
.gta-historia {
  --ht-navy: #0f1b33;
  --ht-ink: #16213a;
  --ht-slate: #5b6472;
  --ht-gold: #b68d40;
  --ht-line: rgba(15,27,51,.14);
  --ht-paper: #f6f7f9;
  --ht-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --ht-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  font-family: var(--ht-sans);
  color: var(--ht-ink);
  background: var(--ht-paper);
  padding: clamp(3.5rem, 8vw, 7rem) clamp(1.25rem, 6vw, 4rem);
}
.gta-historia *, .gta-historia *::before, .gta-historia *::after { box-sizing: border-box; }
.gta-historia img { display: block; max-width: 100%; height: auto; }

.gta-historia__head {
  max-width: 640px;
  margin: 0 auto clamp(3rem, 7vw, 5rem);
  text-align: center;
}
.gta-historia__eyebrow {
  display: inline-flex; align-items: center; gap: .55rem;
  font-size: .76rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
  color: var(--ht-gold); margin-bottom: 1.1rem;
}
.gta-historia__eyebrow::before { content: ""; width: 30px; height: 1px; background: var(--ht-gold); }
.gta-historia__title {
  font-family: var(--ht-serif); font-weight: 600; font-size: clamp(2rem, 4vw, 2.9rem); line-height: 1.15; margin: 0;
}
.gta-historia__lede { margin-top: 1.1rem; color: var(--ht-slate); font-size: 1.05rem; }

.gta-historia__timeline {
  max-width: 880px;
  margin-inline: auto;
  position: relative;
}
.gta-historia__timeline::before {
  content: "";
  position: absolute; top: 0; bottom: 0; left: 1.35rem;
  width: 1px; background: var(--ht-line);
}
.gta-historia__entry {
  position: relative;
  display: grid;
  gap: .4rem;
  padding: 0 0 clamp(2.4rem, 5vw, 3.4rem) clamp(3.4rem, 8vw, 4.6rem);
}
.gta-historia__entry:last-child { padding-bottom: 0; }
.gta-historia__entry::before {
  content: "";
  position: absolute; left: calc(1.35rem - 5px); top: .35rem;
  width: 11px; height: 11px; border-radius: 50%;
  background: var(--ht-paper); border: 2px solid var(--ht-gold);
}
.gta-historia__year {
  font-family: var(--ht-serif); font-weight: 700; font-size: 1.4rem; color: var(--ht-gold);
}
.gta-historia__entry h3 { font-family: var(--ht-serif); font-weight: 600; font-size: 1.2rem; margin: .15rem 0 .3rem; color: var(--ht-navy); }
.gta-historia__entry p { color: var(--ht-slate); font-size: .98rem; line-height: 1.7; max-width: 62ch; text-align: justify; text-justify: inter-word; }
.gta-historia__entry p + p { margin-top: .7rem; }
.gta-historia__entry-img { margin-top: 1.1rem; max-width: 260px; border: 1px solid var(--ht-line); filter: grayscale(0.15); }

/* Closing statement block — full width, editorial pull-quote treatment */
.gta-historia__close {
  max-width: 760px;
  margin: clamp(3rem, 6vw, 4.5rem) auto 0;
  padding-top: clamp(2.4rem, 5vw, 3.4rem);
  border-top: 1px solid var(--ht-line);
  text-align: center;
}
.gta-historia__close p {
  font-family: var(--ht-serif); font-style: italic; font-weight: 600;
  font-size: clamp(1.2rem, 2.4vw, 1.6rem); line-height: 1.45; color: var(--ht-navy);
}

/* Single founder portrait — used when only one archive photo anchors the intro */
.gta-historia__portrait {
  max-width: 300px;
  margin: 0 auto clamp(3rem, 6vw, 4.5rem);
  text-align: center;
}
.gta-historia__portrait img {
  width: 100%; aspect-ratio: 4/5; object-fit: cover; object-position: top;
  filter: grayscale(0.35);
}
.gta-historia__portrait span { display: block; margin-top: .8rem; font-size: .84rem; letter-spacing: .04em; color: var(--ht-slate); }
.gta-historia__portrait strong { display: block; font-family: var(--ht-serif); font-size: 1.05rem; color: var(--ht-navy); margin-top: .15rem; }


/* =====================================================================
   3. RESEÑAS DE GOOGLE — .gta-google-reviews
   ===================================================================== */
.gta-google-reviews {
  --gr-navy: #0f1b33;
  --gr-ink: #16213a;
  --gr-slate: #5b6472;
  --gr-gold: #b68d40;
  --gr-line: rgba(15,27,51,.12);
  --gr-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --gr-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  font-family: var(--gr-sans);
  color: var(--gr-ink);
  background: #fff;
  padding: clamp(3.5rem, 8vw, 6.5rem) clamp(1.25rem, 6vw, 4rem);
}
.gta-google-reviews *, .gta-google-reviews *::before, .gta-google-reviews *::after { box-sizing: border-box; }

.gta-google-reviews__head {
  display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1.5rem;
  max-width: 1160px; margin: 0 auto clamp(2.4rem, 5vw, 3.2rem);
  padding-bottom: clamp(1.6rem, 3vw, 2.2rem);
  border-bottom: 1px solid var(--gr-line);
}
.gta-google-reviews__eyebrow {
  display: inline-flex; align-items: center; gap: .55rem;
  font-size: .76rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
  color: var(--gr-gold); margin-bottom: .9rem;
}
.gta-google-reviews__eyebrow::before { content: ""; width: 30px; height: 1px; background: var(--gr-gold); }
.gta-google-reviews__title { font-family: var(--gr-serif); font-weight: 600; font-size: clamp(1.8rem, 3.4vw, 2.5rem); margin: 0; }

.gta-google-reviews__score { display: flex; align-items: center; gap: .9rem; }
.gta-google-reviews__score-num { font-family: var(--gr-serif); font-size: 2.4rem; font-weight: 700; color: var(--gr-navy); line-height: 1; }
.gta-google-reviews__score-meta { font-size: .82rem; color: var(--gr-slate); line-height: 1.4; }
.gta-google-reviews__stars { display: flex; gap: 2px; margin-bottom: .2rem; }
.gta-google-reviews__stars svg { width: 15px; height: 15px; fill: #f4b400; }
.gta-google-reviews__g-icon { width: 22px; height: 22px; flex-shrink: 0; }

.gta-google-reviews__grid {
  max-width: 1160px; margin: 0 auto;
  display: grid; gap: 1.4rem;
}
.gta-google-reviews__card {
  border: 1px solid var(--gr-line);
  padding: 1.9rem 1.8rem;
  display: flex; flex-direction: column; gap: 1rem;
}
.gta-google-reviews__card-top { display: flex; align-items: center; gap: .9rem; }
.gta-google-reviews__avatar {
  width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: var(--gr-navy); color: #d4af6a;
  font-family: var(--gr-serif); font-weight: 700; font-size: 1.05rem;
}
.gta-google-reviews__author strong { display: block; font-size: .94rem; }
.gta-google-reviews__author time { display: block; font-size: .78rem; color: var(--gr-slate); margin-top: .1rem; }
.gta-google-reviews__card .gta-google-reviews__stars { margin: 0; }
.gta-google-reviews__quote { color: var(--gr-slate); font-size: .93rem; line-height: 1.65; text-align: justify; text-justify: inter-word; }

.gta-google-reviews__cta { text-align: center; margin-top: clamp(2.2rem, 4vw, 3rem); }
.gta-google-reviews__cta a {
  display: inline-flex; align-items: center; gap: .5rem;
  font-size: .9rem; font-weight: 600; color: var(--gr-navy);
  border-bottom: 1px solid var(--gr-navy); padding-bottom: .2rem;
  text-decoration: none;
}
.gta-google-reviews__cta a:hover { color: var(--gr-gold); border-color: var(--gr-gold); }

@media (min-width: 640px) { .gta-google-reviews__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .gta-google-reviews__grid { grid-template-columns: repeat(3, 1fr); } }


/* =====================================================================
   4. BANNER DE COOKIES — .gta-cookie-banner
   ===================================================================== */
.gta-cookie-banner {
  --cb-navy: #0f1b33;
  --cb-cream: #f2ede3;
  --cb-gold: #b68d40;
  --cb-gold-2: #d4af6a;
  --cb-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 2147483000;
  font-family: var(--cb-sans);
  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s cubic-bezier(.16,1,.3,1), opacity .5s ease;
  pointer-events: none;
}
.gta-cookie-banner.is-visible { transform: translateY(0); opacity: 1; pointer-events: auto; }
.gta-cookie-banner__inner {
  max-width: 1040px;
  margin: 0 1rem 1rem;
  background: var(--cb-navy);
  color: var(--cb-cream);
  padding: 1.4rem 1.6rem;
  display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem 2rem;
  box-shadow: 0 20px 50px -18px rgba(0,0,0,.45);
}
@media (min-width: 640px) { .gta-cookie-banner__inner { margin-inline: auto 1rem; } }
.gta-cookie-banner__text { flex: 1 1 320px; font-size: .87rem; line-height: 1.6; color: rgba(242,237,227,.85); }
.gta-cookie-banner__text a { color: var(--cb-gold-2); text-decoration: underline; text-underline-offset: 2px; }
.gta-cookie-banner__actions { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; }
.gta-cookie-banner__btn {
  font-family: var(--cb-sans); font-size: .84rem; font-weight: 600;
  padding: .68rem 1.3rem;
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}
.gta-cookie-banner__btn--accept { background: var(--cb-gold-2); color: var(--cb-navy); }
.gta-cookie-banner__btn--accept:hover { background: var(--cb-cream); transform: translateY(-2px); }
.gta-cookie-banner__btn--reject { background: transparent; border-color: rgba(242,237,227,.35); color: var(--cb-cream); }
.gta-cookie-banner__btn--reject:hover { border-color: var(--cb-cream); }

@media (prefers-reduced-motion: reduce) {
  .gta-cookie-banner { transition-duration: .01s; }
}


/* =====================================================================
   5. BOTÓN FLOTANTE DE WHATSAPP — .gta-whatsapp-float
   ===================================================================== */
.gta-whatsapp-float {
  position: fixed;
  right: clamp(1rem, 4vw, 1.75rem);
  bottom: clamp(1rem, 4vw, 1.75rem);
  z-index: 2147483000;
  width: 58px; height: 58px;
  border-radius: 50%;
  background: #25d366;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 10px 26px -8px rgba(0,0,0,.4);
  text-decoration: none;
  isolation: isolate;
}
.gta-whatsapp-float svg { width: 30px; height: 30px; fill: #fff; }
.gta-whatsapp-float::before {
  content: "";
  position: absolute; inset: 0; border-radius: 50%;
  background: #25d366;
  z-index: -1;
  animation: gta-whatsapp-pulse 2.4s ease-out infinite;
}
.gta-whatsapp-float:hover { background: #1ebe5a; }
.gta-whatsapp-float:hover::before { animation-play-state: paused; }

@keyframes gta-whatsapp-pulse {
  0%   { transform: scale(1);   opacity: .55; }
  70%  { transform: scale(1.9); opacity: 0; }
  100% { transform: scale(1.9); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .gta-whatsapp-float::before { animation: none; }
}
/* Keep the button clear of the cookie banner on small screens while it's visible */
body:has(.gta-cookie-banner.is-visible) .gta-whatsapp-float {
  bottom: clamp(6.5rem, 22vw, 7.5rem);
  transition: bottom .4s cubic-bezier(.16,1,.3,1);
}


/* =====================================================================
   6. ÁREAS DE PRÁCTICA (acordeón) — .gta-servicios-acordeon
   Autocontenido, con su propio script al final del archivo HTML donde
   se use (buscar data-svc-item). No depende de main.js. Cada categoría
   se puede abrir de forma independiente (no son mutuamente excluyentes).
   ===================================================================== */
.gta-servicios-acordeon {
  --sv-navy: #0f1b33;
  --sv-ink: #16213a;
  --sv-slate: #5b6472;
  --sv-gold: #b68d40;
  --sv-gold-2: #d4af6a;
  --sv-line: rgba(15,27,51,.12);
  --sv-paper: #f6f7f9;
  --sv-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --sv-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  font-family: var(--sv-sans);
  color: var(--sv-ink);
}
.gta-servicios-acordeon *, .gta-servicios-acordeon *::before, .gta-servicios-acordeon *::after { box-sizing: border-box; }

.gta-servicios-acordeon__list { display: grid; gap: 1rem; }

.gta-servicios-acordeon__item {
  background: #fff;
  border: 1px solid var(--sv-line);
  border-radius: 18px;
  overflow: clip;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.gta-servicios-acordeon__item[data-open="true"] {
  border-color: rgba(182,141,64,.35);
  box-shadow: 0 20px 44px -28px rgba(15,27,51,.35);
}

.gta-servicios-acordeon__q {
  width: 100%;
  display: flex; align-items: center; gap: 1.1rem;
  padding: 1.3rem 1.5rem;
  text-align: left;
  border: 0; background: none; cursor: pointer;
  font-family: inherit;
  /* <button> es "white-space: nowrap" por defecto en los navegadores —
     sin este reset, el título de cada área no envuelve en móvil y queda
     recortado por el "overflow: clip" de la tarjeta. */
  white-space: normal;
}
.gta-servicios-acordeon__icon {
  width: 46px; height: 46px; flex-shrink: 0; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--sv-navy), #1f3560);
  transition: background .3s ease;
}
.gta-servicios-acordeon__icon svg { width: 21px; height: 21px; color: var(--sv-gold-2); }
.gta-servicios-acordeon__item[data-open="true"] .gta-servicios-acordeon__icon { background: linear-gradient(135deg, var(--sv-gold-2), var(--sv-gold)); }
.gta-servicios-acordeon__item[data-open="true"] .gta-servicios-acordeon__icon svg { color: var(--sv-navy); }

.gta-servicios-acordeon__title { flex: 1; min-width: 0; }
.gta-servicios-acordeon__title strong { display: block; font-family: var(--sv-serif); font-size: 1.08rem; font-weight: 600; color: var(--sv-navy); }
.gta-servicios-acordeon__title span { display: block; font-size: .86rem; color: var(--sv-slate); margin-top: .2rem; }

.gta-servicios-acordeon__plus { flex-shrink: 0; width: 30px; height: 30px; position: relative; border-radius: 50%; background: var(--sv-paper); }
.gta-servicios-acordeon__plus::before, .gta-servicios-acordeon__plus::after {
  content: ""; position: absolute; background: var(--sv-navy);
  transition: transform .35s ease, opacity .3s;
}
.gta-servicios-acordeon__plus::before { top: 50%; left: 8px; right: 8px; height: 2px; transform: translateY(-1px); }
.gta-servicios-acordeon__plus::after { left: 50%; top: 8px; bottom: 8px; width: 2px; transform: translateX(-1px); }
.gta-servicios-acordeon__item[data-open="true"] .gta-servicios-acordeon__plus { background: var(--sv-gold); }
.gta-servicios-acordeon__item[data-open="true"] .gta-servicios-acordeon__plus::before,
.gta-servicios-acordeon__item[data-open="true"] .gta-servicios-acordeon__plus::after { background: var(--sv-navy); }
.gta-servicios-acordeon__item[data-open="true"] .gta-servicios-acordeon__plus::after { opacity: 0; }

.gta-servicios-acordeon__a { max-height: 0; overflow: hidden; transition: max-height .45s ease; }
.gta-servicios-acordeon__a-inner { padding: 0 1.5rem 1.6rem 4.7rem; }
.gta-servicios-acordeon__grid { display: grid; gap: .6rem 1.5rem; }
@media (min-width: 640px) { .gta-servicios-acordeon__grid { grid-template-columns: repeat(2, 1fr); } }
.gta-servicios-acordeon__grid li {
  position: relative; padding-left: 1.1rem;
  font-size: .89rem; color: var(--sv-slate); line-height: 1.5;
  text-align: justify; text-justify: inter-word;
}
.gta-servicios-acordeon__grid li::before {
  content: ""; position: absolute; left: 0; top: .55em;
  width: 5px; height: 5px; border-radius: 50%; background: var(--sv-gold);
}