/*
Theme Name: Sarmiento Materiales V4 Elementor
Description: Tema base ligero y compatible con Elementor para Sarmiento Materiales. Incluye efectos visuales modernos, WhatsApp flotante y estilos de apoyo.
Version: 4.0.0
Author: OpenAI
License: GPL-2.0-or-later
*/
:root{--sm-navy:#082f3c;--sm-orange:#ff5b16;--sm-paper:#f4f7f8;--sm-text:#17343e}
html{scroll-behavior:smooth}body{margin:0;background:var(--sm-paper);overflow-x:hidden}
.sm-float{animation:smFloat 4.5s ease-in-out infinite}
.sm-float-slow{animation:smFloat 7s ease-in-out infinite}
.sm-pulse{animation:smPulse 2.3s ease-in-out infinite}
.sm-reveal{opacity:0;transform:translateY(35px);animation:smReveal .9s cubic-bezier(.2,.7,.2,1) forwards}
.sm-delay-1{animation-delay:.12s}.sm-delay-2{animation-delay:.24s}.sm-delay-3{animation-delay:.36s}
.sm-hover{transition:transform .35s,box-shadow .35s}.sm-hover:hover{transform:translateY(-8px);box-shadow:0 22px 55px rgba(8,47,60,.18)}
.sm-shine{position:relative;overflow:hidden}.sm-shine:after{content:"";position:absolute;inset:-80% 45% -80% -45%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:rotate(18deg);animation:smShine 5s infinite}
.sm-marquee{overflow:hidden;white-space:nowrap}.sm-marquee-inner{display:inline-flex;min-width:200%;animation:smMarquee 22s linear infinite}
.sm-image-zoom img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.sm-image-zoom:hover img{transform:scale(1.07)}
@keyframes smFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes smPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,91,22,.3)}50%{box-shadow:0 0 0 12px rgba(255,91,22,0)}}@keyframes smReveal{to{opacity:1;transform:none}}@keyframes smShine{0%{transform:translateX(-20%) rotate(18deg)}55%,100%{transform:translateX(160%) rotate(18deg)}}@keyframes smMarquee{to{transform:translateX(-50%)}}
.sm-mobile-only{display:none}
@media(max-width:767px){.sm-desktop-only{display:none!important}.sm-mobile-only{display:block}.sm-float{animation-duration:6s}}