:root{--primary:#FC8403;--brand-5:#FC8403;--brand-7:#FCAD03;--text:#545454;}
body.menu-open{overflow:hidden!important;}
header{position:fixed!important;top:0;left:0;width:100%;z-index:1000;box-shadow:0 12px 30px rgba(84,84,84,.16)!important;backdrop-filter:blur(8px);background:linear-gradient(90deg, rgba(252,111,3,0.96), rgba(252,132,3,0.96), rgba(252,173,3,0.96))!important;}
.nav{display:flex!important;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1400px;margin:0 auto;gap:1rem;}
.logo{height:46px!important;filter:brightness(0) invert(1)!important;transition:.3s;display:block;}
.logo:hover{transform:scale(1.05)}
.menu{display:flex!important;gap:2.5rem;list-style:none!important;color:#fff;font-weight:500;align-items:center;margin:0;padding:0;}
.menu li{cursor:pointer;position:relative;padding:.3rem 0;}
.menu li::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2.5px;background:var(--brand-8,#FCC203)!important;transition:.4s cubic-bezier(.175,.885,.32,1.275)}
.menu li:hover::after{width:100%}
.menu a,.services-toggle{color:#fff!important;text-decoration:none!important}
.services-item{position:relative;}
.services-item::after{display:none!important;}
.services-toggle{background:transparent;border:0;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;padding:0;}
.services-toggle i{font-size:.8rem;transition:transform .25s ease}
.services-item:hover .services-toggle i,.services-item:focus-within .services-toggle i{transform:rotate(180deg)}
.services-dropdown{position:absolute;top:calc(100% + 14px);left:0;min-width:360px!important;display:grid;gap:.55rem!important;padding:1rem!important;border-radius:24px;background:#fff;box-shadow:0 24px 48px rgba(84,84,84,.18);border:1px solid rgba(252,132,3,.14);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:1002}
.services-item:hover .services-dropdown,.services-item:focus-within .services-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.services-dropdown a{display:grid!important;grid-template-columns:46px 1fr;align-items:center;gap:.9rem;color:#545454!important;text-decoration:none!important;padding:.88rem 1rem!important;border-radius:18px!important;line-height:1.2;background:#fff}
.services-dropdown a:hover{background:linear-gradient(135deg,rgba(252,132,3,.12),rgba(252,194,3,.14))!important;color:#545454!important}
.services-dropdown .dropdown-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FC8403,#FCC203)!important;color:#fff!important;font-size:1rem;box-shadow:0 10px 18px rgba(252,132,3,.22);flex-shrink:0}
.services-dropdown .dropdown-copy{display:flex;flex-direction:column;gap:.12rem;min-width:0}
.services-dropdown .dropdown-copy strong{font-size:.98rem;color:#545454;font-weight:700}
.services-dropdown .dropdown-copy small{font-size:.78rem;color:#7a7a7a}
.submenu-item{position:relative}
.services-dropdown .submenu-item>a{display:grid!important;grid-template-columns:46px 1fr auto;align-items:center;gap:.9rem}
.submenu-caret{color:#b8b8b8;font-size:.8rem}
.submenu-panel{position:absolute;top:0;left:calc(100% + 10px);min-width:250px;padding:.8rem;border-radius:20px;background:#fff;box-shadow:0 24px 48px rgba(84,84,84,.18);border:1px solid rgba(252,132,3,.14);opacity:0;visibility:hidden;transform:translateX(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;display:grid;gap:.45rem;z-index:1003}
.submenu-item:hover .submenu-panel,.submenu-item:focus-within .submenu-panel{opacity:1;visibility:visible;transform:translateX(0)}
.submenu-panel a{grid-template-columns:1fr!important;padding:.8rem .9rem!important;font-size:.95rem!important}
.cta{background:#fff!important;color:#FC8403!important;padding:.8rem 2.2rem;border-radius:40px;border:none;font-weight:700;cursor:pointer;transition:.3s;box-shadow:0 8px 16px rgba(84,84,84,.1)!important}
.cta:hover{background:#fff!important;color:#FC8403!important;transform:scale(1.08) translateY(-3px);box-shadow:0 15px 25px rgba(84,84,84,.2)!important}
.hamburger{display:none;font-size:2.2rem;color:#fff;cursor:pointer}
.mobile-menu{position:fixed!important;inset:0;transform:translateX(100%);opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100vh;background:linear-gradient(180deg,#FC4503 0%,#FC8403 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;transition:.4s ease;z-index:999;font-size:2rem;padding:2rem;text-align:center;overflow-y:auto}
.mobile-menu.active{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}
.mobile-close{position:absolute;top:20px;right:20px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mobile-menu a{color:#fff!important;text-decoration:none!important;font-weight:600;position:relative;font-size:1.5rem}
.mobile-menu a::after{content:'';position:absolute;left:0;bottom:-8px;width:0;height:3px;background:#fff;transition:.3s}
.mobile-menu a:hover::after{width:100%}
.mobile-services{width:min(100%,360px);display:grid;gap:.9rem}
#mobileServicesBtn{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;border-radius:18px;padding:.9rem 1rem;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer}
#mobileServicesSub{display:none;gap:.75rem;padding:1rem;background:rgba(255,255,255,.08);border-radius:20px}
#mobileServicesSub.open{display:grid}
#mobileServicesSub a{font-size:1rem;line-height:1.35}
.mobile-sub a{display:flex!important;align-items:center;gap:.75rem}
.mobile-sub a i{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(252,132,3,.18),rgba(252,194,3,.18));color:#FC8403;flex-shrink:0}
.mobile-cta{background:#fff!important;color:#FC8403!important;padding:1rem 2.4rem;border-radius:60px;margin-top:.4rem;font-size:1.05rem;border:none!important;font-weight:700;cursor:pointer;transition:.3s;box-shadow:0 10px 20px rgba(84,84,84,.15)}
.mobile-cta:hover{transform:scale(1.05)}
.mobile-social{display:flex;gap:.85rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:.2rem}
.mobile-social a{width:46px!important;height:46px!important;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.25)!important;font-size:1.2rem!important;box-shadow:none!important}
.mobile-social a::after{display:none!important}
.footer-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:2.5rem!important;max-width:1300px!important;margin:0 auto!important;padding:0!important}
.footer-logo{height:50px!important;filter:brightness(0) invert(1)!important;margin-bottom:1.5rem!important}
.footer-menu{list-style:none!important;padding-left:0!important;margin:0!important;display:block!important}
.footer-menu li{margin-bottom:.7rem!important;display:block!important}
.footer-menu a{text-decoration:none!important;font-weight:500!important;display:inline-block!important;opacity:1!important}
.footer-menu a:hover{text-decoration:underline!important;transform:none!important}
.footer-offices{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:18px!important;padding:1rem 1.05rem!important;align-self:start!important}
.office-summary-card{display:flex!important;gap:.9rem!important;align-items:flex-start!important}
.office-summary-icon{width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(255,255,255,.16)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
.office-summary-icon i{color:#fff!important;font-size:1rem!important}
.office-summary-text strong{display:block!important;font-size:.98rem!important;margin-bottom:.15rem!important}
.whatsapp-btn{background:#fff!important;color:#FC8403!important;padding:.9rem 1.45rem!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;gap:.6rem!important;font-weight:700!important;box-shadow:0 10px 20px rgba(84,84,84,.14)!important;text-decoration:none!important}
.whatsapp-btn i,.whatsapp-btn span{color:#FC8403!important}
.whatsapp-btn:hover{transform:translateY(-2px) scale(1.03)!important}
.copyright{ text-align:center!important;margin-top:3rem!important;border-top:1px solid rgba(255,255,255,.3)!important;padding-top:2rem!important;font-size:.92rem!important}
.copyright a{color:#fff!important;text-decoration:underline!important}
/* iconografía naranja */
.card i,.icon i,.value-card .icon,.feature-icon,.hero-badge i,.stats i,.coverage-item i,.info-item i,.office-card i,.faq-item summary i,.services-grid .card i,.cards-grid .card i,.grid-3 .card i,.grid-4 .card i{color:#FC8403!important}
.value-card .icon,.cards-grid .icon,.services-grid .icon,.feature-icon{background:linear-gradient(135deg,#FC8403,#FCC203)!important;color:#fff!important;box-shadow:0 14px 24px rgba(252,132,3,.25)!important}
.value-card .icon i,.cards-grid .icon i,.services-grid .icon i,.feature-icon i{color:#fff!important}
/* hovers unificados */
.value-card,.benefit-card,.caso-card{overflow:hidden!important;position:relative!important}
.value-card .hover-copy,.benefit-card .benefit-hover,.caso-card .caso-hover{position:absolute!important;left:1rem!important;right:1rem!important;bottom:1rem!important;background:linear-gradient(145deg,#FC8403,#FCAD03)!important;color:#fff!important;border-radius:22px!important;padding:1.1rem 1rem 1.15rem!important;opacity:0!important;visibility:hidden!important;transform:translateY(115%)!important;transition:.35s ease!important;box-shadow:0 18px 30px rgba(252,132,3,.22)!important;pointer-events:none!important}
.value-card:hover .hover-copy,.value-card.active .hover-copy,.benefit-card:hover .benefit-hover,.benefit-card.active .benefit-hover,.caso-card:hover .caso-hover,.caso-card.active .caso-hover{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.value-card .hover-copy::before,.benefit-card .benefit-hover::before,.caso-card .caso-hover::before{content:'';position:absolute;top:-12px;right:22px;width:34px;height:24px;background:linear-gradient(145deg,#FC8403,#FCAD03);border-radius:12px 12px 0 0;box-shadow:0 -6px 16px rgba(252,132,3,.12)}
.value-card .hover-copy::after,.benefit-card .benefit-hover::after,.caso-card .caso-hover::after{content:'061';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:-7px;right:33px;font-size:.8rem;color:#fff}
.value-card h4,.value-card .hover-copy p,.benefit-hover h4,.benefit-hover p,.caso-hover h4,.caso-hover p{color:#fff!important}
.value-card>p,.benefit-summary,.caso-card .caso-summary{padding-bottom:.9rem!important;margin-bottom:0!important}
@media(max-width:900px){.services-dropdown{display:none!important}.hamburger{display:block}.menu,.cta{display:none!important}}
@media(min-width:901px){.mobile-menu{display:none!important}}