/* Compatibility layer for the original English templates. */
body.legacy-en {
  margin: 0;
  padding-top: 72px;
  background: #080f1c;
  color: #f8fafc;
  font-family: 'Montserrat', Arial, sans-serif;
  overflow-x: hidden;
}
body.legacy-en *, body.legacy-en *::before, body.legacy-en *::after { box-sizing: border-box; }
body.legacy-en a { color: inherit; }
body.legacy-en .background { position: fixed; inset: 0; z-index: -3; pointer-events: none; }
body.legacy-en .particles-container { position: fixed; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; }
body.legacy-en .floating-element { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: rgba(56,189,248,.36); animation: legacyFloat 12s ease-in-out infinite; }
body.legacy-en .floating-element:nth-child(1){left:8%;top:20%;animation-delay:-2s} body.legacy-en .floating-element:nth-child(2){left:25%;top:72%;animation-delay:-5s} body.legacy-en .floating-element:nth-child(3){left:55%;top:28%;animation-delay:-8s} body.legacy-en .floating-element:nth-child(4){left:78%;top:64%;animation-delay:-4s} body.legacy-en .floating-element:nth-child(5){left:92%;top:16%;animation-delay:-10s}
@keyframes legacyFloat { 0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.35}50%{transform:translate3d(18px,-42px,0) scale(1.6);opacity:.85} }

/* Original English navbar */
body.legacy-en .navbar { position: fixed; inset: 0 0 auto; height: 72px; z-index: 500; background: rgba(8,15,28,.9); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(56,189,248,.2); }
body.legacy-en .navbar .container { width: min(1280px, 100%); height: 100%; margin: auto; padding: 0 clamp(1rem,4vw,3rem); display: flex; align-items: center; justify-content: space-between; gap: 24px; }
body.legacy-en .logo a { display: flex; align-items: center; }
body.legacy-en .logo img { width: auto; height: 38px; object-fit: contain; }
body.legacy-en .logo-mobile { display: none; }
body.legacy-en .menu { display: flex; align-items: center; gap: 8px; }
body.legacy-en .nav-item, body.legacy-en .lang-item { text-decoration: none; color: rgba(255,255,255,.9); font-size: .9rem; font-weight: 600; padding: 10px 12px; border-radius: 8px; transition: .25s ease; }
body.legacy-en .nav-item:hover, body.legacy-en .lang-item:hover { color: #38bdf8; background: rgba(56,189,248,.08); }
body.legacy-en .social-lang { display: flex; align-items: center; gap: 14px; }
body.legacy-en .social-icons a { color: #38bdf8; font-size: 1.2rem; }
body.legacy-en .language-selector { display: flex; align-items: center; color: rgba(255,255,255,.45); }
body.legacy-en .mobile-menu-button, body.legacy-en .mobile-menu { display: none; }
body.legacy-en .neon-line { position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg,transparent,#38bdf8,transparent); opacity: .55; }

/* Shared legacy page layout */
body.legacy-en section, body.legacy-en .proceso-contratacion { position: relative; padding: clamp(70px,9vw,120px) clamp(20px,5vw,64px); }
body.legacy-en .hero-section { min-height: calc(100vh - 72px); display: grid; place-items: center; text-align: center; }
body.legacy-en .hero-content { width: min(1050px,100%); margin: auto; }
body.legacy-en .hero-title { margin: 0 0 18px; font-size: clamp(2.4rem,7vw,5.5rem); line-height: 1.05; letter-spacing: -.04em; color: #fff; }
body.legacy-en .hero-subtitle { margin: 0 0 34px; font-size: clamp(1.1rem,2.4vw,1.7rem); color: #7dd3fc; }
body.legacy-en .hero-buttons { display:flex; justify-content:center; flex-wrap:wrap; gap:14px; }
body.legacy-en .btn-primary, body.legacy-en .btn-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; border-radius:10px; text-decoration:none; font-weight:800; transition:.25s ease; }
body.legacy-en .btn-primary { background:#38bdf8; color:#07111f; box-shadow:0 12px 35px rgba(56,189,248,.2); }
body.legacy-en .btn-secondary { border:1px solid rgba(125,211,252,.48); color:#fff; background:rgba(255,255,255,.03); }
body.legacy-en .btn-primary:hover, body.legacy-en .btn-secondary:hover { transform:translateY(-2px); }
body.legacy-en h2 { margin: 0 0 38px; text-align:center; font-size:clamp(2rem,4vw,3.4rem); color:#fff; }
body.legacy-en h3 { color:#fff; }
body.legacy-en p, body.legacy-en li { color:rgba(255,255,255,.74); line-height:1.72; }

body.legacy-en .about-content, body.legacy-en .services-grid, body.legacy-en .trust-container, body.legacy-en .growth-container, body.legacy-en .stats-grid, body.legacy-en .info-grid, body.legacy-en .proceso-pasos { width:min(1180px,100%); margin:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
body.legacy-en .about-card, body.legacy-en .service-card, body.legacy-en .trust-card, body.legacy-en .growth-card, body.legacy-en .stat-card, body.legacy-en .info-card, body.legacy-en .proceso-paso, body.legacy-en .servicio-card, body.legacy-en .acordeon-item { border:1px solid rgba(56,189,248,.15); border-radius:18px; background:rgba(15,28,48,.72); box-shadow:0 18px 60px rgba(0,0,0,.2); padding:28px; transition:transform .28s ease,border-color .28s ease; }
body.legacy-en .about-card:hover, body.legacy-en .service-card:hover, body.legacy-en .trust-card:hover, body.legacy-en .growth-card:hover, body.legacy-en .stat-card:hover, body.legacy-en .info-card:hover, body.legacy-en .servicio-card:hover { transform:translateY(-5px); border-color:rgba(56,189,248,.42); }
body.legacy-en .service-icon, body.legacy-en .trust-icon, body.legacy-en .stat-icon, body.legacy-en .icon, body.legacy-en .servicio-icono { color:#38bdf8; font-size:2rem; margin-bottom:18px; }
body.legacy-en .service-features, body.legacy-en .servicio-lista { padding-left:0; list-style:none; }
body.legacy-en .service-features li, body.legacy-en .servicio-lista li { margin:10px 0; }
body.legacy-en .service-features i, body.legacy-en .servicio-lista i { color:#38bdf8; margin-right:8px; }
body.legacy-en .service-link { display:inline-flex; margin-top:12px; color:#38bdf8; text-decoration:none; font-weight:800; }
body.legacy-en .about-stats, body.legacy-en .stats-interactive { width:min(900px,100%); margin:38px auto 0; display:flex; justify-content:center; flex-wrap:wrap; gap:18px; }
body.legacy-en .stat-item { min-width:160px; padding:20px; text-align:center; border-radius:14px; background:rgba(56,189,248,.06); border:1px solid rgba(56,189,248,.14); }
body.legacy-en .stat-number, body.legacy-en .stat-value { display:block; font-size:2rem; font-weight:900; color:#38bdf8; }
body.legacy-en .comillas-section { width:min(980px,calc(100% - 40px)); margin:40px auto 100px; padding:36px; border-radius:18px; border:1px solid rgba(56,189,248,.14); background:rgba(15,28,48,.7); display:flex; align-items:center; gap:22px; }
body.legacy-en .comillas-image, body.legacy-en .comillas-image2 { width:54px; height:auto; opacity:.65; }
body.legacy-en .comillas-image2 { transform:rotate(180deg); }
body.legacy-en .hero-content:has(.hero-text) { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:42px; text-align:left; }
body.legacy-en .hero-image { width:100%; max-height:460px; object-fit:cover; border-radius:22px; border:1px solid rgba(56,189,248,.2); }
body.legacy-en .tech-tabs { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:0 auto 32px; }
body.legacy-en .tech-tab { padding:10px 16px; border-radius:999px; border:1px solid rgba(56,189,248,.18); color:rgba(255,255,255,.78); cursor:pointer; }
body.legacy-en .tech-tab.active { background:#38bdf8; color:#07111f; font-weight:800; }
body.legacy-en .servicios-container, body.legacy-en .services-container { width:min(1180px,100%); margin:auto; }
body.legacy-en .servicios-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
body.legacy-en .servicios-acordeon { width:min(1000px,100%); margin:35px auto; display:grid; gap:14px; }
body.legacy-en .acordeon-header { display:flex; align-items:center; justify-content:space-between; gap:18px; cursor:pointer; }
body.legacy-en .acordeon-content { overflow:hidden; }
body.legacy-en .paso-numero { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:#38bdf8; color:#07111f; font-weight:900; }

/* Original English footer */
body.legacy-en footer { position:relative; background:#07101d; border-top:1px solid rgba(56,189,248,.16); }
body.legacy-en .footer-container-foot { width:min(1280px,100%); margin:auto; padding:60px clamp(20px,5vw,64px) 24px; }
body.legacy-en .footer-grid-foot { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; }
body.legacy-en .footer-title-foot { margin:0 0 18px; color:#fff; }
body.legacy-en .footer-text-foot, body.legacy-en .footer-list-foot { color:rgba(255,255,255,.67); line-height:1.8; }
body.legacy-en .footer-list-foot { padding:0; list-style:none; }
body.legacy-en .footer-list-foot a { text-decoration:none; }
body.legacy-en .footer-service-foot { min-height:74px; margin-bottom:12px; padding:18px; border-radius:12px; background-size:cover; background-position:center; position:relative; overflow:hidden; }
body.legacy-en .footer-service-foot::before { content:''; position:absolute; inset:0; background:rgba(5,12,22,.7); }
body.legacy-en .footer-service-link-foot { position:relative; z-index:1; font-weight:800; text-decoration:none; }
body.legacy-en .footer-form-foot { display:flex; gap:8px; }
body.legacy-en .footer-input-foot { min-width:0; width:100%; padding:12px; border-radius:9px; border:1px solid rgba(56,189,248,.2); background:rgba(255,255,255,.04); color:#fff; }
body.legacy-en .footer-button-foot { border:0; border-radius:9px; padding:12px 15px; background:#38bdf8; color:#07111f; font-weight:900; }
body.legacy-en .footer-logo-foot img { width:min(220px,100%); margin-top:24px; }
body.legacy-en .footer-bottom-content-foot { display:flex; justify-content:space-between; gap:18px; padding-top:22px; margin-top:30px; border-top:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.5); font-size:.85rem; }
body.legacy-en #whatsappButton { position:fixed; right:20px; bottom:20px; width:54px; height:54px; display:grid; place-items:center; border-radius:50%; background:#25d366; color:#fff; font-size:1.5rem; text-decoration:none; z-index:700; box-shadow:0 12px 30px rgba(0,0,0,.28); }

@media (max-width: 900px) {
  body.legacy-en .menu, body.legacy-en .social-lang { display:none; }
  body.legacy-en .mobile-menu-button { display:block; }
  body.legacy-en .hamburger-icon { width:32px; height:32px; }
  body.legacy-en .mobile-menu { position:fixed; top:72px; right:0; z-index:480; width:min(320px,88vw); padding:20px; display:none; flex-direction:column; background:#0a1424; border:1px solid rgba(56,189,248,.18); }
  body.legacy-en .mobile-menu.active, body.legacy-en .mobile-menu.open { display:flex; }
  body.legacy-en .mobile-nav-item { padding:13px; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.06); }
  body.legacy-en .about-content, body.legacy-en .services-grid, body.legacy-en .trust-container, body.legacy-en .growth-container, body.legacy-en .stats-grid, body.legacy-en .info-grid, body.legacy-en .proceso-pasos, body.legacy-en .servicios-grid, body.legacy-en .footer-grid-foot { grid-template-columns:1fr 1fr; }
  body.legacy-en .hero-content:has(.hero-text) { grid-template-columns:1fr; text-align:center; }
}
@media (max-width: 620px) {
  body.legacy-en .about-content, body.legacy-en .services-grid, body.legacy-en .trust-container, body.legacy-en .growth-container, body.legacy-en .stats-grid, body.legacy-en .info-grid, body.legacy-en .proceso-pasos, body.legacy-en .servicios-grid, body.legacy-en .footer-grid-foot { grid-template-columns:1fr; }
  body.legacy-en .comillas-section { align-items:flex-start; padding:24px; }
  body.legacy-en .comillas-image, body.legacy-en .comillas-image2 { width:32px; }
  body.legacy-en .footer-bottom-content-foot { flex-direction:column; }
}
@media (prefers-reduced-motion: reduce) { body.legacy-en *, body.legacy-en *::before, body.legacy-en *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } }
body.legacy-en .footer-contact-cta { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:12px 16px; text-decoration:none; }