/*
Theme Name: Servicoop Energía
Theme URI: https://www.servicoopenergia.com.ar
Author: Marcelo Guardo
Author URI: https://www.servicoopenergia.com.ar
Description: Theme de bloques (FSE) para Servicoop Energía — Servicios Generales. Diseño oscuro profesional (rojo, dorado y negro). Especialistas en energía solar, gas, electricidad, construcción civil, relevamientos y climatización en Tartagal y todo el NOA argentino. +20 años de experiencia.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: servicoop-energia
Tags: full-site-editing, block-templates, energy, business, dark, one-page, custom-colors, custom-logo, block-patterns, wide-blocks
*/

:root{--se-line:rgba(224,0,0,.22);--se-expo:cubic-bezier(.16,1,.3,1)}
*{-webkit-font-smoothing:antialiased}
::selection{background:#e00000;color:#fff}
html{scroll-behavior:smooth}
:where(.wp-block-group)[id]{scroll-margin-top:100px}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}

/* Header sticky */
.se-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);background:rgba(10,10,10,.82)!important;border-bottom:1px solid var(--se-line)}
.se-header .wp-block-site-logo img{max-height:56px;width:auto;filter:drop-shadow(0 0 10px rgba(224,0,0,.35));transition:transform .25s var(--se-expo)}
.se-header .wp-block-site-logo img:hover{transform:scale(1.04)}

/* Navegación */
.wp-block-navigation a{font-family:"Saira Condensed","Arial Narrow",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#f4f4f4;position:relative}
.wp-block-navigation a:hover{color:#ffd700}
.wp-block-navigation .wp-block-navigation-item>a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:linear-gradient(90deg,#ffd700,#ffa800);transition:width .25s var(--se-expo)}
.wp-block-navigation .wp-block-navigation-item>a:hover::after{width:100%}

/* Social icons en header */
.se-social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--se-line);transition:border-color .25s var(--se-expo),background .25s var(--se-expo)}
.se-social-link:hover{border-color:#ffd700;background:rgba(255,215,0,.1)}
.se-social-link svg{width:18px;height:18px;fill:#b5adab;transition:fill .25s var(--se-expo)}
.se-social-link:hover svg{fill:#ffd700}

/* Títulos */
.se-eyebrow{font-family:"Saira Condensed",sans-serif;text-transform:uppercase;letter-spacing:.22em;font-weight:600;color:#ffd700;font-size:.95rem}
.se-title-glow{text-shadow:0 0 28px rgba(224,0,0,.35)}
.se-gold{color:#ffd700!important}

/* Tarjetas de servicio */
.se-card{background:linear-gradient(180deg,#181818,#101010)!important;border:1px solid var(--se-line)!important;border-radius:14px!important;transition:transform .3s var(--se-expo),box-shadow .3s var(--se-expo),border-color .3s var(--se-expo);position:relative;overflow:hidden}
.se-card::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 0% 0%,rgba(224,0,0,.12),transparent 60%);opacity:0;transition:opacity .3s var(--se-expo);pointer-events:none}
.se-card:hover{transform:translateY(-6px);border-color:rgba(224,0,0,.55)!important;box-shadow:0 18px 44px -16px rgba(224,0,0,.45)}
.se-card:hover::before{opacity:1}
.se-card img.se-icon{width:64px;height:64px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6));transition:transform .3s var(--se-expo)}
.se-card:hover img.se-icon{transform:scale(1.12) rotate(-3deg)}
.se-card .wp-block-image img:not(.se-icon){border-radius:10px;aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .4s var(--se-expo)}
.se-card:hover .wp-block-image img:not(.se-icon){transform:scale(1.04)}
.is-style-se-card{background:linear-gradient(180deg,#181818,#101010);border:1px solid var(--se-line);border-radius:14px;padding:2rem 1.75rem}

/* Botones */
.wp-block-button__link{transition:transform .2s var(--se-expo),box-shadow .2s var(--se-expo),background-color .2s var(--se-expo);box-shadow:0 8px 22px -10px rgba(224,0,0,.6)}
.wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 12px 28px -10px rgba(224,0,0,.7)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent!important;border:2px solid #ffd700!important;color:#ffd700!important;box-shadow:none}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:#ffd700!important;color:#0a0a0a!important}

/* WhatsApp flotante */
.se-whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:200;width:60px;height:60px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 10px 30px -6px rgba(0,0,0,.6);transition:transform .25s var(--se-expo)}
.se-whatsapp-float:hover{transform:scale(1.08)}
.se-whatsapp-float svg{width:32px;height:32px;fill:#fff}
@media (prefers-reduced-motion:no-preference){.se-whatsapp-float{animation:se-pulse 2.4s infinite}@keyframes se-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}}

/* Hero */
.se-hero{position:relative;overflow:hidden}
.se-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.2),rgba(10,10,10,.55) 70%,#0a0a0a);pointer-events:none}
.se-hero>*{position:relative;z-index:2}

/* Stats */
.se-stat-number{font-family:"Saira Condensed",sans-serif;font-weight:700;font-size:clamp(2.6rem,6vw,4rem);line-height:1;color:#ffd700}

/* Divider */
.se-divider{display:flex;justify-content:center}
.se-divider img{height:22px}

/* Coverage pattern bg */
.se-coverage,.is-style-se-coverage{background:linear-gradient(rgba(10,10,10,.92),rgba(10,10,10,.92)),url('assets/images/pattern-circuit.svg');background-size:220px;border-radius:16px}

/* Map */
.se-map-wrap{border-radius:14px;overflow:hidden;border:1px solid var(--se-line)}
.se-map-wrap iframe{display:block;width:100%;height:400px;border:0;filter:grayscale(.7) contrast(1.1) brightness(.8);transition:filter .4s var(--se-expo)}
.se-map-wrap:hover iframe{filter:grayscale(.2) contrast(1) brightness(.9)}

/* Check list (SVG bolt) */
.se-check{margin:0}.se-check li{position:relative;padding-left:2rem;list-style:none}
.se-check li::before{content:"";position:absolute;left:0;top:.45em;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2L4 14h6l-2 8 10-13h-7l2-7z' fill='%23FFD700'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}

/* Footer */
.se-footer{background:#060606!important;border-top:2px solid var(--se-line)}
.se-footer a{color:#b5adab;text-decoration:none}.se-footer a:hover{color:#ffd700}

/* Reveal seguro */
@media (prefers-reduced-motion:no-preference){.se-reveal{animation:se-up .7s var(--se-expo) backwards}.se-reveal-1{animation-delay:.05s}.se-reveal-2{animation-delay:.18s}.se-reveal-3{animation-delay:.31s}@keyframes se-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}}

/* Focus visible */
a:focus-visible,button:focus-visible,.wp-block-button__link:focus-visible,.wp-block-navigation a:focus-visible,input:focus-visible,.se-whatsapp-float:focus-visible{outline:3px solid #ffd700;outline-offset:3px;border-radius:4px}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.se-whatsapp-float{animation:none!important}}

/* Responsive */
@media (max-width:781px){.se-header .wp-block-site-logo img{max-height:44px}.se-map-wrap iframe{height:280px}}

/* ── Portfolio ─────────────────────────────────── */
.se-portfolio-featured img { transition: transform .4s var(--se-expo); }
.se-portfolio-featured:hover img { transform: scale(1.02); }
.se-portfolio-featured .wp-block-columns { align-items: flex-start; }
@media (max-width: 781px) {
	.se-portfolio-featured .wp-block-columns { flex-direction: column; }
}

/* ── Carrusel de trabajos (scroll-snap) ────────── */
.se-works-carousel{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:.5rem 0 1.5rem;scrollbar-width:thin;scrollbar-color:#e00000 #141414}
.se-works-carousel::-webkit-scrollbar{height:8px}
.se-works-carousel::-webkit-scrollbar-track{background:#141414;border-radius:4px}
.se-works-carousel::-webkit-scrollbar-thumb{background:#e00000;border-radius:4px}
.se-work-slide{scroll-snap-align:start;flex:0 0 380px;min-width:380px;margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--se-line);background:#141414;position:relative}
.se-work-slide img{width:100%;height:260px;object-fit:cover;display:block;transition:transform .4s var(--se-expo)}
.se-work-slide:hover img{transform:scale(1.05)}
.se-work-slide figcaption{padding:.85rem 1.1rem;font-size:.85rem;color:#b5adab;line-height:1.4}
.se-work-slide::after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e00000,#ffd700)}
@media (max-width:781px){.se-work-slide{flex:0 0 280px;min-width:280px}.se-work-slide img{height:200px}}

/* ── Badge presupuestos sin costo ──────────────── */
.se-badge-free{display:inline-block;font-family:"Saira Condensed",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;color:#fff6d0;background:rgba(224,0,0,.18);border:1px solid rgba(255,215,0,.35);border-radius:999px;padding:.6rem 1.4rem}
@media (max-width:600px){.se-badge-free{font-size:.78rem;line-height:1.8}}