/*
Theme Name: Contadores Dani Carpio
Description: Portal independiente de consumo eléctrico para cinco naves.
Version: 1.0.0
Author: Dani Carpio
License: GPL-2.0-or-later
Text Domain: dani-carpio
*/
:root{--ink:#122424;--muted:#5c6e6c;--green:#87e2c2;--dark:#0c1718;--paper:#f6f7f3;--line:#dce3dd}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,input:focus-visible{outline:3px solid #12a57f;outline-offset:5px}.skip{position:absolute;left:20px;top:-100px;z-index:99;background:white;padding:12px}.skip:focus{top:12px}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.site-header{background:var(--dark);color:white;border-bottom:1px solid #ffffff22}.header-inner{max-width:1440px;margin:auto;min-height:88px;padding:14px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font-size:24px;font-weight:800;letter-spacing:-2px;border:1px solid #87e2c255;padding:10px 9px;color:var(--green)}.brand-mark span{font-size:15px;vertical-align:top;margin-left:3px}.brand-text{display:grid;gap:5px}.brand-text strong{font-size:15px;letter-spacing:.16em}.brand-text small{font-size:9px;color:#adbfba;letter-spacing:.22em}nav{display:flex;gap:32px;align-items:center;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--green);color:#102c23;min-height:54px;padding:15px 24px;font-size:14px;font-weight:650;border:1px solid transparent;transition:background .2s}.button:hover{background:#a7f1d6}.button.small{min-height:42px;padding:11px 18px;font-size:13px}.hero{position:relative;min-height:700px;display:flex;align-items:center;background:linear-gradient(90deg,#081718f5 0%,#081718e6 30%,#08171877 69%,#08171840),url('assets/cuadro-electrico.webp') center 45%/cover;color:white}.hero-inner{width:100%;max-width:1440px;margin:auto;padding:72px 80px 30px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.18em;color:var(--green);margin:0 0 26px}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;background:currentColor;margin-right:12px}.hero h1{font-size:clamp(48px,5.2vw,78px);line-height:1.07;letter-spacing:-.05em;font-weight:550;margin:0;max-width:850px}.hero h1 span{color:var(--green)}.hero-copy{font-size:17px;line-height:1.75;max-width:490px;color:#d0ddda;margin:26px 0}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.text-link{font-size:13px;text-decoration:underline;text-underline-offset:6px}.hero-bottom{display:flex;gap:36px;padding-top:28px;margin-top:62px;border-top:1px solid #ffffff33;color:#bfceca;font-size:9px;letter-spacing:.13em}.hero-label{position:absolute;right:22px;top:50%;writing-mode:vertical-rl;letter-spacing:.2em;font-size:9px;color:#d8e7df}.intro{padding-top:85px;padding-bottom:42px;display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end}.dark{color:var(--ink)}h2{font-size:clamp(25px,2.6vw,36px);font-weight:550;line-height:1.23;letter-spacing:-.035em;margin:0}p{line-height:1.75}.intro>p{color:var(--muted);font-size:15px;margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-bottom:70px}.features article{border-top:1px solid #b7c8bd;padding-top:25px}.feature-number{font-size:10px;letter-spacing:.12em;color:#50766a}.features h3{font-size:21px;font-weight:550;margin:24px 0 10px}.features p{font-size:14px;color:var(--muted);max-width:310px;margin:0}.access{padding-top:38px;padding-bottom:38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:45px;margin-bottom:70px}.access>div{max-width:700px}.access .eyebrow{margin-bottom:17px}.access p{font-size:14px;color:var(--muted)}.access .setup-note{font-size:12px;border-left:2px solid #a8c9b9;padding-left:12px}.access>.button{flex-shrink:0}footer{background:var(--dark);color:white}.footer-inner{max-width:1240px;padding:35px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner strong{font-size:15px}.footer-inner p,.footer-inner small,.footer-inner>a{font-size:12px;color:#a6b9b2;margin:6px 0}.private{min-height:70vh;padding-top:75px;padding-bottom:75px}.private h1{font-size:42px;font-weight:550;letter-spacing:-.04em}.empty-state{background:white;padding:35px;border:1px solid var(--line);margin:30px 0}.empty-state h2{margin-top:20px}.empty-state p{max-width:660px;color:var(--muted)}body.login{background:var(--paper)}.login #login h1 a{background:none;width:auto;height:auto;text-indent:0;font-size:22px;color:var(--ink)}.login form{border:1px solid var(--line);box-shadow:none}.login .button-primary{background:#17684f;border-color:#17684f}
@media(min-width:1600px){.hero{min-height:760px}}@media(max-width:800px){.header-inner{padding:16px 24px}.brand-text strong{font-size:12px}.brand-text small{font-size:8px}nav{gap:15px}nav>a:first-child{display:none}.hero{min-height:660px}.hero-inner{padding:60px 32px 28px}.hero-label{display:none}.hero-bottom{gap:20px;flex-wrap:wrap;margin-top:50px;line-height:1.8}.wrap{padding-left:26px;padding-right:26px}.intro{grid-template-columns:1fr;gap:25px;padding-top:55px}.features{grid-template-columns:1fr;gap:32px;padding-bottom:45px}.features p{max-width:none}.access{flex-direction:column;align-items:flex-start;margin-bottom:35px;gap:20px}.footer-inner{padding:30px 26px;flex-wrap:wrap}.footer-inner small{width:100%}}@media(max-width:400px){.brand-text small{letter-spacing:.08em}.header-inner{padding:12px 16px;gap:10px}.brand{gap:9px}.button.small{padding:10px;font-size:12px}.hero-inner{padding-left:24px;padding-right:24px}.hero h1{font-size:47px}.hero-copy{font-size:16px}.hero-actions{gap:22px}.hero-bottom{font-size:8px}.private h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}