/* Servei Tecnic · paleta aprobada por Salazar, 29/09/2026.
   Única capa de color compartida. No modifica medidas, fuentes ni imágenes.
   La prioridad !important dentro de esta capa sustituye las declaraciones
   heredadas !important de company-header.css, smeg-palette-preview.css,
   appointment-ctas.css, brand-name-colours.css y estilos de marcas.
   Se conservan esos archivos para preservar la composición y permitir reversión. */
@layer serveitecnic-palette {
  :root {
    --st-navy:#173d58;
    --st-navy-hover:#103047;
    --st-navy-sheen:#215571;
    --st-green:#24634e;
    --st-green-hover:#194b3a;
    --st-white:#ffffff;
    --st-paper:#f5f6f4;
    --st-line:#dce3e7;
    --st-muted:#53636d;
    --st-light:#dbe7ef;
    --st-dark-line:#91aebf;
  }
  :root, body {
    --navy:var(--st-navy)!important;
    --blue:var(--st-navy)!important;
    --ink:var(--st-navy)!important;
    --primary:var(--st-navy)!important;
    --brand:var(--st-navy)!important;
    --brand-dark:var(--st-navy)!important;
    --brand-soft:var(--st-paper)!important;
    --brand-wordmark:var(--st-navy)!important;
    --accent:var(--st-navy)!important;
    --red:var(--st-navy)!important;
    --red-dark:var(--st-navy-hover)!important;
    --smeg-red:var(--st-navy)!important;
    --smeg-red-dark:var(--st-navy-hover)!important;
    --smeg-ink:var(--st-navy)!important;
    --smeg-cream:var(--st-paper)!important;
    --muted:var(--st-muted)!important;
    --paper:var(--st-paper)!important;
    --line:var(--st-line)!important;
    --green:var(--st-green)!important;
    --call-bg:var(--st-navy)!important;
    --call-bg-2:var(--st-navy-hover)!important;
    --wa-bg:var(--st-green)!important;
    --wa-bg-2:var(--st-green-hover)!important;
    --cta-accent:var(--st-light)!important;
    --svc-call:var(--st-navy)!important;
    --svc-message:var(--st-green)!important;
    --svc-dark:var(--st-navy)!important;
    --svc-paper:var(--st-paper)!important;
    --svc-border:var(--st-line)!important;
    --svc-muted:var(--st-muted)!important;
  }
  body {background-color:var(--st-white)!important;color:var(--st-navy)!important}
  :is(h1,h2,h3) {color:var(--st-navy)!important}
  p {color:var(--st-muted)!important}
  body.ad-junkers .brand-specialist-label {background-color:var(--st-paper)!important;border-color:var(--st-line)!important}
  :is(.eyebrow,.svc-eyebrow,.brand-name-colour,.brand-hero-problem,
      .brand-specialist-label,.brand-service-kicker,.brand-service-reference,
      .svc-promise,.svc-response,.svc-final-proof,.svc-decision-action,
      .text-link,.svc-explore,.svc-symptom>span,.svc-step,
      .hero h1 em,.brand-card>span:last-child,.assurance>div>span,.ad-smeg-also span,
      .ad-saunier-knowledge-layout figcaption) {color:var(--st-navy)!important}
  :is(.hero,.svc-hero,.svc-section-soft,.svc-final,.svc-inline-contact,
      .appointment-panel,.brands-section,.contact-section,.sales-soft,
      .section-soft,.brand-services-hub,.brand-service-reference,
      .ad-bosch-gallery,.ad-miele-gallery,.ad-siemens-gallery,.ad-vaillant-gallery,
      .svc-photo figcaption,.svc-card-caption,.svc-card-media,.svc-step,
      .ad-smeg-also,.ad-saunier-method) {
    background-color:var(--st-paper)!important;
    border-color:var(--st-line)!important;
  }
  :is(.svc-card,.service-card,.brand-card,.sales-card,.brand-service-card,
      .brand-service-panel,.svc-photo,.svc-insight-items,.svc-brands a,
      .svc-note,.appointment-panel>div,.ad-legal-page,.ad-legal-page article) {
    border-color:var(--st-line)!important;
  }
  :is(.svc-card,.service-card,.brand-card,.sales-card,.brand-service-card,
      .brand-service-panel,.svc-note,.appointment-panel>div,.ad-legal-page,
      .ad-legal-page article) {background-color:var(--st-white)!important}
  :is(.svc-symptom,.svc-note) {border-color:var(--st-navy)!important}
  :is(.svc-hero-proof li,.svc-value-points li)::before {color:var(--st-green)!important}

  /* Superficies oscuras: cabeceras, franjas de confianza y pies. */
  :is(.company-header,.independent,.ad-independent-banner,.brand-route-header,
      .brand-route-bar,.brand-route-strip,.site-header,.section-dark,.final-cta,
      .sales-cta,.cta-panel,.svc-band,.coverage,footer,.ad-smeg-cta,
      .ad-junkers-method-media,.ad-smeg-decision-grid article,
      .ad-smeg-trust-band,.ad-smeg-trust-band article,.ad-smeg .trust-grid,
      .ad-bosch-cta,.ad-junkers-cta,.ad-miele-cta,.ad-saunier-cta,
      .ad-siemens-cta,.ad-vaillant-cta,.footer-contact) {
    background-color:var(--st-navy)!important;
    background-image:none!important;
    color:var(--st-white)!important;
    border-color:var(--st-dark-line)!important;
  }
  :is(.company-header,.independent,.ad-independent-banner,.brand-route-header,
      .brand-route-bar,.brand-route-strip,.site-header,.section-dark,.final-cta,
      .sales-cta,.cta-panel,.svc-band,.coverage,footer,.ad-smeg-cta,
      .ad-junkers-method-media,.ad-smeg-decision-grid article,
      .ad-smeg-trust-band,.ad-smeg-trust-band article,.ad-smeg .trust-grid,
      .ad-bosch-cta,.ad-junkers-cta,.ad-miele-cta,.ad-saunier-cta,
      .ad-siemens-cta,.ad-vaillant-cta,.footer-contact)
      :is(h1,h2,h3,a,strong,summary,li,.brand-name-colour) {color:var(--st-white)!important}
  :is(.company-header,.independent,.ad-independent-banner,.brand-route-header,
      .brand-route-bar,.brand-route-strip,.site-header,.section-dark,.final-cta,
      .sales-cta,.cta-panel,.svc-band,.coverage,footer,.ad-smeg-cta,
      .ad-junkers-method-media,.ad-smeg-decision-grid article,
      .ad-smeg-trust-band,.ad-smeg-trust-band article,.ad-smeg .trust-grid,
      .ad-bosch-cta,.ad-junkers-cta,.ad-miele-cta,.ad-saunier-cta,
      .ad-siemens-cta,.ad-vaillant-cta,.footer-contact)
      :is(p,small,.eyebrow,.company-header-copy span) {color:var(--st-light)!important}
  :is(.footer-bottom,.footer-legal-bottom,.coverage-card,.coverage .outline) {
    border-color:var(--st-dark-line)!important;
  }
  /* Las tarjetas claras conservan contraste dentro de bloques oscuros. */
  :is(.appointment-panel,.sales-card,.brand-service-card,.brand-service-panel)
      :is(h2,h3,strong,.eyebrow) {color:var(--st-navy)!important}
  :is(.appointment-panel,.sales-card,.brand-service-card,.brand-service-panel)
      p {color:var(--st-muted)!important}

  .ad-smeg-decision-grid article>span {color:var(--st-light)!important}
  :is([data-carousel-prev],[data-carousel-next]) {
    color:var(--st-navy)!important;
    background-color:var(--st-white)!important;
    border-color:var(--st-navy)!important;
  }
  :is([data-carousel-prev],[data-carousel-next]):hover {
    color:var(--st-white)!important;
    background-color:var(--st-navy)!important;
  }
  [data-carousel-dot]::after {background-color:var(--st-line)!important}
  [data-carousel-dot][aria-current="true"]::after {background-color:var(--st-navy)!important}
  .ad-saunier-knowledge-layout>figure {background-image:linear-gradient(145deg,var(--st-paper),var(--st-white))!important}

  /* Rótulos y fondos de producto: mismos encuadres e imágenes. */
  :is(.ad-saunier-service-grid,.ad-junkers-service-grid,.ad-smeg-service-card) figure {
    background-image:linear-gradient(145deg,var(--st-paper),var(--st-white))!important;
  }
  .ad-smeg-hero {
    background-image:linear-gradient(90deg,var(--st-white) 0%,var(--st-paper) 48%,var(--st-line) 100%)!important;
  }
  :is(.ad-miele-knowledge-layout>figure figcaption,
      .ad-miele-service-grid figcaption,.ad-saunier-service-grid figcaption,
      .ad-junkers-service-grid figcaption,.brand-service-card-media>span) {
    background-color:var(--st-navy)!important;
    color:var(--st-white)!important;
  }
  .ad-smeg-gallery-dots [data-carousel-dot] {background-color:var(--st-line)!important}
  .ad-smeg-gallery-dots [data-carousel-dot][aria-current="true"] {background-color:var(--st-navy)!important}
  :is([class*="-gallery-slide"],[class*="-service-card"]) {border-color:var(--st-line)!important}
  :is([class*="-family-grid"] article,.ad-junkers-knowledge-grid article,.ad-saunier-method) {border-color:var(--st-navy)!important}

  /* Restos burdeos de Miele y Saunier: conservar tamaño y suavidad de las sombras. */
  :is(.ad-miele-service-grid,.ad-saunier-service-grid)>article {box-shadow:0 18px 42px rgba(23,61,88,.09)!important}
  .ad-miele-cta {box-shadow:0 18px 42px rgba(23,61,88,.23)!important}
  .ad-saunier-cta {box-shadow:0 18px 42px rgba(23,61,88,.22)!important}
  :is(.ad-miele-gallery-slide,.ad-saunier-gallery-slide) {box-shadow:0 18px 40px rgba(23,61,88,.1)!important}
  .ad-miele-knowledge-layout>figure {box-shadow:0 16px 36px rgba(23,61,88,.1)!important}
  :is(.ad-miele,.ad-saunier-duval) .compact-image-label {color:var(--st-muted)!important}
  .ad-landing .text-link:hover {
    color:var(--st-white)!important;
    background-color:var(--st-navy)!important;
    border-color:var(--st-navy)!important;
  }

  /* Acciones de llamada. Enlaces de texto de documentos legales quedan como enlaces. */
  :is(a.svc-call,a.appointment-call,a.company-header-call,a.header-call-now,
      .header-call-options a,.company-header-choice>div>a,.appointment-phone-choice>div>a,
      a.mobile-call-direct,.mobile-call-options a,a.sales-primary,
      a.button-primary,a.brand-call-primary,a.brand-route-call,a.footer-call,
      a.btn-primary,a.btn-call,a.primary,a.header-call,
      .company-header-choice>summary,.appointment-phone-choice>summary,
      .header-call-selector>summary,.mobile-call-choice>summary) {
    background-color:var(--st-navy)!important;
    background-image:none!important;
    color:var(--st-white)!important;
    border-color:var(--st-navy)!important;
  }
  :is(a.svc-call,a.appointment-call,a.company-header-call,a.header-call-now,
      .header-call-options a,.company-header-choice>div>a,.appointment-phone-choice>div>a,
      a.mobile-call-direct,.mobile-call-options a,a.sales-primary,
      a.button-primary,a.brand-call-primary,a.brand-route-call,a.footer-call,
      a.btn-primary,a.btn-call,a.primary,a.header-call,
      .company-header-choice>summary,.appointment-phone-choice>summary,
      .header-call-selector>summary,.mobile-call-choice>summary):is(:hover,:active) {
    background-color:var(--st-navy-hover)!important;
  }
  /* WhatsApp, mismo verde en todas las familias y barras móviles. */
  :is(a.svc-whatsapp,a.appointment-whatsapp,a.whatsapp-appointment,
      a.mobile-whatsapp-direct,a[href*="wa.me/"],a[href*="api.whatsapp.com/"]) {
    background-color:var(--st-green)!important;
    background-image:none!important;
    color:var(--st-white)!important;
    border-color:var(--st-green)!important;
  }
  :is(a.svc-whatsapp,a.appointment-whatsapp,a.whatsapp-appointment,
      a.mobile-whatsapp-direct,a[href*="wa.me/"],a[href*="api.whatsapp.com/"]):is(:hover,:active) {
    background-color:var(--st-green-hover)!important;
  }
  :is(.company-header,.svc-band,.coverage,.section-dark,.sales-cta,.cta-panel,.final-cta)
      :is(a[href^="tel:"],.company-header-choice>summary) {
    border-color:var(--st-dark-line)!important;
  }
  /* Acabado premium conservado, ahora en azul y verde. */
  .service-premium :is(.svc-buttons,.svc-sticky) a.svc-call {
    background-image:linear-gradient(135deg,var(--st-navy-sheen),var(--st-navy))!important;
  }
  .service-premium :is(.svc-buttons,.svc-sticky) a.svc-whatsapp {
    background-image:linear-gradient(135deg,var(--st-green),var(--st-green-hover))!important;
  }
  .service-premium :is(.svc-buttons,.svc-sticky) a:is(:hover,:active) {
    background-image:none!important;
  }
  :is(a,button,summary):focus-visible {outline-color:var(--st-navy)!important}
  :is(.company-header,.svc-band,.coverage,.section-dark,.sales-cta,
      .cta-panel,.final-cta,footer) :is(a,button,summary):focus-visible {
    outline-color:var(--st-white)!important;
  }
}
