/* =====================================================================
   Soluciones · SHELL común — unifica las 6 soluciones al patrón del
   resto del sitio: foto de fondo fixed + glass dark + textos claros.
   Sustituye el aurora-mesh multicolor original.

   Se carga DESPUÉS de:
   - soluciones-gestion-digital.css (base)
   - soluciones-seo-tecnico.css
   - soluciones-analisis-empresarial.css
   - el CSS específico de cada solución

   Scope por las 6 clases de página:
   - .gdig-page  (gestión digital)   → foto A
   - .ae-page    (análisis empresar.) → foto A
   - .dev-page   (desarrollo web)     → foto B
   - .mi-page    (multiidioma)        → foto B
   - .seo-page   (seo técnico)        → foto C
   - .re-page    (reestructuración)   → foto C
   ===================================================================== */


/* ═══ FONDO · FOTO FIXED POR SCOPE ═════════════════════════════════ */
.gd-page.gdig-page,
.gd-page.ae-page,
.gd-page.dev-page,
.gd-page.mi-page,
.gd-page.seo-page,
.gd-page.re-page {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.gd-page.gdig-page { background-image: url('../img/pexels-tranmautritam-948050.webp'); }
.gd-page.ae-page   { background-image: url('../img/pexels-tranmautritam-948050.webp'); }
.gd-page.dev-page  { background-image: url('../img/pexels-tranmautritam-326518.webp'); }
.gd-page.mi-page   { background-image: url('../img/pexels-tranmautritam-326518.webp'); }
.gd-page.seo-page  { background-image: url('../img/pexels-pixabay-159299.webp'); }
.gd-page.re-page   { background-image: url('../img/pexels-pixabay-159299.webp'); }


/* ═══ AURORA-MESH → GLASS DARK ═════════════════════════════════════
   Override del aurora-mesh multicolor original por el velo glass
   uniforme que usa el resto del sitio. */
.gd-page.gdig-page .aurora-mesh,
.gd-page.ae-page .aurora-mesh,
.gd-page.dev-page .aurora-mesh,
.gd-page.mi-page .aurora-mesh,
.gd-page.seo-page .aurora-mesh,
.gd-page.re-page .aurora-mesh {
  position: absolute;
  inset: 0;
  background: rgba(28, 32, 36, 0.62);
  backdrop-filter: blur(4px) saturate(95%);
  -webkit-backdrop-filter: blur(4px) saturate(95%);
  filter: none;
  opacity: 1;
  mix-blend-mode: normal;
  animation: none;
}
.gd-page.gdig-page > section, .gd-page.gdig-page .hero,
.gd-page.ae-page > section,   .gd-page.ae-page .hero,
.gd-page.dev-page > section,  .gd-page.dev-page .hero,
.gd-page.mi-page > section,   .gd-page.mi-page .hero,
.gd-page.seo-page > section,  .gd-page.seo-page .hero,
.gd-page.re-page > section,   .gd-page.re-page .hero {
  position: relative;
  z-index: 1;
}


/* ═══ TEXTOS SUELTOS · CLAROS SOBRE GLASS ══════════════════════════
   Solo los textos que están directamente sobre el fondo de página
   (hero, section-head, foots de bloque). Las cards internas mantienen
   su fondo blanco y sus textos oscuros. */
.gd-page.gdig-page .hero-meta, .gd-page.ae-page .hero-meta,
.gd-page.dev-page .hero-meta,  .gd-page.mi-page .hero-meta,
.gd-page.seo-page .hero-meta,  .gd-page.re-page .hero-meta {
  color: rgba(255, 255, 255, 0.6);
}
.gd-page.gdig-page .hero h1, .gd-page.ae-page .hero h1,
.gd-page.dev-page .hero h1,  .gd-page.mi-page .hero h1,
.gd-page.seo-page .hero h1,  .gd-page.re-page .hero h1 {
  color: rgba(255, 255, 255, 0.97);
  font-size: clamp(34px, 4.2vw, 56px);
}
.gd-page.gdig-page .hero h1 strong, .gd-page.ae-page .hero h1 strong,
.gd-page.dev-page .hero h1 strong,  .gd-page.mi-page .hero h1 strong,
.gd-page.seo-page .hero h1 strong,  .gd-page.re-page .hero h1 strong {
  color: rgba(255, 255, 255, 0.62);
  font-weight: 500;
}
.gd-page.gdig-page .hero-summary, .gd-page.ae-page .hero-summary,
.gd-page.dev-page .hero-summary,  .gd-page.mi-page .hero-summary,
.gd-page.seo-page .hero-summary,  .gd-page.re-page .hero-summary {
  color: rgba(255, 255, 255, 0.78);
}
.gd-page.gdig-page .section-num, .gd-page.ae-page .section-num,
.gd-page.dev-page .section-num,  .gd-page.mi-page .section-num,
.gd-page.seo-page .section-num,  .gd-page.re-page .section-num {
  color: rgba(255, 255, 255, 0.55);
}
.gd-page.gdig-page .section-title, .gd-page.ae-page .section-title,
.gd-page.dev-page .section-title,  .gd-page.mi-page .section-title,
.gd-page.seo-page .section-title,  .gd-page.re-page .section-title {
  color: rgba(255, 255, 255, 0.97);
}
.gd-page.gdig-page .section-intro, .gd-page.ae-page .section-intro,
.gd-page.dev-page .section-intro,  .gd-page.mi-page .section-intro,
.gd-page.seo-page .section-intro,  .gd-page.re-page .section-intro {
  color: rgba(255, 255, 255, 0.78);
}

/* FAQ suelto sobre glass */
.gd-page.gdig-page .faq-list, .gd-page.ae-page .faq-list,
.gd-page.dev-page .faq-list,  .gd-page.mi-page .faq-list,
.gd-page.seo-page .faq-list,  .gd-page.re-page .faq-list {
  border-top-color: rgba(255, 255, 255, 0.35);
}
.gd-page.gdig-page .faq-item, .gd-page.ae-page .faq-item,
.gd-page.dev-page .faq-item,  .gd-page.mi-page .faq-item,
.gd-page.seo-page .faq-item,  .gd-page.re-page .faq-item {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}
.gd-page.gdig-page .faq-item summary, .gd-page.ae-page .faq-item summary,
.gd-page.dev-page .faq-item summary,  .gd-page.mi-page .faq-item summary,
.gd-page.seo-page .faq-item summary,  .gd-page.re-page .faq-item summary {
  color: white;
}
.gd-page.gdig-page .faq-item summary::after, .gd-page.ae-page .faq-item summary::after,
.gd-page.dev-page .faq-item summary::after,  .gd-page.mi-page .faq-item summary::after,
.gd-page.seo-page .faq-item summary::after,  .gd-page.re-page .faq-item summary::after {
  color: rgba(255, 255, 255, 0.55);
}
.gd-page.gdig-page .faq-item[open] summary::after, .gd-page.ae-page .faq-item[open] summary::after,
.gd-page.dev-page .faq-item[open] summary::after,  .gd-page.mi-page .faq-item[open] summary::after,
.gd-page.seo-page .faq-item[open] summary::after,  .gd-page.re-page .faq-item[open] summary::after {
  color: var(--accent);
}
.gd-page.gdig-page .faq-answer, .gd-page.ae-page .faq-answer,
.gd-page.dev-page .faq-answer,  .gd-page.mi-page .faq-answer,
.gd-page.seo-page .faq-answer,  .gd-page.re-page .faq-answer {
  color: rgba(255, 255, 255, 0.82);
}

/* method-list suelto sobre glass (bloques de pasos/método) */
.gd-page.gdig-page .method-list, .gd-page.ae-page .method-list,
.gd-page.dev-page .method-list,  .gd-page.mi-page .method-list,
.gd-page.seo-page .method-list,  .gd-page.re-page .method-list {
  border-top-color: rgba(255, 255, 255, 0.35);
}
.gd-page.gdig-page .method-step, .gd-page.ae-page .method-step,
.gd-page.dev-page .method-step,  .gd-page.mi-page .method-step,
.gd-page.seo-page .method-step,  .gd-page.re-page .method-step {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}
.gd-page.gdig-page .method-content h3, .gd-page.ae-page .method-content h3,
.gd-page.dev-page .method-content h3,  .gd-page.mi-page .method-content h3,
.gd-page.seo-page .method-content h3,  .gd-page.re-page .method-content h3 {
  color: white;
}
.gd-page.gdig-page .method-content p, .gd-page.ae-page .method-content p,
.gd-page.dev-page .method-content p,  .gd-page.mi-page .method-content p,
.gd-page.seo-page .method-content p,  .gd-page.re-page .method-content p {
  color: rgba(255, 255, 255, 0.78);
}
/* La .note conserva su caja de fondo claro propio → texto oscuro */
.gd-page.gdig-page .method-content .note, .gd-page.ae-page .method-content .note,
.gd-page.dev-page .method-content .note,  .gd-page.mi-page .method-content .note,
.gd-page.seo-page .method-content .note,  .gd-page.re-page .method-content .note {
  color: var(--ink-2);
}

/* entregables (lista numerada 01-04) suelta sobre glass */
.gd-page.gdig-page .entregables, .gd-page.ae-page .entregables,
.gd-page.dev-page .entregables,  .gd-page.mi-page .entregables,
.gd-page.seo-page .entregables,  .gd-page.re-page .entregables {
  border-top-color: rgba(255, 255, 255, 0.35);
  border-bottom-color: rgba(255, 255, 255, 0.15);
}
.gd-page.gdig-page .entregable, .gd-page.ae-page .entregable,
.gd-page.dev-page .entregable,  .gd-page.mi-page .entregable,
.gd-page.seo-page .entregable,  .gd-page.re-page .entregable {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}
.gd-page.gdig-page .entregable:nth-child(odd), .gd-page.ae-page .entregable:nth-child(odd),
.gd-page.dev-page .entregable:nth-child(odd),  .gd-page.mi-page .entregable:nth-child(odd),
.gd-page.seo-page .entregable:nth-child(odd),  .gd-page.re-page .entregable:nth-child(odd) {
  border-right-color: rgba(255, 255, 255, 0.15);
}
.gd-page.gdig-page .entregable-text strong, .gd-page.ae-page .entregable-text strong,
.gd-page.dev-page .entregable-text strong,  .gd-page.mi-page .entregable-text strong,
.gd-page.seo-page .entregable-text strong,  .gd-page.re-page .entregable-text strong {
  color: white;
}
.gd-page.gdig-page .entregable-text span, .gd-page.ae-page .entregable-text span,
.gd-page.dev-page .entregable-text span,  .gd-page.mi-page .entregable-text span,
.gd-page.seo-page .entregable-text span,  .gd-page.re-page .entregable-text span {
  color: rgba(255, 255, 255, 0.78);
}

/* results-section (Leads / Países / Impresiones / Posición) sobre glass */
.gd-page.gdig-page .results-grid, .gd-page.ae-page .results-grid,
.gd-page.dev-page .results-grid,  .gd-page.mi-page .results-grid,
.gd-page.seo-page .results-grid,  .gd-page.re-page .results-grid {
  border-top-color: rgba(255, 255, 255, 0.35);
  border-bottom-color: rgba(255, 255, 255, 0.15);
}
.gd-page.gdig-page .result, .gd-page.ae-page .result,
.gd-page.dev-page .result,  .gd-page.mi-page .result,
.gd-page.seo-page .result,  .gd-page.re-page .result {
  border-right-color: rgba(255, 255, 255, 0.15);
}
.gd-page.gdig-page .result-label, .gd-page.ae-page .result-label,
.gd-page.dev-page .result-label,  .gd-page.mi-page .result-label,
.gd-page.seo-page .result-label,  .gd-page.re-page .result-label {
  color: rgba(255, 255, 255, 0.6);
}
.gd-page.gdig-page .result-value, .gd-page.ae-page .result-value,
.gd-page.dev-page .result-value,  .gd-page.mi-page .result-value,
.gd-page.seo-page .result-value,  .gd-page.re-page .result-value {
  color: rgba(255, 255, 255, 0.97);
}
.gd-page.gdig-page .result-context, .gd-page.ae-page .result-context,
.gd-page.dev-page .result-context,  .gd-page.mi-page .result-context,
.gd-page.seo-page .result-context,  .gd-page.re-page .result-context {
  color: rgba(255, 255, 255, 0.78);
}
.gd-page.gdig-page .results-footer, .gd-page.ae-page .results-footer,
.gd-page.dev-page .results-footer,  .gd-page.mi-page .results-footer,
.gd-page.seo-page .results-footer,  .gd-page.re-page .results-footer {
  color: rgba(255, 255, 255, 0.5);
  border-top-color: rgba(255, 255, 255, 0.15);
}

/* alcance-grid (incluido / no incluido en cuota) suelto sobre glass */
.gd-page.gdig-page .alcance-col h3, .gd-page.ae-page .alcance-col h3,
.gd-page.dev-page .alcance-col h3,  .gd-page.mi-page .alcance-col h3,
.gd-page.seo-page .alcance-col h3,  .gd-page.re-page .alcance-col h3 {
  color: rgba(255, 255, 255, 0.7);
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.gd-page.gdig-page .alcance-col.is-negative h3, .gd-page.ae-page .alcance-col.is-negative h3,
.gd-page.dev-page .alcance-col.is-negative h3,  .gd-page.mi-page .alcance-col.is-negative h3,
.gd-page.seo-page .alcance-col.is-negative h3,  .gd-page.re-page .alcance-col.is-negative h3 {
  color: rgba(255, 255, 255, 0.55);
}
.gd-page.gdig-page .alcance-item, .gd-page.ae-page .alcance-item,
.gd-page.dev-page .alcance-item,  .gd-page.mi-page .alcance-item,
.gd-page.seo-page .alcance-item,  .gd-page.re-page .alcance-item {
  color: rgba(255, 255, 255, 0.85);
  border-top-color: rgba(255, 255, 255, 0.15);
}
.gd-page.gdig-page .alcance-col.is-negative .alcance-item, .gd-page.ae-page .alcance-col.is-negative .alcance-item,
.gd-page.dev-page .alcance-col.is-negative .alcance-item,  .gd-page.mi-page .alcance-col.is-negative .alcance-item,
.gd-page.seo-page .alcance-col.is-negative .alcance-item,  .gd-page.re-page .alcance-col.is-negative .alcance-item {
  color: rgba(255, 255, 255, 0.55);
}