/* Servicio López · edición visual premium. Mejora progresiva y accesible. */
:root{--ink:#102e39;--navy:#102b38;--teal:#098f85;--cream:#f5f8f5;--stroke:#deebe7;--muted:#60727b}
body{background:#fff;overflow-x:hidden}::selection{background:#a9e5d5;color:#102e39}
.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 35px rgba(17,47,53,.035)}
.desktop-nav a{position:relative;padding:10px 0}.desktop-nav a:after{content:"";position:absolute;bottom:1px;left:0;width:100%;height:2px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)}
.scroll-progress{position:fixed;z-index:60;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#17b3a0,#84e0b6);pointer-events:none}
.hero{position:relative;background:radial-gradient(ellipse at 14% 18%,#e0f5ed 0%,transparent 43%),linear-gradient(135deg,#f9fbf7 0%,#eaf4f0 100%)}
.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(16,149,130,.10);border-radius:50%}.hero:before{width:580px;height:580px;left:-370px;top:-290px}.hero:after{width:380px;height:380px;right:-210px;bottom:-230px}
.hero-grid{position:relative;z-index:1}.hero h1{letter-spacing:-.047em}.hero h1 em,.section-heading h2 em,.why-content h2 em,.contact-section h2 em{font-style:normal;background:linear-gradient(115deg,#098e83,#25b7a0 65%,#5aaea0);background-clip:text;-webkit-background-clip:text;color:transparent}.why-content h2 em{background-image:linear-gradient(110deg,#a5f4dd,#5acfbf)}
.hero-media{isolation:isolate;filter:drop-shadow(0 24px 28px rgba(12,51,60,.09))}.hero-media>img{transition:transform .9s cubic-bezier(.2,.8,.2,1);transform-origin:center}.hero-media:hover>img{transform:scale(1.035)}
.floating-label{animation:gentleFloat 5s ease-in-out infinite;box-shadow:0 18px 45px #123b3f25}.mini-label{border:1px solid #cce8dc;background:#fff9;box-shadow:0 5px 25px #124b4320}
.btn{position:relative;overflow:hidden;border-radius:13px;transition:transform .25s,background .25s,box-shadow .25s}.btn:after{content:"";position:absolute;top:-80%;left:-100%;height:250%;width:50%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#fff6,transparent);transition:left .65s ease}.btn:hover:after{left:150%}.btn-teal{background:linear-gradient(135deg,#0a9a8a,#087c77);box-shadow:0 11px 26px #088c7d32}.btn-teal:hover{box-shadow:0 17px 30px #088c7d45}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #58cbb7;outline-offset:4px}
.finder-strip{position:relative;z-index:2}.finder-inner{position:relative}.search-wrap{box-shadow:0 10px 28px #11382f10;transition:box-shadow .25s,transform .25s}.search-wrap:focus-within{box-shadow:0 0 0 4px #14a68d22,0 12px 28px #11382f16;transform:translateY(-2px)}
.quick-choices{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.quick-choices a{display:inline-flex;align-items:center;gap:7px;border:1px solid #d8e9e3;background:#ffffffc4;border-radius:100px;padding:9px 13px;color:#285054;font-size:12px;font-weight:700;transition:.25s}.quick-choices a:hover{background:#dff5ed;border-color:#8bcebf;transform:translateY(-2px)}
.services-section{position:relative}.service-grid{gap:24px}.service-card{border-radius:20px;box-shadow:0 9px 32px #173f3a0b;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;position:relative}.service-card:hover{transform:translateY(-9px);border-color:#9adacf;box-shadow:0 28px 56px #10493d22}.service-image{position:relative}.service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#08362b24);pointer-events:none}.service-image img{height:220px;transition:transform .75s cubic-bezier(.2,.8,.2,1)}.service-card:hover img{transform:scale(1.085)}.service-info{padding:25px}.service-info h3{letter-spacing:-.02em}.service-actions a{transition:color .2s}.service-actions a:hover{color:#00a98b}
.problem-section{background:linear-gradient(180deg,#f1f8f5,#eaf5ef)}.problem{border-radius:18px;transition:transform .3s,box-shadow .3s,border-color .3s}.problem:hover{transform:translateY(-7px);box-shadow:0 19px 35px #0d51401a}.problem-icon{border-radius:15px;transition:transform .35s,background .35s}.problem:hover .problem-icon{transform:rotate(-8deg) scale(1.08);background:#c7eee1}.problem-arrow{transition:transform .3s}.problem:hover .problem-arrow{transform:translate(3px,-3px)}
.proof-gallery figure{border-radius:20px;box-shadow:0 14px 35px #153b3212}.proof-gallery img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.proof-gallery figure:hover img{transform:scale(1.055)}.proof-gallery figcaption{border-radius:100px;box-shadow:0 3px 12px #0002}
.why-section{background:radial-gradient(circle at 10% 50%,#1d4e50 0%,transparent 40%),linear-gradient(125deg,#102e3c,#0c2834)}.why-visual img{box-shadow:0 30px 60px #03171c48}.years{border-radius:16px;box-shadow:0 12px 38px #061f2660}
.steps>div{border-radius:20px;background:linear-gradient(145deg,#fff,#f9fcfa);transition:transform .3s,box-shadow .3s}.steps>div:hover{transform:translateY(-5px);box-shadow:0 18px 33px #13483a14}.contact-section{background:radial-gradient(circle at 90% 10%,#c5ece0,transparent 50%),linear-gradient(125deg,#edf8f2,#e5f4ee)}.quote-card{border-radius:24px;border:1px solid #e1f0e9;box-shadow:0 28px 60px #133e3320}.quote-card input,.quote-card select,.quote-card textarea{border-radius:11px;background:#f9fcfb;transition:border-color .2s,box-shadow .2s}.quote-card input:focus,.quote-card select:focus,.quote-card textarea:focus{box-shadow:0 0 0 4px #11a08a1c}
.faq-list details{transition:background .3s,padding .3s;border-radius:12px}.faq-list details[open]{background:#f5faf7;padding-left:17px;padding-right:17px}.whatsapp-float{transition:transform .25s,box-shadow .25s;box-shadow:0 12px 30px #06564755}.whatsapp-float:hover{transform:translateY(-4px);box-shadow:0 17px 38px #06564766}
.reveal-ready .reveal-item{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal-ready .reveal-item.is-visible{opacity:1;transform:translateY(0)}
@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:760px){.hero-grid{padding-top:44px}.hero-media{filter:none}.service-grid{gap:13px}.service-card{border-radius:16px}.service-image img{height:155px}.service-info{padding:17px}.quick-choices{gap:7px}.quick-choices a{font-size:11px;padding:8px 10px}.problem{border-radius:15px}.floating-label{animation:none}.quote-card{border-radius:19px}.whatsapp-float{bottom:14px;right:14px}}
@media(max-width:390px){.service-image img{height:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.reveal-ready .reveal-item{opacity:1!important;transform:none!important}.floating-label{animation:none!important}.btn:after{display:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
