/* ProSoluciones — ajustes modo claro (sin tocar el look oscuro por defecto) */

/* Logo: oscuro = custom logo WP; claro = logo-color */
.ps-logo--light {
  display: none !important;
}

html[data-ps-scheme="light"] .ps-logo--dark {
  display: none !important;
}

html[data-ps-scheme="light"] .ps-logo--light {
  display: block !important;
}

html[data-ps-scheme="light"] .ps-site-header__toggle,
html[data-ps-scheme="light"] body .ps-site-header button.ps-site-header__toggle {
  color: var(--ps-heading) !important;
}

html[data-ps-scheme="light"] .ps-site-header__menu .sub-menu::before {
  background: rgba(255, 255, 255, 0.96);
  border-color: var(--ps-border);
  box-shadow: 0 18px 40px rgba(13, 14, 16, 0.12);
}

html[data-ps-scheme="light"] .ps-site-header__menu .sub-menu a {
  color: var(--ps-text) !important;
}

html[data-ps-scheme="light"] .ps-site-header__menu .sub-menu a:hover,
html[data-ps-scheme="light"] .ps-site-header__menu .sub-menu .current-menu-item > a {
  background: color-mix(in srgb, var(--ps-primary) 10%, transparent);
  color: var(--ps-heading) !important;
}

html[data-ps-scheme="light"] .ps-site-header__menu .menu-item-has-children > a::before {
  border-top-color: color-mix(in srgb, var(--ps-heading) 45%, transparent);
}

@media (max-width: 1024px) {
  html[data-ps-scheme="light"] .ps-site-header__nav {
    background: rgba(255, 255, 255, 0.96);
    border-bottom-color: var(--ps-border);
    box-shadow: 0 24px 40px rgba(13, 14, 16, 0.1);
  }
}

html[data-ps-scheme="light"] .ps-site-footer {
  background: var(--ps-page);
  border-top-color: var(--ps-border);
  color: var(--ps-muted);
}

html[data-ps-scheme="light"] .ps-site-footer__text,
html[data-ps-scheme="light"] .ps-site-footer__copy,
html[data-ps-scheme="light"] .ps-site-footer__col-title + *,
html[data-ps-scheme="light"] .ps-site-footer a:not(:hover) {
  color: var(--ps-muted) !important;
}

html[data-ps-scheme="light"] .ps-site-footer__col-title,
html[data-ps-scheme="light"] .ps-site-footer__logo-text,
html[data-ps-scheme="light"] .ps-site-footer__title {
  color: var(--ps-heading) !important;
}

html[data-ps-scheme="light"] .ps-site-footer__social-link {
  border-color: var(--ps-border);
  background: var(--ps-bg-soft);
  color: var(--ps-heading) !important;
}

html[data-ps-scheme="light"] .ps-site-footer__social-link:hover {
  border-color: var(--ps-primary);
  color: var(--ps-primary) !important;
}

html[data-ps-scheme="light"] .ps-sec {
  border-top-color: var(--ps-border);
}

/* Descripciones / cuerpo: más oscuras y legibles en claro */
html[data-ps-scheme="light"] .ps-sec__text,
html[data-ps-scheme="light"] .ps-home-service-card__text,
html[data-ps-scheme="light"] .ps-home-service-card--featured .ps-home-service-card__title,
html[data-ps-scheme="light"] .ps-home-service-card__includes li,
html[data-ps-scheme="light"] .ps-web-solution-card__text,
html[data-ps-scheme="light"] .ps-web-solution-card__list li,
html[data-ps-scheme="light"] .ps-web-plan-card__lead,
html[data-ps-scheme="light"] .ps-web-plan-card__list li,
html[data-ps-scheme="light"] .ps-web-plan-card__note,
html[data-ps-scheme="light"] .ps-tech-block__text,
html[data-ps-scheme="light"] .ps-tech-block__list li,
html[data-ps-scheme="light"] .ps-portfolio-card__text,
html[data-ps-scheme="light"] .ps-faq-answer,
html[data-ps-scheme="light"] .ps-faq-answer p,
html[data-ps-scheme="light"] [class*="__lead"],
html[data-ps-scheme="light"] [class*="__desc"],
html[data-ps-scheme="light"] [class*="__copy"],
html[data-ps-scheme="light"] [class*="__note"],
html[data-ps-scheme="light"] [class*="__meta"] {
  color: var(--ps-muted) !important;
}

html[data-ps-scheme="light"] .ps-home-service-card:not(.ps-home-service-card--featured) .ps-home-service-card__title {
  color: var(--ps-heading) !important;
}

html[data-ps-scheme="light"] .ps-home-service-card--featured .ps-home-service-card__label {
  color: var(--ps-heading) !important;
}

html[data-ps-scheme="light"] .ps-home-service-card:not(.ps-home-service-card--featured) .ps-home-service-card__label {
  color: var(--ps-muted) !important;
}

/* Tarjetas / paneles: superficie clara */
html[data-ps-scheme="light"] .ps-faq-item,
html[data-ps-scheme="light"] .ps-portfolio-card,
html[data-ps-scheme="light"] .ps-web-plan-card,
html[data-ps-scheme="light"] .ps-home-service-card,
html[data-ps-scheme="light"] .ps-home-why-card,
html[data-ps-scheme="light"] .ps-testimonial-card,
html[data-ps-scheme="light"] .ps-about-stat,
html[data-ps-scheme="light"] .ps-tech-block,
html[data-ps-scheme="light"] .ps-web-benefit,
html[data-ps-scheme="light"] .ps-design-benefit,
html[data-ps-scheme="light"] .ps-contact-card,
html[data-ps-scheme="light"] .ps-brand-board__card {
  background: var(--ps-bg-soft);
  border-color: var(--ps-border);
  box-shadow: 0 12px 32px rgba(13, 14, 16, 0.06);
}

html[data-ps-scheme="light"] input,
html[data-ps-scheme="light"] textarea,
html[data-ps-scheme="light"] select {
  color: var(--ps-heading);
  background: var(--ps-bg-soft);
  border-color: var(--ps-border);
}

html[data-ps-scheme="light"] .ps-lightbox__backdrop {
  background: rgba(13, 14, 16, 0.55);
}

/*
 * Botones outline (fondo azul claro + borde): texto azul/negro legible.
 * Estos NO son botones rellenos; el texto blanco quedó ilegible en claro.
 */
html[data-ps-scheme="light"] .ps-site-header__cta,
html[data-ps-scheme="light"] .ps-site-header__cta:hover,
html[data-ps-scheme="light"] .ps-site-header__cta:focus,
html[data-ps-scheme="light"] .ps-home-hero__btn--primary,
html[data-ps-scheme="light"] .ps-home-hero__btn--primary:hover,
html[data-ps-scheme="light"] .ps-design-hero__btn--primary,
html[data-ps-scheme="light"] .ps-design-hero__btn--primary:hover,
html[data-ps-scheme="light"] .ps-tech-hero__btn--primary,
html[data-ps-scheme="light"] .ps-tech-hero__btn--primary:hover,
html[data-ps-scheme="light"] .ps-service-hero__btn--primary,
html[data-ps-scheme="light"] .ps-service-hero__btn--primary:hover,
html[data-ps-scheme="light"] .ps-web-cta__btn,
html[data-ps-scheme="light"] .ps-web-cta__btn:hover,
html[data-ps-scheme="light"] .ps-home-cta__btn,
html[data-ps-scheme="light"] .ps-home-cta__btn:hover,
html[data-ps-scheme="light"] .ps-home-faq__cta-btn,
html[data-ps-scheme="light"] .ps-home-faq__cta-btn:hover,
html[data-ps-scheme="light"] .ps-web-plan-card__cta--primary,
html[data-ps-scheme="light"] .ps-web-plan-card__cta--primary:hover,
html[data-ps-scheme="light"] .ps-about-cta__btn,
html[data-ps-scheme="light"] .ps-about-cta__btn:hover,
html[data-ps-scheme="light"] .ps-design-cta__btn,
html[data-ps-scheme="light"] .ps-design-cta__btn:hover,
html[data-ps-scheme="light"] .ps-tech-cta__btn,
html[data-ps-scheme="light"] .ps-tech-cta__btn:hover {
  color: var(--ps-primary) !important;
}

html[data-ps-scheme="light"] .ps-home-hero__btn--secondary,
html[data-ps-scheme="light"] .ps-home-hero__btn--secondary:hover,
html[data-ps-scheme="light"] .ps-design-hero__btn--secondary,
html[data-ps-scheme="light"] .ps-design-hero__btn--secondary:hover,
html[data-ps-scheme="light"] .ps-tech-hero__btn--secondary,
html[data-ps-scheme="light"] .ps-tech-hero__btn--secondary:hover,
html[data-ps-scheme="light"] .ps-service-hero__btn--secondary,
html[data-ps-scheme="light"] .ps-service-hero__btn--secondary:hover {
  color: var(--ps-heading) !important;
}

/* Testimonials */
html[data-ps-scheme="light"] .ps-home-testimonial-card,
html[data-ps-scheme="light"] .ps-contact__info-card,
html[data-ps-scheme="light"] .ps-contact__form-wrap {
  background: var(--ps-bg-soft);
  border-color: var(--ps-border);
  box-shadow: 0 12px 32px rgba(13, 14, 16, 0.06);
}

html[data-ps-scheme="light"] .ps-home-testimonial-card__text {
  color: var(--ps-muted) !important;
}

/* Portafolio: filtros, links y paginación legibles */
html[data-ps-scheme="light"] .ps-portfolio__filter,
html[data-ps-scheme="light"] .ps-portfolio button.ps-portfolio__filter {
  color: var(--ps-heading) !important;
  border-color: var(--ps-border) !important;
  background: var(--ps-bg-soft) !important;
  background-color: var(--ps-bg-soft) !important;
}

html[data-ps-scheme="light"] .ps-portfolio__filter.is-active,
html[data-ps-scheme="light"] .ps-portfolio button.ps-portfolio__filter.is-active {
  color: var(--ps-primary) !important;
  border-color: color-mix(in srgb, var(--ps-primary) 55%, transparent) !important;
  background: color-mix(in srgb, var(--ps-primary) 10%, transparent) !important;
  background-color: color-mix(in srgb, var(--ps-primary) 10%, transparent) !important;
}

html[data-ps-scheme="light"] .ps-portfolio-card__link,
html[data-ps-scheme="light"] .ps-portfolio-card__link:visited,
html[data-ps-scheme="light"] .ps-web-project-card__link,
html[data-ps-scheme="light"] .ps-web-project-card__link:visited {
  color: var(--ps-primary) !important;
}

html[data-ps-scheme="light"] .ps-portfolio__page-btn,
html[data-ps-scheme="light"] .ps-portfolio button.ps-portfolio__page-btn {
  color: var(--ps-heading) !important;
  border-color: var(--ps-border) !important;
  background: var(--ps-bg-soft) !important;
  background-color: var(--ps-bg-soft) !important;
}

html[data-ps-scheme="light"] .ps-portfolio__page-btn.is-active,
html[data-ps-scheme="light"] .ps-portfolio button.ps-portfolio__page-btn.is-active {
  color: var(--ps-primary) !important;
  border-color: color-mix(in srgb, var(--ps-primary) 55%, transparent) !important;
  background: color-mix(in srgb, var(--ps-primary) 10%, transparent) !important;
  background-color: color-mix(in srgb, var(--ps-primary) 10%, transparent) !important;
}

/* Contacto: filas claras + Altcha claro */
html[data-ps-scheme="light"] .ps-contact__item {
  background: #F1F3F5 !important;
  border-color: var(--ps-border) !important;
}

html[data-ps-scheme="light"] a.ps-contact__item:hover {
  background: color-mix(in srgb, var(--ps-primary) 8%, #fff) !important;
  border-color: color-mix(in srgb, var(--ps-primary) 28%, transparent) !important;
}

html[data-ps-scheme="light"] .ps-contact__captcha altcha-widget {
  --altcha-color-base: #ffffff;
  --altcha-color-border: var(--ps-border);
  --altcha-color-text: var(--ps-heading);
  --altcha-color-border-focus: var(--ps-primary);
}

/* ---------- Mockups: carcasa plata en modo claro (pantalla intacta) ---------- */

html[data-ps-scheme="light"] .ps-mockup-laptop::after {
  background: linear-gradient(
    180deg,
    #d5dbe0 0%,
    #b8c0c8 42%,
    #8e98a2 100%
  );
  box-shadow:
    0 16px 28px rgba(13, 14, 16, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

html[data-ps-scheme="light"] .ps-mockup-laptop::before {
  background: color-mix(in srgb, #0d0e10 18%, transparent);
}

html[data-ps-scheme="light"] .ps-mockup-screen {
  background: linear-gradient(
    145deg,
    #e8ecf0 0%,
    #c5ccd3 48%,
    #a8b1ba 100%
  );
  border-color: color-mix(in srgb, #0d0e10 12%, transparent);
  box-shadow:
    0 24px 56px rgba(13, 14, 16, 0.14),
    0 0 40px color-mix(in srgb, var(--ps-primary) 8%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

html[data-ps-scheme="light"] .ps-mockup-screen::before {
  background: #6b757e;
  border-color: color-mix(in srgb, #0d0e10 16%, transparent);
  box-shadow: 0 0 4px rgba(13, 14, 16, 0.12);
}

html[data-ps-scheme="light"] .ps-iphone {
  background: linear-gradient(
    145deg,
    #f2f4f6 0%,
    #c8d0d7 22%,
    #aeb8c1 55%,
    #8d99a4 82%,
    #6f7a85 100%
  );
  border-color: color-mix(in srgb, #0d0e10 14%, transparent);
  box-shadow:
    0 28px 60px rgba(13, 14, 16, 0.16),
    0 0 36px color-mix(in srgb, var(--ps-primary) 8%, transparent),
    inset 0 0 0 1px rgba(255, 255, 255, 0.45),
    inset 3px 0 4px rgba(255, 255, 255, 0.35),
    inset -3px 0 5px rgba(13, 14, 16, 0.12);
}

html[data-ps-scheme="light"] .ps-iphone__screen {
  border-color: #2a3138;
}

html[data-ps-scheme="light"] .ps-iphone__island {
  background: #1a1e22;
  border-color: color-mix(in srgb, #0d0e10 12%, transparent);
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.06),
    0 2px 4px rgba(13, 14, 16, 0.2);
}

html[data-ps-scheme="light"] .ps-iphone__silent,
html[data-ps-scheme="light"] .ps-iphone__volume,
html[data-ps-scheme="light"] .ps-iphone__power {
  background: linear-gradient(
    180deg,
    #e6eaee,
    #b4bdc6 38%,
    #929ca6 75%,
    #7a8590
  );
  box-shadow:
    inset 1px 0 1px rgba(255, 255, 255, 0.5),
    1px 0 2px rgba(13, 14, 16, 0.18);
}

html[data-ps-scheme="light"] .ps-iphone__power {
  box-shadow:
    inset -1px 0 1px rgba(255, 255, 255, 0.45),
    -1px 0 2px rgba(13, 14, 16, 0.18);
}

html[data-ps-scheme="light"] .ps-iphone__speaker {
  background: color-mix(in srgb, #0d0e10 22%, transparent);
}

html[data-ps-scheme="light"] .ps-phone-showcase__shadow {
  background: radial-gradient(
    ellipse at center,
    rgba(13, 14, 16, 0.16) 0%,
    rgba(13, 14, 16, 0.05) 45%,
    transparent 72%
  );
}