/*
Theme Name: CIAVATT Electric
Theme URI: https://ciavattelectric.cl/
Author: CIAVATT Electric
Description: Tema de bloques corporativo para servicios eléctricos, energía solar y electromovilidad.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: ciavatt-electric
*/

:root { --ciavatt-shadow: 0 18px 50px rgba(4, 20, 34, .12); }
html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
a { text-underline-offset: .18em; }
.wp-site-blocks { overflow: hidden; }
.ciavatt-sticky { position: sticky; top: 0; z-index: 20; box-shadow: 0 1px 0 rgba(255,255,255,.1); }
.ciavatt-card { height: 100%; box-sizing: border-box; transition: transform .2s ease, box-shadow .2s ease; }
.ciavatt-card:hover { transform: translateY(-5px); box-shadow: var(--ciavatt-shadow); }
.ciavatt-eyebrow { letter-spacing: .13em; text-transform: uppercase; }
.ciavatt-hero { min-height: 720px; display: flex; align-items: center; }
.ciavatt-hero .wp-block-cover__inner-container { width: 100%; }
.ciavatt-stat { border-left: 3px solid var(--wp--preset--color--electric); }
.ciavatt-project { min-height: 360px; }
.ciavatt-project .wp-block-cover__background { transition: opacity .2s ease; }
.ciavatt-project:hover .wp-block-cover__background { opacity: .58 !important; }
.ciavatt-section { scroll-margin-top: 90px; }
.wp-block-navigation__responsive-container.is-menu-open { padding: 28px; }
@media (max-width: 781px) {
  .ciavatt-hero { min-height: 650px; }
  .ciavatt-hero h1 { font-size: clamp(2.4rem, 13vw, 4.2rem) !important; }
  .ciavatt-mobile-center { text-align: center; }
  .ciavatt-project { min-height: 280px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ciavatt-card { transition: none; }
}