/* =========================================================
   HOME · TEMA CLARO
   home-marketing.css y el bloque inline de index.html fijan el
   oscuro con !important; esta capa necesita la misma fuerza.
   Las tarjetas con fotografía y el ticker siguen oscuros en
   ambos temas: el texto va sobre imagen.
========================================================= */

html[data-theme="light"] body.home-page.theme-marketing {
  --hm-ink: #f6f7f5;
  --hm-muted: #4a524a;
  --pdp-muted: #4a524a;
  background: #f6f7f5 !important;
  background-color: #f6f7f5 !important;
  color: #0b0d0b;
}

html[data-theme="light"],
html[data-theme="light"] body.home-page.theme-marketing {
  background-color: #f6f7f5;
}

/* ---------- Texto de secciones (no de tarjetas con imagen) ---------- */

html[data-theme="light"] body.home-page.theme-marketing :is(
  #inicio,
  #servicios-oficiales,
  #ecosistema-comercial,
  #portafolio,
  #contacto,
  #ecosistema
) :is(h1, h2):not(.project h2) {
  color: #0b0d0b !important;
}

html[data-theme="light"] body.home-page.theme-marketing :is(
  #inicio .hero__copy,
  #inicio .hero__content,
  #servicios-oficiales > .container,
  #ecosistema-comercial,
  #portafolio > .container > header,
  #contacto,
  #ecosistema
) p:not(.project p) {
  color: #4a524a !important;
}

html[data-theme="light"] body.home-page.theme-marketing #inicio h1 + p,
html[data-theme="light"] body.home-page.theme-marketing #servicios-oficiales .section__header p,
html[data-theme="light"] body.home-page.theme-marketing #portafolio .portfolio__lead {
  color: #4a524a !important;
}

html[data-theme="light"] body.home-page.theme-marketing :is(#inicio, #servicios-oficiales, #ecosistema-comercial, #portafolio, #contacto, #ecosistema) :is(.eyebrow, .pdp-contact__eyebrow, .hero__eyebrow, .eyebrow span:not(:empty)),
html[data-theme="light"] body.home-page.theme-marketing #inicio .hero__copy > span:first-child {
  color: #007a00 !important;
}

html[data-theme="light"] body.home-page.theme-marketing #portafolio .portfolio__lead a {
  color: #007a00 !important;
}

html[data-theme="light"] body.home-page.theme-marketing :is(h1, h2) em:not([class]) {
  color: #007a00 !important;
}

/* ---------- Hero ---------- */

html[data-theme="light"] body.home-page.theme-marketing #inicio.hero {
  background:
    radial-gradient(circle at 78% 18%, rgba(0, 204, 0, 0.07), transparent 36%),
    radial-gradient(circle at 12% 78%, rgba(0, 204, 0, 0.03), transparent 30%),
    linear-gradient(160deg, #ffffff 0%, #f4f6f2 60%, #edf1ea 100%) !important;
  color: #0b0d0b !important;
}

html[data-theme="light"] body.home-page.theme-marketing #inicio .btn--ghost,
html[data-theme="light"] body.home-page.theme-marketing :is(#servicios-oficiales, #ecosistema-comercial) .btn--ghost {
  border-color: rgba(0, 0, 0, 0.22) !important;
  background: rgba(0, 0, 0, 0.03) !important;
  color: #0b0d0b !important;
}

html[data-theme="light"] body.home-page.theme-marketing .btn--primary {
  color: #000 !important;
}

/* ---------- Franja de prueba social ---------- */

html[data-theme="light"] body.home-page.theme-marketing #prueba-social {
  background: #ffffff !important;
  border-block: 1px solid rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] body.home-page.theme-marketing #prueba-social#prueba-social strong {
  color: #007a00 !important;
}

html[data-theme="light"] body.home-page.theme-marketing #prueba-social#prueba-social span {
  color: #4a524a !important;
}

/* ---------- Servicios / ecosistema comercial ---------- */

html[data-theme="light"] body.home-page.theme-marketing :is(#servicios-oficiales, #ecosistema-comercial) {
  background: #f6f7f5 !important;
}

html[data-theme="light"] body.home-page.theme-marketing #servicios-oficiales a:not([class]) {
  color: #007a00 !important;
}

/* ---------- Portafolio ---------- */

html[data-theme="light"] body.home-page.theme-marketing main#contenido > section#portafolio.portfolio {
  background: #eef0ec !important;
}

html[data-theme="light"] body.home-page.theme-marketing #portafolio .portfolio-filters {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #2b312b !important;
}

html[data-theme="light"] body.home-page.theme-marketing #portafolio .filter-btn:not(.active) {
  color: #2b312b !important;
}

html[data-theme="light"] body.home-page.theme-marketing #portafolio header a:not([class]) {
  color: #007a00 !important;
}

/* ---------- Contacto (partials/contact.html) ---------- */

html[data-theme="light"] body.home-page.theme-marketing #contacto {
  background:
    radial-gradient(60% 50% at 10% 0%, rgba(0, 204, 0, 0.08), transparent 70%),
    #f6f7f5 !important;
}

html[data-theme="light"] body.home-page.theme-marketing #contacto :is(.pdp-contact__title, h3) {
  color: #0b0d0b !important;
}

html[data-theme="light"] body.home-page.theme-marketing #contacto dd {
  color: #0b0d0b !important;
}

html[data-theme="light"] body.home-page.theme-marketing #contacto form#contactForm {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.08) !important;
  color: #0b0d0b !important;
}

html[data-theme="light"] body.home-page.theme-marketing #contacto form label {
  color: #2b312b !important;
}

html[data-theme="light"] body.home-page.theme-marketing #contacto form :is(input, select, textarea) {
  background: #f6f7f5 !important;
  border-color: rgba(0, 0, 0, 0.14) !important;
  color: #0b0d0b !important;
}

html[data-theme="light"] body.home-page.theme-marketing #contacto form :is(input, textarea)::placeholder {
  color: #6b736b !important;
}

html[data-theme="light"] body.home-page.theme-marketing #contacto form option {
  background: #ffffff;
  color: #0b0d0b;
}

html[data-theme="light"] body.home-page.theme-marketing #contacto .pdp-field__error:empty {
  color: #4a524a !important;
}

/* ---------- Ecosistema ---------- */

html[data-theme="light"] body.home-page.theme-marketing #ecosistema {
  background: #ffffff !important;
}

html[data-theme="light"] body.home-page.theme-marketing #ecosistema .eco-card {
  background: #f6f7f5 !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: #2b312b !important;
}

html[data-theme="light"] body.home-page.theme-marketing #ecosistema .eco-card h3 {
  color: #0b0d0b !important;
}

html[data-theme="light"] body.home-page.theme-marketing #ecosistema .eco-card p {
  color: #4a524a !important;
}

html[data-theme="light"] body.home-page.theme-marketing #ecosistema :is(.eco-card__icon, .eco-card__badge) {
  background: rgba(0, 204, 0, 0.1) !important;
  color: #007a00 !important;
}

/* H1 "soluciones": degradado con contraste ≥3:1 sobre el fondo claro (antes ~2:1) */
html[data-theme="light"] body.home-page.theme-marketing #inicio .hero__copy h1 em {
  background: linear-gradient(105deg, #00a000 0%, #008a00 55%, #007a00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}
/* Verde de texto accesible en tema claro (los botones conservan #00cc00 con texto negro) */
html[data-theme="light"] {
  --pdp-green-text: #007a00;
}