/*
Theme Name: Río de Oro · Próximamente
Theme URI: https://riodeoroenergy.ec/
Author: Río de Oro Energy
Description: Página temporal para la Granja Solar Río de Oro. Diseño adaptable, imagen del proyecto, presentación accesible y contenido configurable desde el Personalizador. Sin plugins ni servicios externos.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: riodeoro-coming-soon
*/
:root{--navy:#071c25;--paper:#f5f7f4;--gold:#ffdc68;--muted:#a7b9bd;--line:rgba(199,219,221,.18);--font:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.site-shell{max-width:1600px;margin:auto;padding:0 6.2%}.site-header{height:132px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:1}.brand{display:flex;gap:15px;align-items:center}.brand-sun{color:var(--gold);flex-shrink:0}.brand-type{display:flex;flex-direction:column;gap:8px}.brand-name{font-size:24px;font-weight:700;letter-spacing:2px;line-height:1}.brand-caption{font-size:9px;font-weight:500;letter-spacing:4px}.parent-brand{display:flex;align-items:center;gap:15px}.parent-brand>span{font-size:11px;color:var(--muted)}.parent-brand strong{font-size:25px;letter-spacing:-1px}.parent-brand strong span{display:block;font-size:8px;letter-spacing:5px;text-align:center;margin-top:2px}.custom-brand{max-width:220px;max-height:75px;object-fit:contain}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:6%;padding:75px 0 56px;align-items:center;min-height:660px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(52px,5.3vw,83px);font-weight:600;line-height:1.04;letter-spacing:-3.3px;margin:0 0 31px}.hero h1 em{font-family:var(--serif);font-weight:400;color:var(--gold);letter-spacing:-3px;white-space:nowrap}.construction{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:600;letter-spacing:2.6px;margin:0 0 21px;color:var(--gold);line-height:1.6}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(255,220,104,.08);flex-shrink:0;animation:pulse 3s ease-in-out infinite}.intro{font-size:15px;line-height:1.85;max-width:395px;color:var(--muted);margin:0 0 27px}.actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:51px;padding:0 22px;cursor:pointer;border:1px solid transparent;font-size:12px;font-weight:600;line-height:1.4;border-radius:0;transition:background .2s,transform .2s,color .2s}.button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.button-primary{background:var(--gold);color:var(--navy);border-color:var(--gold)}.button-primary:hover{background:#ffe794;transform:translateY(-2px)}.button-text{background:none;color:var(--paper);padding:0;gap:12px}.button-text:hover{color:var(--gold)}.contact-email{display:inline-block;color:var(--muted);font-size:13px;margin-top:22px;border-bottom:1px solid var(--line);padding-bottom:5px;overflow-wrap:anywhere}.hero-visual{position:relative;padding-top:3px}.sun-orbit{position:absolute;width:320px;height:320px;border:1px solid rgba(255,220,104,.3);border-radius:50%;right:-40px;top:-42px;z-index:0}.sun-orbit:after{content:'';position:absolute;inset:30px;border:1px solid rgba(255,220,104,.09);border-radius:50%}.photo-frame{position:relative;height:462px;overflow:hidden;background:#19313a}.project-photo{position:absolute;inset:0;background-image:url('assets/solar-panorama.webp');background-size:auto 126%;background-position:50% 50%;background-repeat:no-repeat;transform:scale(1.02);animation:arrival 1.2s ease-out both}.photo-inset{position:absolute;inset:15px;border:1px solid rgba(255,220,104,.48);pointer-events:none}.photo-caption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:7px;padding:55px 32px 29px;background:linear-gradient(transparent,rgba(7,28,37,.88));color:white}.photo-caption span:first-child{font-size:17px;letter-spacing:3px;font-weight:600}.photo-caption span:last-child{font-size:11px;color:#dce5df}.visual-foot{display:flex;justify-content:space-between;align-items:center;padding:18px 0 0}.visual-foot span{font-size:11px;line-height:1.7;color:var(--muted)}.visual-foot svg{height:47px;width:47px;fill:none;stroke:var(--gold);stroke-width:1}.principles{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:32px 0 36px;gap:45px}.principles>div{position:relative;padding-left:42px}.number{font-size:10px;position:absolute;top:4px;left:0;color:var(--gold)}.principles h2{font-size:15px;font-weight:500;margin:0 0 9px}.principles p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:23px 0 29px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.8}.site-footer i{font-style:normal;margin:0 10px;color:var(--gold)}.site-footer a:hover{color:var(--gold)}.skip{position:fixed;top:0;left:15px;z-index:10000;padding:16px;background:var(--gold);color:var(--navy);transform:translateY(-120%)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.project-dialog{background:#0c2731;color:var(--paper);border:1px solid var(--line);max-width:1040px;width:calc(100% - 40px);padding:0;max-height:90vh;overflow:auto}.project-dialog::backdrop{background:rgba(0,10,15,.85);backdrop-filter:blur(6px)}.dialog-inner{position:relative;padding:44px}.dialog-copy{max-width:620px}.dialog-label{color:var(--gold);font-size:10px;letter-spacing:3px;margin:0 0 17px}.dialog-copy h2{font-size:clamp(29px,4vw,44px);font-weight:500;margin:0 0 18px;letter-spacing:-1px}.dialog-copy h2 em{color:var(--gold);font-family:var(--serif);font-weight:400}.dialog-copy>p:last-child{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:27px}.project-banner{display:block;width:100%;height:auto;border:1px solid var(--line)}.dialog-close{position:absolute;right:14px;top:14px;background:none;border:0;color:var(--paper);width:40px;height:40px;cursor:pointer;display:grid;place-items:center}.dialog-close svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none}.dialog-link{margin-top:25px}.admin-bar .site-shell{padding-top:0}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.55}}@keyframes arrival{from{transform:scale(1.07)}to{transform:scale(1.02)}}
@media(min-width:1650px){.site-shell{padding-left:90px;padding-right:90px}.hero h1{font-size:86px}.hero{padding-top:85px;padding-bottom:70px}}
@media(max-width:1100px){.site-shell{padding:0 5%}.hero{gap:5%;padding:58px 0 45px;min-height:610px}.hero h1{font-size:clamp(49px,6vw,66px);letter-spacing:-2.8px}.photo-frame{height:430px}.intro{font-size:14px}.sun-orbit{width:250px;height:250px;right:-25px}.actions{gap:20px}.button{gap:16px;padding:0 17px}.button-text{padding:0;gap:8px}.principles{gap:25px}.principles>div{padding-left:30px}}
@media(max-width:760px){.site-shell{padding:0 7%}.site-header{height:101px}.brand-sun{width:34px;height:34px}.brand{gap:10px}.brand-name{font-size:18px;letter-spacing:1.4px}.brand-caption{font-size:7px;letter-spacing:3px}.parent-brand{gap:0}.parent-brand>span{display:none}.parent-brand strong{font-size:21px}.parent-brand strong span{font-size:6px;letter-spacing:4px}.hero{grid-template-columns:1fr;gap:45px;padding:43px 0 36px;min-height:0}.hero h1{font-size:clamp(48px,9.4vw,68px);letter-spacing:-2.6px;margin-bottom:26px}.hero h1 em{letter-spacing:-2px}.construction{font-size:9px;letter-spacing:1.7px;margin-bottom:19px}.intro{font-size:14px;max-width:100%;margin-bottom:24px}.actions{gap:25px}.hero-visual{padding-top:0;margin-right:8px}.photo-frame{height:345px}.project-photo{background-size:auto 126%;background-position:50% 50%}.photo-inset{inset:12px}.photo-caption{padding:50px 24px 23px}.sun-orbit{width:225px;height:225px;right:-20px;top:-23px}.visual-foot{padding-top:14px}.principles{grid-template-columns:1fr;gap:24px;padding:28px 0}.principles>div{padding-left:34px}.principles h2{font-size:15px;margin-bottom:5px}.principles p{font-size:12px}.site-footer{flex-direction:column;gap:6px;font-size:10px;padding:22px 0}.dialog-inner{padding:40px 22px 24px}.project-dialog{width:calc(100% - 24px)}.dialog-copy h2{font-size:29px;line-height:1.2}.dialog-copy h2 em{display:block}.dialog-link{font-size:11px;padding:12px 15px;gap:10px}}
@media(max-width:360px){.brand-name{font-size:15px}.brand-sun{width:29px}.parent-brand strong{font-size:18px}.hero h1{font-size:45px}.actions{gap:18px}.button{font-size:11px}.construction{font-size:8px;letter-spacing:1.3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}