/* Sprint 6 · Fase 5 — refinamiento UX/UI general. Capa no destructiva. */
:root{--eit-radius:18px;--eit-shadow:0 18px 55px rgba(0,0,0,.24);--eit-soft-line:rgba(65,255,137,.16)}
html{scroll-behavior:smooth;scroll-padding-top:96px}body{overflow-x:hidden}main{min-height:55vh}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid #43ff8a!important;outline-offset:3px}
:where(.section,.services-section,.reviews-section,.tutorials-section,.news-section){scroll-margin-top:100px}
/* Ritmo vertical más compacto sin tocar el header/logo */
.section{padding-top:clamp(44px,6vw,76px);padding-bottom:clamp(44px,6vw,76px)}
.section h2{letter-spacing:-.025em}.section>p,.section-header p{max-width:760px}
.btn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}
/* Tarjetas: menos bloque, más interacción */
:where(.card,.review-card,.tutorial-card,.news-card,.home-fresh-card,.search-result,.service-card){transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
:where(.card,.review-card,.tutorial-card,.news-card,.home-fresh-card,.search-result,.service-card):hover{transform:translateY(-4px);border-color:rgba(67,255,138,.42)!important;box-shadow:var(--eit-shadow)}
:where(.review-card,.tutorial-card,.news-card,.home-fresh-card) img{transition:transform .35s ease}:where(.review-card,.tutorial-card,.news-card,.home-fresh-card):hover img{transform:scale(1.025)}
/* Formularios coherentes */
:where(input,select,textarea){transition:border-color .18s ease,box-shadow .18s ease}:where(input,select,textarea):focus{border-color:#43ff8a!important;box-shadow:0 0 0 3px rgba(67,255,138,.10)}
/* Portada: carrusel compacto */
.home-fresh{overflow:hidden}.home-fresh-card{min-width:0}.home-fresh-card h3{line-height:1.28}.home-fresh-media{overflow:hidden}.home-fresh-media img{width:100%;height:100%;object-fit:cover}
/* Búsqueda avanzada más contenida */
.global-search-page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:clamp(40px,6vw,76px) 0}.search-hero{max-width:820px;margin:0 auto 28px;text-align:center}.search-form{display:flex;gap:10px;margin-top:22px}.search-form input{min-width:0;flex:1}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.search-result{margin:0!important;border:1px solid var(--eit-soft-line);border-radius:16px;padding:18px;background:rgba(5,17,10,.72)}.search-result h2{font-size:clamp(1rem,1.8vw,1.2rem);margin:.35rem 0}.search-result p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Footer un poco más limpio */
.eit-footer{margin-top:clamp(48px,7vw,90px)}.eit-footer-card p,.eit-footer-list{line-height:1.65}.eit-social-links a{transition:transform .18s ease,color .18s ease}.eit-social-links a:hover{transform:translateY(-2px)}
/* Indicador de lectura + volver arriba */
.eit-reading-progress{position:fixed;z-index:9998;left:0;top:0;width:0;height:3px;background:#00ef64;box-shadow:0 0 14px rgba(0,239,100,.55);pointer-events:none}
.eit-back-top{position:fixed;right:18px;bottom:18px;z-index:950;width:44px;height:44px;border-radius:50%;border:1px solid rgba(67,255,138,.36);background:rgba(3,15,8,.88);color:#eafff1;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.3);backdrop-filter:blur(12px);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.eit-back-top.is-visible{opacity:1;visibility:visible;transform:none}.eit-back-top:hover{border-color:#43ff8a;color:#43ff8a}
/* Revelado sutil sin ocultar contenido crítico.
   Fase 5.1: nunca dejamos secciones completas en opacity:0; así el contenido
   permanece visible aunque IntersectionObserver, caché o JS fallen. */
.eit-reveal{opacity:1;transform:none}
.eit-reveal-ready .eit-reveal{animation:eitRevealIn .38s ease both}
@keyframes eitRevealIn{from{opacity:.72;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.section{padding-top:38px;padding-bottom:38px}.search-results{grid-template-columns:1fr}.search-form{flex-direction:column}.search-form .btn{width:100%}.eit-back-top{right:12px;bottom:12px;width:42px;height:42px}.home-fresh-head{gap:14px}.home-fresh-all{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.eit-reveal,.eit-reveal-ready .eit-reveal,.btn,:where(.card,.review-card,.tutorial-card,.news-card,.home-fresh-card,.search-result,.service-card),:where(.review-card,.tutorial-card,.news-card,.home-fresh-card) img{transition:none!important;transform:none!important}.eit-reveal-ready .eit-reveal{opacity:1!important}}