:root{--bg:#070a08;--bg2:#0d110f;--card:#111713;--line:#263028;--lime:#88f800;--lime2:#72d900;--text:#f6f7f6;--muted:#aeb7b0;--max:1240px;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{font-family:Oswald,Inter,sans-serif;line-height:1.05;margin:0}h1{font-size:clamp(3.2rem,7vw,7.5rem);letter-spacing:-.03em}h2{font-size:clamp(2.2rem,4.3vw,4.8rem);letter-spacing:-.025em}h3{font-size:1.28rem}h1 span,h2 span{color:var(--lime)}p{color:var(--muted)}
.site-header{height:86px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:30px;padding:0 max(22px,calc((100vw - var(--max))/2));background:rgba(7,10,8,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(168,255,0,.12)}.brand{width:190px;margin-right:auto;overflow:hidden;height:70px;display:flex;align-items:center}.brand img{width:190px;transform:scale(1.05)}.nav{display:flex;gap:28px;font-size:.88rem;font-weight:700;text-transform:uppercase}.nav a{position:relative;padding:34px 0}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--lime);transition:.25s}.nav a:hover:after{right:0}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:6px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;font-size:.83rem;transition:.2s;border:1px solid var(--lime)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(168,255,0,.15)}.btn-primary{background:var(--lime);color:#081006}.btn-outline{background:transparent}.btn-small{min-height:44px;padding:0 18px}.btn-whatsapp{border-color:#5be36e;background:#0f1c12}.section{padding:95px max(22px,calc((100vw - var(--max))/2))}.section-dark{background:linear-gradient(135deg,#050706,#0c110e)}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--lime);text-transform:uppercase;font-weight:900;font-size:.78rem;letter-spacing:.08em;margin-bottom:14px}.eyebrow:before{content:"";width:30px;height:2px;background:var(--lime)}.section-heading{margin-bottom:44px}.split-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}.split-heading>p{max-width:540px;margin:0 0 7px}
.hero{min-height:calc(100vh - 86px);display:flex;align-items:center;padding:80px max(22px,calc((100vw - var(--max))/2));overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(168,255,0,.14),transparent 65%);right:-220px;top:-200px}.hero-grid{width:100%;display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}.hero-copy p{font-size:1.15rem;max-width:600px}.hero-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.hero-art{min-height:520px;border:1px solid #263429;border-radius:26px;background:linear-gradient(145deg,#101511,#070a08);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 24px 70px rgba(0,0,0,.32)}.hero-art:before,.hero-art:after{content:"";position:absolute;height:2px;background:var(--lime);transform:rotate(-18deg);pointer-events:none}.hero-art:before{width:120%;top:20%;left:-10%;opacity:.42}.hero-art:after{width:80%;bottom:15%;right:-10%;opacity:.24}.hero-original-logo{position:relative;z-index:2;width:min(82%,560px);height:auto;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 12px 35px rgba(0,0,0,.35))}.hero-brand-tag{position:absolute;z-index:3;bottom:52px;color:#8f9991;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{padding:30px 24px;min-height:240px;background:linear-gradient(160deg,#111713,#0b100d);border:1px solid #29322b;border-radius:12px;transition:.25s}.service-card:hover{border-color:var(--lime);transform:translateY(-5px)}.service-card .icon{font-family:Oswald;font-size:2.3rem;color:var(--lime);margin-bottom:28px}.service-card p{font-size:.9rem;margin-bottom:0}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;gap:12px}.project-slot{position:relative;border:1px solid #334038;border-radius:12px;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#121914,#0b100d);transition:.25s}.project-slot:before{content:"FOTO ORIGINAL";position:absolute;inset:0;display:grid;place-items:center;color:#35413a;font-family:Oswald;font-size:2rem;letter-spacing:.14em}.project-slot:hover{border-color:var(--lime);transform:translateY(-3px)}.project-slot strong,.project-slot small{position:relative;z-index:2}.project-slot strong{font-family:Oswald;text-transform:uppercase;font-size:1.4rem}.project-slot small{color:var(--lime)}.slot-index{position:absolute;top:20px;right:22px;color:var(--lime);font-family:Oswald}.wide{grid-column:span 2}.portfolio-note{margin-top:20px;color:#87928b;font-size:.88rem;border-left:3px solid var(--lime);padding-left:16px}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-step{padding:30px;border-left:1px solid #415047}.process-step b{font-family:Oswald;font-size:4rem;color:var(--lime);display:block;margin-bottom:12px}.process-step p{margin-bottom:0}.featured-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.featured-card{border:1px solid #2f3b33;border-radius:10px;padding:22px;min-height:210px;background:#0d120f}.featured-card span{color:var(--lime);font-family:Oswald;font-size:1.6rem}.featured-card h3{margin:35px 0 10px}.featured-card p{font-size:.82rem}.why{display:grid;grid-template-columns:.8fr 2.2fr;gap:60px;align-items:start}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-card{padding:10px 18px;border-left:1px solid #334239}.why-card div{color:var(--lime);font-size:2rem}.why-card p{font-size:.88rem}.cta{padding:65px max(22px,calc((100vw - var(--max))/2));background:linear-gradient(110deg,#151c16 0,#090c0a 65%),radial-gradient(circle at 10% 50%,rgba(168,255,0,.15),transparent 35%);border-top:1px solid #2d3a31;border-bottom:1px solid #2d3a31}.cta-inner{display:flex;justify-content:space-between;gap:40px;align-items:center}.cta-inner h2{font-size:clamp(2.2rem,4vw,4rem)}.cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.contact-grid{display:grid;grid-template-columns:1fr .9fr 1.15fr 1.6fr;gap:20px}.contact-panel{padding-right:18px;border-right:1px solid #2b352e}.contact-panel h2{font-size:2.2rem}.contact-panel>a{display:block;color:#fff;margin:12px 0;overflow-wrap:anywhere}.text-link{color:var(--lime)!important;font-weight:800}.map-wrap iframe{width:100%;height:100%;min-height:310px;border:0;border-radius:12px;filter:grayscale(.8) contrast(1.1)}footer{padding:35px max(22px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:30px;border-top:1px solid #202a23;background:#050706}.footer-brand{height:70px;overflow:hidden}.footer-brand img{width:190px}.footer-links{display:flex;gap:18px;font-size:.82rem}.copyright{color:#7f8a82;font-size:.78rem;text-align:right}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:40;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:.2s}.floating-wa:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 38px rgba(37,211,102,.24)}.floating-wa svg{width:34px;height:34px;fill:currentColor;display:block}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.services-grid{grid-template-columns:repeat(2,1fr)}.featured-row{grid-template-columns:repeat(3,1fr)}.why{grid-template-columns:1fr}.contact-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:390px}.hero{min-height:auto}.desktop-cta{display:none}.nav{position:absolute;top:86px;left:0;right:0;background:#080b09;display:none;flex-direction:column;padding:20px 28px;border-bottom:1px solid #283229}.nav.open{display:flex}.nav a{padding:10px 0}.nav a:after{display:none}.menu-toggle{display:block}}
@media(max-width:720px){.section{padding:70px 20px}.hero{padding:60px 20px}.brand{width:150px}.brand img{width:150px}.split-heading{grid-template-columns:1fr;gap:18px}.services-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:220px}.wide{grid-column:auto}.process-grid{grid-template-columns:1fr}.featured-row{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr 1fr}.cta-inner{flex-direction:column;align-items:flex-start}.contact-grid{grid-template-columns:1fr}.contact-panel{border-right:0;border-bottom:1px solid #2b352e;padding-bottom:20px}.hero-art{min-height:320px}.hero-original-logo{width:78%}.hero-brand-tag{bottom:30px;font-size:.58rem;letter-spacing:.16em}.site-header{padding:0 20px}.footer-links{flex-wrap:wrap}footer{grid-template-columns:1fr}.copyright{text-align:left}}
@media(max-width:470px){.featured-row,.why-grid{grid-template-columns:1fr}.hero-actions,.cta-actions{flex-direction:column}.btn{width:100%}h1{font-size:3rem}}
/* V3 — portafolio con fotografías reales recortadas de las publicaciones proporcionadas */
.portfolio-photos{grid-auto-rows:270px}.project-photo{position:relative;border:1px solid #334038;border-radius:12px;overflow:hidden;padding:0;background:#0b100d;cursor:pointer;color:#fff;text-align:left;transition:.25s}.project-photo:hover{border-color:var(--lime);transform:translateY(-4px)}.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .3s ease}.project-photo:hover img{transform:scale(1.045);filter:brightness(.78)}.project-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,6,4,.88),rgba(3,6,4,0) 58%);pointer-events:none}.project-photo span{position:absolute;z-index:2;left:20px;bottom:17px;right:20px;display:flex;flex-direction:column}.project-photo strong{font-family:Oswald,Inter,sans-serif;text-transform:uppercase;font-size:1.35rem}.project-photo small{color:var(--lime);font-weight:700}.featured-with-images .featured-card{padding:0;overflow:hidden;min-height:260px;display:flex;flex-direction:column}.featured-with-images .featured-card img{width:100%;height:125px;object-fit:cover}.featured-with-images .featured-card>div{padding:18px}.featured-with-images .featured-card h3{margin:12px 0 8px}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:min(1200px,94vw);max-height:88vh;border-radius:12px;box-shadow:0 30px 90px rgba(0,0,0,.65)}.lightbox-close{position:fixed;right:28px;top:22px;width:48px;height:48px;border-radius:50%;border:1px solid #536056;background:#0d120f;color:#fff;font-size:2rem;cursor:pointer}.lightbox-close:hover{border-color:var(--lime);color:var(--lime)}
@media(max-width:720px){.portfolio-photos{grid-auto-rows:230px}.featured-with-images .featured-card{min-height:245px}}

/* V4 — identidad visual más marcada: verde de marca + tipografía protagonista */
:root{
  --lime:#9BFF00;
  --lime2:#7FE000;
  --bg:#050806;
  --bg2:#0A0F0B;
  --card:#0E1510;
  --line:#314034;
  --text:#FFFFFF;
  --muted:#BBC5BD;
}
body{background:radial-gradient(circle at 85% 8%,rgba(155,255,0,.08),transparent 24%),var(--bg)}
h1,h2,h3,.nav,.btn,.eyebrow,.project-photo strong,.featured-card h3,.process-step b,.contact-panel h2{font-family:Oswald,Impact,Arial Narrow,sans-serif;text-transform:uppercase}
h1{font-weight:700;letter-spacing:-.018em;text-shadow:0 3px 24px rgba(0,0,0,.38)}
h2{font-weight:700;letter-spacing:.005em}
h3{font-weight:700;letter-spacing:.025em}
h1 span,h2 span{color:var(--lime);text-shadow:0 0 22px rgba(155,255,0,.16)}
.site-header{background:rgba(4,8,5,.96);border-bottom:1px solid rgba(155,255,0,.26);box-shadow:0 8px 30px rgba(0,0,0,.28)}
.brand img,.footer-brand img{filter:drop-shadow(0 0 10px rgba(155,255,0,.12))}
.nav{font-size:.92rem;letter-spacing:.055em}.nav a{font-weight:700}.nav a:hover{color:var(--lime)}
.btn{font-family:Oswald,Impact,sans-serif;font-size:.92rem;letter-spacing:.07em;border-width:2px;border-radius:4px}.btn-primary{background:var(--lime);color:#061006;box-shadow:0 0 0 1px rgba(155,255,0,.2),0 8px 30px rgba(155,255,0,.09)}.btn-outline:hover{background:rgba(155,255,0,.08)}
.eyebrow{font-family:Oswald,Impact,sans-serif;font-size:.86rem;letter-spacing:.13em}.eyebrow:before{height:3px;width:34px;box-shadow:0 0 14px rgba(155,255,0,.35)}
.hero{background:linear-gradient(105deg,#030604 0%,#071008 55%,#0e1c0e 100%)}.hero:after{content:"";position:absolute;inset:auto -12% 12% 45%;height:1px;background:linear-gradient(90deg,transparent,var(--lime),transparent);transform:rotate(-14deg);opacity:.5}.hero-copy p{color:#D7DDD8;font-weight:500}.hero-art{border-color:rgba(155,255,0,.22);box-shadow:inset 0 0 50px rgba(155,255,0,.025),0 24px 70px rgba(0,0,0,.45)}
.hero-original-logo{filter:drop-shadow(0 12px 38px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(155,255,0,.08))}.hero-brand-tag{color:#D9E1DB;font-family:Oswald,Arial Narrow,sans-serif;font-weight:500}
.section-heading{position:relative}.section-heading:after{content:"";display:block;width:78px;height:3px;background:var(--lime);margin-top:20px;box-shadow:0 0 16px rgba(155,255,0,.24)}
.service-card{border-color:#28372c;background:linear-gradient(155deg,#101812,#080d09);box-shadow:inset 0 1px rgba(255,255,255,.018)}.service-card:hover{box-shadow:0 14px 38px rgba(0,0,0,.28),0 0 0 1px rgba(155,255,0,.15)}.service-card .icon{font-weight:700;text-shadow:0 0 18px rgba(155,255,0,.2)}
.project-photo{border-color:#344539}.project-photo:hover{box-shadow:0 12px 34px rgba(0,0,0,.38),0 0 0 1px rgba(155,255,0,.18)}.project-photo strong{font-size:1.48rem;letter-spacing:.035em}.project-photo small{font-family:Oswald,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.07em;font-size:.79rem}
.process-step{border-left:3px solid rgba(155,255,0,.5)}.process-step b{font-weight:700;text-shadow:0 0 20px rgba(155,255,0,.18)}
.featured-card{border-color:#334238}.featured-card span{font-weight:700;text-shadow:0 0 15px rgba(155,255,0,.15)}
.why-card{border-left:2px solid rgba(155,255,0,.38)}.why-card div{filter:drop-shadow(0 0 8px rgba(155,255,0,.18))}
.cta{background:linear-gradient(105deg,rgba(155,255,0,.12),transparent 25%),linear-gradient(110deg,#101711,#060906 70%);border-top:2px solid rgba(155,255,0,.25);border-bottom:2px solid rgba(155,255,0,.2)}
.text-link{font-family:Oswald,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.045em}
.floating-wa{box-shadow:0 0 0 3px rgba(255,255,255,.07),0 10px 32px rgba(37,211,102,.32)}
@media(max-width:720px){.nav{font-size:1rem}.section-heading:after{width:58px}}

/* V5 — tarjetas de servicio clicables + galería filtrable */
.service-filter{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;position:relative;padding-bottom:52px}
.service-filter .card-action{position:absolute;left:24px;bottom:20px;font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;color:var(--lime);opacity:.72;transition:.22s}
.service-filter:hover .card-action,.service-filter.active .card-action{opacity:1;transform:translateX(4px)}
.service-filter.active{border-color:var(--lime);box-shadow:0 0 0 1px rgba(155,255,0,.18),0 16px 42px rgba(0,0,0,.32);background:linear-gradient(155deg,rgba(155,255,0,.08),#0a100b 58%)}
.service-filter:focus-visible,.filter-reset:focus-visible{outline:3px solid rgba(155,255,0,.55);outline-offset:3px}
.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-8px 0 24px;padding:14px 16px;border:1px solid #29352d;background:#09100b;border-radius:8px;color:#dbe4dd;font-size:.88rem}
.filter-reset{border:1px solid var(--lime);background:transparent;color:var(--lime);padding:8px 15px;border-radius:4px;font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;white-space:nowrap}
.filter-reset:hover{background:var(--lime);color:#061006}
.project-photo.is-hidden{display:none}
.portfolio-empty{margin:22px 0;padding:24px;border:1px dashed #3b493f;border-radius:10px;color:#b9c4bb;text-align:center}
@media(max-width:720px){.portfolio-toolbar{align-items:flex-start;flex-direction:column}.filter-reset{width:100%}.service-filter{min-height:235px}}

/* V6 — contacto más visible y redes sociales con iconos de marca */
.contact-grid{grid-template-columns:1fr .82fr 1.55fr 1.45fr;gap:24px}
.contact-direct{padding-right:8px}
.contact-title{font-size:1.45rem;margin:2px 0 18px;color:#fff;letter-spacing:.02em}
.contact-actions{display:grid;gap:10px;margin-bottom:22px}
.contact-action{display:flex!important;align-items:center;gap:13px;margin:0!important;padding:13px 14px;border:1px solid #334239;border-radius:10px;background:linear-gradient(145deg,#101711,#090d0a);transition:.22s;min-width:0}
.contact-action:hover{border-color:var(--lime);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.28)}
.contact-action span:last-child{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.contact-action small,.social-action small{color:#9da9a0;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.contact-action strong{color:#fff;font-size:.93rem;overflow-wrap:anywhere}
.contact-icon{width:42px;height:42px;min-width:42px;border-radius:9px;display:grid;place-items:center;background:rgba(155,255,0,.1);color:var(--lime);border:1px solid rgba(155,255,0,.22)}
.contact-icon svg{width:22px;height:22px;fill:currentColor}
.social-heading{font-family:Oswald,Impact,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:var(--lime);font-weight:700;font-size:.82rem;margin:8px 0 10px}
.social-actions{display:grid;grid-template-columns:1fr;gap:9px}
.social-action{display:flex!important;align-items:center;gap:13px;margin:0!important;padding:12px 14px;border-radius:11px;color:#fff!important;transition:.22s;border:1px solid transparent;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.social-action:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 13px 30px rgba(0,0,0,.32)}
.social-action span:last-child{min-width:0;display:flex;flex-direction:column;line-height:1.22}
.social-action strong{font-size:.94rem;overflow-wrap:anywhere}
.social-icon{width:44px;height:44px;min-width:44px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.16)}
.social-icon svg{width:25px;height:25px;fill:#fff}
.social-action.whatsapp{background:linear-gradient(135deg,#1fae54,#25D366);border-color:#54e888;color:#fff!important}
.social-action.instagram{background:linear-gradient(135deg,#833AB4 0%,#C13584 35%,#E1306C 62%,#F77737 100%);border-color:rgba(255,255,255,.18)}
.social-action.facebook{background:linear-gradient(135deg,#1877F2,#0d5bc0);border-color:rgba(255,255,255,.18)}
.btn-whatsapp{background:#128C3D;border-color:#25D366;color:#fff;gap:9px}.btn-whatsapp:hover{background:#25D366;color:#061006}.btn-icon{width:21px;height:21px;fill:currentColor}
@media(max-width:1050px){.contact-grid{grid-template-columns:repeat(2,1fr)}.contact-direct{order:3}.map-wrap{order:4}}
@media(max-width:720px){.contact-grid{grid-template-columns:1fr}.contact-direct{order:initial}.map-wrap{order:initial}.social-action,.contact-action{padding:14px}.social-icon{width:46px;height:46px;min-width:46px}.contact-icon{width:44px;height:44px;min-width:44px}}

/* V7 — contacto rápido casi al inicio, visible e intuitivo sin invadir el hero */
.quick-contact{position:relative;z-index:35;background:#070c08;border-bottom:1px solid rgba(155,255,0,.2);box-shadow:0 10px 26px rgba(0,0,0,.18)}
.quick-contact-inner{max-width:var(--max);margin:0 auto;min-height:72px;padding:10px 0;display:flex;align-items:center;gap:10px}
.quick-label{font-family:Oswald,Impact,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--lime);font-size:.76rem;font-weight:700;white-space:nowrap;margin-right:8px}
.quick-link{min-width:0;flex:1;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #2d3a31;border-radius:9px;background:linear-gradient(145deg,#0f1611,#090d0a);transition:.2s;color:#fff}
.quick-link:hover{border-color:var(--lime);transform:translateY(-2px);background:#101912;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.quick-link svg{width:24px;height:24px;min-width:24px;fill:currentColor;color:var(--lime)}
.quick-link span{min-width:0;display:flex;flex-direction:column;line-height:1.12}
.quick-link b{font-family:Oswald,Impact,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.035em;font-size:.85rem}
.quick-link small{color:#9eaaa1;font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.quick-whatsapp{border-color:rgba(37,211,102,.42);background:linear-gradient(135deg,rgba(37,211,102,.18),#09100b)}
.quick-whatsapp svg{color:#25D366}.quick-whatsapp small{color:#bceacb}
.quick-instagram svg{color:#e45a94}.quick-facebook svg{color:#5a9cff}.quick-email svg{color:var(--lime)}
@media(max-width:1280px){.quick-contact-inner{padding:10px 22px}.quick-label{display:none}.quick-email{display:none}}
@media(max-width:850px){.quick-contact-inner{overflow-x:auto;scrollbar-width:none;justify-content:flex-start;padding:9px 16px}.quick-contact-inner::-webkit-scrollbar{display:none}.quick-link{flex:0 0 auto;min-width:155px}.quick-link small{max-width:125px}.quick-email{display:flex}.hero{padding-top:55px}}
@media(max-width:520px){.quick-contact-inner{min-height:64px}.quick-link{min-width:142px;padding:8px 10px}.quick-link svg{width:22px;height:22px;min-width:22px}.quick-link b{font-size:.8rem}.quick-link small{font-size:.62rem}.hero{padding-top:45px}}

/* V8 — movimiento sutil y bloque Visítanos más claro */
html{scroll-behavior:smooth}
.reveal{opacity:0;transform:translateY(30px) scale(.992);filter:blur(2px);transition:opacity .72s cubic-bezier(.2,.75,.25,1),transform .72s cubic-bezier(.2,.75,.25,1),filter .72s ease}
.reveal.visible{opacity:1;transform:none;filter:none}
.services-grid .reveal:nth-child(2),.projects-grid .reveal:nth-child(2),.why-grid .reveal:nth-child(2){transition-delay:.05s}
.services-grid .reveal:nth-child(3),.projects-grid .reveal:nth-child(3),.why-grid .reveal:nth-child(3){transition-delay:.1s}
.services-grid .reveal:nth-child(4),.projects-grid .reveal:nth-child(4),.why-grid .reveal:nth-child(4){transition-delay:.15s}
.services-grid .reveal:nth-child(n+5){transition-delay:.08s}
.site-header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav a,.text-link,.quick-link,.btn,.service-card,.featured-card,.why-card,.project-photo,.contact-action,.social-action,.visit-map-btn{transition-duration:.28s;transition-timing-function:cubic-bezier(.2,.7,.2,1)}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:-40% auto -40% -45%;width:30%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:left .5s ease}.btn:hover:after{left:120%}
.project-photo img,.featured-card img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease}.project-photo:hover img,.featured-card:hover img{transform:scale(1.045);filter:saturate(1.07) contrast(1.03)}
.service-card:hover,.why-card:hover{transform:translateY(-5px)}
.quick-contact{transition:box-shadow .3s ease}.quick-contact:hover{box-shadow:0 12px 32px rgba(0,0,0,.25)}
.floating-wa{animation:waBreath 3.2s ease-in-out infinite}@keyframes waBreath{0%,100%{transform:translateY(0);box-shadow:0 0 0 3px rgba(255,255,255,.07),0 10px 32px rgba(37,211,102,.28)}50%{transform:translateY(-3px);box-shadow:0 0 0 7px rgba(37,211,102,.08),0 15px 38px rgba(37,211,102,.36)}}

.visit-panel{position:relative;overflow:hidden;padding:28px!important;border:1px solid rgba(155,255,0,.42)!important;border-radius:14px;background:linear-gradient(145deg,rgba(155,255,0,.105),rgba(12,20,14,.96) 38%,#080d09 100%);box-shadow:0 18px 45px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035)}
.visit-panel:before{content:"";position:absolute;right:-70px;top:-80px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(155,255,0,.16),transparent 68%);pointer-events:none}
.visit-panel:after{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(var(--lime),rgba(155,255,0,.15));box-shadow:0 0 18px rgba(155,255,0,.3)}
.visit-panel .eyebrow{font-size:.92rem;color:var(--lime)}
.visit-panel h2{font-size:clamp(2rem,3vw,3.15rem);line-height:.95;margin:15px 0 20px}.visit-panel h2 span{display:block}
.visit-panel p{font-size:1rem;line-height:1.75;color:#e6ece7;margin-bottom:22px}.visit-panel p strong{font-size:1.08rem;color:#fff}
.visit-map-btn{display:flex;align-items:center;gap:12px;width:100%;max-width:310px;padding:13px 15px;border:1px solid var(--lime);border-radius:9px;background:var(--lime);color:#071007!important;box-shadow:0 10px 26px rgba(155,255,0,.12)}
.visit-map-btn:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(155,255,0,.2)}
.visit-map-btn svg{width:26px;height:26px;min-width:26px;fill:currentColor}.visit-map-btn span{display:flex;flex-direction:column;line-height:1.05;flex:1}.visit-map-btn small{font-family:Arial,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;opacity:.72}.visit-map-btn strong{font-family:Oswald,Impact,Arial Narrow,sans-serif;text-transform:uppercase;font-size:1rem;letter-spacing:.065em}.visit-map-btn b{font-size:1.35rem}
.map-wrap{border:1px solid rgba(155,255,0,.24);border-radius:14px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.map-wrap iframe{transition:filter .35s ease,transform .45s ease}.map-wrap:hover iframe{filter:saturate(1.08);transform:scale(1.01)}
@media(max-width:720px){.visit-panel{padding:24px!important}.visit-map-btn{max-width:none}.floating-wa{animation:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.visible,.nav a,.text-link,.quick-link,.btn,.service-card,.featured-card,.why-card,.project-photo,.contact-action,.social-action,.visit-map-btn,.project-photo img,.featured-card img,.map-wrap iframe{transition:none!important;transform:none!important;filter:none!important}.floating-wa{animation:none!important}.btn:after{display:none}}
.pressed{transform:scale(.985)!important}

/* V9 — logotipo original centrado en Visítanos + horario destacado */
.visit-panel{text-align:center;display:flex;flex-direction:column;align-items:center}
.visit-panel .eyebrow{align-self:center}
.visit-logo-wrap{width:100%;min-height:110px;display:flex;align-items:center;justify-content:center;margin:8px 0 18px;padding:8px 12px;border-radius:12px;background:radial-gradient(circle at center,rgba(155,255,0,.075),transparent 68%)}
.visit-logo{width:min(100%,245px);height:auto;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 10px 28px rgba(0,0,0,.45))}
.visit-address{text-align:left;width:100%;margin:0 0 22px!important;padding:15px 16px;border:1px solid rgba(155,255,0,.16);border-radius:10px;background:rgba(255,255,255,.025)}
.visit-address strong{color:var(--lime)!important;font-family:Oswald,Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.035em}
.visit-map-btn{margin-left:auto!important;margin-right:auto!important;text-align:left}

.schedule-panel{position:relative;overflow:hidden;padding:28px!important;border:1px solid rgba(155,255,0,.36)!important;border-radius:14px;background:linear-gradient(155deg,#111a12 0,#0a0f0b 55%,#071008 100%);box-shadow:0 18px 45px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.035)}
.schedule-panel:before{content:"";position:absolute;right:-55px;bottom:-70px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(155,255,0,.13),transparent 70%);pointer-events:none}
.schedule-panel:after{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(var(--lime),rgba(155,255,0,.13));box-shadow:0 0 16px rgba(155,255,0,.28)}
.schedule-panel .eyebrow{font-size:.92rem}
.schedule-title{font-size:1.55rem;margin:7px 0 18px;text-transform:uppercase;letter-spacing:.025em}
.schedule-list{display:grid;gap:10px;position:relative;z-index:1}
.schedule-row{display:grid;grid-template-columns:.9fr 1.2fr;gap:12px;align-items:center;padding:13px 14px;border:1px solid #2f3c32;border-radius:10px;background:rgba(255,255,255,.025);transition:.25s}
.schedule-row:hover{border-color:rgba(155,255,0,.68);transform:translateX(3px);background:rgba(155,255,0,.04)}
.schedule-row>div:first-child{display:flex;flex-direction:column;gap:2px}
.schedule-row strong{font-family:Oswald,Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.035em;color:#fff;font-size:1rem}
.schedule-row small{color:#849087;font-size:.68rem;text-transform:uppercase;letter-spacing:.065em}
.schedule-times{display:flex;flex-direction:column;gap:3px;text-align:right}
.schedule-times span{color:#dfe7e1;font-weight:700;font-size:.82rem;white-space:nowrap}
.schedule-row.closed{border-color:rgba(155,255,0,.22)}
.schedule-row.closed .schedule-times span{color:var(--lime);text-transform:uppercase;font-family:Oswald,Impact,"Arial Narrow",sans-serif;letter-spacing:.06em;font-size:.95rem}
@media(max-width:1050px){.visit-logo{width:min(100%,270px)}.schedule-panel{min-height:100%}}
@media(max-width:720px){.visit-logo-wrap{min-height:95px}.visit-logo{width:min(82%,240px)}.schedule-row{grid-template-columns:1fr}.schedule-times{text-align:left}.schedule-times span{white-space:normal}.visit-address{text-align:center}}

/* V10 — horario completamente legible + movimiento sutil y elegante */
@media (min-width:1051px){
  .contact-grid{
    grid-template-columns:1.05fr 1.18fr 1.55fr 1.42fr;
    gap:22px;
    align-items:stretch;
  }
  .schedule-panel{min-width:0}
  .schedule-row{
    grid-template-columns:1fr;
    align-items:start;
    gap:8px;
  }
  .schedule-times{
    text-align:left;
    width:100%;
  }
  .schedule-times span{
    white-space:normal;
    font-size:.88rem;
    line-height:1.35;
  }
}

.schedule-panel{overflow:visible!important}
.schedule-list{width:100%}
.schedule-row{width:100%;min-width:0}
.schedule-row strong,.schedule-row small,.schedule-times span{overflow-wrap:anywhere}
.schedule-row:first-child .schedule-times{padding-top:2px}
.schedule-times span+span{margin-top:2px}

/* Entrada de secciones: corta, suave y sin exagerar */
.reveal{
  opacity:0;
  transform:translateY(18px) scale(.992);
  filter:blur(3px);
  transition:opacity .58s cubic-bezier(.2,.7,.2,1),transform .58s cubic-bezier(.2,.7,.2,1),filter .58s ease;
  will-change:opacity,transform;
}
.reveal.visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}

/* Pequeño escalonado visual */
.services-grid .reveal:nth-child(2),.why-grid .reveal:nth-child(2),.contact-grid>.reveal:nth-child(2){transition-delay:.06s}
.services-grid .reveal:nth-child(3),.why-grid .reveal:nth-child(3),.contact-grid>.reveal:nth-child(3){transition-delay:.12s}
.services-grid .reveal:nth-child(4),.why-grid .reveal:nth-child(4),.contact-grid>.reveal:nth-child(4){transition-delay:.18s}
.services-grid .reveal:nth-child(5){transition-delay:.04s}.services-grid .reveal:nth-child(6){transition-delay:.08s}.services-grid .reveal:nth-child(7){transition-delay:.12s}.services-grid .reveal:nth-child(8){transition-delay:.16s}

/* Microinteracciones */
.service-card,.project-photo,.featured-card,.why-card,.contact-action,.social-action,.schedule-row,.visit-map-btn{
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease,filter .28s ease;
}
.service-card:hover,.featured-card:hover{box-shadow:0 16px 38px rgba(0,0,0,.28),0 0 0 1px rgba(155,255,0,.06)}
.project-photo:hover{box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 24px rgba(155,255,0,.06)}
.contact-action:hover,.social-action:hover{transform:translateY(-2px)}
.schedule-row:hover{transform:translateX(4px)}

/* Logo principal con respiración casi imperceptible */
.hero-original-logo{animation:brandFloat 6s ease-in-out infinite}
@keyframes brandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* Botón WhatsApp: pulso más discreto */
.floating-wa{animation:waSoftPulse 3.8s ease-in-out infinite}
@keyframes waSoftPulse{0%,100%{transform:translateY(0);box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 0 rgba(37,211,102,.12)}50%{transform:translateY(-2px);box-shadow:0 13px 34px rgba(0,0,0,.42),0 0 0 7px rgba(37,211,102,.035)}}

@media(max-width:1050px){
  .schedule-panel{overflow:hidden!important}
  .schedule-row{grid-template-columns:1fr 1.15fr}
  .schedule-times{text-align:right}
}
@media(max-width:720px){
  .schedule-row{grid-template-columns:1fr}
  .schedule-times{text-align:left}
  .reveal{filter:none;transform:translateY(14px)}
  .hero-original-logo{animation:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-original-logo,.floating-wa{animation:none!important}
  .reveal{filter:none!important}
}

/* V12 — hover únicamente en títulos y textos importantes (computadora) */
@media (hover:hover) and (pointer:fine) and (min-width:900px){
  body :is(h1,h2,h3,h4,.hero-title,.section-title,.schedule-title,.contact-title,.eyebrow,.section-kicker,.visit-address strong,.schedule-row strong,.contact-action-value,.social-action strong){
    transition:color .22s ease,text-shadow .22s ease,transform .22s ease;
  }
  body :is(h1,h2,h3,h4,.hero-title,.section-title,.schedule-title,.contact-title):hover{
    color:#b6ff00;
    text-shadow:0 0 13px rgba(155,255,0,.28);
  }
  body :is(.eyebrow,.section-kicker,.visit-address strong,.schedule-row strong,.contact-action-value,.social-action strong):hover{
    color:#b6ff00;
    text-shadow:0 0 9px rgba(155,255,0,.20);
  }
  /* Textos pequeños y descriptivos permanecen sin efecto para evitar ruido visual. */
}

/* V14 — fondo oscuro uniforme en toda la página */
body,
main,
.section,
.process,
.why,
.contact,
.featured,
.section-dark{
  background-color:#070a08;
}
.section:not(.section-dark),
.process,
.why,
.contact{
  background-image:linear-gradient(180deg,#070a08 0%,#090e0a 52%,#070a08 100%);
}
.section-dark,
.featured{
  background-image:linear-gradient(135deg,#050706,#0c110e);
}
/* Evita destellos blancos entre secciones durante scroll/animaciones */
html{background:#070a08}

/* V15 — navegación comercial, filtros visibles y cotizador rápido */
.filter-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;flex:1}
.filter-chip{border:1px solid #344137;background:#101511;color:#dfe7e1;border-radius:999px;padding:9px 14px;font:700 .78rem Inter,sans-serif;cursor:pointer;transition:.22s}
.filter-chip:hover,.filter-chip.active{border-color:var(--lime);color:#111;background:var(--lime);box-shadow:0 0 18px rgba(155,255,0,.13)}
.quote-section{position:relative;overflow:hidden}
.quote-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-180px;background:radial-gradient(circle,rgba(155,255,0,.09),transparent 68%);pointer-events:none}
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:28px;border:1px solid #29342c;border-radius:18px;background:linear-gradient(145deg,#0d120f,#080b09);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.quote-form label{display:flex;flex-direction:column;gap:8px;color:#fff;font-weight:700;font-size:.86rem}
.quote-form label:nth-child(4){grid-column:1/-1}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #344137;border-radius:10px;background:#111713;color:#fff;padding:13px 14px;font:500 .95rem Inter,sans-serif;outline:none;transition:.2s}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(155,255,0,.08)}
.quote-form textarea{resize:vertical;min-height:110px}
.quote-submit{grid-column:1/-1;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.quote-submit small{color:#8f9b92}
.process-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.quote-form{grid-template-columns:1fr}.quote-form label:nth-child(4),.quote-submit{grid-column:auto}.process-grid{grid-template-columns:repeat(2,1fr)}.portfolio-toolbar{gap:12px}.filter-chips{order:3;flex-basis:100%}}
@media(max-width:560px){.quote-form{padding:18px}.process-grid{grid-template-columns:1fr}.filter-chip{padding:8px 11px;font-size:.72rem}}