/* Preferencias: tema claro y selector de idioma. El tema oscuro no se toca. */

.eco-brand { display: inline-flex; line-height: 0; }
.eco-logo-light { display: none; }
html[data-theme="light"] .eco-logo-dark { display: none; }
html[data-theme="light"] .eco-logo-light { display: block; }

.eco-prefs {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
.eco-lang {
    display: flex;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    overflow: hidden;
}
.eco-lang button {
    min-width: 34px;
    height: 28px;
    padding: 0 8px;
    border: 0;
    background: transparent;
    color: rgba(255,255,255,.62);
    font: 700 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .06em;
    cursor: pointer;
}
.eco-lang button[aria-pressed="true"] {
    background: #ccff00;
    color: #102117;
}
.eco-theme {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 28px;
    padding: 0 4px 0 10px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    background: transparent;
    color: rgba(255,255,255,.78);
    font: 700 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
}
.eco-theme-track {
    position: relative;
    width: 36px;
    height: 20px;
    border-radius: 999px;
    background: #102117;
    border: 1px solid rgba(204,255,0,.45);
}
.eco-theme-knob {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #ccff00;
    transition: transform .2s ease;
}
html[data-theme="light"] .eco-theme-knob { transform: translateX(16px); background: #102117; }
html[data-theme="light"] .eco-theme-track { background: #fff; border-color: rgba(18,32,23,.25); }
@media (max-width: 1180px) {
    .eco-theme-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
    .eco-theme { padding: 0 3px; }
}

html[data-theme="light"] {
    color-scheme: light;
    background: #f4f6f1;
}
html[data-theme="light"] body {
    background: #f4f6f1;
    color: #142019;
}
html[data-theme="light"] #ecopower-wrapper,
html[data-theme="light"] #ecopower-inner-wrapper {
    background-color: #f4f6f1;
    color: #142019;
}
html[data-theme="light"] .bg-\[\#020806\],
html[data-theme="light"] .bg-\[\#050d0a\] {
    background-color: #f4f6f1;
}
html[data-theme="light"] .bg-\[\#050d0a\] {
    background-color: #ffffff;
}
html[data-theme="light"] .bg-\[\#020806\]\/95,
html[data-theme="light"] header {
    background-color: rgba(255,255,255,.94) !important;
}
html[data-theme="light"] #eco-mobile-menu,
html[data-theme="light"] #eco-inner-menu {
    background-color: #f7f8f4 !important;
}
html[data-theme="light"] .bg-white\/\[0\.02\],
html[data-theme="light"] .bg-white\/\[0\.025\] {
    background-color: #ffffff;
}
html[data-theme="light"] .bg-\[\#ccff00\] .bg-\[\#020806\] {
    background-color: #102117 !important;
}
html[data-theme="light"] .border-white\/5 { border-color: rgba(20,32,25,.08); }
html[data-theme="light"] .border-white\/10 { border-color: rgba(20,32,25,.12); }
html[data-theme="light"] .border-white\/20,
html[data-theme="light"] .border-white\/25 { border-color: rgba(20,32,25,.18); }
html[data-theme="light"] .text-white,
html[data-theme="light"] .text-\[\#e2e8f0\] { color: #142019; }
html[data-theme="light"] .text-white\/80 { color: rgba(20,32,25,.82); }
html[data-theme="light"] .text-white\/70,
html[data-theme="light"] .text-white\/72 { color: rgba(20,32,25,.72); }
html[data-theme="light"] .text-white\/65,
html[data-theme="light"] .text-white\/62 { color: rgba(20,32,25,.66); }
html[data-theme="light"] .text-white\/60 { color: rgba(20,32,25,.62); }
html[data-theme="light"] .text-white\/55,
html[data-theme="light"] .text-white\/50 { color: rgba(20,32,25,.55); }
html[data-theme="light"] .text-white\/45,
html[data-theme="light"] .text-white\/42,
html[data-theme="light"] .text-white\/40,
html[data-theme="light"] .text-white\/35 { color: rgba(20,32,25,.48); }
html[data-theme="light"] .text-\[\#ccff00\],
html[data-theme="light"] .group:hover .group-hover\:text-\[\#ccff00\] { color: #3d6b12; }
html[data-theme="light"] .hover\:text-\[\#ccff00\]:hover,
html[data-theme="light"] .hover\:text-white:hover { color: #102117; }
html[data-theme="light"] .bg-\[\#ccff00\],
html[data-theme="light"] .bg-\[\#ccff00\] .text-\[\#020806\] { color: #102117; }
html[data-theme="light"] .bg-\[\#ccff00\] .text-\[\#ccff00\] { color: #102117; }
html[data-theme="light"] .bg-\[\#ccff00\] .text-white { color: #fff; }
html[data-theme="light"] .bg-\[\#ccff00\] .hover\:bg-white:hover { background-color: #fff; color: #102117; }
html[data-theme="light"] a.bg-\[\#ccff00\].hover\:bg-white:hover,
html[data-theme="light"] .hover\:bg-white:hover { background-color: #102117; color: #f4f6f1; }
html[data-theme="light"] .bg-\[\#ccff00\] a.hover\:bg-white:hover { background-color: #fff; color: #102117; }
html[data-theme="light"] .from-\[\#020806\] {
    --tw-gradient-from: #f4f6f1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(244 246 241 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
html[data-theme="light"] .via-\[\#020806\]\/80 {
    --tw-gradient-via: rgb(244 246 241 / .88) var(--tw-gradient-via-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to);
}
html[data-theme="light"] .via-\[\#020806\]\/75 {
    --tw-gradient-via: rgb(244 246 241 / .82) var(--tw-gradient-via-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to);
}
html[data-theme="light"] .to-\[\#020806\]\/35 {
    --tw-gradient-to: rgb(244 246 241 / .35) var(--tw-gradient-to-position);
}
html[data-theme="light"] .mix-blend-luminosity { mix-blend-mode: normal; opacity: .42; }
html[data-theme="light"] #hero-orb { mix-blend-mode: multiply; opacity: .22; }
html[data-theme="light"] iframe.invert-\[\.88\],
html[data-theme="light"] .invert-\[\.88\] { filter: none; }
html[data-theme="light"] .eco-faq details { border-bottom-color: rgba(20,32,25,.12); }
html[data-theme="light"] .eco-faq summary { color: #142019; }
html[data-theme="light"] .eco-faq details p { color: rgba(20,32,25,.72); }
html[data-theme="light"] .eco-reviews-track article > div {
    border-color: rgba(20,32,25,.12);
    background: #fff;
}
html[data-theme="light"] .eco-nav-sub { background: #fff; border-color: rgba(20,32,25,.12); }
html[data-theme="light"] .eco-nav-sub a { color: rgba(20,32,25,.75) !important; }
html[data-theme="light"] .eco-nav-sub a:hover { color: #3d6b12 !important; }
html[data-theme="light"] .eco-inner-legal .eco-legal,
html[data-theme="light"] .eco-inner-legal .eco-legal p,
html[data-theme="light"] .eco-inner-legal .eco-legal li { color: rgba(20,32,25,.78) !important; }
html[data-theme="light"] .eco-inner-legal .eco-legal strong,
html[data-theme="light"] .eco-inner-legal .eco-legal h2 { color: #142019 !important; }
html[data-theme="light"] .eco-inner-legal .eco-legal > p:first-child,
html[data-theme="light"] .eco-inner-legal .eco-legal h2::first-letter,
html[data-theme="light"] .eco-inner-legal .eco-legal a,
html[data-theme="light"] .eco-inner-legal .eco-legal li::marker { color: #3d6b12 !important; }
html[data-theme="light"] .eco-inner-legal .eco-legal h2 { border-top-color: rgba(20,32,25,.12); }
html[data-theme="light"] .eco-redesign-form .wpforms-field-label,
html[data-theme="light"] .eco-inner-form .wpforms-field-label,
html[data-theme="light"] #eco-quote-modal .wpforms-field-label { color: #142019 !important; }
html[data-theme="light"] .eco-redesign-form input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="light"] .eco-redesign-form select,
html[data-theme="light"] .eco-redesign-form textarea,
html[data-theme="light"] .eco-inner-form input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="light"] .eco-inner-form select,
html[data-theme="light"] .eco-inner-form textarea,
html[data-theme="light"] #eco-quote-modal input:not([type="checkbox"]):not([type="hidden"]),
html[data-theme="light"] #eco-quote-modal select {
    color: #142019 !important;
    border-bottom-color: rgba(20,32,25,.22) !important;
    background: transparent !important;
}
html[data-theme="light"] .eco-redesign-form select,
html[data-theme="light"] .eco-inner-form select,
html[data-theme="light"] #eco-quote-modal select { background: #fff !important; }
html[data-theme="light"] .eco-redesign-form input::placeholder,
html[data-theme="light"] .eco-inner-form input::placeholder { color: rgba(20,32,25,.38) !important; }
html[data-theme="light"] .eco-redesign-form .wpforms-field-description,
html[data-theme="light"] .eco-inner-form .wpforms-field-description,
html[data-theme="light"] .eco-redesign-form a,
html[data-theme="light"] .eco-inner-form a,
html[data-theme="light"] #eco-quote-modal a { color: #3d6b12 !important; }
html[data-theme="light"] .eco-native-form .eco-check { color: rgba(20,32,25,.72); }
html[data-theme="light"] .eco-native-form .eco-check.eco-consent,
html[data-theme="light"] .eco-native-form .eco-consent-note { color: rgba(20,32,25,.62); }
html[data-theme="light"] .eco-native-form .eco-consent-group,
html[data-theme="light"] .eco-redesign-form .eco-consent-group { border-top-color: rgba(20,32,25,.16); }
html[data-theme="light"] .eco-contact-note { color: #142019; background: rgba(61,107,18,.08); border-color: #3d6b12; }
html[data-theme="light"] .eco-quote-dialog {
    background: #fff;
    border-color: rgba(20,32,25,.12);
    box-shadow: 0 30px 80px rgba(20,32,25,.16);
}
html[data-theme="light"] .eco-quote-dialog h2,
html[data-theme="light"] .eco-quote-dialog [data-eco-quote-close] { color: #142019; }
html[data-theme="light"] .eco-quote-kicker { color: #3d6b12; }
html[data-theme="light"] .eco-quote-dialog [data-eco-quote-close] { border-color: rgba(20,32,25,.2); }
html[data-theme="light"] .eco-quote-modal { background: rgba(244,246,241,.72); }
html[data-theme="light"] .eco-lang,
html[data-theme="light"] .eco-theme { border-color: rgba(20,32,25,.18); color: #142019; }
html[data-theme="light"] .eco-lang button { color: rgba(20,32,25,.55); }
html[data-theme="light"] .eco-lang button[aria-pressed="true"] { background: #ccff00; color: #102117; }

html[data-theme="light"] .bar { background: rgba(255,255,255,.94); border-bottom-color: rgba(20,32,25,.1); }
html[data-theme="light"] .nav a { color: rgba(20,32,25,.72); }
html[data-theme="light"] .nav a:hover { color: #3d6b12; }
html[data-theme="light"] .quote { color: #102117; }
html[data-theme="light"] .menu-toggle { color: #142019; }
html[data-theme="light"] .stage .shade { background: linear-gradient(90deg, #f4f6f1 0%, rgba(244,246,241,.9) 46%, rgba(244,246,241,.45) 100%); }
html[data-theme="light"] .eyebrow { color: #3d6b12; }
html[data-theme="light"] .eyebrow::before { background: #3d6b12; }
html[data-theme="light"] .lead,
html[data-theme="light"] .phone { color: rgba(20,32,25,.7); }
html[data-theme="light"] .phone a { color: #3d6b12; }
html[data-theme="light"] .contact { color: #142019; border-color: rgba(20,32,25,.22); }
html[data-theme="light"] .contact:hover { border-color: #3d6b12; color: #3d6b12; }
@media (max-width: 860px) {
    html[data-theme="light"] .nav { background: #f7f8f4; border-bottom-color: rgba(20,32,25,.1); }
    html[data-theme="light"] .nav a { border-bottom-color: rgba(20,32,25,.1); }
}