/* =========================================
       INDEX.HTML
       ========================================= */     
	   
	   :root{
      /* PALETA MIDNIGHT TEAL (Dark Luxury Tech) */
      --bg-dark: #0f172a;       /* Slate 900 */
      --bg-card: #1e293b;       /* Slate 800 */
      
      --text-main: #f8fafc;     /* Blanco roto */
      --text-muted: #94a3b8;    /* Gris azulado metálico */

      /* EL ACENTO GAMBERRO */
      --accent-teal: #2dd4bf;   /* Turquesa Eléctrico */
      --accent-hover: #14b8a6;  
      
      --accent-alert: #ef4444; /* Red for Rescue Mission */

      --border-color: rgba(255, 255, 255, 0.1);
      --glow: 0 0 20px rgba(45, 212, 191, 0.15); 
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
      color: var(--text-main);
      background-color: var(--bg-dark);
      background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
      background-size: 40px 40px;
      -webkit-font-smoothing: antialiased;
      line-height: 1.6;
    }

    .container{max-width:1140px;margin:0 auto;padding:0 24px;}
    .section{padding: 120px 0;}
    .section-tight{padding: 40px 0 80px;}
    
    /* UTILS */
    .text-teal { color: var(--accent-teal); }
    .micro{margin: 22px 0 0;color: var(--text-muted); font-size: 13px; text-align:center; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.8;}
    .center-cta{display:flex;justify-content:center;margin-top:40px;}
    
    /* =========================================
       HEADER & NAVIGATION STYLES
       ========================================= */
    header {
      position: sticky; top: 0;
      backdrop-filter: blur(16px) saturate(180%);
      background: rgba(15, 23, 42, 0.95); 
      border-bottom: 1px solid var(--border-color);
      z-index: 1000;
      height: 80px; 
      display: flex; align-items: center;
    }

    .nav-row {
        display: flex; align-items: center; 
        justify-content: space-between; 
        width: 100%; position: relative;
    }

    /* Logo - No Filter (Original Colors) */
    .brand img { 
        height: 40px; 
        width: auto; 
        display: block; 
        transition: 0.3s ease; 
    }

    /* Desktop Menu */
    .desktop-menu {
      display: flex; align-items: center; gap: 32px;
      margin-left: 80px; /* SPACER: Logo <-> Menu */
      margin-right: auto; 
    }
    .desktop-menu a {
      color: var(--text-muted); font-weight: 600; font-size: 14px; 
      letter-spacing: .02em; text-transform: uppercase; text-decoration: none;
      transition: color .2s ease;
    }
    .desktop-menu a:hover { color: var(--accent-teal); }

    /* Right Side */
    .nav-right { 
        display: flex; align-items: center; gap: 16px; 
        margin-left: 40px; /* Spacer from "ES" */
    }

    /* Rescue Mission Link (Two Lines Style) */
    .cta-rescue {
        color: #ef4444; 
        font-weight: 800; 
        text-decoration: none; 
        font-size: 11px; 
        text-transform: uppercase;
        line-height: 1.1;
        text-align: right;
        letter-spacing: 0.05em;
        transition: 0.2s;
    }
    .cta-rescue:hover { color: #fff; transform: translateY(-1px); }

    /* Hamburger (Hidden on Desktop) */
    .hamburger { display: none; cursor: pointer; color: #fff; }
    
    /* Mobile Menu Container */
    .mobile-menu {
        position: absolute;
        top: 100%; left: 0; width: 100%;
        background: #0f172a;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 0;
        display: none; flex-direction: column;
        box-shadow: 0 20px 40px rgba(0,0,0,0.5);
    }
    .mobile-menu.active { display: flex; }

    .mobile-menu a {
        padding: 20px 24px;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        color: #fff; text-decoration: none; font-weight: 600;
        font-size: 16px; display: block;
    }
    .mobile-menu a:hover { background: rgba(255,255,255,0.05); color: var(--accent-teal); }

    /* Dropdowns */
    .dropdown { position: relative; }
    .dropdown-content {
      display: none; position: absolute; top: 100%; left: -20px;
      background: var(--bg-card); border: 1px solid var(--border-color);
      min-width: 200px; padding: 10px 0; border-radius: 12px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.4);
      z-index: 100;
    }
    .dropdown:hover .dropdown-content { display: block; }
    .dropdown-content a { display: block; padding: 12px 20px; color: #fff; text-transform: none; }
    .dropdown-content a:hover { color: var(--accent-teal); background: rgba(255,255,255,0.05);}
    
    /* Mobile Dropdown Specifics */
    .mobile-dropdown-content {
        display: none; background: rgba(0,0,0,0.2); padding-left: 20px;
    }
    .mobile-dropdown-content a { font-size: 14px; padding: 14px 24px; color: #cbd5e1; }
    .mobile-has-dropdown.active .mobile-dropdown-content { display: block; }


    /* BUTTONS TECH */
    .btn{
      border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color: #fff;
      padding:14px 28px; border-radius: 8px; font-weight:700; font-size:15px;
      cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px;
      transition: all .2s ease;
    }
    .btn:hover{ background: rgba(255,255,255,0.1); transform: translateY(-2px);}

    .btn-primary{
      border: 1px solid transparent;
      background: var(--accent-teal);
      color: #0f172a; 
      box-shadow: 0 0 15px rgba(45, 212, 191, 0.3); 
    }
    .btn-primary:hover{
      background: #5eead4; 
      color: #000;
      box-shadow: 0 0 25px rgba(45, 212, 191, 0.5);
    }

    /* BOTONES HERO */
    .btn-hero-outline {
        background: transparent !important; color: var(--accent-teal) !important; border: 2px solid var(--accent-teal) !important;
        font-size: 18px !important; padding: 18px 36px !important; box-shadow: 0 0 10px rgba(45,212,191,0.1) !important;
    }
    .btn-hero-outline:hover {
        background: var(--accent-teal) !important; color: #000 !important;
        box-shadow: 0 0 30px rgba(45,212,191,0.4) !important;
    }

    /* HERO SECTION */
    .hero{
        padding: 70px 0 65px; 
        overflow: visible; text-align: center; position: relative;
    }
    .hero::before {
        content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
        width: 60%; height: 60%; background: radial-gradient(circle, rgba(45, 212, 191, 0.15) 0%, transparent 60%);
        z-index: 1; pointer-events: none; filter: blur(60px);
    }
    .hero-content { 
        max-width: 900px; margin: 0 auto; z-index: 2; position: relative;
    }
    .tag-hero {
        display: inline-block; margin-bottom: 24px; 
        font-size: 12px; font-weight: 700; text-transform: uppercase; 
        letter-spacing: 0.15em; color: var(--accent-teal);
        background: rgba(45, 212, 191, 0.1); padding: 6px 16px; border-radius: 50px;
        border: 1px solid rgba(45, 212, 191, 0.2);
    }

    /* Textos Hero */
    .hero h1{
      margin:0 0 24px; 
      font-size: clamp(52px, 8vw, 96px); 
      
      /* CHANGED: Increased from 0.95 to 1.1 to prevent "y" from hitting "h" */
      line-height: 1.1; 
      
      letter-spacing:-.03em; 
      font-weight:800; 
      color: #fff;
    }
    .hero h1 span.gradient-text {
      background: linear-gradient(135deg, #2dd4bf 0%, #38bdf8 100%);
      /* WebKit/Blink (Chrome, Safari) - required for the clipped-text gradient trick */
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      /* Standard property for future compatibility */
      background-clip: text;
      /* Fallback: make text transparent so the background shows through when supported */
      color: transparent;
    }
    
    /* Animación del cursor "_" */
    .cursor-blink {
        display: inline-block;
        color: var(--accent-teal);
        animation: blink 1s infinite;
        font-weight: 400;
        margin-left: 2px;
    }
    @keyframes blink {
        0%, 100% { opacity: 1; }
        50% { opacity: 0; }
    }

    .hero .sub{
        margin:0 auto 48px; 
        color: var(--text-muted); 
        font-size: clamp(18px, 1.5vw, 22px); 
        line-height:1.5;
        max-width: 680px;
        font-weight: 500;
    }
    
    .cta-row { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;} 

    /* LOGOS CAROUSEL */
    .logos{ margin-top:0; padding:40px 0; background: rgba(255,255,255,0.05); border-bottom: 1px solid var(--border-color); border-top: 1px solid var(--border-color);}
    .logos .title{text-align:center; color: var(--text-muted); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; margin:0 0 24px;}
    .logo-marquee{position:relative; overflow:hidden;}
    /* Adjusted to -50% for seamless loop of 2 sets of logos */
    .logo-track{display:flex; gap:60px; width:max-content; animation:marquee 80s linear infinite;}
    @keyframes marquee{ to{transform: translateX(-50%);} }
    
    .logo-item img{
        height:32px; width:auto; 
        filter: brightness(0) invert(1); 
        opacity:0.7; transition:.3s;
    } 
    .logo-item:hover img{
        opacity:1; 
        filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,0.8));
    }

    /* RESCUE MISSION BAR (NEW STYLE) */
    .rescue-wrapper { 
        margin: 60px auto; 
        max-width: 960px; 
        padding: 0 24px; 
    }
    .rescue-bar {
      padding: 32px 48px;
      background: linear-gradient(90deg, rgba(239, 68, 68, 0.1) 0%, rgba(15, 23, 42, 0.4) 100%);
      border: 1px solid rgba(239, 68, 68, 0.3);
      border-left: 4px solid var(--accent-alert);
      border-radius: 16px;
      display: flex; align-items: center; justify-content: space-between; gap: 30px;
      position: relative; z-index: 2;
      box-shadow: 0 20px 50px rgba(239, 68, 68, 0.15);
      transition: transform 0.3s ease;
    }
    .rescue-bar:hover { transform: translateY(-3px); box-shadow: 0 20px 60px rgba(239, 68, 68, 0.25); }

    .rescue-text h3 { font-size: 24px; font-weight: 700; margin: 0 0 6px; color: #fff; letter-spacing: -0.01em; }
    .rescue-text p { font-size: 16px; margin: 0; color: #fda4af; line-height: 1.4; } 
    
    .btn-rescue-bar {
        background: transparent;
        border: 1px solid var(--accent-alert);
        color: var(--accent-alert);
        padding: 14px 28px; border-radius: 8px; font-weight:700; font-size:15px;
        cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center;
        transition: all .2s ease; white-space: nowrap;
    }
    .btn-rescue-bar:hover {
        background: var(--accent-alert); color: #fff;
        box-shadow: 0 0 20px rgba(239, 68, 68, 0.4);
    }
    
    /* STATS */
    .bg-light-section { background-color: rgba(255,255,255,0.02); }
    .stats-header-wrap {text-align: center; max-width: 800px; margin: 0 auto 60px;}
    .big-quote {
      font-size: clamp(32px, 4vw, 56px); font-weight: 700; letter-spacing: -0.03em;
      line-height: 1; color: #fff; margin-bottom: 24px;
    }
    .quote-desc {font-size: 20px; color: var(--text-muted); font-weight: 500;}
    
    .stats-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:40px; margin-top:40px;}
    .stat{position:relative; padding: 24px; text-align: center; background: rgba(255,255,255,0.03); border-radius: 16px; border: 1px solid rgba(255,255,255,0.05);}
    .stat .big{font-size: clamp(40px, 5vw, 56px); font-weight:800; line-height:1; margin:0 0 12px; color: var(--accent-teal); letter-spacing:-0.04em;}
    .stat .head{font-weight:700; font-size:15px; margin-bottom:8px; color: #fff; text-transform: uppercase; letter-spacing: 0.05em;}
    .stat .desc{font-size:15px; line-height:1.5; color: var(--text-muted);}

    /* WIDE BAND (Cards) */
    .wide-band{width:100%; padding:100px 0; position:relative;}
    .split-grid{display:grid; grid-template-columns: 1fr 1fr; gap:40px;}
    .panel{
      position:relative; border-radius:24px; padding:60px 48px; overflow:hidden; 
      border: 1px solid var(--border-color);
      transition: transform .3s ease, box-shadow .3s ease; 
      background: var(--bg-card);
    }
    .panel:hover{ transform:translateY(-5px); border-color: var(--accent-teal); box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
    
    /* Panel Companies */
    .panel.companies{ background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%); }
    .panel.companies .panel-pill { color: #f59e0b; background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.2); }
    .panel.companies .card-list li svg { fill: #f59e0b; }

    /* Panel Candidates */
    .panel.candidates{ background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%); }
    .panel.candidates .panel-pill { color: var(--accent-teal); background: rgba(45, 212, 191, 0.1); border: 1px solid rgba(45, 212, 191, 0.2); }
    .panel.candidates .card-list li svg { fill: var(--accent-teal); }

    .panel-pill{
      display:inline-block; padding:6px 14px; border-radius:99px; font-size:12px; font-weight:700; letter-spacing:.05em;
      text-transform:uppercase; margin-bottom:28px;
    }
    .panel h3{font-size:36px; margin:0 0 20px; letter-spacing:-.02em; font-weight:700; position:relative; z-index:1; line-height: 1; color: #fff;}
    .panel p{color: var(--text-muted); line-height:1.6; margin-bottom:32px; position:relative; z-index:1; font-size: 17px;}
    .card-list{list-style:none; padding:0; margin:0 0 40px; display:grid; gap:18px; position:relative; z-index:1;}
    .card-list li{display:flex; gap:12px; align-items:center; font-weight:500; font-size:16px; color: #e2e8f0;}
    .card-list li svg{width:22px; height:22px; flex-shrink:0;}

    /* REVIEWS */
    .reviews{padding: 50px 0 60px;} 
    
    /* TITULO REVIEWS GIGANTE */
    .reviews-title.huge-title {
        text-align:center; margin-bottom:80px; font-size: clamp(36px, 5vw, 60px); 
        font-weight:800; letter-spacing:-.03em; color: #fff; line-height: 1.1;
    }
    .reviews-title.huge-title span { color: var(--accent-teal); }

    .reviews-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
    .review{
      background: rgba(255,255,255,0.03); border-radius:16px; padding:40px 32px; 
      border:1px solid rgba(255,255,255,0.05);
      display:flex; flex-direction: column; align-items:flex-start; gap:24px; height: 100%;
    }
    .review-logo{width:auto; height: 32px; display:flex; align-items:center; opacity: 0.8;}
    .review-logo img{max-width:100%; max-height:100%; object-fit:contain; filter: brightness(0) invert(1);}
    .review-body{flex:1; display: flex; flex-direction: column; justify-content: space-between;}
    .review-quote{font-size:16px; font-weight:500; line-height:1.6; color: #e2e8f0; margin:0 0 24px; font-style: normal;}
    .review-meta{font-size:14px; color: var(--text-muted); border-top: 1px solid rgba(255,255,255,0.1); padding-top: 16px; width: 100%;}
    .review-meta strong{color: #fff; font-weight:700; display: block; font-size: 15px;}
    .reviews-cta{display:flex;justify-content:center;margin-top: 48px;}

    /* FOUNDERS SECTION */
    .founders-section { 
        text-align: center; margin-bottom: 20px; 
        padding: 56px 0 40px;
        background: transparent;
    }
    .founders-title { 
        font-size: 14px; font-weight: 700; text-transform: uppercase; 
        letter-spacing: 0.2em; color: var(--text-muted); margin-bottom: 60px; 
    }
    .founders-grid { display: flex; justify-content: center; gap: 80px; }
    .founder-card { text-align: center; transition: 0.3s;}
    .founder-img { 
      width: 180px; height: 180px; border-radius: 50%; object-fit: cover; 
      border: 2px solid rgba(255,255,255,0.1); 
      margin-bottom: 24px; transition: 0.3s; filter: grayscale(1);
    }
    .founder-card:hover .founder-img { transform: scale(1.05); border-color: var(--accent-teal); filter: grayscale(0); box-shadow: 0 0 30px var(--accent-glow);}
    .founder-name { font-weight: 700; font-size: 22px; color: #fff; margin-bottom: 6px;}
    .founder-role { font-size: 15px; color: var(--accent-teal); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;}

    /* CONTACT & CHECKBOX */
    .contact-section { padding-top: 20px; padding-bottom: 120px; }
    
    .fishing-quote-wrap {
        text-align: center; margin-bottom: 60px; padding: 0 20px;
    }
    .fishing-quote {
        font-size: clamp(24px, 3vw, 42px); font-weight: 800; color: #fff;
        max-width: 900px; margin: 0 auto; line-height: 1.2; letter-spacing: -0.02em;
    }
    .fishing-highlight { color: var(--accent-teal); display: block; margin-top: 10px; text-shadow: 0 0 20px var(--accent-glow);}

    .contact-wrap{
      border-radius:24px; background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(20px);
      border:1px solid rgba(255,255,255,0.1); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); padding:80px; max-width: 960px; margin: 0 auto;
    }
    .contact-title{font-size: clamp(40px, 4vw, 56px); font-weight:800; letter-spacing:-.03em; margin:0 0 16px; text-align:center; line-height: 1; color: #fff;}
    .contact-sub { text-align:center; margin:0 0 56px; color: var(--text-muted); font-size: 18px; }
    .form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start;}
    .field{display:flex; flex-direction:column; gap:10px;}
    .label{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color: var(--text-muted);}
    .input, .textarea {
      width:100%; padding:18px; border-radius:8px; border:1px solid rgba(255,255,255,0.1); 
      background: rgba(15, 23, 42, 0.6); color: #fff;
      font-family:inherit; font-size:16px; outline:none; transition: all .2s; font-weight: 500;
    }
    .textarea { resize: vertical; min-height: 150px; font-family: inherit;}
    .input:focus, .textarea:focus {background: rgba(15, 23, 42, 0.8); border-color: var(--accent-teal); box-shadow: 0 0 0 2px rgba(45, 212, 191, 0.2);}
    .span-2{grid-column: 1 / -1;}
    
    .submit-btn{width:100%; height:60px; font-size:16px; letter-spacing: 0.05em; font-weight: 700; text-transform: uppercase;}
    
    /* CHECKBOX TECH */
    .checkbox-wrap { 
      display: flex; align-items: center; gap: 12px; 
      padding: 16px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); 
      border-radius: 8px; cursor: pointer; transition: 0.2s;
    }
    .checkbox-wrap:hover { background: rgba(255,255,255,0.05); border-color: var(--accent-teal);}
    .checkbox-wrap input { width: 20px; height: 20px; accent-color: var(--accent-teal); cursor: pointer; }
    .checkbox-label { font-weight: 600; color: #fff; font-size: 15px; cursor: pointer; }

    /* COOKIE BANNER STYLES */
    .cookie-banner {
      position: fixed;
      bottom: 20px;
      left: 20px;
      right: 20px;
      max-width: 600px;
      margin: 0 auto;
      background: rgba(15, 23, 42, 0.95);
      backdrop-filter: blur(12px);
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent-teal);
      border-radius: 12px;
      padding: 24px;
      z-index: 9999;
      box-shadow: 0 10px 40px rgba(0,0,0,0.6);
      display: none; /* Hidden by default, JS enables it */
      align-items: center;
      gap: 20px;
      justify-content: space-between;
      animation: slideUp 0.5s ease-out;
    }
    @keyframes slideUp {
      from { transform: translateY(100px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }
    .cookie-text { font-size: 14px; color: #cbd5e1; line-height: 1.5; }
    .cookie-text a { color: var(--accent-teal); text-decoration: none; }
    .cookie-btn {
      background: var(--accent-teal);
      color: #0f172a;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-weight: 700;
      cursor: pointer;
      font-size: 14px;
      white-space: nowrap;
      transition: all 0.2s;
    }
    .cookie-btn:hover { background: #5eead4; transform: scale(1.05); }

    /* FOOTER */
    footer{margin-top:0; padding:100px 0 40px; background: #020617; color:#fff; border-top: 1px solid var(--border-color);}
    .footer-cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 80px; }
    .footer-col h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 30px; color: var(--text-muted); }
    .footer-links-col { display: flex; flex-direction: column; gap: 16px; }
    .footer-links-col a { color: #94a3b8; text-decoration: none; font-size: 15px; transition: .2s; font-weight: 500; }
    .footer-links-col a:hover { color: var(--accent-teal); transform: translateX(5px); }
    
    .footer-brand p { color: #64748b; font-size: 15px; line-height: 1.7; max-width: 320px; margin-top: 24px; }
    
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
    .legal-links { display: flex; gap: 30px; font-size: 14px; color: #64748b; font-weight: 500;}
    .legal-links a { color: inherit; text-decoration: none; transition: color .2s; }
    .legal-links a:hover { color: #fff; }

    .social-row {display:flex; gap:16px; margin-top: 30px;}
    .social{
      width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.05);
      display:flex; align-items:center; justify-content:center; transition:.3s; border:1px solid rgba(255,255,255,0.1);
    }
    .social svg{width:20px; height:20px; fill:#fff; transition: fill .3s;}
    .social:hover{background:var(--accent-teal); border-color:var(--accent-teal); box-shadow: 0 0 15px rgba(45,212,191,0.4);} 
    .social:hover svg{fill: #000;}
    
    /* =========================================
       RESPONSIVE ADJUSTMENTS
       ========================================= */
    @media (max-width: 1024px) {
       .reviews-col { grid-template-columns: 1fr; }
    }
    @media (max-width: 900px) {
        .desktop-menu { display: none; } 
        .hamburger { display: block; }    
        
        .nav-row { 
            gap: 10px; 
            justify-content: space-between;
        }

        /* 1. SMALLER LOGO ON MOBILE */
        .brand img { height: 28px; } 

        /* 2. RESPONSIVE BUTTON & SPACING */
        .btn-primary.header-btn {
            padding: 8px 12px; 
            font-size: 13px; 
            height: 36px;
        }
        .cta-rescue { display: none; } 
        
        .nav-right {
             gap: 12px;
             margin-left: 10px;
        }

        /* Adjust Layout */
        .hero h1 { font-size: 42px; }
        .hero-content { max-width: 100%; padding: 0 10px; }
        .stats-grid, .split-grid, .reviews-col, .founders-grid, .footer-cols { 
            grid-template-columns: 1fr; gap: 30px; 
        }
        .rescue-bar { flex-direction: column; text-align: center; gap: 20px;}
        .form-grid { grid-template-columns: 1fr; }
        .span-2 { grid-column: span 1; }
        .footer-brand { order: 4; text-align: center; }
        .footer-brand p { margin: 20px auto; }
        .social-row { justify-content: center; }
        .footer-bottom { flex-direction: column; gap: 16px; }
        
        .cookie-banner { flex-direction: column; text-align: center; bottom: 0; left: 0; right: 0; border-radius: 12px 12px 0 0; }
        .cookie-btn { width: 100%; }
    }

/*INDEX-ES*/

    :root{
      /* PALETA MIDNIGHT TEAL */
      --bg-dark: #0f172a;       /* Slate 900 */
      --bg-card: #1e293b;       /* Slate 800 */
      
      --text-main: #f8fafc;     /* Blanco roto */
      --text-muted: #94a3b8;    /* Gris azulado metálico */

      /* EL ACENTO GAMBERRO */
      --accent-teal: #2dd4bf;   /* Turquesa Eléctrico */
      --accent-hover: #14b8a6;  
      
      /* ACENTO ALERTA (ROJO) */
      --accent-red: #ef4444;
      --accent-red-glow: rgba(239, 68, 68, 0.4);

      --border-color: rgba(255, 255, 255, 0.1);
      --glow: 0 0 20px rgba(45, 212, 191, 0.15); 
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
      color: var(--text-main);
      background-color: var(--bg-dark);
      background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
      background-size: 40px 40px;
      -webkit-font-smoothing: antialiased;
      line-height: 1.6;
    }

    .container{max-width:1140px;margin:0 auto;padding:0 24px;}
    .section{padding: 120px 0;}
    /* CUT SPACE: Reduced from 80px to 40px */
    .section-tight{padding: 40px 0;}
    
    /* UTILS */
    .text-teal { color: var(--accent-teal); }
    .micro{margin: 22px 0 0;color: var(--text-muted); font-size: 13px; text-align:center; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.8;}
    .center-cta{display:flex;justify-content:center;margin-top:40px;}
    .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
    .reveal.active { opacity: 1; transform: translateY(0); }
    
    /* =========================================
       HEADER & NAVIGATION STYLES
       ========================================= */
    header {
      position: sticky; top: 0;
      backdrop-filter: blur(16px) saturate(180%);
      background: rgba(15, 23, 42, 0.95); 
      border-bottom: 1px solid var(--border-color);
      z-index: 1000;
      height: 80px; 
      display: flex; align-items: center;
    }

    .nav-row {
        display: flex; align-items: center; 
        justify-content: space-between; 
        width: 100%; position: relative;
    }

    /* Logo - FIX: Removed filter to show original colors */
    .brand img { height: 40px; width: auto; display: block; transition: 0.3s ease; }

    /* Desktop Menu */
    .desktop-menu {
      display: flex; align-items: center; gap: 32px;
      margin-left: 80px; 
      margin-right: auto; 
    }
    .desktop-menu a {
      color: var(--text-muted); font-weight: 600; font-size: 14px; 
      letter-spacing: .02em; text-transform: uppercase; text-decoration: none;
      transition: color .2s ease;
    }
    .desktop-menu a:hover { color: var(--accent-teal); }

    /* Right Side */
    .nav-right { 
        display: flex; align-items: center; gap: 16px; 
        margin-left: 40px; 
    }

    /* Rescue Mission Link */
    .cta-rescue {
        color: var(--accent-red); 
        font-weight: 700; font-size: 13px; text-transform: uppercase; 
        letter-spacing: 0.5px; text-decoration: none; display: flex; 
        align-items: center; gap: 6px; transition: 0.2s;
        text-align: right; line-height: 1.1;
    }
    .cta-rescue:hover { color: #fff; text-shadow: 0 0 10px var(--accent-red-glow); }
    .cta-rescue svg { width: 18px; height: 18px; fill: currentColor; }

    /* Hamburger */
    .hamburger { display: none; cursor: pointer; color: #fff; }
    
    /* Mobile Menu Container */
    .mobile-menu {
        position: absolute;
        top: 80px; left: 0; width: 100%;
        background: #0f172a;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 0;
        display: none; flex-direction: column;
        box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }
    .mobile-menu.active { display: flex; }

    .mobile-menu a {
        padding: 20px 24px;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        color: #fff; text-decoration: none; font-weight: 600;
        font-size: 16px; display: block;
    }
    .mobile-menu a:hover { background: rgba(255,255,255,0.05); color: var(--accent-teal); }

    /* Dropdowns */
    .dropdown { position: relative; }
    .dropdown-content {
      display: none; position: absolute; top: 100%; left: -20px;
      background: var(--bg-card); border: 1px solid var(--border-color);
      min-width: 200px; padding: 10px 0; border-radius: 12px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.4);
      z-index: 100;
    }
    .dropdown:hover .dropdown-content { display: block; }
    .dropdown-content a { display: block; padding: 12px 20px; color: #fff; text-transform: none; }
    .dropdown-content a:hover { color: var(--accent-teal); background: rgba(255,255,255,0.05);}
    
    /* Mobile Dropdown Specifics */
    .mobile-dropdown-content {
        display: none; background: rgba(0,0,0,0.2); padding-left: 20px;
    }
    .mobile-dropdown-content a { font-size: 14px; padding: 14px 24px; color: #cbd5e1; }
    .mobile-has-dropdown.active .mobile-dropdown-content { display: block; }

    /* BUTTONS TECH */
    .btn{
      border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color: #fff;
      padding:14px 28px; border-radius: 8px; font-weight:700; font-size:15px;
      cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px;
      transition: all .2s ease;
    }
    .btn:hover{ background: rgba(255,255,255,0.1); transform: translateY(-2px);}

    .btn-primary{
      border: 1px solid transparent;
      background: var(--accent-teal);
      color: #0f172a; 
      box-shadow: 0 0 15px rgba(45, 212, 191, 0.3); 
    }
    .btn-primary:hover{
      background: #5eead4; 
      color: #000;
      box-shadow: 0 0 25px rgba(45, 212, 191, 0.5);
    }

    /* BOTONES HERO */
    .btn-hero-outline {
        background: transparent !important; color: var(--accent-teal) !important; border: 2px solid var(--accent-teal) !important;
        font-size: 18px !important; padding: 18px 36px !important; box-shadow: 0 0 10px rgba(45,212,191,0.1) !important;
    }
    .btn-hero-outline:hover {
        background: var(--accent-teal) !important; color: #000 !important;
        box-shadow: 0 0 30px rgba(45,212,191,0.4) !important;
    }

    /* HERO SECTION */
    /* CUT SPACE: Top/Bottom reduced by 50% */
    .hero{
        padding: 70px 0 50px; 
        overflow: visible; text-align: center; position: relative;
    }
    
    .hero::before {
        content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
        width: 60%; height: 60%; background: radial-gradient(circle, rgba(45, 212, 191, 0.15) 0%, transparent 60%);
        z-index: 1; pointer-events: none; filter: blur(60px);
    }
    
    .hero-content { 
        max-width: 900px; margin: 0 auto; z-index: 2; position: relative;
    }
    .tag-hero {
        display: inline-block; margin-bottom: 24px; 
        font-size: 12px; font-weight: 700; text-transform: uppercase; 
        letter-spacing: 0.15em; color: var(--accent-teal);
        background: rgba(45, 212, 191, 0.1); padding: 6px 16px; border-radius: 50px;
        border: 1px solid rgba(45, 212, 191, 0.2);
    }
    /* UPDATED H1 SIZE: Reduced 25% */
    .hero h1{
      margin:0 0 24px; 
      font-size: clamp(39px, 6vw, 72px); 
      line-height: 1; letter-spacing:-.03em; font-weight:800; color: #fff;
    }
    /* Updated span for solid color */
    .hero h1 span {
        color: var(--accent-teal);
    }
    /* Cursor Animation */
    .cursor-blink { display: inline-block; color: var(--accent-teal); animation: blink 1s infinite; font-weight: 400; margin-left: 2px; }
    @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

    .hero .sub{
        margin:0 auto 48px; color: var(--text-muted); font-size: clamp(18px, 1.5vw, 22px); line-height:1.5; max-width: 680px; font-weight: 500;
    }
    .cta-row { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;} 

    /* LOGOS CAROUSEL */
    /* CUT SPACE: Margin top reduced */
    .logos{ margin-top:40px; padding:40px 0; background: rgba(255,255,255,0.05); border-bottom: 1px solid var(--border-color); border-top: 1px solid var(--border-color);}
    .logos .title{text-align:center; color: var(--text-muted); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; margin:0 0 24px;}
    .logo-marquee{position:relative; overflow:hidden;}
    .logo-track{display:flex; gap:60px; width:max-content; animation:marquee 60s linear infinite;}
    @keyframes marquee{ to{transform: translateX(-33.333%);} }
    .logo-item img{height:32px; width:auto; filter: brightness(0) invert(1); opacity:0.7; transition:.3s;} 
    .logo-item:hover img{opacity:1; filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,0.8));}

    /* RESCUE MISSION BAR (NEW STYLE) */
    .rescue-wrapper { margin: 50px auto; max-width: 960px; padding: 0 24px; } /* 50px space before and after */
    .rescue-bar {
      padding: 32px 48px;
      /* RED GRADIENT BACKGROUND */
      background: linear-gradient(90deg, rgba(69, 10, 10, 0.6) 0%, rgba(15, 23, 42, 0.8) 100%);
      border: 1px solid var(--accent-red);
      /* RED GLOW */
      box-shadow: 0 0 40px rgba(239, 68, 68, 0.15);
      border-left: 4px solid var(--accent-red); 
      border-radius: 16px;
      display: flex; align-items: center; justify-content: space-between; gap: 30px;
      position: relative; z-index: 2;
    }
    .rescue-bar:hover { transform: translateY(-3px); box-shadow: 0 20px 60px rgba(239, 68, 68, 0.25); }

    .rescue-text h3 { font-size: 24px; font-weight: 700; margin: 0 0 6px; color: #fff; letter-spacing: -0.01em; }
    .rescue-text p { font-size: 16px; margin: 0; color: #fca5a5; line-height: 1.4; } 
    
    .btn-rescue-bar {
        background: transparent;
        border: 1px solid var(--accent-red);
        color: var(--accent-red);
        padding: 14px 28px; border-radius: 8px; font-weight:700; font-size:15px;
        cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center;
        transition: all .2s ease; white-space: nowrap;
    }
    .btn-rescue-bar:hover {
        background: var(--accent-red); color: #fff;
        box-shadow: 0 0 20px rgba(239, 68, 68, 0.4);
    }
    
    /* STATS */
    .bg-light-section { background-color: rgba(255,255,255,0.02); }
    /* CUT SPACE: Margin reduced */
    .stats-header-wrap {text-align: center; max-width: 800px; margin: 0 auto 30px;}
    .big-quote {
      font-size: clamp(32px, 4vw, 56px); font-weight: 700; letter-spacing: -0.03em;
      line-height: 1; color: #fff; margin-bottom: 24px;
    }
    .quote-desc {font-size: 20px; color: var(--text-muted); font-weight: 500;}
    
    .stats-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:40px; margin-top:40px;}
    .stat{position:relative; padding: 24px; text-align: center; background: rgba(255,255,255,0.03); border-radius: 16px; border: 1px solid rgba(255,255,255,0.05);}
    .stat .big{font-size: clamp(40px, 5vw, 56px); font-weight:800; line-height:1; margin:0 0 12px; color: var(--accent-teal); letter-spacing:-0.04em;}
    .stat .head{font-weight:700; font-size:15px; margin-bottom:8px; color: #fff; text-transform: uppercase; letter-spacing: 0.05em;}
    .stat .desc{font-size:15px; line-height:1.5; color: var(--text-muted);}

    /* WIDE BAND (Cards) */
    .wide-band{width:100%; padding:100px 0; position:relative;}
    .split-grid{display:grid; grid-template-columns: 1fr 1fr; gap:40px;}
    .panel{
      position:relative; border-radius:24px; padding:60px 48px; overflow:hidden; 
      border: 1px solid var(--border-color);
      transition: transform .3s ease, box-shadow .3s ease; 
      background: var(--bg-card);
    }
    .panel:hover{ transform:translateY(-5px); border-color: var(--accent-teal); box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
    
    /* Panel Companies */
    .panel.companies{ background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%); }
    .panel.companies .panel-pill { color: #f59e0b; background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.2); }
    .panel.companies .card-list li svg { fill: #f59e0b; }

    /* Panel Candidates */
    .panel.candidates{ background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%); }
    .panel.candidates .panel-pill { color: var(--accent-teal); background: rgba(45, 212, 191, 0.1); border: 1px solid rgba(45, 212, 191, 0.2); }
    .panel.candidates .card-list li svg { fill: var(--accent-teal); }

    .panel-pill{
      display:inline-block; padding:6px 14px; border-radius:99px; font-size:12px; font-weight:700; letter-spacing:.05em;
      text-transform:uppercase; margin-bottom:28px;
    }
    .panel h3{font-size:36px; margin:0 0 20px; letter-spacing:-.02em; font-weight:700; position:relative; z-index:1; line-height: 1; color: #fff;}
    .panel p{color: var(--text-muted); line-height:1.6; margin-bottom:32px; position:relative; z-index:1; font-size: 17px;}
    .card-list{list-style:none; padding:0; margin:0 0 40px; display:grid; gap:18px; position:relative; z-index:1;}
    .card-list li{display:flex; gap:12px; align-items:center; font-weight:500; font-size:16px; color: #e2e8f0;}
    .card-list li svg{width:22px; height:22px; flex-shrink:0;}

    /* REVIEWS */
    /* CUT SPACE: Reduced padding */
    .reviews{padding: 50px 0 60px;}
    .reviews-title.huge-title {
        text-align:center; margin-bottom:80px; font-size: clamp(36px, 5vw, 60px); 
        font-weight:800; letter-spacing:-.03em; color: #fff; line-height: 1.1;
    }
    .reviews-title.huge-title span { color: var(--accent-teal); }

    .reviews-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
    .review{
      background: rgba(255,255,255,0.03); border-radius:16px; padding:40px 32px; 
      border:1px solid rgba(255,255,255,0.05);
      display:flex; flex-direction: column; align-items:flex-start; gap:24px; height: 100%;
    }
    .review-logo{width:auto; height: 32px; display:flex; align-items:center; opacity: 0.8;}
    .review-logo img{max-width:100%; max-height:100%; object-fit:contain; filter: brightness(0) invert(1);}
    .review-body{flex:1; display: flex; flex-direction: column; justify-content: space-between;}
    .review-quote{font-size:16px; font-weight:500; line-height:1.6; color: #e2e8f0; margin:0 0 24px; font-style: normal;}
    .review-meta{font-size:14px; color: var(--text-muted); border-top: 1px solid rgba(255,255,255,0.1); padding-top: 16px; width: 100%;}
    .review-meta strong{color: #fff; font-weight:700; display: block; font-size: 15px;}
    .reviews-cta{display:flex;justify-content:center;margin-top: 48px;}

    /* FOUNDERS SECTION */
    /* CUT SPACE: Top padding reduced to 30px (60% cut from 80px) */
    .founders-section { 
        text-align: center; margin-bottom: 40px; padding: 30px 0 60px; 
        background: transparent;
    }
    .founders-title { 
        font-size: 14px; font-weight: 700; text-transform: uppercase; 
        letter-spacing: 0.2em; color: var(--text-muted); margin-bottom: 60px; 
    }
    .founders-grid { display: flex; justify-content: center; gap: 80px; }
    .founder-card { text-align: center; }
    .founder-img { 
      width: 180px; height: 180px; border-radius: 50%; object-fit: cover; 
      border: 2px solid rgba(255,255,255,0.1); 
      margin-bottom: 24px; transition: 0.3s; filter: grayscale(1);
    }
    .founder-card:hover .founder-img { transform: scale(1.05); border-color: var(--accent-teal); filter: grayscale(0); box-shadow: 0 0 30px var(--glow);}
    .founder-name { font-weight: 700; font-size: 22px; color: #fff; margin-bottom: 6px;}
    .founder-role { font-size: 15px; color: var(--accent-teal); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;}

    /* CONTACT & CHECKBOX */
    /* CUT SPACE: Top padding reduced to 25px (50% cut from 50px) */
    .contact-section { padding-top: 25px; padding-bottom: 120px; }
    
    /* INCREASE SPACE: Margin increased to 100px (100% increase from 50px) */
    .fishing-quote-wrap {
        text-align: center; margin-bottom: 100px; padding: 0 20px; margin-top: 0;
    }
    .fishing-quote {
        font-size: clamp(24px, 3vw, 42px); font-weight: 800; color: #fff;
        max-width: 900px; margin: 0 auto; line-height: 1.2; letter-spacing: -0.02em;
    }
    .fishing-highlight { color: var(--accent-teal); display: block; margin-top: 10px; text-shadow: 0 0 20px var(--glow);}

    .contact-wrap{
      border-radius:24px; background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(20px);
      border:1px solid rgba(255,255,255,0.1); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); padding:80px; max-width: 960px; margin: 0 auto;
    }
    .contact-title{font-size: clamp(40px, 4vw, 56px); font-weight:800; letter-spacing:-.03em; margin:0 0 16px; text-align:center; line-height: 1; color: #fff;}
    .contact-sub { text-align:center; margin:0 0 56px; color: var(--text-muted); font-size: 18px; }
    .form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start;}
    .field{display:flex; flex-direction:column; gap:10px;}
    .label{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color: var(--text-muted);}
    .input, .textarea {
      width:100%; padding:18px; border-radius:8px; border:1px solid rgba(255,255,255,0.1); 
      background: rgba(15, 23, 42, 0.6); color: #fff;
      font-family:inherit; font-size:16px; outline:none; transition: all .2s; font-weight: 500;
    }
    .textarea { resize: vertical; min-height: 150px; font-family: inherit;}
    .input:focus, .textarea:focus {background: rgba(15, 23, 42, 0.8); border-color: var(--accent-teal); box-shadow: 0 0 0 2px rgba(45, 212, 191, 0.2);}
    .span-2{grid-column: 1 / -1;}
    
    .submit-btn{width:100%; height:60px; font-size:16px; letter-spacing: 0.05em; font-weight: 700; text-transform: uppercase;}
    
    /* CHECKBOX TECH */
    .checkbox-wrap { 
      display: flex; align-items: center; gap: 12px; 
      padding: 16px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); 
      border-radius: 8px; cursor: pointer; transition: 0.2s;
    }
    .checkbox-wrap:hover { background: rgba(255,255,255,0.05); border-color: var(--accent-teal);}
    .checkbox-wrap input { width: 20px; height: 20px; accent-color: var(--accent-teal); cursor: pointer; }
    .checkbox-label { font-weight: 600; color: #fff; font-size: 15px; cursor: pointer; }

    /* COOKIE BANNER STYLES */
    .cookie-banner {
      position: fixed;
      bottom: 20px;
      left: 20px;
      right: 20px;
      max-width: 600px;
      margin: 0 auto;
      background: rgba(15, 23, 42, 0.95);
      backdrop-filter: blur(12px);
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent-teal);
      border-radius: 12px;
      padding: 24px;
      z-index: 9999;
      box-shadow: 0 10px 40px rgba(0,0,0,0.6);
      display: none; /* Hidden by default, JS enables it */
      align-items: center;
      gap: 20px;
      justify-content: space-between;
      animation: slideUp 0.5s ease-out;
    }
    @keyframes slideUp {
      from { transform: translateY(100px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }
    .cookie-text { font-size: 14px; color: #cbd5e1; line-height: 1.5; }
    .cookie-text a { color: var(--accent-teal); text-decoration: none; }
    .cookie-btn {
      background: var(--accent-teal);
      color: #0f172a;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-weight: 700;
      cursor: pointer;
      font-size: 14px;
      white-space: nowrap;
      transition: all 0.2s;
    }
    .cookie-btn:hover { background: #5eead4; transform: scale(1.05); }

    /* FOOTER */
    footer{margin-top:0; padding:100px 0 40px; background: #020617; color:#fff; border-top: 1px solid var(--border-color);}
    /* 3 COLUMNS GRID */
    .footer-cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 80px; }
    .footer-col h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 28px; color: rgba(255,255,255,0.5); }
    .footer-links-col { display: flex; flex-direction: column; gap: 16px; }
    .footer-links-col a { color: #94a3b8; text-decoration: none; font-size: 15px; transition: .2s; font-weight: 500; }
    .footer-links-col a:hover { color: var(--accent-teal); transform: translateX(5px); }
    .footer-brand p { color: #64748b; font-size: 15px; line-height: 1.7; max-width: 320px; margin-top: 24px; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
    .legal-links { display: flex; gap: 30px; font-size: 14px; color: #64748b; font-weight: 500;}
    .legal-links a { color: inherit; text-decoration: none; transition: color .2s; }
    .legal-links a:hover { color: #fff; }

    .social-row {display:flex; gap:16px; margin-top: 30px;}
    .social{
      width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.05);
      display:flex; align-items:center; justify-content:center; transition:.3s; border:1px solid rgba(255,255,255,0.1);
    }
    .social svg{width:20px; height:20px; fill:#fff; transition: fill .3s;}
    .social:hover{background:var(--accent-teal); border-color:var(--accent-teal); box-shadow: 0 0 15px rgba(45,212,191,0.4);} 
    .social:hover svg{fill: #000;}
    
    /* =========================================
       RESPONSIVE ADJUSTMENTS
       ========================================= */
    @media (max-width: 1024px) {
       .reviews-col { grid-template-columns: 1fr; }
    }
    @media (max-width: 900px) {
        .desktop-menu { display: none; } 
        .hamburger { display: block; }   
        
        .nav-row { 
            gap: 10px; 
            justify-content: space-between;
        }

        /* 1. SMALLER LOGO ON MOBILE */
        .brand img { height: 28px; } 

        /* 2. RESPONSIVE BUTTON & SPACING */
        .btn-primary.header-btn {
            padding: 8px 12px; 
            font-size: 13px; 
            height: 36px;
        }
        .cta-rescue { display: none; } 
        
        .nav-right {
             gap: 12px;
             margin-left: 10px;
        }

        /* Adjust Layout */
        .hero h1 { font-size: 42px; }
        .hero-content { max-width: 100%; padding: 0 10px; }
        .stats-grid, .split-grid, .reviews-col, .founders-grid, .footer-cols { 
            grid-template-columns: 1fr; gap: 30px; 
        }
        .rescue-bar { flex-direction: column; text-align: center; gap: 20px;}
        .form-grid { grid-template-columns: 1fr; }
        .span-2 { grid-column: span 1; }
        .footer-brand { order: 4; text-align: center; }
        .footer-brand p { margin: 20px auto; }
        .social-row { justify-content: center; }
        .footer-bottom { flex-direction: column; gap: 16px; }

        .cookie-banner { flex-direction: column; text-align: center; bottom: 0; left: 0; right: 0; border-radius: 12px 12px 0 0; }
        .cookie-btn { width: 100%; }
    }

	/*COMPANIES*/

    :root{
      /* PALETA MIDNIGHT TEAL (Dark Luxury Tech) */
      --bg-dark: #0f172a;       /* Slate 900 */
      --bg-card: #1e293b;       /* Slate 800 */
      
      --text-main: #f8fafc;     /* Blanco roto */
      --text-muted: #94a3b8;    /* Gris azulado */
      /* EL ACENTO GAMBERRO */
      --accent-teal: #2dd4bf;   /* Turquesa Eléctrico */
      --accent-hover: #14b8a6;  
      
      --accent-alert: #ef4444; /* Red for Rescue Mission */

      --border-color: rgba(255, 255, 255, 0.1);
      /* Fixed: Standardized glow variable */
      --accent-glow: rgba(45, 212, 191, 0.15);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
      color: var(--text-main);
      background-color: var(--bg-dark);
      background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
      background-size: 40px 40px;
      -webkit-font-smoothing: antialiased;
      line-height: 1.6;
    }
    .container{max-width:1140px;margin:0 auto;padding:0 24px;}
    .section{padding: 120px 0;}
    
    /* UTILS */
    .text-teal { color: var(--accent-teal); }
    .center-cta{display:flex;justify-content:center;margin-top:40px;}
    .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
    .reveal.active { opacity: 1; transform: translateY(0); }
    
    .micro{margin: 22px 0 0;color: var(--text-muted); font-size: 13px; text-align:center; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.8;}

    /* HEADER */
    header{
      position: sticky; top: 0;
      backdrop-filter: blur(16px) saturate(180%);
      background: rgba(15, 23, 42, 0.95); 
      border-bottom: 1px solid var(--border-color);
      z-index: 1000;
      height: 80px; 
      display: flex; align-items: center;
    }

    .nav-row {
        display: flex; align-items: center; 
        justify-content: space-between; 
        width: 100%; position: relative;
    }

    /* Logo - No filters applied here */
    .brand img { height: 40px; width: auto; display: block; transition: 0.3s ease; }

    /* Desktop Menu */
    .desktop-menu {
      display: flex; align-items: center; gap: 32px;
      margin-left: 80px; /* SPACER: Logo <-> Menu */
      margin-right: auto; 
    }
    .desktop-menu a {
      color: var(--text-muted); font-weight: 600; font-size: 14px; 
      letter-spacing: .02em; text-transform: uppercase; text-decoration: none;
      transition: color .2s ease;
    }
    .desktop-menu a:hover { color: var(--accent-teal); }

    /* Right Side */
    .nav-right { 
        display: flex; align-items: center; gap: 16px; 
        margin-left: 40px; /* Spacer from "ES" */
    }

    /* Rescue Mission Link (Two Lines Style) */
    .cta-rescue {
        color: #ef4444; 
        font-weight: 800; 
        text-decoration: none; 
        font-size: 11px; 
        text-transform: uppercase;
        line-height: 1.1;
        text-align: right;
        letter-spacing: 0.05em;
        transition: 0.2s;
    }
    .cta-rescue:hover { color: #fff; transform: translateY(-1px); }

    /* Hamburger (Hidden on Desktop) */
    .hamburger { display: none; cursor: pointer; color: #fff; }
    
    /* Mobile Menu Container */
    .mobile-menu {
        position: absolute;
        top: 100%; left: 0; width: 100%;
        background: #0f172a;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 0;
        display: none; flex-direction: column;
        box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        /* FIX: Added scrolling for mobile */
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }
    .mobile-menu.active { display: flex; }

    .mobile-menu a {
        padding: 20px 24px;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        color: #fff; text-decoration: none; font-weight: 600;
        font-size: 16px; display: block;
    }
    .mobile-menu a:hover { background: rgba(255,255,255,0.05); color: var(--accent-teal); }

    /* Dropdowns */
    .dropdown { position: relative; }
    .dropdown-content {
      display: none; position: absolute; top: 100%; left: -20px;
      background: var(--bg-card); border: 1px solid var(--border-color);
      min-width: 200px; padding: 10px 0; border-radius: 12px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.4);
      z-index: 100;
    }
    .dropdown:hover .dropdown-content { display: block; }
    .dropdown-content a { display: block; padding: 12px 20px; color: #fff; text-transform: none; }
    .dropdown-content a:hover { color: var(--accent-teal); background: rgba(255,255,255,0.05);}
    
    /* Mobile Dropdown Specifics */
    .mobile-dropdown-content {
        display: none; background: rgba(0,0,0,0.2); padding-left: 20px;
    }
    .mobile-dropdown-content a { font-size: 14px; padding: 14px 24px; color: #cbd5e1; }
    .mobile-has-dropdown.active .mobile-dropdown-content { display: block; }

    /* BUTTONS */
    .btn{
      border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color: #fff;
      padding:14px 28px; border-radius: 8px; font-weight:700; font-size:15px;
      cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px;
      transition: all .2s ease;
    }
    .btn:hover{ background: rgba(255,255,255,0.1); transform: translateY(-2px);}
    .btn-primary{
      border: 1px solid transparent; background: var(--accent-teal); color: #0f172a; 
      box-shadow: 0 0 15px rgba(45, 212, 191, 0.3);
    }
    .btn-primary:hover{
      background: #5eead4; color: #000; box-shadow: 0 0 25px rgba(45, 212, 191, 0.5);
    }
    
    .btn-hero-outline {
        background: transparent !important; color: var(--accent-teal) !important; border: 2px solid var(--accent-teal) !important;
        font-size: 18px !important; padding: 18px 36px !important; box-shadow: 0 0 10px rgba(45,212,191,0.1) !important;
    }
    .btn-hero-outline:hover {
        background: var(--accent-teal) !important; color: #000 !important;
        box-shadow: 0 0 30px rgba(45,212,191,0.4) !important;
    }
    /* HERO SECTION */
    .hero{
        padding: 70px 0 35px;
        overflow: visible; text-align: center; position: relative;
    }
    .hero::before {
        content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
        width: 60%; height: 60%; background: radial-gradient(circle, rgba(45, 212, 191, 0.15) 0%, transparent 60%);
        z-index: 1; pointer-events: none; filter: blur(60px);
    }
    
    .hero-content { max-width: 900px; margin: 0 auto; z-index: 2; position: relative; }
    .tag-hero {
        display: inline-block; margin-bottom: 24px; 
        font-size: 12px; font-weight: 700; text-transform: uppercase; 
        letter-spacing: 0.15em; color: var(--accent-teal);
        background: rgba(45, 212, 191, 0.1); padding: 6px 16px; border-radius: 50px;
        border: 1px solid rgba(45, 212, 191, 0.2);
    }
    .hero h1{
      margin:0 0 24px; font-size: clamp(48px, 6vw, 84px); line-height: 0.95; letter-spacing:-.03em; font-weight:800; color: #fff;
    }
    .hero h1 span {
        color: var(--accent-teal);
    }
    
    /* GLOBAL SUB CLASS */
    .sub{
        margin:0 auto 48px; color: var(--text-muted); font-size: clamp(18px, 1.5vw, 22px); line-height:1.5;
        max-width: 680px; font-weight: 500;
    }
    .cta-row { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;} 
    
    /* LOGOS */
    .logos{ 
        margin-top: 60px;      
        margin-bottom: 100px;   
        padding: 50px 0;        
        background: rgba(255,255,255,0.05); 
        border-bottom: 1px solid var(--border-color); 
        border-top: 1px solid var(--border-color);
        text-align: center;     
    }
    .logo-marquee{position:relative; overflow:hidden;}
    /* Infinite loop fix - 80s duration */
    .logo-track{display:flex; gap:60px; width:max-content; animation:marquee 80s linear infinite; margin: 0 auto;}
    @keyframes marquee{ to{transform: translateX(-50%);} } 
    
    /* Specific style for CLIENT logos - kept inverted for dark mode visibility */
    .logo-item img{
        height:32px; width:auto; filter: brightness(0) invert(1); opacity:0.7; transition:.3s;
    } 
    .logo-item:hover img{
        opacity:1; filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,0.8));
    }
    
    /* SERVICES GRID */
    .services-grid {
      display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; 
      margin-bottom: 80px; margin-top: 0; position: relative; z-index: 10;
    }
    .service-card {
      background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 24px;
      padding: 40px; transition: transform 0.3s ease;
      display: flex; flex-direction: column; align-items: flex-start;
    }
    .service-card:hover { transform: translateY(-5px); border-color: var(--accent-teal); box-shadow: 0 10px 40px rgba(0,0,0,0.4); }
    
    .icon-box {
      width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;
      background: rgba(45, 212, 191, 0.1);
    }
    .icon-box svg { width: 24px; height: 24px; fill: var(--accent-teal); }
    
    .service-card h3 { font-size: 22px; font-weight: 700; margin: 0 0 12px; color: #fff; }
    .service-card p { font-size: 16px; color: var(--text-muted); line-height: 1.6; margin: 0; }
    
    /* PROCESS STEPS */
    .process-section { background-color: var(--bg-dark); background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px); border-top: 1px solid var(--border-color); border-bottom: none; padding-top: 50px; }
    .steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 41px; margin-top: 60px;margin-bottom: 20px ; }
    .step-item { position: relative; padding-top: 20px; border-top: 2px solid rgba(255,255,255,0.1); }
    .step-num { font-size: 12px; font-weight: 700; color: var(--accent-teal); background: rgba(45, 212, 191, 0.1); padding:4px 10px; border-radius:20px; margin-bottom:16px; display:inline-block;}
    .step-title { font-size: 20px; font-weight: 700; margin-bottom: 10px; color: #fff; }
    .step-desc { font-size: 15px; color: var(--text-muted); line-height: 1.5; }
    
    /* STACKING CARDS */
    .stacking-section { padding-top: 50px; padding-bottom: 75px; }
    .stacking-wrapper { max-width: 900px; margin: 0 auto; position: relative; }
    .stack-card {
      position: sticky; top: 120px; 
      background: var(--bg-card); border-radius: 32px; padding: 50px; margin-bottom: 40px;
      border: 1px solid var(--border-color); overflow: hidden;
      box-shadow: 0 20px 50px rgba(0,0,0,0.5);
    }
    
    .card-vs { background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%); }
    
    .card-challenge { 
      background: linear-gradient(145deg, #2d2644 0%, #1e293b 100%); 
      border: 2px solid rgba(239, 68, 68, 0.3); 
    }
    
    .stack-header { display: flex; justify-content: space-between; align-items: start; margin-bottom: 30px; gap: 40px; }
    .stack-h3 { font-size: 32px; font-weight: 800; letter-spacing: -0.03em; margin: 0; line-height: 1.1; color: #fff; }
    
    /* Comparison Lists */
    .comparison-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 30px; }
    .list-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing:0.05em; margin-bottom: 15px; display: block; }
    .check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
    .check-list li { display: flex; gap: 12px; align-items: flex-start; font-size: 16px; line-height: 1.5; color: var(--text-main); font-weight: 500;}
    .check-list li svg { width: 22px; height: 22px; flex-shrink: 0; margin-top: 2px; }
    /* CONTACT FORM */
    .contact-wrap{
      border-radius:32px; background: rgba(30, 41, 59, 0.6); backdrop-filter: blur(20px);
      border:1px solid rgba(255,255,255,0.1); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); padding:80px; max-width: 960px; margin: 0 auto;
    }
    .contact-title{font-size: clamp(40px, 4vw, 60px); font-weight:800; letter-spacing:-.04em; margin:0 0 16px; text-align:center; line-height: 1; color: #fff;}
    .contact-sub { text-align:center; margin:0 0 56px; color: var(--text-muted); font-size: 20px; }
    .form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start;}
    .field{display:flex; flex-direction:column; gap:10px;}
    .label{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color: var(--text-muted);}
    .input, .textarea {
      width:100%; padding:18px; border-radius:12px; border:1px solid rgba(255,255,255,0.1); background: rgba(15, 23, 42, 0.6);
      font-family:inherit; font-size:16px; outline:none; transition: all .2s; font-weight: 500; color: #fff;
    }
    .textarea { resize: vertical; min-height: 150px; font-family: inherit;}
    .input:focus, .textarea:focus {background: rgba(15, 23, 42, 0.8); border-color:var(--accent-teal); box-shadow: 0 0 0 2px rgba(45, 212, 191, 0.2);}
    .span-2{grid-column: 1 / -1;}
    .submit-btn{width:100%; height:60px; font-size:18px; text-transform: uppercase; letter-spacing: 0.05em;}
    
    .checkbox-wrap { 
      display: flex; align-items: center; gap: 12px; 
      padding: 16px; background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.3); 
      border-radius: 12px; cursor: pointer; transition: 0.2s;
    }
    .checkbox-wrap:hover { background: rgba(239, 68, 68, 0.2); }
    .checkbox-wrap input { width: 20px; height: 20px; accent-color: #ef4444; cursor: pointer; }
    .checkbox-label { font-weight: 700; color: #fca5a5; font-size: 15px; cursor: pointer; }
    
    /* COOKIE BANNER STYLES */
    .cookie-banner {
      position: fixed;
      bottom: 20px;
      left: 20px;
      right: 20px;
      max-width: 600px;
      margin: 0 auto;
      background: rgba(15, 23, 42, 0.95);
      backdrop-filter: blur(12px);
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent-teal);
      border-radius: 12px;
      padding: 24px;
      z-index: 9999;
      box-shadow: 0 10px 40px rgba(0,0,0,0.6);
      display: none; /* Hidden by default, JS enables it */
      align-items: center;
      gap: 20px;
      justify-content: space-between;
      animation: slideUp 0.5s ease-out;
    }
    @keyframes slideUp {
      from { transform: translateY(100px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }
    .cookie-text { font-size: 14px; color: #cbd5e1; line-height: 1.5; }
    .cookie-text a { color: var(--accent-teal); text-decoration: none; }
    
    /* FIX: Added actions container */
    .cookie-actions { display: flex; align-items: center; gap: 15px; }

    .cookie-btn {
      background: var(--accent-teal);
      color: #0f172a;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-weight: 700;
      cursor: pointer;
      font-size: 14px;
      white-space: nowrap;
      transition: all 0.2s;
    }
    .cookie-btn:hover { background: #5eead4; transform: scale(1.05); }

    /* FIX: Added Decline Button Style for GDPR */
    .cookie-decline {
      background: transparent;
      color: var(--text-muted);
      border: none;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .cookie-decline:hover { color: #fff; text-decoration: underline; }

    /* FOOTER */
    footer{margin-top:0; padding:100px 0 40px; background: #020617; color:#fff; border-top: 1px solid var(--border-color);}
    .footer-cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 80px; }
    .footer-col h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 30px; color: var(--text-muted); }
    .footer-links-col { display: flex; flex-direction: column; gap: 16px; }
    .footer-links-col a { color: #94a3b8; text-decoration: none; font-size: 15px; transition: .2s; font-weight: 500; }
    .footer-links-col a:hover { color: var(--accent-teal); transform: translateX(5px); }
    
    .footer-brand p { color: #64748b; font-size: 15px; line-height: 1.7; max-width: 320px; margin-top: 24px; }
    
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
    .legal-links { display: flex; gap: 30px; font-size: 14px; color: #64748b; font-weight: 500;}
    .legal-links a { color: inherit; text-decoration: none; transition: color .2s; }
    .legal-links a:hover { color: #fff; }
    .social-row {display:flex; gap:16px; margin-top: 30px;}
    .social{
      width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.05);
      display:flex; align-items:center; justify-content:center; transition:.3s; border:1px solid rgba(255,255,255,0.1);
    }
    .social svg{width:20px; height:20px; fill:#fff; transition: fill .3s;}
    .social:hover{background:var(--accent-teal); border-color:var(--accent-teal); box-shadow: 0 0 15px rgba(45,212,191,0.4);} 
    .social:hover svg{fill: #000;}
    
    /* RESPONSIVE */
    @media (max-width: 900px){
      .desktop-menu { display: none; } 
      .hamburger { display: block; }   
      
      .nav-row { 
          gap: 10px; 
          justify-content: space-between;
      }

      /* 1. SMALLER LOGO ON MOBILE */
      .brand img { height: 28px; } 

      /* 2. RESPONSIVE BUTTON & SPACING */
      .btn-primary.header-btn {
          padding: 8px 12px; 
          font-size: 13px; 
          height: 36px;
      }
      .cta-rescue { display: none; } 
      
      .nav-right {
           gap: 12px;
           margin-left: 10px;
      }

      /* Adjust Layout */
      .hero h1 { font-size: 42px; }
      .hero-content { max-width: 100%; padding: 0 10px; }
      
      .services-grid { grid-template-columns: 1fr; margin-top: 0; }
      .steps-grid { grid-template-columns: 1fr; gap: 30px; }
      .step-item { border-top: 0; border-left: 2px solid rgba(255,255,255,0.1); padding-left: 20px; padding-top:0; }
      .stack-card { padding: 30px; top: 90px; }
      .stack-header { flex-direction: column-reverse; gap: 15px; }
      .comparison-grid { grid-template-columns: 1fr; gap: 30px; }
      .stack-h3 { font-size: 26px; }
      .contact-wrap { padding: 30px 24px; }
      .form-grid { grid-template-columns: 1fr; gap: 16px; }
      .footer-cols { grid-template-columns: 1fr; gap: 40px; }
      .footer-brand { order: 4; text-align: center; }
      .social-row { justify-content: center; }
      .footer-bottom { flex-direction: column; gap: 16px; }

      .cookie-banner { flex-direction: column; text-align: center; bottom: 0; left: 0; right: 0; border-radius: 12px 12px 0 0; }
      .cookie-actions { width: 100%; flex-direction: column; gap: 10px; }
      .cookie-btn { width: 100%; }
    }

	/*COMPANIES-ES*/
	    :root{
      /* PALETA MIDNIGHT TEAL */
      --bg-dark: #0f172a;       /* Slate 900 */
      --bg-card: #1e293b;       /* Slate 800 */
      
      --text-main: #f8fafc;     /* Blanco roto */
      --text-muted: #94a3b8;    /* Gris azulado metálico */

      /* EL ACENTO GAMBERRO */
      --accent-teal: #2dd4bf;   /* Turquesa Eléctrico */
      --accent-hover: #14b8a6;  
      
      /* ACENTO ALERTA (ROJO) */
      --accent-red: #ef4444;
      --accent-red-glow: rgba(239, 68, 68, 0.4);

      --border-color: rgba(255, 255, 255, 0.1);
      --glow: 0 0 20px rgba(45, 212, 191, 0.15); 
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
      color: var(--text-main);
      background-color: var(--bg-dark);
      background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
      background-size: 40px 40px;
      -webkit-font-smoothing: antialiased;
      line-height: 1.6;
    }

    .container{max-width:1140px;margin:0 auto;padding:0 24px;}
    .section{padding: 120px 0;}
    /* CUT SPACE: Reduced from 80px to 40px */
    .section-tight{padding: 40px 0;}
    
    /* UTILS */
    .text-teal { color: var(--accent-teal); }
    .micro{margin: 22px 0 0;color: var(--text-muted); font-size: 13px; text-align:center; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.8;}
    .center-cta{display:flex;justify-content:center;margin-top:40px;}
    .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
    .reveal.active { opacity: 1; transform: translateY(0); }
    
    /* =========================================
       HEADER & NAVIGATION STYLES
       ========================================= */
    header {
      position: sticky; top: 0;
      backdrop-filter: blur(16px) saturate(180%);
      background: rgba(15, 23, 42, 0.95); 
      border-bottom: 1px solid var(--border-color);
      z-index: 1000;
      height: 80px; 
      display: flex; align-items: center;
    }

    .nav-row {
        display: flex; align-items: center; 
        justify-content: space-between; 
        width: 100%; position: relative;
    }

    /* Logo - FIX: Removed filter to show original colors */
    .brand img { height: 40px; width: auto; display: block; transition: 0.3s ease; }

    /* Desktop Menu */
    .desktop-menu {
      display: flex; align-items: center; gap: 32px;
      margin-left: 80px; 
      margin-right: auto; 
    }
    .desktop-menu a {
      color: var(--text-muted); font-weight: 600; font-size: 14px; 
      letter-spacing: .02em; text-transform: uppercase; text-decoration: none;
      transition: color .2s ease;
    }
    .desktop-menu a:hover { color: var(--accent-teal); }

    /* Right Side */
    .nav-right { 
        display: flex; align-items: center; gap: 16px; 
        margin-left: 40px; 
    }

    /* Rescue Mission Link */
    .cta-rescue {
        color: var(--accent-red); 
        font-weight: 700; font-size: 13px; text-transform: uppercase; 
        letter-spacing: 0.5px; text-decoration: none; display: flex; 
        align-items: center; gap: 6px; transition: 0.2s;
        text-align: right; line-height: 1.1;
    }
    .cta-rescue:hover { color: #fff; text-shadow: 0 0 10px var(--accent-red-glow); }
    .cta-rescue svg { width: 18px; height: 18px; fill: currentColor; }

    /* Hamburger */
    .hamburger { display: none; cursor: pointer; color: #fff; }
    
    /* Mobile Menu Container */
    .mobile-menu {
        position: absolute;
        top: 80px; left: 0; width: 100%;
        background: #0f172a;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 0;
        display: none; flex-direction: column;
        box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }
    .mobile-menu.active { display: flex; }

    .mobile-menu a {
        padding: 20px 24px;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        color: #fff; text-decoration: none; font-weight: 600;
        font-size: 16px; display: block;
    }
    .mobile-menu a:hover { background: rgba(255,255,255,0.05); color: var(--accent-teal); }

    /* Dropdowns */
    .dropdown { position: relative; }
    .dropdown-content {
      display: none; position: absolute; top: 100%; left: -20px;
      background: var(--bg-card); border: 1px solid var(--border-color);
      min-width: 200px; padding: 10px 0; border-radius: 12px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.4);
      z-index: 100;
    }
    .dropdown:hover .dropdown-content { display: block; }
    .dropdown-content a { display: block; padding: 12px 20px; color: #fff; text-transform: none; }
    .dropdown-content a:hover { color: var(--accent-teal); background: rgba(255,255,255,0.05);}
    
    /* Mobile Dropdown Specifics */
    .mobile-dropdown-content {
        display: none; background: rgba(0,0,0,0.2); padding-left: 20px;
    }
    .mobile-dropdown-content a { font-size: 14px; padding: 14px 24px; color: #cbd5e1; }
    .mobile-has-dropdown.active .mobile-dropdown-content { display: block; }

    /* BUTTONS TECH */
    .btn{
      border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color: #fff;
      padding:14px 28px; border-radius: 8px; font-weight:700; font-size:15px;
      cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px;
      transition: all .2s ease;
    }
    .btn:hover{ background: rgba(255,255,255,0.1); transform: translateY(-2px);}

    .btn-primary{
      border: 1px solid transparent;
      background: var(--accent-teal);
      color: #0f172a; 
      box-shadow: 0 0 15px rgba(45, 212, 191, 0.3); 
    }
    .btn-primary:hover{
      background: #5eead4; 
      color: #000;
      box-shadow: 0 0 25px rgba(45, 212, 191, 0.5);
    }

    /* BOTONES HERO */
    .btn-hero-outline {
        background: transparent !important; color: var(--accent-teal) !important; border: 2px solid var(--accent-teal) !important;
        font-size: 18px !important; padding: 18px 36px !important; box-shadow: 0 0 10px rgba(45,212,191,0.1) !important;
    }
    .btn-hero-outline:hover {
        background: var(--accent-teal) !important; color: #000 !important;
        box-shadow: 0 0 30px rgba(45,212,191,0.4) !important;
    }

    /* HERO SECTION */
    /* CUT SPACE: Top/Bottom reduced by 50% */
    .hero{
        padding: 70px 0 50px; 
        overflow: visible; text-align: center; position: relative;
    }
    
    .hero::before {
        content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
        width: 60%; height: 60%; background: radial-gradient(circle, rgba(45, 212, 191, 0.15) 0%, transparent 60%);
        z-index: 1; pointer-events: none; filter: blur(60px);
    }
    
    .hero-content { 
        max-width: 900px; margin: 0 auto; z-index: 2; position: relative;
    }
    .tag-hero {
        display: inline-block; margin-bottom: 24px; 
        font-size: 12px; font-weight: 700; text-transform: uppercase; 
        letter-spacing: 0.15em; color: var(--accent-teal);
        background: rgba(45, 212, 191, 0.1); padding: 6px 16px; border-radius: 50px;
        border: 1px solid rgba(45, 212, 191, 0.2);
    }
    /* UPDATED H1 SIZE: Reduced 25% */
    .hero h1{
      margin:0 0 24px; 
      font-size: clamp(39px, 6vw, 72px); 
      line-height: 1; letter-spacing:-.03em; font-weight:800; color: #fff;
    }
    /* Updated span for solid color */
    .hero h1 span {
        color: var(--accent-teal);
    }
    /* Cursor Animation */
    .cursor-blink { display: inline-block; color: var(--accent-teal); animation: blink 1s infinite; font-weight: 400; margin-left: 2px; }
    @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

    .hero .sub{
        margin:0 auto 48px; color: var(--text-muted); font-size: clamp(18px, 1.5vw, 22px); line-height:1.5; max-width: 680px; font-weight: 500;
    }
    .cta-row { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;} 

    /* LOGOS CAROUSEL */
    /* CUT SPACE: Margin top reduced */
    .logos{ margin-top:40px; padding:40px 0; background: rgba(255,255,255,0.05); border-bottom: 1px solid var(--border-color); border-top: 1px solid var(--border-color);}
    .logos .title{text-align:center; color: var(--text-muted); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; margin:0 0 24px;}
    .logo-marquee{position:relative; overflow:hidden;}
    .logo-track{display:flex; gap:60px; width:max-content; animation:marquee 60s linear infinite; margin: 0 auto;}
    @keyframes marquee{ to{transform: translateX(-33.333%);} }
    .logo-item img{height:32px; width:auto; filter: brightness(0) invert(1); opacity:0.7; transition:.3s;} 
    .logo-item:hover img{opacity:1; filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,0.8));}

    /* RESCUE MISSION BAR (NEW STYLE) */
    .rescue-wrapper { margin: 50px auto; max-width: 960px; padding: 0 24px; } /* 50px space before and after */
    .rescue-bar {
      padding: 32px 48px;
      /* RED GRADIENT BACKGROUND */
      background: linear-gradient(90deg, rgba(69, 10, 10, 0.6) 0%, rgba(15, 23, 42, 0.8) 100%);
      border: 1px solid var(--accent-red);
      /* RED GLOW */
      box-shadow: 0 0 40px rgba(239, 68, 68, 0.15);
      border-left: 4px solid var(--accent-red); 
      border-radius: 16px;
      display: flex; align-items: center; justify-content: space-between; gap: 30px;
      position: relative; z-index: 2;
    }
    .rescue-bar:hover { transform: translateY(-3px); box-shadow: 0 20px 60px rgba(239, 68, 68, 0.25); }

    .rescue-text h3 { font-size: 24px; font-weight: 700; margin: 0 0 6px; color: #fff; letter-spacing: -0.01em; }
    .rescue-text p { font-size: 16px; margin: 0; color: #fca5a5; line-height: 1.4; } 
    
    .btn-rescue-bar {
        background: transparent;
        border: 1px solid var(--accent-red);
        color: var(--accent-red);
        padding: 14px 28px; border-radius: 8px; font-weight:700; font-size:15px;
        cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center;
        transition: all .2s ease; white-space: nowrap;
    }
    .btn-rescue-bar:hover {
        background: var(--accent-red); color: #fff;
        box-shadow: 0 0 20px rgba(239, 68, 68, 0.4);
    }
    
    /* STATS */
    .bg-light-section { background-color: rgba(255,255,255,0.02); }
    /* CUT SPACE: Margin reduced */
    .stats-header-wrap {text-align: center; max-width: 800px; margin: 0 auto 30px;}
    .big-quote {
      font-size: clamp(32px, 4vw, 56px); font-weight: 700; letter-spacing: -0.03em;
      line-height: 1; color: #fff; margin-bottom: 24px;
    }
    .quote-desc {font-size: 20px; color: var(--text-muted); font-weight: 500;}
    
    .stats-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:40px; margin-top:40px;}
    .stat{position:relative; padding: 24px; text-align: center; background: rgba(255,255,255,0.03); border-radius: 16px; border: 1px solid rgba(255,255,255,0.05);}
    .stat .big{font-size: clamp(40px, 5vw, 56px); font-weight:800; line-height:1; margin:0 0 12px; color: var(--accent-teal); letter-spacing:-0.04em;}
    .stat .head{font-weight:700; font-size:15px; margin-bottom:8px; color: #fff; text-transform: uppercase; letter-spacing: 0.05em;}
    .stat .desc{font-size:15px; line-height:1.5; color: var(--text-muted);}

    /* WIDE BAND (Cards) */
    .wide-band{width:100%; padding:100px 0; position:relative;}
    .split-grid{display:grid; grid-template-columns: 1fr 1fr; gap:40px;}
    .panel{
      position:relative; border-radius:24px; padding:60px 48px; overflow:hidden; 
      border: 1px solid var(--border-color);
      transition: transform .3s ease, box-shadow .3s ease; 
      background: var(--bg-card);
    }
    .panel:hover{ transform:translateY(-5px); border-color: var(--accent-teal); box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
    
    /* Panel Companies */
    .panel.companies{ background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%); }
    .panel.companies .panel-pill { color: #f59e0b; background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.2); }
    .panel.companies .card-list li svg { fill: #f59e0b; }

    /* Panel Candidates */
    .panel.candidates{ background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%); }
    .panel.candidates .panel-pill { color: var(--accent-teal); background: rgba(45, 212, 191, 0.1); border: 1px solid rgba(45, 212, 191, 0.2); }
    .panel.candidates .card-list li svg { fill: var(--accent-teal); }

    .panel-pill{
      display:inline-block; padding:6px 14px; border-radius:99px; font-size:12px; font-weight:700; letter-spacing:.05em;
      text-transform:uppercase; margin-bottom:28px;
    }
    .panel h3{font-size:36px; margin:0 0 20px; letter-spacing:-.02em; font-weight:700; position:relative; z-index:1; line-height: 1; color: #fff;}
    .panel p{color: var(--text-muted); line-height:1.6; margin-bottom:32px; position:relative; z-index:1; font-size: 17px;}
    .card-list{list-style:none; padding:0; margin:0 0 40px; display:grid; gap:18px; position:relative; z-index:1;}
    .card-list li{display:flex; gap:12px; align-items:center; font-weight:500; font-size:16px; color: #e2e8f0;}
    .card-list li svg{width:22px; height:22px; flex-shrink:0;}

    /* REVIEWS */
    /* CUT SPACE: Reduced padding */
    .reviews{padding: 50px 0 60px;}
    .reviews-title.huge-title {
        text-align:center; margin-bottom:80px; font-size: clamp(36px, 5vw, 60px); 
        font-weight:800; letter-spacing:-.03em; color: #fff; line-height: 1.1;
    }
    .reviews-title.huge-title span { color: var(--accent-teal); }

    .reviews-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
    .review{
      background: rgba(255,255,255,0.03); border-radius:16px; padding:40px 32px; 
      border:1px solid rgba(255,255,255,0.05);
      display:flex; flex-direction: column; align-items:flex-start; gap:24px; height: 100%;
    }
    .review-logo{width:auto; height: 32px; display:flex; align-items:center; opacity: 0.8;}
    .review-logo img{max-width:100%; max-height:100%; object-fit:contain; filter: brightness(0) invert(1);}
    .review-body{flex:1; display: flex; flex-direction: column; justify-content: space-between;}
    .review-quote{font-size:16px; font-weight:500; line-height:1.6; color: #e2e8f0; margin:0 0 24px; font-style: normal;}
    .review-meta{font-size:14px; color: var(--text-muted); border-top: 1px solid rgba(255,255,255,0.1); padding-top: 16px; width: 100%;}
    .review-meta strong{color: #fff; font-weight:700; display: block; font-size: 15px;}
    .reviews-cta{display:flex;justify-content:center;margin-top: 48px;}

    /* FOUNDERS SECTION */
    /* CUT SPACE: Top padding reduced to 30px (60% cut from 80px) */
    .founders-section { 
        text-align: center; margin-bottom: 0px; padding: 30px 0 0px; 
        background: transparent;
    }
    .founders-title { 
        font-size: 14px; font-weight: 700; text-transform: uppercase; 
        letter-spacing: 0.2em; color: var(--text-muted); margin-bottom: 60px; 
    }
    .founders-grid { display: flex; justify-content: center; gap: 80px; }
    .founder-card { text-align: center; }
    .founder-img { 
      width: 180px; height: 180px; border-radius: 50%; object-fit: cover; 
      border: 2px solid rgba(255,255,255,0.1); 
      margin-bottom: 24px; transition: 0.3s; filter: grayscale(1);
    }
    .founder-card:hover .founder-img { transform: scale(1.05); border-color: var(--accent-teal); filter: grayscale(0); box-shadow: 0 0 30px var(--glow);}
    .founder-name { font-weight: 700; font-size: 22px; color: #fff; margin-bottom: 6px;}
    .founder-role { font-size: 15px; color: var(--accent-teal); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;}

    /* CONTACT & CHECKBOX */
    /* CUT SPACE: Top padding reduced to 25px (50% cut from 50px) */
    .contact-section { padding-top: 25px; padding-bottom: 120px; }
    
    /* INCREASE SPACE: Margin increased to 100px (100% increase from 50px) */
    .fishing-quote-wrap {
        text-align: center; margin-bottom: 100px; padding: 0 20px; margin-top: 0;
    }
    .fishing-quote {
        font-size: clamp(24px, 3vw, 42px); font-weight: 800; color: #fff;
        max-width: 900px; margin: 0 auto; line-height: 1.2; letter-spacing: -0.02em;
    }
    .fishing-highlight { color: var(--accent-teal); display: block; margin-top: 10px; text-shadow: 0 0 20px var(--glow);}

    .contact-wrap{
      border-radius:24px; background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(20px);
      border:1px solid rgba(255,255,255,0.1); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); padding:80px; max-width: 960px; margin: 0 auto;
    }
    .contact-title{font-size: clamp(40px, 4vw, 56px); font-weight:800; letter-spacing:-.03em; margin:0 0 16px; text-align:center; line-height: 1; color: #fff;}
    .contact-sub { text-align:center; margin:0 0 56px; color: var(--text-muted); font-size: 18px; }
    .form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start;}
    .field{display:flex; flex-direction:column; gap:10px;}
    .label{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color: var(--text-muted);}
    .input, .textarea {
      width:100%; padding:18px; border-radius:8px; border:1px solid rgba(255,255,255,0.1); 
      background: rgba(15, 23, 42, 0.6); color: #fff;
      font-family:inherit; font-size:16px; outline:none; transition: all .2s; font-weight: 500;
    }
    .textarea { resize: vertical; min-height: 150px; font-family: inherit;}
    .input:focus, .textarea:focus {background: rgba(15, 23, 42, 0.8); border-color: var(--accent-teal); box-shadow: 0 0 0 2px rgba(45, 212, 191, 0.2);}
    .span-2{grid-column: 1 / -1;}
    
    .submit-btn{width:100%; height:60px; font-size:16px; letter-spacing: 0.05em; font-weight: 700; text-transform: uppercase;}
    
    /* CHECKBOX TECH */
    .checkbox-wrap { 
      display: flex; align-items: center; gap: 12px; 
      padding: 16px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); 
      border-radius: 8px; cursor: pointer; transition: 0.2s;
    }
    .checkbox-wrap:hover { background: rgba(255,255,255,0.05); border-color: var(--accent-teal);}
    .checkbox-wrap input { width: 20px; height: 20px; accent-color: var(--accent-teal); cursor: pointer; }
    .checkbox-label { font-weight: 600; color: #fff; font-size: 15px; cursor: pointer; }

    /* COOKIE BANNER STYLES */
    .cookie-banner {
      position: fixed;
      bottom: 20px;
      left: 20px;
      right: 20px;
      max-width: 600px;
      margin: 0 auto;
      background: rgba(15, 23, 42, 0.95);
      backdrop-filter: blur(12px);
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent-teal);
      border-radius: 12px;
      padding: 24px;
      z-index: 9999;
      box-shadow: 0 10px 40px rgba(0,0,0,0.6);
      display: none; /* Hidden by default, JS enables it */
      align-items: center;
      gap: 20px;
      justify-content: space-between;
      animation: slideUp 0.5s ease-out;
    }
    @keyframes slideUp {
      from { transform: translateY(100px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }
    .cookie-text { font-size: 14px; color: #cbd5e1; line-height: 1.5; }
    .cookie-text a { color: var(--accent-teal); text-decoration: none; }
    .cookie-btn {
      background: var(--accent-teal);
      color: #0f172a;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-weight: 700;
      cursor: pointer;
      font-size: 14px;
      white-space: nowrap;
      transition: all 0.2s;
    }
    .cookie-btn:hover { background: #5eead4; transform: scale(1.05); }

    /* FOOTER */
    footer{margin-top:0; padding:100px 0 40px; background: #020617; color:#fff; border-top: 1px solid var(--border-color);}
    /* 3 COLUMNS GRID */
    .footer-cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 80px; }
    .footer-col h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 28px; color: rgba(255,255,255,0.5); }
    .footer-links-col { display: flex; flex-direction: column; gap: 16px; }
    .footer-links-col a { color: #94a3b8; text-decoration: none; font-size: 15px; transition: .2s; font-weight: 500; }
    .footer-links-col a:hover { color: var(--accent-teal); transform: translateX(5px); }
    .footer-brand p { color: #64748b; font-size: 15px; line-height: 1.7; max-width: 320px; margin-top: 24px; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
    .legal-links { display: flex; gap: 30px; font-size: 14px; color: #64748b; font-weight: 500;}
    .legal-links a { color: inherit; text-decoration: none; transition: color .2s; }
    .legal-links a:hover { color: #fff; }

    .social-row {display:flex; gap:16px; margin-top: 30px;}
    .social{
      width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.05);
      display:flex; align-items:center; justify-content:center; transition:.3s; border:1px solid rgba(255,255,255,0.1);
    }
    .social svg{width:20px; height:20px; fill:#fff; transition: fill .3s;}
    .social:hover{background:var(--accent-teal); border-color:var(--accent-teal); box-shadow: 0 0 15px rgba(45,212,191,0.4);} 
    .social:hover svg{fill: #000;}
    
    /* =========================================
       RESPONSIVE ADJUSTMENTS
       ========================================= */
    @media (max-width: 1024px) {
       .reviews-col { grid-template-columns: 1fr; }
    }
    @media (max-width: 900px) {
        .desktop-menu { display: none; } 
        .hamburger { display: block; }   
        
        .nav-row { 
            gap: 10px; 
            justify-content: space-between;
        }

        /* 1. SMALLER LOGO ON MOBILE */
        .brand img { height: 28px; } 

        /* 2. RESPONSIVE BUTTON & SPACING */
        .btn-primary.header-btn {
            padding: 8px 12px; 
            font-size: 13px; 
            height: 36px;
        }
        .cta-rescue { display: none; } 
        
        .nav-right {
             gap: 12px;
             margin-left: 10px;
        }

        /* Adjust Layout */
        .hero h1 { font-size: 42px; }
        .hero-content { max-width: 100%; padding: 0 10px; }
        .stats-grid, .split-grid, .reviews-col, .founders-grid, .footer-cols { 
            grid-template-columns: 1fr; gap: 30px; 
        }
        .rescue-bar { flex-direction: column; text-align: center; gap: 20px;}
        .form-grid { grid-template-columns: 1fr; }
        .span-2 { grid-column: span 1; }
        .footer-brand { order: 4; text-align: center; }
        .footer-brand p { margin: 20px auto; }
        .social-row { justify-content: center; }
        .footer-bottom { flex-direction: column; gap: 16px; }

        .cookie-banner { flex-direction: column; text-align: center; bottom: 0; left: 0; right: 0; border-radius: 12px 12px 0 0; }
        .cookie-btn { width: 100%; }
    }

	/*RECRUITMENT-SPAIN*/
	    :root{
      /* PALETA MIDNIGHT TEAL (Dark Luxury Tech) */
      --bg-dark: #0f172a;       /* Slate 900 */
      --bg-card: #1e293b;       /* Slate 800 */
      
      --text-main: #f8fafc;     /* Blanco roto */
      --text-muted: #94a3b8;    /* Gris azulado metálico */

      /* EL ACENTO GAMBERRO */
      --accent-teal: #2dd4bf;   /* Turquesa Eléctrico / Menta */
      --accent-hover: #14b8a6;  
      
      --accent-warm: #f59e0b;   /* Warm accent for "Spain" vibes */
      --accent-alert: #ef4444;

      --border-color: rgba(255, 255, 255, 0.1);
      --accent-glow: rgba(45, 212, 191, 0.5);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
      color: var(--text-main);
      background-color: var(--bg-dark);
      background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
      background-size: 40px 40px;
      -webkit-font-smoothing: antialiased;
      line-height: 1.6;
    }

    .container{max-width:1140px;margin:0 auto;padding:0 24px;}
    .section{padding: 100px 0;}
    
    /* UTILS */
    .text-teal { color: var(--accent-teal) !important; }
    .text-warm { color: var(--accent-warm); }
    
    .micro{margin: 22px 0 0;color: var(--text-muted); font-size: 13px; text-align:center; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.8;}
    .center-cta{display:flex;justify-content:center;margin-top:40px;}
    .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
    .reveal.active { opacity: 1; transform: translateY(0); }

    /* HEADER */
    header {
      position: sticky; top: 0;
      backdrop-filter: blur(16px) saturate(180%);
      background: rgba(15, 23, 42, 0.95); 
      border-bottom: 1px solid var(--border-color);
      z-index: 1000;
      height: 80px; 
      display: flex; align-items: center;
    }

    .nav-row {
        display: flex; align-items: center; 
        justify-content: space-between; 
        width: 100%; position: relative;
    }

    /* Logo */
    .brand img { 
        height: 40px; 
        width: auto; 
        display: block; 
        transition: 0.3s ease; 
    }

    /* Desktop Menu */
    .desktop-menu {
      display: flex; align-items: center; gap: 32px;
      margin-left: 80px; 
      margin-right: auto; 
    }
    .desktop-menu a {
      color: var(--text-muted); font-weight: 600; font-size: 14px; 
      letter-spacing: .02em; text-transform: uppercase; text-decoration: none;
      transition: color .2s ease;
    }
    .desktop-menu a:hover { color: var(--accent-teal); }

    /* Right Side */
    .nav-right { 
        display: flex; align-items: center; gap: 16px; 
        margin-left: 40px; 
    }

    /* Rescue Mission Link */
    .cta-rescue {
        color: #ef4444; 
        font-weight: 800; 
        text-decoration: none; 
        font-size: 11px; 
        text-transform: uppercase;
        line-height: 1.1;
        text-align: right;
        letter-spacing: 0.05em;
        transition: 0.2s;
    }
    .cta-rescue:hover { color: #fff; transform: translateY(-1px); }

    /* Hamburger */
    .hamburger { display: none; cursor: pointer; color: #fff; }
    
    /* Mobile Menu Container */
    .mobile-menu {
        position: absolute;
        top: 80px; left: 0; width: 100%;
        background: #0f172a;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 0;
        display: none; flex-direction: column;
        box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }
    .mobile-menu.active { display: flex; }

    .mobile-menu a {
        padding: 20px 24px;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        color: #fff; text-decoration: none; font-weight: 600;
        font-size: 16px; display: block;
    }
    .mobile-menu a:hover { background: rgba(255,255,255,0.05); color: var(--accent-teal); }

    /* Dropdowns */
    .dropdown { position: relative; }
    .dropdown-content {
      display: none; position: absolute; top: 100%; left: -20px;
      background: var(--bg-card); border: 1px solid var(--border-color);
      min-width: 200px; padding: 10px 0; border-radius: 12px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.4);
      z-index: 100;
    }
    .dropdown:hover .dropdown-content { display: block; }
    .dropdown-content a { display: block; padding: 12px 20px; color: #fff; text-transform: none; }
    .dropdown-content a:hover { color: var(--accent-teal); background: rgba(255,255,255,0.05);}
    
    /* Mobile Dropdown Specifics */
    .mobile-dropdown-content {
        display: none; background: rgba(0,0,0,0.2); padding-left: 20px;
    }
    .mobile-dropdown-content a { font-size: 14px; padding: 14px 24px; color: #cbd5e1; }
    .mobile-has-dropdown.active .mobile-dropdown-content { display: block; }

    /* BUTTONS */
    .btn{
      border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color: #fff;
      padding:14px 28px; border-radius: 8px; font-weight:700; font-size:15px;
      cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px;
      transition: all .2s ease;
    }
    .btn:hover{ background: rgba(255,255,255,0.1); transform: translateY(-2px);}

    .btn-primary{
      border: 1px solid transparent; background: var(--accent-teal); color: #0f172a; 
      box-shadow: 0 0 15px rgba(45, 212, 191, 0.3);
    }
    .btn-primary:hover{
      background: #5eead4; color: #000; box-shadow: 0 0 25px rgba(45, 212, 191, 0.5);
    }
    
    .btn-hero-outline {
        background: transparent !important; color: var(--accent-teal) !important; border: 2px solid var(--accent-teal) !important;
        font-size: 18px !important; padding: 18px 36px !important; box-shadow: 0 0 10px rgba(45,212,191,0.1) !important;
    }
    .btn-hero-outline:hover {
        background: var(--accent-teal) !important; color: #000 !important;
        box-shadow: 0 0 30px rgba(45,212,191,0.4) !important;
    }

    /* HERO SECTION */
    .hero-local { text-align: center; padding: 72px 0 80px; position: relative;}
    .hero-local::before {
        content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
        width: 60%; height: 60%; background: radial-gradient(circle, rgba(45, 212, 191, 0.1) 0%, transparent 60%);
        z-index: -1; pointer-events: none; filter: blur(80px);
    }
    
    .hero-local h1 { font-size: clamp(38px, 5vw, 64px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; margin: 0 0 24px; color: #fff;}
    .sub { font-size: 18px; line-height: 1.6; color: var(--text-muted); max-width: 750px; margin: 0 auto; }
    
    .hubs-list { display:flex; justify-content:center; gap:12px; margin-top:30px; flex-wrap:wrap; }
    .hub-badge { 
      background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); padding: 8px 20px; 
      border-radius: 99px; font-size: 14px; font-weight: 700; color: var(--text-main); 
      display:flex; align-items:center; gap:8px;
    }
    .hub-badge:hover { border-color: var(--accent-teal); color: var(--accent-teal); }

    /* LOGOS */
    .logos{ margin-top:20px; padding:40px 0; background: rgba(255,255,255,0.05); border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); }
    .logo-marquee{position:relative; overflow:hidden;}
    /* Adjusted loop for 15 items * 2 = 30 total */
    .logo-track{display:flex; gap:60px; width:max-content; animation:marquee 60s linear infinite;}
    @keyframes marquee{ to{transform: translateX(-50%);} }
    .logo-item img{
        height:32px; width:auto; filter: brightness(0) invert(1); opacity:0.7; transition:.3s;
    } 
    .logo-item:hover img{
        opacity:1; filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,0.8));
    }

    /* STATS GRID */
    .section-tight{padding: 44px 0 80px;}
    
    .bg-light-section { background-color: rgba(255,255,255,0.02); }
    .stats-header-wrap {text-align: center; max-width: 800px; margin: 0 auto 50px;}
    .big-quote {
      font-size: clamp(36px, 4vw, 54px); font-weight: 800; letter-spacing: -0.03em;
      line-height: 1.1; color: var(--text-main); margin-bottom: 20px;
    }
    .quote-desc {font-size: 19px; color: var(--text-muted); font-weight: 500;}
    
    .stats-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:40px; margin-top:40px;}
    .stat{position:relative; padding: 24px; text-align: center; background: rgba(255,255,255,0.03); border-radius: 16px; border: 1px solid rgba(255,255,255,0.05);}
    .stat .big{font-size: clamp(40px, 4vw, 56px); font-weight:900; line-height:1; margin:0 0 10px; color: var(--accent-teal); letter-spacing:-0.03em;}
    .stat .head{font-weight:700; font-size:15px; margin-bottom:8px; color:var(--text-main);}
    .stat .desc{font-size:15px; line-height:1.5; color:var(--text-muted);}

    /* SPLIT GRID LOCAL */
    .split-grid-local { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
    .local-content h2 { font-size: 32px; font-weight: 800; margin-bottom: 20px; color: #fff;}
    .local-content p { color: var(--text-muted); line-height: 1.6; margin-bottom: 20px; }
    
    .check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
    .check-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; color: var(--text-main); }
    .check-list li svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 3px; fill: var(--accent-teal); }

    /* USE CASES */
    .use-cases-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 20px; }
    .use-case-card { 
      background: var(--bg-card); padding: 40px; border-radius: 24px; border: 1px solid var(--border-color); 
      position: relative; overflow: hidden; transition: 0.3s;
    }
    .use-case-card:hover { border-color: var(--accent-teal); box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
    .use-case-card h3 { font-size: 24px; font-weight: 800; margin-bottom: 15px; color: var(--text-main); }
    .use-case-card p { color: var(--text-muted); line-height: 1.6; margin-bottom: 25px; }
    
    .card-tag { 
      font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; 
      color: var(--accent-teal); background: rgba(45, 212, 191, 0.1); padding: 6px 12px; border-radius: 6px; margin-bottom: 20px; display: inline-block;
    }

    /* RESCUE BAR */
    .rescue-bar {
      margin: 80px auto 0;
      max-width: 900px;
      padding: 32px 40px;
      background: linear-gradient(90deg, rgba(239, 68, 68, 0.1) 0%, rgba(15, 23, 42, 0.4) 100%);
      border: 1px solid rgba(239, 68, 68, 0.3);
      border-left: 4px solid var(--accent-alert);
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
      box-shadow: 0 20px 50px rgba(239, 68, 68, 0.15);
      position: relative;
      overflow: hidden;
      transition: transform 0.3s ease;
    }
    .rescue-bar:hover { transform: translateY(-3px); box-shadow: 0 20px 60px rgba(239, 68, 68, 0.25); }
    
    .rescue-text h3 { font-size: 20px; font-weight: 800; margin: 0 0 6px; color: #fff; }
    .rescue-text p { font-size: 15px; margin: 0; color: #fda4af; } 

    .btn-rescue {
        background: transparent;
        border: 1px solid var(--accent-alert);
        color: var(--accent-alert);
        box-shadow: 0 0 15px rgba(239, 68, 68, 0.1);
        white-space: nowrap;
        padding: 14px 28px; border-radius: 8px; font-weight:700; font-size:15px; text-decoration: none;
    }
    .btn-rescue:hover {
        background: var(--accent-alert);
        color: #fff;
        box-shadow: 0 0 30px rgba(239, 68, 68, 0.4);
    }

    /* WHY SPAIN GRID */
    .bg-light-section.why-spain-section { padding: 50px 0 100px; }

    .why-spain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; text-align: center; margin-top: 50px; }
    .ws-item h4 { font-size: 18px; font-weight: 800; margin: 15px 0 10px; color: #fff;}
    .ws-item p { font-size: 14px; color: var(--text-muted); line-height: 1.5; }
    .ws-icon { 
        width: 60px; height: 60px; background: rgba(255,255,255,0.05); border: 1px solid var(--border-color);
        border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 24px; 
    }

    /* PROCESS GRID */
    .process-section { padding-top: 60px; }

    .process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 40px; }
    .process-step { position: relative; padding: 20px; border-radius: 16px; background: var(--bg-card); border: 1px solid var(--border-color); }
    
    .step-num { 
      font-size: 40px; font-weight: 800; color: var(--accent-teal); 
      margin-bottom: 10px; line-height: 1; 
    }
    .step-title { font-weight: 700; font-size: 18px; margin-bottom: 8px; color: #fff;}
    .step-desc { font-size: 14px; color: var(--text-muted); line-height: 1.4; }

    /* SALARY BOX & SUCCESS FEE */
    .salary-section { padding-top: 50px; }

    .salary-box { 
      background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%); 
      padding: 50px; border-radius: 32px; text-align: center; 
      border: 1px solid rgba(45, 212, 191, 0.2); margin-bottom: 60px; 
    }
    .salary-box h3 { font-size: 28px; font-weight: 800; margin-bottom: 15px; color: #fff;}
    .salary-box p { font-size: 16px; line-height: 1.6; color: var(--text-muted); max-width: 700px; margin: 0 auto 30px; }

    .success-fee-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 50px; }
    .sf-card { background: var(--bg-card); padding: 30px; border-radius: 16px; border-left: 5px solid var(--accent-teal); border-top: 1px solid var(--border-color); border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); }
    .sf-card h4 { font-size: 20px; font-weight: 800; margin: 0 0 10px; color: #fff;}
    .sf-card p { font-size: 15px; color: var(--text-muted); margin: 0; }

    /* CONTACT FORM */
    .contact-wrap{
      border-radius:32px; background: rgba(30, 41, 59, 0.6); backdrop-filter: blur(20px);
      border:1px solid rgba(255,255,255,0.1); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); padding:80px; max-width: 900px; margin: 0 auto;
    }
    .contact-title{font-size: clamp(32px, 3vw, 48px); font-weight:800; letter-spacing:-.03em; margin:0 0 30px; text-align:center; color: #fff;}
    .form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start;}
    .field{display:flex; flex-direction:column; gap:8px;}
    .label{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--text-muted);}
    .input, .textarea {
      width:100%; padding:14px; border-radius:12px; border:1px solid rgba(255,255,255,0.1); background: rgba(15, 23, 42, 0.6);
      font-family:inherit; font-size:15px; outline:none; transition: all .2s; color: #fff;
    }
    .textarea { resize: vertical; min-height: 120px; font-family: inherit;}
    .input:focus, .textarea:focus {background: rgba(15, 23, 42, 0.8); border-color:var(--accent-teal); box-shadow: 0 0 0 4px rgba(45, 212, 191, 0.15);}
    .span-2{grid-column: 1 / -1;}
    .submit-btn{width:100%; height:50px; font-size:16px; text-transform: uppercase; letter-spacing: 0.05em;}
    
    /* CHECKBOX STYLES ADDED */
    .checkbox-wrap { 
      display: flex; align-items: center; gap: 12px; 
      padding: 16px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); 
      border-radius: 8px; cursor: pointer; transition: 0.2s;
    }
    .checkbox-wrap:hover { background: rgba(255,255,255,0.05); border-color: var(--accent-teal);}
    .checkbox-wrap input { width: 20px; height: 20px; accent-color: var(--accent-teal); cursor: pointer; }
    .checkbox-label { font-weight: 600; color: #fff; font-size: 15px; cursor: pointer; }

    /* COOKIE BANNER STYLES */
    .cookie-banner {
      position: fixed;
      bottom: 20px;
      left: 20px;
      right: 20px;
      max-width: 600px;
      margin: 0 auto;
      background: rgba(15, 23, 42, 0.95);
      backdrop-filter: blur(12px);
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent-teal);
      border-radius: 12px;
      padding: 24px;
      z-index: 9999;
      box-shadow: 0 10px 40px rgba(0,0,0,0.6);
      display: none; /* Hidden by default, JS enables it */
      align-items: center;
      gap: 20px;
      justify-content: space-between;
      animation: slideUp 0.5s ease-out;
    }
    @keyframes slideUp {
      from { transform: translateY(100px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }
    .cookie-text { font-size: 14px; color: #cbd5e1; line-height: 1.5; }
    .cookie-text a { color: var(--accent-teal); text-decoration: none; }
    
    /* FIX: Added actions container */
    .cookie-actions { display: flex; align-items: center; gap: 15px; }

    .cookie-btn {
      background: var(--accent-teal);
      color: #0f172a;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-weight: 700;
      cursor: pointer;
      font-size: 14px;
      white-space: nowrap;
      transition: all 0.2s;
    }
    .cookie-btn:hover { background: #5eead4; transform: scale(1.05); }

    /* FIX: Added Decline Button Style */
    .cookie-decline {
      background: transparent;
      color: var(--text-muted);
      border: none;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .cookie-decline:hover { color: #fff; text-decoration: underline; }

    /* FOOTER */
    footer{margin-top:0; padding:100px 0 40px; background: #020617; color:#fff; border-top: 1px solid var(--border-color);}
    /* FIX: Set columns to 3 to match Home */
    .footer-cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 80px; }
    .footer-col h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 30px; color: var(--text-muted); }
    .footer-links-col { display: flex; flex-direction: column; gap: 16px; }
    .footer-links-col a { color: #94a3b8; text-decoration: none; font-size: 15px; transition: .2s; font-weight: 500; }
    .footer-links-col a:hover { color: var(--accent-teal); transform: translateX(5px); }
    .footer-brand p { color: #64748b; font-size: 15px; line-height: 1.7; max-width: 320px; margin-top: 24px; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
    .legal-links { display: flex; gap: 30px; font-size: 14px; color: #64748b; font-weight: 500;}
    .legal-links a { color: inherit; text-decoration: none; transition: color .2s; }
    .legal-links a:hover { color: #fff; }
    .social-row {display:flex; gap:16px; margin-top: 30px;}
    .social{width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; transition:.3s; border:1px solid rgba(255,255,255,0.1);}
    .social svg{width:20px; height:20px; fill:#fff; transition: fill .3s;}
    .social:hover{background:var(--accent-teal); border-color:var(--accent-teal); box-shadow: 0 0 15px rgba(45,212,191,0.4);} 
    .social:hover svg{fill: #000;}

    /* RESPONSIVE */
    @media (max-width: 900px) {
        .desktop-menu { display: none; } 
        .hamburger { display: block; }    
        
        .nav-row { 
            gap: 10px; 
            justify-content: space-between;
        }

        /* 1. SMALLER LOGO ON MOBILE */
        .brand img { height: 28px; } 

        /* 2. RESPONSIVE BUTTON & SPACING */
        .btn-primary.header-btn {
            padding: 8px 12px; 
            font-size: 13px; 
            height: 36px;
        }
        .cta-rescue { display: none; } 
        
        .nav-right {
             gap: 12px;
             margin-left: 10px;
        }

      /* Adjust Layout */
      .hero-local h1 { font-size: 42px; }
      .use-cases-grid { grid-template-columns: 1fr; }
      .why-spain-grid, .stats-grid, .success-fee-grid, .process-grid { grid-template-columns: 1fr; gap: 40px; }
      .split-grid-local { grid-template-columns: 1fr; gap: 40px; }
      .contact-wrap { padding: 24px; }
      .rescue-bar { flex-direction:column; text-align:center; padding:20px; }
      .form-grid { grid-template-columns: 1fr; gap: 16px; }
      
      .mobile-menu { display: none; }
      .mobile-menu.active { display: flex; }
      
      .dropdown-content { position: static; box-shadow: none; padding-left: 20px; border: none; display: none; background: transparent; width: 100%; }
      .dropdown-content a { color: #fff; padding: 12px 0; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 16px; }
      .dropdown.active .dropdown-content { display: block; }

      .footer-cols { grid-template-columns: 1fr; gap: 40px; }
      .footer-brand { order: 4; text-align: center; }
      .social-row { justify-content: center; }
      .footer-bottom { flex-direction: column; gap: 16px; }

      .cookie-banner { flex-direction: column; text-align: center; bottom: 0; left: 0; right: 0; border-radius: 12px 12px 0 0; }
      .cookie-actions { width: 100%; flex-direction: column; gap: 10px; }
      .cookie-btn { width: 100%; }
    }

	/*RECRUITMENT-SPAIN-ES*/

    :root{
      /* PALETA MIDNIGHT TEAL (Dark Luxury Tech) */
      --bg-dark: #0f172a;       /* Slate 900 */
      --bg-card: #1e293b;       /* Slate 800 */
      
      --text-main: #f8fafc;     /* Blanco roto */
      --text-muted: #94a3b8;    /* Gris azulado metálico */

      /* EL ACENTO GAMBERRO */
      --accent-teal: #2dd4bf;   /* Turquesa Eléctrico / Menta */
      --accent-hover: #14b8a6;  
      
      --accent-warm: #f59e0b;   /* Warm accent for "Spain" vibes */
      --accent-alert: #ef4444;

      --border-color: rgba(255, 255, 255, 0.1);
      --accent-glow: rgba(45, 212, 191, 0.5);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
      color: var(--text-main);
      background-color: var(--bg-dark);
      background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
      background-size: 40px 40px;
      -webkit-font-smoothing: antialiased;
      line-height: 1.6;
    }

    .container{max-width:1140px;margin:0 auto;padding:0 24px;}
    .section{padding: 100px 0;}
    
    /* UTILS */
    .text-teal { color: var(--accent-teal) !important; }
    .text-warm { color: var(--accent-warm); }
    
    .micro{margin: 22px 0 0;color: var(--text-muted); font-size: 13px; text-align:center; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.8;}
    .center-cta{display:flex;justify-content:center;margin-top:40px;}
    .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
    .reveal.active { opacity: 1; transform: translateY(0); }

    /* HEADER */
    header {
      position: sticky; top: 0;
      backdrop-filter: blur(16px) saturate(180%);
      background: rgba(15, 23, 42, 0.95); 
      border-bottom: 1px solid var(--border-color);
      z-index: 1000;
      height: 80px; 
      display: flex; align-items: center;
    }

    .nav-row {
        display: flex; align-items: center; 
        justify-content: space-between; 
        width: 100%; position: relative;
    }

    /* Logo */
    .brand img { 
        height: 40px; 
        width: auto; 
        display: block; 
        transition: 0.3s ease; 
    }

    /* Desktop Menu */
    .desktop-menu {
      display: flex; align-items: center; gap: 32px;
      margin-left: 80px; 
      margin-right: auto; 
    }
    .desktop-menu a {
      color: var(--text-muted); font-weight: 600; font-size: 14px; 
      letter-spacing: .02em; text-transform: uppercase; text-decoration: none;
      transition: color .2s ease;
    }
    .desktop-menu a:hover { color: var(--accent-teal); }

    /* Right Side */
    .nav-right { 
        display: flex; align-items: center; gap: 16px; 
        margin-left: 40px; 
    }

    /* Rescue Mission Link */
    .cta-rescue {
        color: #ef4444; 
        font-weight: 800; 
        text-decoration: none; 
        font-size: 11px; 
        text-transform: uppercase;
        line-height: 1.1;
        text-align: right;
        letter-spacing: 0.05em;
        transition: 0.2s;
    }
    .cta-rescue:hover { color: #fff; transform: translateY(-1px); }

    /* Hamburger */
    .hamburger { display: none; cursor: pointer; color: #fff; }
    
    /* Mobile Menu Container */
    .mobile-menu {
        position: absolute;
        top: 80px; left: 0; width: 100%;
        background: #0f172a;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 0;
        display: none; flex-direction: column;
        box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }
    .mobile-menu.active { display: flex; }

    .mobile-menu a {
        padding: 20px 24px;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        color: #fff; text-decoration: none; font-weight: 600;
        font-size: 16px; display: block;
    }
    .mobile-menu a:hover { background: rgba(255,255,255,0.05); color: var(--accent-teal); }

    /* Dropdowns */
    .dropdown { position: relative; }
    .dropdown-content {
      display: none; position: absolute; top: 100%; left: -20px;
      background: var(--bg-card); border: 1px solid var(--border-color);
      min-width: 200px; padding: 10px 0; border-radius: 12px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.4);
      z-index: 100;
    }
    .dropdown:hover .dropdown-content { display: block; }
    .dropdown-content a { display: block; padding: 12px 20px; color: #fff; text-transform: none; }
    .dropdown-content a:hover { color: var(--accent-teal); background: rgba(255,255,255,0.05);}
    
    /* Mobile Dropdown Specifics */
    .mobile-dropdown-content {
        display: none; background: rgba(0,0,0,0.2); padding-left: 20px;
    }
    .mobile-dropdown-content a { font-size: 14px; padding: 14px 24px; color: #cbd5e1; }
    .mobile-has-dropdown.active .mobile-dropdown-content { display: block; }

    /* BUTTONS */
    .btn{
      border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color: #fff;
      padding:14px 28px; border-radius: 8px; font-weight:700; font-size:15px;
      cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px;
      transition: all .2s ease;
    }
    .btn:hover{ background: rgba(255,255,255,0.1); transform: translateY(-2px);}

    .btn-primary{
      border: 1px solid transparent; background: var(--accent-teal); color: #0f172a; 
      box-shadow: 0 0 15px rgba(45, 212, 191, 0.3);
    }
    .btn-primary:hover{
      background: #5eead4; color: #000; box-shadow: 0 0 25px rgba(45, 212, 191, 0.5);
    }
    
    .btn-hero-outline {
        background: transparent !important; color: var(--accent-teal) !important; border: 2px solid var(--accent-teal) !important;
        font-size: 18px !important; padding: 18px 36px !important; box-shadow: 0 0 10px rgba(45,212,191,0.1) !important;
    }
    .btn-hero-outline:hover {
        background: var(--accent-teal) !important; color: #000 !important;
        box-shadow: 0 0 30px rgba(45,212,191,0.4) !important;
    }

    /* HERO SECTION */
    .hero-local { text-align: center; padding: 72px 0 80px; position: relative;}
    .hero-local::before {
        content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
        width: 60%; height: 60%; background: radial-gradient(circle, rgba(45, 212, 191, 0.1) 0%, transparent 60%);
        z-index: -1; pointer-events: none; filter: blur(80px);
    }
    
    .hero-local h1 { font-size: clamp(38px, 5vw, 64px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; margin: 0 0 24px; color: #fff;}
    .sub { font-size: 18px; line-height: 1.6; color: var(--text-muted); max-width: 750px; margin: 0 auto; }
    
    .hubs-list { display:flex; justify-content:center; gap:12px; margin-top:30px; flex-wrap:wrap; }
    .hub-badge { 
      background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); padding: 8px 20px; 
      border-radius: 99px; font-size: 14px; font-weight: 700; color: var(--text-main); 
      display:flex; align-items:center; gap:8px;
    }
    .hub-badge:hover { border-color: var(--accent-teal); color: var(--accent-teal); }

    /* LOGOS */
    .logos{ margin-top:20px; padding:40px 0; background: rgba(255,255,255,0.05); border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); }
    .logo-marquee{position:relative; overflow:hidden;}
    /* Adjusted loop for 15 items * 2 = 30 total */
    .logo-track{display:flex; gap:60px; width:max-content; animation:marquee 60s linear infinite;}
    @keyframes marquee{ to{transform: translateX(-50%);} }
    .logo-item img{
        height:32px; width:auto; filter: brightness(0) invert(1); opacity:0.7; transition:.3s;
    } 
    .logo-item:hover img{
        opacity:1; filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,0.8));
    }

    /* STATS GRID */
    .section-tight{padding: 44px 0 80px;}
    
    .bg-light-section { background-color: rgba(255,255,255,0.02); }
    .stats-header-wrap {text-align: center; max-width: 800px; margin: 0 auto 50px;}
    .big-quote {
      font-size: clamp(36px, 4vw, 54px); font-weight: 800; letter-spacing: -0.03em;
      line-height: 1.1; color: var(--text-main); margin-bottom: 20px;
    }
    .quote-desc {font-size: 19px; color: var(--text-muted); font-weight: 500;}
    
    .stats-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:40px; margin-top:40px;}
    .stat{position:relative; padding: 24px; text-align: center; background: rgba(255,255,255,0.03); border-radius: 16px; border: 1px solid rgba(255,255,255,0.05);}
    .stat .big{font-size: clamp(40px, 4vw, 56px); font-weight:900; line-height:1; margin:0 0 10px; color: var(--accent-teal); letter-spacing:-0.03em;}
    .stat .head{font-weight:700; font-size:15px; margin-bottom:8px; color:var(--text-main);}
    .stat .desc{font-size:15px; line-height:1.5; color:var(--text-muted);}

    /* SPLIT GRID LOCAL */
    .split-grid-local { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
    .local-content h2 { font-size: 32px; font-weight: 800; margin-bottom: 20px; color: #fff;}
    .local-content p { color: var(--text-muted); line-height: 1.6; margin-bottom: 20px; }
    
    .check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
    .check-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; color: var(--text-main); }
    .check-list li svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 3px; fill: var(--accent-teal); }

    /* USE CASES */
    .use-cases-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 20px; }
    .use-case-card { 
      background: var(--bg-card); padding: 40px; border-radius: 24px; border: 1px solid var(--border-color); 
      position: relative; overflow: hidden; transition: 0.3s;
    }
    .use-case-card:hover { border-color: var(--accent-teal); box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
    .use-case-card h3 { font-size: 24px; font-weight: 800; margin-bottom: 15px; color: var(--text-main); }
    .use-case-card p { color: var(--text-muted); line-height: 1.6; margin-bottom: 25px; }
    
    .card-tag { 
      font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; 
      color: var(--accent-teal); background: rgba(45, 212, 191, 0.1); padding: 6px 12px; border-radius: 6px; margin-bottom: 20px; display: inline-block;
    }

    /* RESCUE BAR */
    .rescue-bar {
      margin: 80px auto 0;
      max-width: 900px;
      padding: 32px 40px;
      background: linear-gradient(90deg, rgba(239, 68, 68, 0.1) 0%, rgba(15, 23, 42, 0.4) 100%);
      border: 1px solid rgba(239, 68, 68, 0.3);
      border-left: 4px solid var(--accent-alert);
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
      box-shadow: 0 20px 50px rgba(239, 68, 68, 0.15);
      position: relative;
      overflow: hidden;
      transition: transform 0.3s ease;
    }
    .rescue-bar:hover { transform: translateY(-3px); box-shadow: 0 20px 60px rgba(239, 68, 68, 0.25); }
    
    .rescue-text h3 { font-size: 20px; font-weight: 800; margin: 0 0 6px; color: #fff; }
    .rescue-text p { font-size: 15px; margin: 0; color: #fda4af; } 

    .btn-rescue {
        background: transparent;
        border: 1px solid var(--accent-alert);
        color: var(--accent-alert);
        box-shadow: 0 0 15px rgba(239, 68, 68, 0.1);
        white-space: nowrap;
        padding: 14px 28px; border-radius: 8px; font-weight:700; font-size:15px; text-decoration: none;
    }
    .btn-rescue:hover {
        background: var(--accent-alert);
        color: #fff;
        box-shadow: 0 0 30px rgba(239, 68, 68, 0.4);
    }

    /* WHY SPAIN GRID */
    .bg-light-section.why-spain-section { padding: 50px 0 100px; }

    .why-spain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; text-align: center; margin-top: 50px; }
    .ws-item h4 { font-size: 18px; font-weight: 800; margin: 15px 0 10px; color: #fff;}
    .ws-item p { font-size: 14px; color: var(--text-muted); line-height: 1.5; }
    .ws-icon { 
        width: 60px; height: 60px; background: rgba(255,255,255,0.05); border: 1px solid var(--border-color);
        border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 24px; 
    }

    /* PROCESS GRID */
    .process-section { padding-top: 60px; }

    .process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 40px; }
    .process-step { position: relative; padding: 20px; border-radius: 16px; background: var(--bg-card); border: 1px solid var(--border-color); }
    
    .step-num { 
      font-size: 40px; font-weight: 800; color: var(--accent-teal); 
      margin-bottom: 10px; line-height: 1; 
    }
    .step-title { font-weight: 700; font-size: 18px; margin-bottom: 8px; color: #fff;}
    .step-desc { font-size: 14px; color: var(--text-muted); line-height: 1.4; }

    /* SALARY BOX & SUCCESS FEE */
    .salary-section { padding-top: 50px; }

    .salary-box { 
      background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%); 
      padding: 50px; border-radius: 32px; text-align: center; 
      border: 1px solid rgba(45, 212, 191, 0.2); margin-bottom: 60px; 
    }
    .salary-box h3 { font-size: 28px; font-weight: 800; margin-bottom: 15px; color: #fff;}
    .salary-box p { font-size: 16px; line-height: 1.6; color: var(--text-muted); max-width: 700px; margin: 0 auto 30px; }

    .success-fee-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 50px; }
    .sf-card { background: var(--bg-card); padding: 30px; border-radius: 16px; border-left: 5px solid var(--accent-teal); border-top: 1px solid var(--border-color); border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); }
    .sf-card h4 { font-size: 20px; font-weight: 800; margin: 0 0 10px; color: #fff;}
    .sf-card p { font-size: 15px; color: var(--text-muted); margin: 0; }

    /* CONTACT FORM */
    .contact-wrap{
      border-radius:32px; background: rgba(30, 41, 59, 0.6); backdrop-filter: blur(20px);
      border:1px solid rgba(255,255,255,0.1); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); padding:80px; max-width: 900px; margin: 0 auto;
    }
    .contact-title{font-size: clamp(32px, 3vw, 48px); font-weight:800; letter-spacing:-.03em; margin:0 0 30px; text-align:center; color: #fff;}
    .form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start;}
    .field{display:flex; flex-direction:column; gap:8px;}
    .label{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--text-muted);}
    .input, .textarea {
      width:100%; padding:14px; border-radius:12px; border:1px solid rgba(255,255,255,0.1); background: rgba(15, 23, 42, 0.6);
      font-family:inherit; font-size:15px; outline:none; transition: all .2s; color: #fff;
    }
    .textarea { resize: vertical; min-height: 120px; font-family: inherit;}
    .input:focus, .textarea:focus {background: rgba(15, 23, 42, 0.8); border-color:var(--accent-teal); box-shadow: 0 0 0 4px rgba(45, 212, 191, 0.15);}
    .span-2{grid-column: 1 / -1;}
    .submit-btn{width:100%; height:50px; font-size:16px; text-transform: uppercase; letter-spacing: 0.05em;}
    
    /* CHECKBOX STYLES ADDED */
    .checkbox-wrap { 
      display: flex; align-items: center; gap: 12px; 
      padding: 16px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); 
      border-radius: 8px; cursor: pointer; transition: 0.2s;
    }
    .checkbox-wrap:hover { background: rgba(255,255,255,0.05); border-color: var(--accent-teal);}
    .checkbox-wrap input { width: 20px; height: 20px; accent-color: var(--accent-teal); cursor: pointer; }
    .checkbox-label { font-weight: 600; color: #fff; font-size: 15px; cursor: pointer; }

    /* COOKIE BANNER STYLES */
    .cookie-banner {
      position: fixed;
      bottom: 20px;
      left: 20px;
      right: 20px;
      max-width: 600px;
      margin: 0 auto;
      background: rgba(15, 23, 42, 0.95);
      backdrop-filter: blur(12px);
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent-teal);
      border-radius: 12px;
      padding: 24px;
      z-index: 9999;
      box-shadow: 0 10px 40px rgba(0,0,0,0.6);
      display: none; /* Hidden by default, JS enables it */
      align-items: center;
      gap: 20px;
      justify-content: space-between;
      animation: slideUp 0.5s ease-out;
    }
    @keyframes slideUp {
      from { transform: translateY(100px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }
    .cookie-text { font-size: 14px; color: #cbd5e1; line-height: 1.5; }
    .cookie-text a { color: var(--accent-teal); text-decoration: none; }
    
    /* FIX: Added actions container */
    .cookie-actions { display: flex; align-items: center; gap: 15px; }

    .cookie-btn {
      background: var(--accent-teal);
      color: #0f172a;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-weight: 700;
      cursor: pointer;
      font-size: 14px;
      white-space: nowrap;
      transition: all 0.2s;
    }
    .cookie-btn:hover { background: #5eead4; transform: scale(1.05); }

    /* FIX: Added Decline Button Style */
    .cookie-decline {
      background: transparent;
      color: var(--text-muted);
      border: none;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .cookie-decline:hover { color: #fff; text-decoration: underline; }

    /* FOOTER */
    footer{margin-top:0; padding:100px 0 40px; background: #020617; color:#fff; border-top: 1px solid var(--border-color);}
    /* FIX: Set columns to 3 to match Home */
    .footer-cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 80px; }
    .footer-col h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 30px; color: var(--text-muted); }
    .footer-links-col { display: flex; flex-direction: column; gap: 16px; }
    .footer-links-col a { color: #94a3b8; text-decoration: none; font-size: 15px; transition: .2s; font-weight: 500; }
    .footer-links-col a:hover { color: var(--accent-teal); transform: translateX(5px); }
    .footer-brand p { color: #64748b; font-size: 15px; line-height: 1.7; max-width: 320px; margin-top: 24px; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
    .legal-links { display: flex; gap: 30px; font-size: 14px; color: #64748b; font-weight: 500;}
    .legal-links a { color: inherit; text-decoration: none; transition: color .2s; }
    .legal-links a:hover { color: #fff; }
    .social-row {display:flex; gap:16px; margin-top: 30px;}
    .social{width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; transition:.3s; border:1px solid rgba(255,255,255,0.1);}
    .social svg{width:20px; height:20px; fill:#fff; transition: fill .3s;}
    .social:hover{background:var(--accent-teal); border-color:var(--accent-teal); box-shadow: 0 0 15px rgba(45,212,191,0.4);} 
    .social:hover svg{fill: #000;}

    /* RESPONSIVE */
    @media (max-width: 900px) {
        .desktop-menu { display: none; } 
        .hamburger { display: block; }    
        
        .nav-row { 
            gap: 10px; 
            justify-content: space-between;
        }

        /* 1. SMALLER LOGO ON MOBILE */
        .brand img { height: 28px; } 

        /* 2. RESPONSIVE BUTTON & SPACING */
        .btn-primary.header-btn {
            padding: 8px 12px; 
            font-size: 13px; 
            height: 36px;
        }
        .cta-rescue { display: none; } 
        
        .nav-right {
             gap: 12px;
             margin-left: 10px;
        }

      /* Adjust Layout */
      .hero-local h1 { font-size: 42px; }
      .use-cases-grid { grid-template-columns: 1fr; }
      .why-spain-grid, .stats-grid, .success-fee-grid, .process-grid { grid-template-columns: 1fr; gap: 40px; }
      .split-grid-local { grid-template-columns: 1fr; gap: 40px; }
      .contact-wrap { padding: 24px; }
      .rescue-bar { flex-direction:column; text-align:center; padding:20px; }
      .form-grid { grid-template-columns: 1fr; gap: 16px; }
      
      .mobile-menu { display: none; }
      .mobile-menu.active { display: flex; }
      
      .dropdown-content { position: static; box-shadow: none; padding-left: 20px; border: none; display: none; background: transparent; width: 100%; }
      .dropdown-content a { color: #fff; padding: 12px 0; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 16px; }
      .dropdown.active .dropdown-content { display: block; }

      .footer-cols { grid-template-columns: 1fr; gap: 40px; }
      .footer-brand { order: 4; text-align: center; }
      .social-row { justify-content: center; }
      .footer-bottom { flex-direction: column; gap: 16px; }

      .cookie-banner { flex-direction: column; text-align: center; bottom: 0; left: 0; right: 0; border-radius: 12px 12px 0 0; }
      .cookie-actions { width: 100%; flex-direction: column; gap: 10px; }
      .cookie-btn { width: 100%; }
    }

	/*R-GERMANY*/

	    :root{
      /* PALETA MIDNIGHT TEAL (Dark Luxury Tech) */
      --bg-dark: #0f172a;       /* Slate 900 */
      --bg-card: #1e293b;       /* Slate 800 */
      
      --text-main: #f8fafc;     /* Blanco roto */
      --text-muted: #94a3b8;    /* Gris azulado metálico */

      /* EL ACENTO GAMBERRO */
      --accent-teal: #2dd4bf;   /* Turquesa Eléctrico / Menta */
      --accent-hover: #14b8a6;  
      
      --accent-warm: #f59e0b;   /* Warm accent */
      --accent-alert: #ef4444;

      --border-color: rgba(255, 255, 255, 0.1);
      /* Fixed: Standardized glow variable */
      --accent-glow: rgba(45, 212, 191, 0.15);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
      color: var(--text-main);
      background-color: var(--bg-dark);
      background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
      background-size: 40px 40px;
      -webkit-font-smoothing: antialiased;
      line-height: 1.6;
    }

    .container{max-width:1140px;margin:0 auto;padding:0 24px;}
    .section{padding: 100px 0;}
    /* CUT SPACE: Tight section reduced from 80px to 50px */
    .section-tight{padding: 50px 0;} 
    
    /* UTILS */
    .text-teal { color: var(--accent-teal); }
    .text-warm { color: var(--accent-warm); }
    .text-primary { color: var(--accent-teal); } 
    
    .micro{
        margin: 0 auto 24px; 
        color: var(--text-muted); 
        font-size: 13px; 
        text-align:center; 
        font-weight: 600; 
        text-transform: uppercase; 
        letter-spacing: 0.1em; 
        opacity: 0.8;
        display: block; 
    }
    .center-cta{display:flex;justify-content:center;margin-top:40px;}
    .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
    .reveal.active { opacity: 1; transform: translateY(0); }

    /* HEADER & NAVIGATION STYLES */
    header {
      position: sticky; top: 0;
      backdrop-filter: blur(16px) saturate(180%);
      background: rgba(15, 23, 42, 0.95); 
      border-bottom: 1px solid var(--border-color);
      z-index: 1000;
      height: 80px; 
      display: flex; align-items: center;
    }

    .nav-row {
        display: flex; align-items: center; 
        justify-content: space-between; 
        width: 100%; position: relative;
    }

    /* Logo - FIX: Removed filter to show original colors */
    .brand img { height: 40px; width: auto; display: block; transition: 0.3s ease; }

    /* Desktop Menu */
    .desktop-menu {
      display: flex; align-items: center; gap: 32px;
      margin-left: 80px; /* Spacer from Logo */
      margin-right: auto; 
    }
    .desktop-menu a {
      color: var(--text-muted); font-weight: 600; font-size: 14px; 
      letter-spacing: .02em; text-transform: uppercase; text-decoration: none;
      transition: color .2s ease;
    }
    .desktop-menu a:hover { color: var(--accent-teal); }

    /* Right Side */
    .nav-right { 
        display: flex; align-items: center; gap: 16px; 
        margin-left: 40px; 
    }

    /* Rescue Mission Link */
    .cta-rescue {
        color: #ef4444; 
        font-weight: 800; 
        text-decoration: none; 
        font-size: 11px; 
        text-transform: uppercase;
        line-height: 1.1;
        text-align: right;
        letter-spacing: 0.05em;
        transition: 0.2s;
    }
    .cta-rescue:hover { color: #fff; transform: translateY(-1px); }

    /* Hamburger */
    .hamburger { display: none; cursor: pointer; color: #fff; }
    
    /* Mobile Menu Container */
    .mobile-menu {
        position: absolute;
        top: 80px; left: 0; width: 100%;
        background: #0f172a;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 0;
        display: none; flex-direction: column;
        box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        /* FIX: Added scrolling for mobile */
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }
    .mobile-menu.active { display: flex; }

    .mobile-menu a {
        padding: 20px 24px;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        color: #fff; text-decoration: none; font-weight: 600;
        font-size: 16px; display: block;
    }
    .mobile-menu a:hover { background: rgba(255,255,255,0.05); color: var(--accent-teal); }

    /* Dropdowns */
    .dropdown { position: relative; }
    .dropdown-content {
      display: none; position: absolute; top: 100%; left: -20px;
      background: var(--bg-card); border: 1px solid var(--border-color);
      min-width: 200px; padding: 10px 0; border-radius: 12px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.4);
      z-index: 100;
    }
    .dropdown:hover .dropdown-content { display: block; }
    .dropdown-content a { display: block; padding: 12px 20px; color: #fff; text-transform: none; }
    .dropdown-content a:hover { color: var(--accent-teal); background: rgba(255,255,255,0.05);}
    
    /* Mobile Dropdown Specifics */
    .mobile-dropdown-content {
        display: none; background: rgba(0,0,0,0.2); padding-left: 20px;
    }
    .mobile-dropdown-content a { font-size: 14px; padding: 14px 24px; color: #cbd5e1; }
    .mobile-has-dropdown.active .mobile-dropdown-content { display: block; }

    /* BUTTONS */
    .btn{
      border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color: #fff;
      padding:14px 28px; border-radius: 8px; font-weight:700; font-size:15px;
      cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px;
      transition: all .2s ease;
    }
    .btn:hover{ background: rgba(255,255,255,0.1); transform: translateY(-2px);}

    .btn-primary{
      border: 1px solid transparent; background: var(--accent-teal); color: #0f172a; 
      box-shadow: 0 0 15px rgba(45, 212, 191, 0.3);
    }
    .btn-primary:hover{
      background: #5eead4; color: #000; box-shadow: 0 0 25px rgba(45, 212, 191, 0.5);
    }
    
    .btn-hero-outline {
        background: transparent !important; color: var(--accent-teal) !important; border: 2px solid var(--accent-teal) !important;
        font-size: 18px !important; padding: 18px 36px !important; box-shadow: 0 0 10px rgba(45,212,191,0.1) !important;
    }
    .btn-hero-outline:hover {
        background: var(--accent-teal) !important; color: #000 !important;
        box-shadow: 0 0 30px rgba(45,212,191,0.4) !important;
    }

    /* HERO SECTION */
    /* CUT SPACE: Top reduced from 120px to 70px. Bottom reduced from 80px to 40px */
    .hero-local { text-align: center; padding: 70px 0 40px; position: relative;}
    .hero-local::before {
        content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
        width: 60%; height: 60%; background: radial-gradient(circle, rgba(45, 212, 191, 0.1) 0%, transparent 60%);
        z-index: -1; pointer-events: none; filter: blur(80px);
    }
    
    .hero-local h1 { font-size: clamp(38px, 5vw, 64px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; margin: 0 0 24px; color: #fff;}
    .sub { font-size: 18px; line-height: 1.6; color: var(--text-muted); max-width: 750px; margin: 0 auto; }
    
    .hubs-list { display:flex; justify-content:center; gap:12px; margin-top:30px; flex-wrap:wrap; }
    .hub-badge { 
      background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); padding: 8px 20px; 
      border-radius: 99px; font-size: 14px; font-weight: 700; color: var(--text-main); 
      display:flex; align-items:center; gap:8px;
    }
    .hub-badge:hover { border-color: var(--accent-teal); color: var(--accent-teal); }

    /* LOGOS */
    /* CUT SPACE: margin-top reduced from 80px to 50px */
    .logos{ margin-top:50px; padding:40px 0; background: rgba(255,255,255,0.05); border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); }
    .logo-marquee{position:relative; overflow:hidden;}
    /* Adjusted duration for more logos */
    .logo-track{display:flex; gap:60px; width:max-content; animation:marquee 80s linear infinite;}
    @keyframes marquee{ to{transform: translateX(-50%);} }
    .logo-item img{
        height:32px; width:auto; filter: brightness(0) invert(1); opacity:0.7; transition:.3s;
    } 
    .logo-item:hover img{
        opacity:1; filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,0.8));
    }

    /* STATS GRID */
    .bg-light-section { background-color: rgba(255,255,255,0.02); }
    .stats-header-wrap {text-align: center; max-width: 800px; margin: 0 auto 50px;}
    .big-quote {
      font-size: clamp(36px, 4vw, 54px); font-weight: 800; letter-spacing: -0.03em;
      line-height: 1.1; color: var(--text-main); margin-bottom: 20px;
    }
    .quote-desc {font-size: 19px; color: var(--text-muted); font-weight: 500;}
    
    .stats-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:40px; margin-top:40px;}
    .stat{position:relative; padding: 24px; text-align: center; background: rgba(255,255,255,0.03); border-radius: 16px; border: 1px solid rgba(255,255,255,0.05);}
    .stat .big{font-size: clamp(40px, 4vw, 56px); font-weight:900; line-height:1; margin:0 0 10px; color: var(--accent-teal); letter-spacing:-0.03em;}
    .stat .head{font-weight:700; font-size:15px; margin-bottom:8px; color:var(--text-main);}
    .stat .desc{font-size:15px; line-height:1.5; color:var(--text-muted);}

    /* SPLIT GRID LOCAL */
    .split-grid-local { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
    .local-content h2 { font-size: 32px; font-weight: 800; margin-bottom: 20px; color: #fff;}
    .local-content p { color: var(--text-muted); line-height: 1.6; margin-bottom: 20px; }
    
    .highlight-box { 
      background: rgba(45, 212, 191, 0.05); border: 1px solid var(--accent-teal); 
      border-radius: 16px; padding: 30px; margin-top: 30px; 
    }
    .highlight-box h3 { color: var(--accent-teal); font-weight: 700; font-size: 18px; margin-bottom: 10px; }

    .check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
    .check-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; color: var(--text-main); }
    .check-list li svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 3px; fill: var(--accent-teal); }

    /* SERVICES GRID */
    .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 50px; }
    
    .use-case-card { 
      background: var(--bg-card); padding: 40px; border-radius: 24px; border: 1px solid var(--border-color); 
      position: relative; overflow: hidden; transition: 0.3s;
    }
    .use-case-card:hover { border-color: var(--accent-teal); box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
    .use-case-card h3 { font-size: 20px; font-weight: 700; margin-bottom: 15px; color: var(--text-main); }
    .use-case-card p { color: var(--text-muted); line-height: 1.6; margin-bottom: 0; font-size: 15px; }
    
    .card-tag { 
      font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; 
      color: var(--accent-teal); background: rgba(45, 212, 191, 0.1); padding: 6px 12px; border-radius: 6px; margin-bottom: 20px; display: inline-block;
    }
    
    .icon-box {
      width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;
      background: rgba(45, 212, 191, 0.1);
    }
    .icon-box svg { width: 24px; height: 24px; fill: var(--accent-teal); }

   /* RESCUE BAR (Updated) */
    .rescue-bar {
      margin: 80px auto 0;
      max-width: 900px;
      padding: 32px 40px;
      /* Red fade to dark */
      background: linear-gradient(90deg, rgba(239, 68, 68, 0.1) 0%, rgba(15, 23, 42, 0.4) 100%);
      border: 1px solid rgba(239, 68, 68, 0.3);
      border-left: 4px solid var(--accent-alert);
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
      /* Red Glow */
      box-shadow: 0 20px 50px rgba(239, 68, 68, 0.15);
      position: relative;
      overflow: hidden;
      transition: transform 0.3s ease;
    }
    .rescue-bar:hover { transform: translateY(-3px); box-shadow: 0 20px 60px rgba(239, 68, 68, 0.25); }
    
    .rescue-text h3 { font-size: 20px; font-weight: 800; margin: 0 0 6px; color: #fff; }
    .rescue-text p { font-size: 15px; margin: 0; color: #fda4af; } 

    .btn-rescue {
        background: transparent;
        border: 1px solid var(--accent-alert);
        color: var(--accent-alert);
        box-shadow: 0 0 15px rgba(239, 68, 68, 0.1);
        white-space: nowrap;
        padding: 14px 28px; border-radius: 8px; font-weight:700; font-size:15px; text-decoration: none;
    }
    .btn-rescue:hover {
        background: var(--accent-alert);
        color: #fff;
        box-shadow: 0 0 30px rgba(239, 68, 68, 0.4);
    }


    /* WHY GERMANY GRID */
    .why-germany-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; text-align: center; margin-top: 50px; }
    .ws-item h4 { font-size: 18px; font-weight: 800; margin: 15px 0 10px; color: #fff;}
    .ws-item p { font-size: 14px; color: var(--text-muted); line-height: 1.5; }
    .ws-icon { 
        width: 60px; height: 60px; background: rgba(255,255,255,0.05); border: 1px solid var(--border-color);
        border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 24px; 
    }

    /* PROCESS GRID */
    .process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 40px; }
    .process-step { position: relative; padding: 20px; border-radius: 16px; background: var(--bg-card); border: 1px solid var(--border-color); }
    
    .step-num { 
      font-size: 40px; font-weight: 800; color: var(--accent-teal); 
      margin-bottom: 10px; line-height: 1; 
    }
    .step-title { font-weight: 700; font-size: 18px; margin-bottom: 8px; color: #fff;}
    .step-desc { font-size: 14px; color: var(--text-muted); line-height: 1.4; }

    /* SALARY BOX & SUCCESS FEE */
    .salary-box { 
      background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%); 
      padding: 50px; border-radius: 32px; text-align: center; 
      border: 1px solid rgba(45, 212, 191, 0.2); margin-bottom: 60px; 
    }
    .salary-box h3 { font-size: 28px; font-weight: 800; margin-bottom: 15px; color: #fff;}
    .salary-box p { font-size: 16px; line-height: 1.6; color: var(--text-muted); max-width: 700px; margin: 0 auto 30px; }

    .success-fee-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 50px; }
    .sf-card { background: var(--bg-card); padding: 30px; border-radius: 16px; border-left: 5px solid var(--accent-teal); border-top: 1px solid var(--border-color); border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); }
    .sf-card h4 { font-size: 20px; font-weight: 800; margin: 0 0 10px; color: #fff;}
    .sf-card p { font-size: 15px; color: var(--text-muted); margin: 0; }

    /* CONTACT FORM */
    .contact-wrap{
      border-radius:32px; background: rgba(30, 41, 59, 0.6); backdrop-filter: blur(20px);
      border:1px solid rgba(255,255,255,0.1); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); padding:80px; max-width: 900px; margin: 0 auto;
    }
    .contact-title{font-size: clamp(32px, 3vw, 48px); font-weight:800; letter-spacing:-.03em; margin:0 0 30px; text-align:center; color: #fff;}
    .form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start;}
    .field{display:flex; flex-direction:column; gap:8px;}
    .label{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--text-muted);}
    .input, .textarea {
      width:100%; padding:14px; border-radius:12px; border:1px solid rgba(255,255,255,0.1); background: rgba(15, 23, 42, 0.6);
      font-family:inherit; font-size:15px; outline:none; transition: all .2s; color: #fff;
    }
    .textarea { resize: vertical; min-height: 120px; font-family: inherit;}
    .input:focus, .textarea:focus {background: rgba(15, 23, 42, 0.8); border-color:var(--accent-teal); box-shadow: 0 0 0 4px rgba(45, 212, 191, 0.15);}
    .span-2{grid-column: 1 / -1;}
    .submit-btn{width:100%; height:50px; font-size:16px; text-transform: uppercase; letter-spacing: 0.05em;}
    
    /* CUSTOM CHECKBOX STYLE FOR GERMAN MARKET ADAPTATION */
    .checkbox-bar {
      display: flex; align-items: center; gap: 16px; 
      cursor: pointer; padding-top:8px;
    }
    .checkbox-bar input[type="checkbox"] {
      width: 24px; height: 24px; accent-color: var(--accent-teal); cursor: pointer; flex-shrink: 0;
    }
    .warning-label {
      background: rgba(51, 65, 85, 0.5); /* Matching slate tone */
      border: 1px solid rgba(148, 163, 184, 0.2);
      color: #cbd5e1; /* Lighter text for readability */
      padding: 12px 16px; border-radius: 8px; font-weight: 600; font-size: 14px;
      width: 100%; display: flex; align-items: center; gap: 8px; transition: 0.2s;
    }
    .checkbox-bar:hover .warning-label {
      background: rgba(51, 65, 85, 0.8); border-color: var(--accent-teal); color: #fff;
    }

    /* COOKIE BANNER STYLES */
    .cookie-banner {
      position: fixed;
      bottom: 20px;
      left: 20px;
      right: 20px;
      max-width: 600px;
      margin: 0 auto;
      background: rgba(15, 23, 42, 0.95);
      backdrop-filter: blur(12px);
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent-teal);
      border-radius: 12px;
      padding: 24px;
      z-index: 9999;
      box-shadow: 0 10px 40px rgba(0,0,0,0.6);
      display: none; /* Hidden by default, JS enables it */
      align-items: center;
      gap: 20px;
      justify-content: space-between;
      animation: slideUp 0.5s ease-out;
    }
    @keyframes slideUp {
      from { transform: translateY(100px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }
    .cookie-text { font-size: 14px; color: #cbd5e1; line-height: 1.5; }
    .cookie-text a { color: var(--accent-teal); text-decoration: none; }
    
    /* FIX: Added actions container */
    .cookie-actions { display: flex; align-items: center; gap: 15px; }

    .cookie-btn {
      background: var(--accent-teal);
      color: #0f172a;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-weight: 700;
      cursor: pointer;
      font-size: 14px;
      white-space: nowrap;
      transition: all 0.2s;
    }
    .cookie-btn:hover { background: #5eead4; transform: scale(1.05); }

    /* FIX: Added Decline Button Style */
    .cookie-decline {
      background: transparent;
      color: var(--text-muted);
      border: none;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .cookie-decline:hover { color: #fff; text-decoration: underline; }

    /* FOOTER */
    footer{margin-top:0; padding:100px 0 40px; background: #020617; color:#fff; border-top: 1px solid var(--border-color);}
    /* CHANGED FOOTER GRID to 3 columns to match HOME */
    .footer-cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 80px; }
    .footer-col h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 30px; color: var(--text-muted); }
    .footer-links-col { display: flex; flex-direction: column; gap: 16px; }
    .footer-links-col a { color: #94a3b8; text-decoration: none; font-size: 15px; transition: .2s; font-weight: 500; }
    .footer-links-col a:hover { color: var(--accent-teal); transform: translateX(5px); }
    .footer-brand p { color: #64748b; font-size: 15px; line-height: 1.7; max-width: 320px; margin-top: 24px; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
    .legal-links { display: flex; gap: 30px; font-size: 14px; color: #64748b; font-weight: 500;}
    .legal-links a { color: inherit; text-decoration: none; transition: color .2s; }
    .legal-links a:hover { color: #fff; }
    .social-row {display:flex; gap:16px; margin-top: 30px;}
    .social{width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; transition:.3s; border:1px solid rgba(255,255,255,0.1);}
    .social svg{width:20px; height:20px; fill:#fff; transition: fill .3s;}
    .social:hover{background:var(--accent-teal); border-color:var(--accent-teal); box-shadow: 0 0 15px rgba(45,212,191,0.4);} 
    .social:hover svg{fill: #000;}

    /* RESPONSIVE */
    @media (max-width: 900px) {
        .desktop-menu { display: none; } 
        .hamburger { display: block; }   
        
        .nav-row { 
            gap: 10px; 
            justify-content: space-between;
        }

        /* 1. SMALLER LOGO ON MOBILE */
        .brand img { height: 28px; } 

        /* 2. RESPONSIVE BUTTON & SPACING */
        .btn-primary.header-btn {
            padding: 8px 12px; 
            font-size: 13px; 
            height: 36px;
        }
        .cta-rescue { display: none; } 
        
        .nav-right {
             gap: 12px;
             margin-left: 10px;
        }

      /* Adjust Layout */
      .hero-local h1 { font-size: 42px; }
      .use-cases-grid { grid-template-columns: 1fr; }
      .services-grid { grid-template-columns: 1fr; }
      .why-germany-grid, .stats-grid, .success-fee-grid, .process-grid { grid-template-columns: 1fr; gap: 40px; }
      .split-grid-local { grid-template-columns: 1fr; gap: 40px; }
      .contact-wrap { padding: 24px; }
      .rescue-bar { flex-direction:column; text-align:center; padding:20px; }
      .form-grid { grid-template-columns: 1fr; gap: 16px; }
      
      .mobile-menu { display: none; }
      .mobile-menu.active { display: flex; }
      
      .dropdown-content { position: static; box-shadow: none; padding-left: 20px; border: none; display: none; background: transparent; width: 100%; }
      .dropdown-content a { color: #fff; padding: 12px 0; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 16px; }
      .dropdown.active .dropdown-content { display: block; }

      .footer-cols { grid-template-columns: 1fr; gap: 40px; }
      .footer-brand { order: 4; text-align: center; }
      .social-row { justify-content: center; }
      .footer-bottom { flex-direction: column; gap: 16px; }

      .cookie-banner { flex-direction: column; text-align: center; bottom: 0; left: 0; right: 0; border-radius: 12px 12px 0 0; }
      .cookie-actions { width: 100%; flex-direction: column; gap: 10px; }
      .cookie-btn { width: 100%; }
    }

	/*R.ITALY*/

	    :root{
      /* PALETA MIDNIGHT TEAL (Dark Luxury Tech) */
      --bg-dark: #0f172a;       /* Slate 900 */
      --bg-card: #1e293b;       /* Slate 800 */
      
      --text-main: #f8fafc;     /* Blanco roto */
      --text-muted: #94a3b8;    /* Gris azulado metálico */

      /* EL ACENTO GAMBERRO */
      --accent-teal: #2dd4bf;   /* Turquesa Eléctrico / Menta */
      --accent-hover: #14b8a6;  
      
      --accent-warm: #f59e0b;   /* Warm accent */
      --accent-alert: #ef4444;

      --border-color: rgba(255, 255, 255, 0.1);
      /* Fixed: Standardized glow variable */
      --accent-glow: rgba(45, 212, 191, 0.15);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
      color: var(--text-main);
      background-color: var(--bg-dark);
      background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
      background-size: 40px 40px;
      -webkit-font-smoothing: antialiased;
      line-height: 1.6;
    }

    .container{max-width:1140px;margin:0 auto;padding:0 24px;}
    .section{padding: 100px 0;}
    /* CUT SPACE: Reduced from 80px to 50px */
    .section-tight{padding: 50px 0;}
    
    /* UTILS */
    .text-teal { color: var(--accent-teal); }
    .text-warm { color: var(--accent-warm); }
    .text-primary { color: var(--accent-teal); } 
    
    .micro{
        margin: 0 auto 24px; 
        color: var(--text-muted); 
        font-size: 13px; 
        text-align:center; 
        font-weight: 600; 
        text-transform: uppercase; 
        letter-spacing: 0.1em; 
        opacity: 0.8;
        display: block; 
    }
    .center-cta{display:flex;justify-content:center;margin-top:40px;}
    .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
    .reveal.active { opacity: 1; transform: translateY(0); }

    /* HEADER & NAVIGATION STYLES */
    header {
      position: sticky; top: 0;
      backdrop-filter: blur(16px) saturate(180%);
      background: rgba(15, 23, 42, 0.95); 
      border-bottom: 1px solid var(--border-color);
      z-index: 1000;
      height: 80px; 
      display: flex; align-items: center;
    }

    .nav-row {
        display: flex; align-items: center; 
        justify-content: space-between; 
        width: 100%; position: relative;
    }

    /* Logo - FIX: Removed filter to show original colors */
    .brand img { height: 40px; width: auto; display: block; transition: 0.3s ease; }

    /* Desktop Menu */
    .desktop-menu {
      display: flex; align-items: center; gap: 32px;
      margin-left: 80px; 
      margin-right: auto; 
    }
    .desktop-menu a {
      color: var(--text-muted); font-weight: 600; font-size: 14px; 
      letter-spacing: .02em; text-transform: uppercase; text-decoration: none;
      transition: color .2s ease;
    }
    .desktop-menu a:hover { color: var(--accent-teal); }

    /* Right Side */
    .nav-right { 
        display: flex; align-items: center; gap: 16px; 
        margin-left: 40px; 
    }

    /* Rescue Mission Link */
    .cta-rescue {
        color: #ef4444; 
        font-weight: 800; 
        text-decoration: none; 
        font-size: 11px; 
        text-transform: uppercase;
        line-height: 1.1;
        text-align: right;
        letter-spacing: 0.05em;
        transition: 0.2s;
    }
    .cta-rescue:hover { color: #fff; transform: translateY(-1px); }

    /* Hamburger */
    .hamburger { display: none; cursor: pointer; color: #fff; }
    
    /* Mobile Menu Container */
    .mobile-menu {
        position: absolute;
        top: 80px; left: 0; width: 100%;
        background: #0f172a;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 0;
        display: none; flex-direction: column;
        box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        /* FIX: Added scrolling for mobile */
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }
    .mobile-menu.active { display: flex; }

    .mobile-menu a {
        padding: 20px 24px;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        color: #fff; text-decoration: none; font-weight: 600;
        font-size: 16px; display: block;
    }
    .mobile-menu a:hover { background: rgba(255,255,255,0.05); color: var(--accent-teal); }

    /* Dropdowns */
    .dropdown { position: relative; }
    .dropdown-content {
      display: none; position: absolute; top: 100%; left: -20px;
      background: var(--bg-card); border: 1px solid var(--border-color);
      min-width: 200px; padding: 10px 0; border-radius: 12px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.4);
      z-index: 100;
    }
    .dropdown:hover .dropdown-content { display: block; }
    .dropdown-content a { display: block; padding: 12px 20px; color: #fff; text-transform: none; }
    .dropdown-content a:hover { color: var(--accent-teal); background: rgba(255,255,255,0.05);}
    
    /* Mobile Dropdown Specifics */
    .mobile-dropdown-content {
        display: none; background: rgba(0,0,0,0.2); padding-left: 20px;
    }
    .mobile-dropdown-content a { font-size: 14px; padding: 14px 24px; color: #cbd5e1; }
    .mobile-has-dropdown.active .mobile-dropdown-content { display: block; }

    /* BUTTONS */
    .btn{
      border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color: #fff;
      padding:14px 28px; border-radius: 8px; font-weight:700; font-size:15px;
      cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px;
      transition: all .2s ease;
    }
    .btn:hover{ background: rgba(255,255,255,0.1); transform: translateY(-2px);}

    .btn-primary{
      border: 1px solid transparent; background: var(--accent-teal); color: #0f172a; 
      box-shadow: 0 0 15px rgba(45, 212, 191, 0.3);
    }
    .btn-primary:hover{
      background: #5eead4; color: #000; box-shadow: 0 0 25px rgba(45, 212, 191, 0.5);
    }
    
    .btn-hero-outline {
        background: transparent !important; color: var(--accent-teal) !important; border: 2px solid var(--accent-teal) !important;
        font-size: 18px !important; padding: 18px 36px !important; box-shadow: 0 0 10px rgba(45,212,191,0.1) !important;
    }
    .btn-hero-outline:hover {
        background: var(--accent-teal) !important; color: #000 !important;
        box-shadow: 0 0 30px rgba(45,212,191,0.4) !important;
    }

    /* HERO SECTION */
    /* CUT SPACE: Top 120->70, Bottom 80->40 */
    .hero-local { text-align: center; padding: 70px 0 40px; position: relative;}
    .hero-local::before {
        content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
        width: 60%; height: 60%; background: radial-gradient(circle, rgba(45, 212, 191, 0.1) 0%, transparent 60%);
        z-index: -1; pointer-events: none; filter: blur(80px);
    }
    
    .hero-local h1 { font-size: clamp(38px, 5vw, 64px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; margin: 0 0 24px; color: #fff;}
    .sub { font-size: 18px; line-height: 1.6; color: var(--text-muted); max-width: 750px; margin: 0 auto; }
    
    .hubs-list { display:flex; justify-content:center; gap:12px; margin-top:30px; flex-wrap:wrap; }
    .hub-badge { 
      background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); padding: 8px 20px; 
      border-radius: 99px; font-size: 14px; font-weight: 700; color: var(--text-main); 
      display:flex; align-items:center; gap:8px;
    }
    .hub-badge:hover { border-color: var(--accent-teal); color: var(--accent-teal); }

    /* LOGOS */
    /* CUT SPACE: Margin top 80->50 */
    .logos{ margin-top:50px; padding:40px 0; background: rgba(255,255,255,0.05); border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); }
    .logo-marquee{position:relative; overflow:hidden;}
    /* 80s for smooth loop */
    .logo-track{display:flex; gap:60px; width:max-content; animation:marquee 80s linear infinite;}
    @keyframes marquee{ to{transform: translateX(-50%);} }
    .logo-item img{
        height:32px; width:auto; filter: brightness(0) invert(1); opacity:0.7; transition:.3s;
    } 
    .logo-item:hover img{
        opacity:1; filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,0.8));
    }

    /* STATS GRID */
    .bg-light-section { background-color: rgba(255,255,255,0.02); }
    .stats-header-wrap {text-align: center; max-width: 800px; margin: 0 auto 50px;}
    .big-quote {
      font-size: clamp(36px, 4vw, 54px); font-weight: 800; letter-spacing: -0.03em;
      line-height: 1.1; color: var(--text-main); margin-bottom: 20px;
    }
    .quote-desc {font-size: 19px; color: var(--text-muted); font-weight: 500;}
    
    .stats-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:40px; margin-top:40px;}
    .stat{position:relative; padding: 24px; text-align: center; background: rgba(255,255,255,0.03); border-radius: 16px; border: 1px solid rgba(255,255,255,0.05);}
    .stat .big{font-size: clamp(40px, 4vw, 56px); font-weight:900; line-height:1; margin:0 0 10px; color: var(--accent-teal); letter-spacing:-0.03em;}
    .stat .head{font-weight:700; font-size:15px; margin-bottom:8px; color:var(--text-main);}
    .stat .desc{font-size:15px; line-height:1.5; color:var(--text-muted);}

    /* SPLIT GRID LOCAL */
    .split-grid-local { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
    .local-content h2 { font-size: 32px; font-weight: 800; margin-bottom: 20px; color: #fff;}
    .local-content p { color: var(--text-muted); line-height: 1.6; margin-bottom: 20px; }
    
    .highlight-box { 
      background: rgba(45, 212, 191, 0.05); border: 1px solid var(--accent-teal); 
      border-radius: 16px; padding: 30px; margin-top: 30px; 
    }
    .highlight-box h3 { color: var(--accent-teal); font-weight: 700; font-size: 18px; margin-bottom: 10px; }

    .check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
    .check-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; color: var(--text-main); }
    .check-list li svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 3px; fill: var(--accent-teal); }

    /* SERVICES GRID */
    .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 50px; }
    
    .use-case-card { 
      background: var(--bg-card); padding: 40px; border-radius: 24px; border: 1px solid var(--border-color); 
      position: relative; overflow: hidden; transition: 0.3s;
    }
    .use-case-card:hover { border-color: var(--accent-teal); box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
    .use-case-card h3 { font-size: 20px; font-weight: 700; margin-bottom: 15px; color: var(--text-main); }
    .use-case-card p { color: var(--text-muted); line-height: 1.6; margin-bottom: 0; font-size: 15px; }
    
    .card-tag { 
      font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; 
      color: var(--accent-teal); background: rgba(45, 212, 191, 0.1); padding: 6px 12px; border-radius: 6px; margin-bottom: 20px; display: inline-block;
    }
    
    .icon-box {
      width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;
      background: rgba(45, 212, 191, 0.1);
    }
    .icon-box svg { width: 24px; height: 24px; fill: var(--accent-teal); }

   /* RESCUE BAR */
    .rescue-bar {
      margin: 80px auto 0;
      max-width: 900px;
      padding: 32px 40px;
      background: linear-gradient(90deg, rgba(239, 68, 68, 0.1) 0%, rgba(15, 23, 42, 0.4) 100%);
      border: 1px solid rgba(239, 68, 68, 0.3);
      border-left: 4px solid var(--accent-alert);
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
      box-shadow: 0 20px 50px rgba(239, 68, 68, 0.15);
      position: relative;
      overflow: hidden;
      transition: transform 0.3s ease;
    }
    .rescue-bar:hover { transform: translateY(-3px); box-shadow: 0 20px 60px rgba(239, 68, 68, 0.25); }
    
    .rescue-text h3 { font-size: 20px; font-weight: 800; margin: 0 0 6px; color: #fff; }
    .rescue-text p { font-size: 15px; margin: 0; color: #fda4af; line-height: 1.4; } 

    .btn-rescue {
        background: transparent;
        border: 1px solid var(--accent-alert);
        color: var(--accent-alert);
        box-shadow: 0 0 15px rgba(239, 68, 68, 0.1);
        white-space: nowrap;
        padding: 14px 28px; border-radius: 8px; font-weight:700; font-size:15px; text-decoration: none;
    }
    .btn-rescue:hover {
        background: var(--accent-alert);
        color: #fff;
        box-shadow: 0 0 30px rgba(239, 68, 68, 0.4);
    }

    /* WHY SPAIN GRID */
    .why-spain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; text-align: center; margin-top: 50px; }
    .ws-item h4 { font-size: 18px; font-weight: 800; margin: 15px 0 10px; color: #fff;}
    .ws-item p { font-size: 14px; color: var(--text-muted); line-height: 1.5; }
    .ws-icon { 
        width: 60px; height: 60px; background: rgba(255,255,255,0.05); border: 1px solid var(--border-color);
        border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 24px; 
    }

    /* PROCESS GRID */
    .process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 40px; }
    .process-step { position: relative; padding: 20px; border-radius: 16px; background: var(--bg-card); border: 1px solid var(--border-color); }
    
    .step-num { 
      font-size: 40px; font-weight: 800; color: var(--accent-teal); 
      margin-bottom: 10px; line-height: 1; 
    }
    .step-title { font-weight: 700; font-size: 18px; margin-bottom: 8px; color: #fff;}
    .step-desc { font-size: 14px; color: var(--text-muted); line-height: 1.4; }

    /* SALARY BOX & SUCCESS FEE */
    .salary-box { 
      background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%); 
      padding: 50px; border-radius: 32px; text-align: center; 
      border: 1px solid rgba(45, 212, 191, 0.2); margin-bottom: 60px; 
    }
    .salary-box h3 { font-size: 28px; font-weight: 800; margin-bottom: 15px; color: #fff;}
    .salary-box p { font-size: 16px; line-height: 1.6; color: var(--text-muted); max-width: 700px; margin: 0 auto; margin-bottom: 30px; }

    .success-fee-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 50px; }
    .sf-card { background: var(--bg-card); padding: 30px; border-radius: 16px; border-left: 5px solid var(--accent-teal); border-top: 1px solid var(--border-color); border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); }
    .sf-card h4 { font-size: 20px; font-weight: 800; margin: 0 0 10px; color: #fff;}
    .sf-card p { font-size: 15px; color: var(--text-muted); margin: 0; }

    /* CONTACT FORM */
    .contact-wrap{
      border-radius:32px; background: rgba(30, 41, 59, 0.6); backdrop-filter: blur(20px);
      border:1px solid rgba(255,255,255,0.1); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); padding:80px; max-width: 900px; margin: 0 auto;
    }
    .contact-title{font-size: clamp(32px, 3vw, 48px); font-weight:800; letter-spacing:-.03em; margin:0 0 30px; text-align:center; color: #fff;}
    .form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start;}
    .field{display:flex; flex-direction:column; gap:8px;}
    .label{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--text-muted);}
    .input, .textarea {
      width:100%; padding:14px; border-radius:12px; border:1px solid rgba(255,255,255,0.1); background: rgba(15, 23, 42, 0.6);
      font-family:inherit; font-size:15px; outline:none; transition: all .2s; color: #fff;
    }
    .textarea { resize: vertical; min-height: 120px; font-family: inherit;}
    .input:focus, .textarea:focus {background: rgba(15, 23, 42, 0.8); border-color:var(--accent-teal); box-shadow: 0 0 0 4px rgba(45, 212, 191, 0.15);}
    .span-2{grid-column: 1 / -1;}
    .submit-btn{width:100%; height:50px; font-size:16px; text-transform: uppercase; letter-spacing: 0.05em;}
    
    /* CUSTOM CHECKBOX STYLE */
    .checkbox-bar {
      display: flex; align-items: center; gap: 16px; 
      cursor: pointer; padding-top:8px;
    }
    .checkbox-bar input[type="checkbox"] {
      width: 24px; height: 24px; accent-color: var(--accent-teal); cursor: pointer; flex-shrink: 0;
    }
    .warning-label {
      background: rgba(51, 65, 85, 0.5); /* Matching slate tone */
      border: 1px solid rgba(148, 163, 184, 0.2);
      color: #cbd5e1; /* Lighter text for readability */
      padding: 12px 16px; border-radius: 8px; font-weight: 600; font-size: 14px;
      width: 100%; display: flex; align-items: center; gap: 8px; transition: 0.2s;
    }
    .checkbox-bar:hover .warning-label {
      background: rgba(51, 65, 85, 0.8); border-color: var(--accent-teal); color: #fff;
    }

    /* COOKIE BANNER STYLES */
    .cookie-banner {
      position: fixed;
      bottom: 20px;
      left: 20px;
      right: 20px;
      max-width: 600px;
      margin: 0 auto;
      background: rgba(15, 23, 42, 0.95);
      backdrop-filter: blur(12px);
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent-teal);
      border-radius: 12px;
      padding: 24px;
      z-index: 9999;
      box-shadow: 0 10px 40px rgba(0,0,0,0.6);
      display: none; /* Hidden by default, JS enables it */
      align-items: center;
      gap: 20px;
      justify-content: space-between;
      animation: slideUp 0.5s ease-out;
    }
    @keyframes slideUp {
      from { transform: translateY(100px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }
    .cookie-text { font-size: 14px; color: #cbd5e1; line-height: 1.5; }
    .cookie-text a { color: var(--accent-teal); text-decoration: none; }
    
    /* FIX: Added actions container */
    .cookie-actions { display: flex; align-items: center; gap: 15px; }

    .cookie-btn {
      background: var(--accent-teal);
      color: #0f172a;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-weight: 700;
      cursor: pointer;
      font-size: 14px;
      white-space: nowrap;
      transition: all 0.2s;
    }
    .cookie-btn:hover { background: #5eead4; transform: scale(1.05); }

    /* FIX: Added Decline Button Style */
    .cookie-decline {
      background: transparent;
      color: var(--text-muted);
      border: none;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .cookie-decline:hover { color: #fff; text-decoration: underline; }

    /* FOOTER */
    footer{margin-top:0; padding:100px 0 40px; background: #020617; color:#fff; border-top: 1px solid var(--border-color);}
    /* CHANGED TO 3 COLUMNS */
    .footer-cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 80px; }
    .footer-col h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 30px; color: var(--text-muted); }
    .footer-links-col { display: flex; flex-direction: column; gap: 16px; }
    .footer-links-col a { color: #94a3b8; text-decoration: none; font-size: 15px; transition: .2s; font-weight: 500; }
    .footer-links-col a:hover { color: var(--accent-teal); transform: translateX(5px); }
    .footer-brand p { color: #64748b; font-size: 15px; line-height: 1.7; max-width: 320px; margin-top: 24px; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
    .legal-links { display: flex; gap: 30px; font-size: 14px; color: #64748b; font-weight: 500;}
    .legal-links a { color: inherit; text-decoration: none; transition: color .2s; }
    .legal-links a:hover { color: #fff; }
    .social-row {display:flex; gap:16px; margin-top: 30px;}
    .social{width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; transition:.3s; border:1px solid rgba(255,255,255,0.1);}
    .social svg{width:20px; height:20px; fill:#fff; transition: fill .3s;}
    .social:hover{background:var(--accent-teal); border-color:var(--accent-teal); box-shadow: 0 0 15px rgba(45,212,191,0.4);} 
    .social:hover svg{fill: #000;}

    /* RESPONSIVE */
    @media (max-width: 900px) {
        .desktop-menu { display: none; } 
        .hamburger { display: block; }   
        
        .nav-row { 
            gap: 10px; 
            justify-content: space-between;
        }

        /* 1. SMALLER LOGO ON MOBILE */
        .brand img { height: 28px; } 

        /* 2. RESPONSIVE BUTTON & SPACING */
        .btn-primary.header-btn {
            padding: 8px 12px; 
            font-size: 13px; 
            height: 36px;
        }
        .cta-rescue { display: none; } 
        
        .nav-right {
             gap: 12px;
             margin-left: 10px;
        }

      /* Adjust Layout */
      .hero-local h1 { font-size: 42px; }
      .use-cases-grid { grid-template-columns: 1fr; }
      .services-grid { grid-template-columns: 1fr; }
      .why-spain-grid, .stats-grid, .success-fee-grid, .process-grid { grid-template-columns: 1fr; gap: 40px; }
      .split-grid-local { grid-template-columns: 1fr; gap: 40px; }
      .contact-wrap { padding: 24px; }
      .rescue-bar { flex-direction:column; text-align:center; padding:20px; }
      .form-grid { grid-template-columns: 1fr; gap: 16px; }
      
      .mobile-menu { display: none; }
      .mobile-menu.active { display: flex; }
      
      .dropdown-content { position: static; box-shadow: none; padding-left: 20px; border: none; display: none; background: transparent; width: 100%; }
      .dropdown-content a { color: #fff; padding: 12px 0; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 16px; }
      .dropdown.active .dropdown-content { display: block; }

      .footer-cols { grid-template-columns: 1fr; gap: 40px; }
      .footer-brand { order: 4; text-align: center; }
      .social-row { justify-content: center; }
      .footer-bottom { flex-direction: column; gap: 16px; }

      .cookie-banner { flex-direction: column; text-align: center; bottom: 0; left: 0; right: 0; border-radius: 12px 12px 0 0; }
      .cookie-actions { width: 100%; flex-direction: column; gap: 10px; }
      .cookie-btn { width: 100%; }
    }

	/*R-FRANCIA*/

	    :root{
      /* PALETA MIDNIGHT TEAL (Dark Luxury Tech) */
      --bg-dark: #0f172a;       /* Slate 900 */
      --bg-card: #1e293b;       /* Slate 800 */
      
      --text-main: #f8fafc;     /* Blanco roto */
      --text-muted: #94a3b8;    /* Gris azulado metálico */

      /* EL ACENTO GAMBERRO */
      --accent-teal: #2dd4bf;   /* Turquesa Eléctrico / Menta */
      --accent-hover: #14b8a6;  
      
      --accent-warm: #f59e0b;   /* Warm accent */
      --accent-alert: #ef4444;

      --border-color: rgba(255, 255, 255, 0.1);
      /* Fixed: Standardized glow variable */
      --accent-glow: rgba(45, 212, 191, 0.15);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
      color: var(--text-main);
      background-color: var(--bg-dark);
      background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
      background-size: 40px 40px;
      -webkit-font-smoothing: antialiased;
      line-height: 1.6;
    }

    .container{max-width:1140px;margin:0 auto;padding:0 24px;}
    .section{padding: 100px 0;}
    /* CUT SPACE: Reduced from 80px to 50px */
    .section-tight{padding: 50px 0;}
    
    /* UTILS */
    .text-teal { color: var(--accent-teal); }
    .text-warm { color: var(--accent-warm); }
    .text-primary { color: var(--accent-teal); } 
    
    .micro{
        margin: 0 auto 24px; 
        color: var(--text-muted); 
        font-size: 13px; 
        text-align:center; 
        font-weight: 600; 
        text-transform: uppercase; 
        letter-spacing: 0.1em; 
        opacity: 0.8;
        display: block; 
    }
    .center-cta{display:flex;justify-content:center;margin-top:40px;}
    .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
    .reveal.active { opacity: 1; transform: translateY(0); }

    /* HEADER & NAVIGATION STYLES */
    header {
      position: sticky; top: 0;
      backdrop-filter: blur(16px) saturate(180%);
      background: rgba(15, 23, 42, 0.95); 
      border-bottom: 1px solid var(--border-color);
      z-index: 1000;
      height: 80px; 
      display: flex; align-items: center;
    }

    .nav-row {
        display: flex; align-items: center; 
        justify-content: space-between; 
        width: 100%; position: relative;
    }

    /* Logo - FIX: Removed filter to show original colors */
    .brand img { height: 40px; width: auto; display: block; transition: 0.3s ease; }

    /* Desktop Menu */
    .desktop-menu {
      display: flex; align-items: center; gap: 32px;
      margin-left: 80px; 
      margin-right: auto; 
    }
    .desktop-menu a {
      color: var(--text-muted); font-weight: 600; font-size: 14px; 
      letter-spacing: .02em; text-transform: uppercase; text-decoration: none;
      transition: color .2s ease;
    }
    .desktop-menu a:hover { color: var(--accent-teal); }

    /* Right Side */
    .nav-right { 
        display: flex; align-items: center; gap: 16px; 
        margin-left: 40px; 
    }

    /* Rescue Mission Link */
    .cta-rescue {
        color: #ef4444; 
        font-weight: 800; 
        text-decoration: none; 
        font-size: 11px; 
        text-transform: uppercase;
        line-height: 1.1;
        text-align: right;
        letter-spacing: 0.05em;
        transition: 0.2s;
    }
    .cta-rescue:hover { color: #fff; transform: translateY(-1px); }

    /* Hamburger */
    .hamburger { display: none; cursor: pointer; color: #fff; }
    
    /* Mobile Menu Container */
    .mobile-menu {
        position: absolute;
        top: 80px; left: 0; width: 100%;
        background: #0f172a;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 0;
        display: none; flex-direction: column;
        box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        /* FIX: Added scrolling for mobile */
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }
    .mobile-menu.active { display: flex; }

    .mobile-menu a {
        padding: 20px 24px;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        color: #fff; text-decoration: none; font-weight: 600;
        font-size: 16px; display: block;
    }
    .mobile-menu a:hover { background: rgba(255,255,255,0.05); color: var(--accent-teal); }

    /* Dropdowns */
    .dropdown { position: relative; }
    .dropdown-content {
      display: none; position: absolute; top: 100%; left: -20px;
      background: var(--bg-card); border: 1px solid var(--border-color);
      min-width: 200px; padding: 10px 0; border-radius: 12px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.4);
      z-index: 100;
    }
    .dropdown:hover .dropdown-content { display: block; }
    .dropdown-content a { display: block; padding: 12px 20px; color: #fff; text-transform: none; }
    .dropdown-content a:hover { color: var(--accent-teal); background: rgba(255,255,255,0.05);}
    
    /* Mobile Dropdown Specifics */
    .mobile-dropdown-content {
        display: none; background: rgba(0,0,0,0.2); padding-left: 20px;
    }
    .mobile-dropdown-content a { font-size: 14px; padding: 14px 24px; color: #cbd5e1; }
    .mobile-has-dropdown.active .mobile-dropdown-content { display: block; }

    /* BUTTONS */
    .btn{
      border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color: #fff;
      padding:14px 28px; border-radius: 8px; font-weight:700; font-size:15px;
      cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px;
      transition: all .2s ease;
    }
    .btn:hover{ background: rgba(255,255,255,0.1); transform: translateY(-2px);}

    .btn-primary{
      border: 1px solid transparent; background: var(--accent-teal); color: #0f172a; 
      box-shadow: 0 0 15px rgba(45, 212, 191, 0.3);
    }
    .btn-primary:hover{
      background: #5eead4; color: #000; box-shadow: 0 0 25px rgba(45, 212, 191, 0.5);
    }
    
    .btn-hero-outline {
        background: transparent !important; color: var(--accent-teal) !important; border: 2px solid var(--accent-teal) !important;
        font-size: 18px !important; padding: 18px 36px !important; box-shadow: 0 0 10px rgba(45,212,191,0.1) !important;
    }
    .btn-hero-outline:hover {
        background: var(--accent-teal) !important; color: #000 !important;
        box-shadow: 0 0 30px rgba(45,212,191,0.4) !important;
    }

    /* HERO SECTION */
    /* CUT SPACE: Top 120->70, Bottom 80->40 */
    .hero-local { text-align: center; padding: 70px 0 40px; position: relative;}
    .hero-local::before {
        content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
        width: 60%; height: 60%; background: radial-gradient(circle, rgba(45, 212, 191, 0.1) 0%, transparent 60%);
        z-index: -1; pointer-events: none; filter: blur(80px);
    }
    
    .hero-local h1 { font-size: clamp(38px, 5vw, 64px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; margin: 0 0 24px; color: #fff;}
    .sub { font-size: 18px; line-height: 1.6; color: var(--text-muted); max-width: 750px; margin: 0 auto; }
    
    .hubs-list { display:flex; justify-content:center; gap:12px; margin-top:30px; flex-wrap:wrap; }
    .hub-badge { 
      background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); padding: 8px 20px; 
      border-radius: 99px; font-size: 14px; font-weight: 700; color: var(--text-main); 
      display:flex; align-items:center; gap:8px;
    }
    .hub-badge:hover { border-color: var(--accent-teal); color: var(--accent-teal); }

    /* LOGOS */
    /* CUT SPACE: Top 80->50 */
    .logos{ margin-top:50px; padding:40px 0; background: rgba(255,255,255,0.05); border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); }
    .logo-marquee{position:relative; overflow:hidden;}
    /* 80s for smooth loop */
    .logo-track{display:flex; gap:60px; width:max-content; animation:marquee 80s linear infinite;}
    @keyframes marquee{ to{transform: translateX(-50%);} }
    .logo-item img{
        height:32px; width:auto; filter: brightness(0) invert(1); opacity:0.7; transition:.3s;
    } 
    .logo-item:hover img{
        opacity:1; filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,0.8));
    }

    /* STATS GRID */
    .bg-light-section { background-color: rgba(255,255,255,0.02); }
    .stats-header-wrap {text-align: center; max-width: 800px; margin: 0 auto 50px;}
    .big-quote {
      font-size: clamp(36px, 4vw, 54px); font-weight: 800; letter-spacing: -0.03em;
      line-height: 1.1; color: var(--text-main); margin-bottom: 20px;
    }
    .quote-desc {font-size: 19px; color: var(--text-muted); font-weight: 500;}
    
    .stats-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:40px; margin-top:40px;}
    .stat{position:relative; padding: 24px; text-align: center; background: rgba(255,255,255,0.03); border-radius: 16px; border: 1px solid rgba(255,255,255,0.05);}
    .stat .big{font-size: clamp(40px, 4vw, 56px); font-weight:900; line-height:1; margin:0 0 10px; color: var(--accent-teal); letter-spacing:-0.03em;}
    .stat .head{font-weight:700; font-size:15px; margin-bottom:8px; color:var(--text-main);}
    .stat .desc{font-size:15px; line-height:1.5; color:var(--text-muted);}

    /* SPLIT GRID LOCAL */
    .split-grid-local { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
    .local-content h2 { font-size: 32px; font-weight: 800; margin-bottom: 20px; color: #fff;}
    .local-content p { color: var(--text-muted); line-height: 1.6; margin-bottom: 20px; }
    
    .check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
    .check-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; color: var(--text-main); }
    .check-list li svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 3px; fill: var(--accent-teal); }

    /* SERVICES GRID */
    .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 50px; }
    
    .use-case-card { 
      background: var(--bg-card); padding: 40px; border-radius: 24px; border: 1px solid var(--border-color); 
      position: relative; overflow: hidden; transition: 0.3s;
    }
    .use-case-card:hover { border-color: var(--accent-teal); box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
    .use-case-card h3 { font-size: 20px; font-weight: 700; margin-bottom: 15px; color: var(--text-main); }
    .use-case-card p { color: var(--text-muted); line-height: 1.6; margin-bottom: 0; font-size: 15px; }
    
    .card-tag { 
      font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; 
      color: var(--accent-teal); background: rgba(45, 212, 191, 0.1); padding: 6px 12px; border-radius: 6px; margin-bottom: 20px; display: inline-block;
    }
    
    .icon-box {
      width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;
      background: rgba(45, 212, 191, 0.1);
    }
    .icon-box svg { width: 24px; height: 24px; fill: var(--accent-teal); }

   /* RESCUE BAR */
    .rescue-bar {
      margin: 80px auto 0;
      max-width: 900px;
      padding: 32px 40px;
      background: linear-gradient(90deg, rgba(239, 68, 68, 0.1) 0%, rgba(15, 23, 42, 0.4) 100%);
      border: 1px solid rgba(239, 68, 68, 0.3);
      border-left: 4px solid var(--accent-alert);
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
      box-shadow: 0 20px 50px rgba(239, 68, 68, 0.15);
      position: relative;
      overflow: hidden;
      transition: transform 0.3s ease;
    }
    .rescue-bar:hover { transform: translateY(-3px); box-shadow: 0 20px 60px rgba(239, 68, 68, 0.25); }
    
    .rescue-text h3 { font-size: 20px; font-weight: 800; margin: 0 0 6px; color: #fff; }
    .rescue-text p { font-size: 15px; margin: 0; color: #fda4af; line-height: 1.4; } 

    .btn-rescue {
        background: transparent;
        border: 1px solid var(--accent-alert);
        color: var(--accent-alert);
        box-shadow: 0 0 15px rgba(239, 68, 68, 0.1);
        white-space: nowrap;
        padding: 14px 28px; border-radius: 8px; font-weight:700; font-size:15px; text-decoration: none;
    }
    .btn-rescue:hover {
        background: var(--accent-alert);
        color: #fff;
        box-shadow: 0 0 30px rgba(239, 68, 68, 0.4);
    }

    /* WHY FRANCE GRID */
    .why-france-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; text-align: center; margin-top: 50px; }
    .ws-item h4 { font-size: 18px; font-weight: 800; margin: 15px 0 10px; color: #fff;}
    .ws-item p { font-size: 14px; color: var(--text-muted); line-height: 1.5; }
    .ws-icon { 
        width: 60px; height: 60px; background: rgba(255,255,255,0.05); border: 1px solid var(--border-color);
        border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 24px; 
    }

    /* PROCESS GRID */
    .process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 40px; }
    .process-step { position: relative; padding: 20px; border-radius: 16px; background: var(--bg-card); border: 1px solid var(--border-color); }
    
    .step-num { 
      font-size: 40px; font-weight: 800; color: var(--accent-teal); 
      margin-bottom: 10px; line-height: 1; 
    }
    .step-title { font-weight: 700; font-size: 18px; margin-bottom: 8px; color: #fff;}
    .step-desc { font-size: 14px; color: var(--text-muted); line-height: 1.4; }

    /* SALARY BOX & SUCCESS FEE */
    .salary-box { 
      background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%); 
      padding: 50px; border-radius: 32px; text-align: center; 
      border: 1px solid rgba(45, 212, 191, 0.2); margin-bottom: 60px; 
    }
    .salary-box h3 { font-size: 28px; font-weight: 800; margin-bottom: 15px; color: #fff;}
    .salary-box p { font-size: 16px; line-height: 1.6; color: var(--text-muted); max-width: 700px; margin: 0 auto 30px; }

    .success-fee-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 50px; }
    .sf-card { background: var(--bg-card); padding: 30px; border-radius: 16px; border-left: 5px solid var(--accent-teal); border-top: 1px solid var(--border-color); border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); }
    .sf-card h4 { font-size: 20px; font-weight: 800; margin: 0 0 10px; color: #fff;}
    .sf-card p { font-size: 15px; color: var(--text-muted); margin: 0; }

    /* CONTACT FORM */
    .contact-wrap{
      border-radius:32px; background: rgba(30, 41, 59, 0.6); backdrop-filter: blur(20px);
      border:1px solid rgba(255,255,255,0.1); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); padding:80px; max-width: 900px; margin: 0 auto;
    }
    .contact-title{font-size: clamp(32px, 3vw, 48px); font-weight:800; letter-spacing:-.03em; margin:0 0 30px; text-align:center; color: #fff;}
    .form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start;}
    .field{display:flex; flex-direction:column; gap:8px;}
    .label{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--text-muted);}
    .input, .textarea {
      width:100%; padding:14px; border-radius:12px; border:1px solid rgba(255,255,255,0.1); background: rgba(15, 23, 42, 0.6);
      font-family:inherit; font-size:15px; outline:none; transition: all .2s; color: #fff;
    }
    .textarea { resize: vertical; min-height: 120px; font-family: inherit;}
    .input:focus, .textarea:focus {background: rgba(15, 23, 42, 0.8); border-color:var(--accent-teal); box-shadow: 0 0 0 4px rgba(45, 212, 191, 0.15);}
    .span-2{grid-column: 1 / -1;}
    .submit-btn{width:100%; height:50px; font-size:16px; text-transform: uppercase; letter-spacing: 0.05em;}
    
    /* CUSTOM CHECKBOX STYLE */
    .checkbox-bar {
      display: flex; align-items: center; gap: 16px; 
      cursor: pointer; padding-top:8px;
    }
    .checkbox-bar input[type="checkbox"] {
      width: 24px; height: 24px; accent-color: var(--accent-teal); cursor: pointer; flex-shrink: 0;
    }
    .warning-label {
      background: rgba(51, 65, 85, 0.5); /* Matching slate tone */
      border: 1px solid rgba(148, 163, 184, 0.2);
      color: #cbd5e1; /* Lighter text for readability */
      padding: 12px 16px; border-radius: 8px; font-weight: 600; font-size: 14px;
      width: 100%; display: flex; align-items: center; gap: 8px; transition: 0.2s;
    }
    .checkbox-bar:hover .warning-label {
      background: rgba(51, 65, 85, 0.8); border-color: var(--accent-teal); color: #fff;
    }

    /* COOKIE BANNER STYLES */
    .cookie-banner {
      position: fixed;
      bottom: 20px;
      left: 20px;
      right: 20px;
      max-width: 600px;
      margin: 0 auto;
      background: rgba(15, 23, 42, 0.95);
      backdrop-filter: blur(12px);
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent-teal);
      border-radius: 12px;
      padding: 24px;
      z-index: 9999;
      box-shadow: 0 10px 40px rgba(0,0,0,0.6);
      display: none; /* Hidden by default, JS enables it */
      align-items: center;
      gap: 20px;
      justify-content: space-between;
      animation: slideUp 0.5s ease-out;
    }
    @keyframes slideUp {
      from { transform: translateY(100px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }
    .cookie-text { font-size: 14px; color: #cbd5e1; line-height: 1.5; }
    .cookie-text a { color: var(--accent-teal); text-decoration: none; }
    
    /* FIX: Added actions container */
    .cookie-actions { display: flex; align-items: center; gap: 15px; }

    .cookie-btn {
      background: var(--accent-teal);
      color: #0f172a;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-weight: 700;
      cursor: pointer;
      font-size: 14px;
      white-space: nowrap;
      transition: all 0.2s;
    }
    .cookie-btn:hover { background: #5eead4; transform: scale(1.05); }

    /* FIX: Added Decline Button Style */
    .cookie-decline {
      background: transparent;
      color: var(--text-muted);
      border: none;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .cookie-decline:hover { color: #fff; text-decoration: underline; }

    /* FOOTER */
    footer{margin-top:0; padding:100px 0 40px; background: #020617; color:#fff; border-top: 1px solid var(--border-color);}
    /* CHANGED FOOTER TO 3 COLUMNS */
    .footer-cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 80px; }
    .footer-col h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 30px; color: var(--text-muted); }
    .footer-links-col { display: flex; flex-direction: column; gap: 16px; }
    .footer-links-col a { color: #94a3b8; text-decoration: none; font-size: 15px; transition: .2s; font-weight: 500; }
    .footer-links-col a:hover { color: var(--accent-teal); transform: translateX(5px); }
    .footer-brand p { color: #64748b; font-size: 15px; line-height: 1.7; max-width: 320px; margin-top: 24px; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
    .legal-links { display: flex; gap: 30px; font-size: 14px; color: #64748b; font-weight: 500;}
    .legal-links a { color: inherit; text-decoration: none; transition: color .2s; }
    .legal-links a:hover { color: #fff; }
    .social-row {display:flex; gap:16px; margin-top: 30px;}
    .social{width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; transition:.3s; border:1px solid rgba(255,255,255,0.1);}
    .social svg{width:20px; height:20px; fill:#fff; transition: fill .3s;}
    .social:hover{background:var(--accent-teal); border-color:var(--accent-teal); box-shadow: 0 0 15px rgba(45,212,191,0.4);} 
    .social:hover svg{fill: #000;}

    /* RESPONSIVE */
    @media (max-width: 900px) {
        .desktop-menu { display: none; } 
        .hamburger { display: block; }   
        
        .nav-row { 
            gap: 10px; 
            justify-content: space-between;
        }

        /* 1. SMALLER LOGO ON MOBILE */
        .brand img { height: 28px; } 

        /* 2. RESPONSIVE BUTTON & SPACING */
        .btn-primary.header-btn {
            padding: 8px 12px; 
            font-size: 13px; 
            height: 36px;
        }
        .cta-rescue { display: none; } 
        
        .nav-right {
             gap: 12px;
             margin-left: 10px;
        }

      /* Adjust Layout */
      .hero-local h1 { font-size: 42px; }
      .use-cases-grid { grid-template-columns: 1fr; }
      .services-grid { grid-template-columns: 1fr; }
      .why-france-grid, .stats-grid, .success-fee-grid, .process-grid { grid-template-columns: 1fr; gap: 40px; }
      .split-grid-local { grid-template-columns: 1fr; gap: 40px; }
      .contact-wrap { padding: 24px; }
      .rescue-bar { flex-direction:column; text-align:center; padding:20px; }
      .form-grid { grid-template-columns: 1fr; gap: 16px; }
      
      .mobile-menu { display: none; }
      .mobile-menu.active { display: flex; }
      
      .dropdown-content { position: static; box-shadow: none; padding-left: 20px; border: none; display: none; background: transparent; width: 100%; }
      .dropdown-content a { color: #fff; padding: 12px 0; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 16px; }
      .dropdown.active .dropdown-content { display: block; }

      .footer-cols { grid-template-columns: 1fr; gap: 40px; }
      .footer-brand { order: 4; text-align: center; }
      .social-row { justify-content: center; }
      .footer-bottom { flex-direction: column; gap: 16px; }

      .cookie-banner { flex-direction: column; text-align: center; bottom: 0; left: 0; right: 0; border-radius: 12px 12px 0 0; }
      .cookie-actions { width: 100%; flex-direction: column; gap: 10px; }
      .cookie-btn { width: 100%; }
    }

	/*R.SALES*/
	    :root{
      /* PALETA MIDNIGHT TEAL (Dark Luxury Tech) */
      --bg-dark: #0f172a;       /* Slate 900 */
      --bg-card: #1e293b;       /* Slate 800 */
      
      --text-main: #f8fafc;     /* Blanco roto */
      --text-muted: #94a3b8;    /* Gris azulado metálico */

      /* EL ACENTO GAMBERRO */
      --accent-teal: #2dd4bf;   /* Turquesa Eléctrico */
      --accent-hover: #14b8a6;  
      
      --accent-warm: #f59e0b;   /* Warm accent for Sales Energy */
      --accent-alert: #ef4444;

      --border-color: rgba(255, 255, 255, 0.1);
      /* Fixed: Standardized glow variable */
      --accent-glow: rgba(45, 212, 191, 0.15);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
      color: var(--text-main);
      background-color: var(--bg-dark);
      background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
      background-size: 40px 40px;
      -webkit-font-smoothing: antialiased;
      line-height: 1.6;
    }

    .container{max-width:1140px;margin:0 auto;padding:0 24px;}
    .section{padding: 100px 0;}
    /* CUT SPACE: Reduced from 80px to 50px */
    .section-tight{padding: 50px 0;}
    
    /* UTILS */
    .text-teal { color: var(--accent-teal); }
    .text-warm { color: var(--accent-warm); }
    .text-primary { color: var(--accent-teal); } 
    
    .micro{
        margin: 0 auto 24px; 
        color: var(--text-muted); 
        font-size: 13px; 
        text-align:center; 
        font-weight: 600; 
        text-transform: uppercase; 
        letter-spacing: 0.1em; 
        opacity: 0.8;
        display: block; 
        margin-top: 1rem;
    }
    .center-cta{display:flex;justify-content:center;margin-top:40px;}
    .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
    .reveal.active { opacity: 1; transform: translateY(0); }

    /* HEADER & NAVIGATION STYLES */
    header {
      position: sticky; top: 0;
      backdrop-filter: blur(16px) saturate(180%);
      background: rgba(15, 23, 42, 0.95); 
      border-bottom: 1px solid var(--border-color);
      z-index: 1000;
      height: 80px; 
      display: flex; align-items: center;
    }

    .nav-row {
        display: flex; align-items: center; 
        justify-content: space-between; 
        width: 100%; position: relative;
    }

    /* Logo - FIX: Removed filter to show original colors */
    .brand img { height: 40px; width: auto; display: block; transition: 0.3s ease; }

    /* Desktop Menu */
    .desktop-menu {
      display: flex; align-items: center; gap: 32px;
      margin-left: 80px; /* Spacer from Logo */
      margin-right: auto; 
    }
    .desktop-menu a {
      color: var(--text-muted); font-weight: 600; font-size: 14px; 
      letter-spacing: .02em; text-transform: uppercase; text-decoration: none;
      transition: color .2s ease;
    }
    .desktop-menu a:hover { color: var(--accent-teal); }

    /* Right Side */
    .nav-right { 
        display: flex; align-items: center; gap: 16px; 
        margin-left: 40px; 
    }

    /* Rescue Mission Link */
    .cta-rescue {
        color: #ef4444; 
        font-weight: 800; 
        text-decoration: none; 
        font-size: 11px; 
        text-transform: uppercase;
        line-height: 1.1;
        text-align: right;
        letter-spacing: 0.05em;
        transition: 0.2s;
    }
    .cta-rescue:hover { color: #fff; transform: translateY(-1px); }

    /* Hamburger */
    .hamburger { display: none; cursor: pointer; color: #fff; }
    
    /* Mobile Menu Container */
    .mobile-menu {
        position: absolute;
        top: 80px; left: 0; width: 100%;
        background: #0f172a;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 0;
        display: none; flex-direction: column;
        box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        /* FIX: Added scrolling for mobile */
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }
    .mobile-menu.active { display: flex; }

    .mobile-menu a {
        padding: 20px 24px;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        color: #fff; text-decoration: none; font-weight: 600;
        font-size: 16px; display: block;
    }
    .mobile-menu a:hover { background: rgba(255,255,255,0.05); color: var(--accent-teal); }

    /* Dropdowns */
    .dropdown { position: relative; }
    .dropdown-content {
      display: none; position: absolute; top: 100%; left: -20px;
      background: var(--bg-card); border: 1px solid var(--border-color);
      min-width: 200px; padding: 10px 0; border-radius: 12px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.4);
      z-index: 100;
    }
    .dropdown:hover .dropdown-content { display: block; }
    .dropdown-content a { display: block; padding: 12px 20px; color: #fff; text-transform: none; }
    .dropdown-content a:hover { color: var(--accent-teal); background: rgba(255,255,255,0.05);}
    
    /* Mobile Dropdown Specifics */
    .mobile-dropdown-content {
        display: none; background: rgba(0,0,0,0.2); padding-left: 20px;
    }
    .mobile-dropdown-content a { font-size: 14px; padding: 14px 24px; color: #cbd5e1; }
    .mobile-has-dropdown.active .mobile-dropdown-content { display: block; }

    /* BUTTONS */
    .btn{
      border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color: #fff;
      padding:14px 28px; border-radius: 8px; font-weight:700; font-size:15px;
      cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px;
      transition: all .2s ease;
    }
    .btn:hover{ background: rgba(255,255,255,0.1); transform: translateY(-2px);}

    .btn-primary{
      border: 1px solid transparent; background: var(--accent-teal); color: #0f172a; 
      box-shadow: 0 0 15px rgba(45, 212, 191, 0.3);
    }
    .btn-primary:hover{
      background: #5eead4; color: #000; box-shadow: 0 0 25px rgba(45, 212, 191, 0.5);
    }
    
    .btn-hero-outline {
        background: transparent !important; color: var(--accent-teal) !important; border: 2px solid var(--accent-teal) !important;
        font-size: 18px !important; padding: 18px 36px !important; box-shadow: 0 0 10px rgba(45,212,191,0.1) !important;
    }
    .btn-hero-outline:hover {
        background: var(--accent-teal) !important; color: #000 !important;
        box-shadow: 0 0 30px rgba(45,212,191,0.4) !important;
    }

    /* HERO SECTION */
    /* CUT SPACE: Top 120->70, Bottom 80->40 */
    .hero-local { text-align: center; padding: 70px 0 40px; position: relative;}
    .hero-local::before {
        content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
        width: 60%; height: 60%; background: radial-gradient(circle, rgba(245, 158, 11, 0.1) 0%, transparent 60%);
        z-index: -1; pointer-events: none; filter: blur(80px);
    }
    
    .hero-local h1 { font-size: clamp(38px, 5vw, 64px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; margin: 0 0 24px; color: #fff;}
    .sub { font-size: 18px; line-height: 1.6; color: var(--text-muted); max-width: 750px; margin: 0 auto; }
    
    .hubs-list { display:flex; justify-content:center; gap:12px; margin-top:30px; flex-wrap:wrap; }
    .hub-badge { 
      background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); padding: 8px 20px; 
      border-radius: 99px; font-size: 14px; font-weight: 700; color: var(--text-main); 
      display:flex; align-items:center; gap:8px;
    }
.hub-badge:hover {
  border-color: #2dd4bf;
  color: #2dd4bf;
}
    /* LOGOS */
    /* CUT SPACE: Top 80->50 */
    .logos{ margin-top:50px;margin-bottom: 0px; padding:40px 0; background: rgba(255,255,255,0.05); border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); }
    .logo-marquee{position:relative; overflow:hidden;}
    /* 80s for smooth loop */
    .logo-track{display:flex; gap:60px; width:max-content; animation:marquee 80s linear infinite;}
    @keyframes marquee{ to{transform: translateX(-50%);} }
    .logo-item img{
        height:32px; width:auto; filter: brightness(0) invert(1); opacity:0.7; transition:.3s;
    } 
    .logo-item:hover img{
        opacity:1; filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,0.8));
    }

    /* STATS GRID */
    .bg-light-section { background-color: rgba(255,255,255,0.02); }
    .stats-header-wrap {text-align: center; max-width: 800px; margin: 0 auto 50px;}
    .big-quote {
      font-size: clamp(36px, 4vw, 54px); font-weight: 800; letter-spacing: -0.03em;
      line-height: 1.1; color: var(--text-main); margin-bottom: 20px;
    }
    .quote-desc {font-size: 19px; color: var(--text-muted); font-weight: 500;}
    
    .stats-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:40px; margin-top:40px;}
    .stat{position:relative; padding: 24px; text-align: center; background: rgba(255,255,255,0.03); border-radius: 16px; border: 1px solid rgba(255,255,255,0.05);}
    .stat .big{font-size: clamp(40px, 4vw, 56px); font-weight:900; line-height:1; margin:0 0 10px; color: var(--accent-teal); letter-spacing:-0.03em;}
    .stat .head{font-weight:700; font-size:15px; margin-bottom:8px; color:var(--text-main);}
    .stat .desc{font-size:15px; line-height:1.5; color:var(--text-muted);}

    /* DNA GRID (Sales Specific) */
    .dna-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 40px; }
    .dna-card { 
      padding: 40px; border-radius: 24px; border: 1px solid var(--border-color); position: relative; overflow: hidden;
      display: flex; flex-direction: column; gap: 20px; background: var(--bg-card);
    }
    .dna-card.hunter { border-left: 6px solid var(--accent-alert); }
    .dna-card.farmer { border-left: 6px solid var(--accent-teal); }
    
    .dna-icon { font-size: 40px; margin-bottom: 10px; }
    .dna-title { font-size: 24px; font-weight: 800; color: #fff; }
    .dna-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
    .dna-list li { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 500; color: var(--text-main); }
    .dna-list li span { font-weight: 700; color: var(--text-muted); text-transform: uppercase; font-size: 11px; letter-spacing: 0.05em; background: rgba(255,255,255,0.05); padding: 4px 8px; border-radius: 4px; }

    /* MARKET GRID */
    .market-grid { display: grid; grid-template-columns: 1fr; gap: 30px; margin-top: 40px; }
    @media (min-width: 900px) { .market-grid { grid-template-columns: repeat(3, 1fr); } }
    
    .market-col { background: var(--bg-card); padding: 30px; border-radius: 20px; border: 1px solid var(--border-color); border-top: 5px solid #ccc; }
    .market-col h4 { font-size: 18px; font-weight: 800; margin: 0 0 10px; display:flex; align-items:center; gap:8px; color: #fff; }
    .market-desc { font-size: 13px; color: var(--text-muted); margin-bottom: 20px; line-height: 1.5; min-height: 60px; }
    .market-tags { display: flex; flex-wrap: wrap; gap: 8px; }
    .tag { padding: 6px 10px; border-radius: 6px; font-size: 13px; font-weight: 600; color: #fff; background: rgba(255,255,255,0.1); }
    
    .market-col.tier-1 { border-top-color: var(--accent-alert); }
    .market-col.tier-2 { border-top-color: var(--accent-warm); }
    .market-col.tier-3 { border-top-color: var(--accent-teal); }

    /* PROCESS GRID */
    .process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 40px; }
    .process-step { position: relative; padding: 20px; border-radius: 16px; background: var(--bg-card); border: 1px solid var(--border-color); }
    
    .step-num { 
      font-size: 0.7rem; font-weight: 800; color: var(--accent-teal); 
      margin-bottom: 10px; line-height: 1; 
    }
    .step-title { font-weight: 700; font-size: 18px; margin-bottom: 8px; color: #fff;}
    .step-desc { font-size: 14px; color: var(--text-muted); line-height: 1.4; }

    /* CONTACT FORM */
    .contact-wrap{
      border-radius:32px; background: rgba(30, 41, 59, 0.6); backdrop-filter: blur(20px);
      border:1px solid rgba(255,255,255,0.1); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); padding:80px; max-width: 900px; margin: 0 auto;
    }
    .contact-title{font-size: clamp(32px, 3vw, 48px); font-weight:800; letter-spacing:-.03em; margin:0 0 30px; text-align:center; color: #fff;}
    .contact-sub { text-align:center; margin:0 0 56px; color: var(--text-muted); font-size: 20px; }
    .form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start;}
    .field{display:flex; flex-direction:column; gap:10px;}
    .label{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color: var(--text-muted);}
    .input, .textarea {
      width:100%; padding:18px; border-radius:12px; border:1px solid rgba(255,255,255,0.1); background: rgba(15, 23, 42, 0.6);
      font-family:inherit; font-size:16px; outline:none; transition: all .2s; font-weight: 500; color: #fff;
    }
    .textarea { resize: vertical; min-height: 150px; font-family: inherit;}
    .input:focus, .textarea:focus {background: rgba(15, 23, 42, 0.8); border-color:var(--accent-teal); box-shadow: 0 0 0 2px rgba(45, 212, 191, 0.2);}
    .span-2{grid-column: 1 / -1;}
    .submit-btn{width:100%; height:60px; font-size:18px; text-transform: uppercase; letter-spacing: 0.05em;}
    
    .checkbox-wrap { 
      display: flex; align-items: center; gap: 12px; 
      padding: 16px; background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.3); 
      border-radius: 12px; cursor: pointer; transition: 0.2s;
    }
    .checkbox-wrap:hover { background: rgba(239, 68, 68, 0.2); }
    .checkbox-wrap input { width: 20px; height: 20px; accent-color: #ef4444; cursor: pointer; }
    .checkbox-label { font-weight: 700; color: #fca5a5; font-size: 15px; cursor: pointer; }
    
   /* RESCUE BAR (Updated) */
    .rescue-bar {
      margin: 80px auto 0;
      max-width: 900px;
      padding: 32px 40px;
      background: linear-gradient(90deg, rgba(239, 68, 68, 0.1) 0%, rgba(15, 23, 42, 0.4) 100%);
      border: 1px solid rgba(239, 68, 68, 0.3);
      border-left: 4px solid var(--accent-alert);
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
      box-shadow: 0 20px 50px rgba(239, 68, 68, 0.15);
      position: relative;
      overflow: hidden;
      transition: transform 0.3s ease;
    }
    .rescue-bar:hover { transform: translateY(-3px); box-shadow: 0 20px 60px rgba(239, 68, 68, 0.25); }
    
    .rescue-text h3 { font-size: 20px; font-weight: 800; margin: 0 0 6px; color: #fff; }
    .rescue-text p { font-size: 15px; margin: 0; color: #fda4af; } 

    .btn-rescue {
        background: transparent;
        border: 1px solid var(--accent-alert);
        color: var(--accent-alert);
        box-shadow: 0 0 15px rgba(239, 68, 68, 0.1);
        white-space: nowrap;
        padding: 14px 28px; border-radius: 8px; font-weight:700; font-size:15px; text-decoration: none;
    }
    .btn-rescue:hover {
        background: var(--accent-alert);
        color: #fff;
        box-shadow: 0 0 30px rgba(239, 68, 68, 0.4);
    }

    /* FOOTER */
    footer{margin-top:0; padding:100px 0 40px; background: #020617; color:#fff; border-top: 1px solid var(--border-color);}
    /* 3 Column Footer to match Home */
    .footer-cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 80px; }
    .footer-col h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 30px; color: var(--text-muted); }
    .footer-links-col { display: flex; flex-direction: column; gap: 16px; }
    .footer-links-col a { color: #94a3b8; text-decoration: none; font-size: 15px; transition: .2s; font-weight: 500; }
    .footer-links-col a:hover { color: var(--accent-teal); transform: translateX(5px); }
    .footer-brand p { color: #64748b; font-size: 15px; line-height: 1.7; max-width: 320px; margin-top: 24px; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
    .legal-links { display: flex; gap: 30px; font-size: 14px; color: #64748b; font-weight: 500;}
    .legal-links a { color: inherit; text-decoration: none; transition: color .2s; }
    .legal-links a:hover { color: #fff; }
    .social-row {display:flex; gap:16px; margin-top: 30px;}
    .social{width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; transition:.3s; border:1px solid rgba(255,255,255,0.1);}
    .social svg{width:20px; height:20px; fill:#fff; transition: fill .3s;}
    .social:hover{background:var(--accent-teal); border-color:var(--accent-teal); box-shadow: 0 0 15px rgba(45,212,191,0.4);} 
    .social:hover svg{fill: #000;}

    /* COOKIE BANNER STYLES */
    .cookie-banner {
      position: fixed;
      bottom: 20px;
      left: 20px;
      right: 20px;
      max-width: 600px;
      margin: 0 auto;
      background: rgba(15, 23, 42, 0.95);
      backdrop-filter: blur(12px);
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent-teal);
      border-radius: 12px;
      padding: 24px;
      z-index: 9999;
      box-shadow: 0 10px 40px rgba(0,0,0,0.6);
      display: none; /* Hidden by default, JS enables it */
      align-items: center;
      gap: 20px;
      justify-content: space-between;
      animation: slideUp 0.5s ease-out;
    }
    @keyframes slideUp {
      from { transform: translateY(100px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }
    .cookie-text { font-size: 14px; color: #cbd5e1; line-height: 1.5; }
    .cookie-text a { color: var(--accent-teal); text-decoration: none; }
    
    /* FIX: Added actions container */
    .cookie-actions { display: flex; align-items: center; gap: 15px; }

    .cookie-btn {
      background: var(--accent-teal);
      color: #0f172a;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-weight: 700;
      cursor: pointer;
      font-size: 14px;
      white-space: nowrap;
      transition: all 0.2s;
    }
    .cookie-btn:hover { background: #5eead4; transform: scale(1.05); }

    /* FIX: Added Decline Button Style */
    .cookie-decline {
      background: transparent;
      color: var(--text-muted);
      border: none;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .cookie-decline:hover { color: #fff; text-decoration: underline; }

    /* RESPONSIVE */
    @media (max-width: 900px) {
        .desktop-menu { display: none; } 
        .hamburger { display: block; }   
        
        .nav-row { 
            gap: 10px; 
            justify-content: space-between;
        }

        /* 1. SMALLER LOGO ON MOBILE */
        .brand img { height: 28px; } 

        /* 2. RESPONSIVE BUTTON & SPACING */
        .btn-primary.header-btn {
            padding: 8px 12px; 
            font-size: 13px; 
            height: 36px;
        }
        .cta-rescue { display: none; } 
        
        .nav-right {
             gap: 12px;
             margin-left: 10px;
        }

      /* Adjust Layout */
      .hero-local h1 { font-size: 42px; }
      .use-cases-grid { grid-template-columns: 1fr; }
      
      .market-grid, .stats-grid, .dna-grid, .process-grid { grid-template-columns: 1fr; gap: 40px; }
      .contact-wrap { padding: 24px; }
      .rescue-bar { flex-direction:column; text-align:center; padding:20px; }
      .form-grid { grid-template-columns: 1fr; gap: 16px; }
      
      .mobile-menu { display: none; }
      .mobile-menu.active { display: flex; }
      
      .dropdown-content { position: static; box-shadow: none; padding-left: 20px; border: none; display: none; background: transparent; width: 100%; }
      .dropdown-content a { color: #fff; padding: 12px 0; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 16px; }
      .dropdown.active .dropdown-content { display: block; }

      .footer-cols { grid-template-columns: 1fr; gap: 40px; }
      .footer-brand { order: 4; text-align: center; }
      .social-row { justify-content: center; }
      .footer-bottom { flex-direction: column; gap: 16px; }

      .cookie-banner { flex-direction: column; text-align: center; bottom: 0; left: 0; right: 0; border-radius: 12px 12px 0 0; }
      .cookie-actions { width: 100%; flex-direction: column; gap: 10px; }
      .cookie-btn { width: 100%; }
    }

	/*CANDIDATES*/

	        :root {
            /* PALETA MIDNIGHT TEAL (Dark Luxury Tech) */
            --bg-dark: #0f172a;       /* Slate 900 */
            --bg-card: #1e293b;       /* Slate 800 */

            --text-main: #f8fafc;     /* Blanco roto */
            --text-muted: #94a3b8;    /* Gris azulado metálico */

            /* EL ACENTO GAMBERRO */
            --accent-teal: #2dd4bf;   /* Turquesa Eléctrico */
            --accent-hover: #14b8a6;

            --accent-warm: #f59e0b;
            --accent-alert: #ef4444;

            --border-color: rgba(255, 255, 255, 0.1);
            --accent-glow: rgba(45, 212, 191, 0.15);
        }

        * {
            box-sizing: border-box
        }

        html {
            scroll-behavior: smooth
        }

        body {
            margin: 0;
            font-family: 'Plus Jakarta Sans', sans-serif;
            color: var(--text-main);
            background-color: var(--bg-dark);
            background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            background-size: 40px 40px;
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
        }

        .container {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 24px;
        }

        .section {
            padding: 30px 0;
        }

        a {
            text-decoration: none;
            color: inherit;
        }

        /* HEADER & NAVIGATION STYLES */
        header {
            position: sticky;
            top: 0;
            backdrop-filter: blur(16px) saturate(180%);
            background: rgba(15, 23, 42, 0.95);
            border-bottom: 1px solid var(--border-color);
            z-index: 1000;
            height: 80px;
            display: flex;
            align-items: center;
        }

        .nav-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            position: relative;
        }

        /* Logo */
        .brand img {
            height: 40px;
            width: auto;
            display: block;
            /* No filter here to keep original color as requested */
            transition: 0.3s ease;
        }

        /* Desktop Menu */
        .desktop-menu {
            display: flex;
            align-items: center;
            gap: 32px;
            margin-left: 80px;
            margin-right: auto;
        }

        .desktop-menu a {
            color: var(--text-muted);
            font-weight: 600;
            font-size: 14px;
            letter-spacing: .02em;
            text-transform: uppercase;
            text-decoration: none;
            transition: color .2s ease;
        }

        .desktop-menu a:hover,
        .desktop-menu a.active {
            color: var(--accent-teal);
        }

        /* Right Side */
        .nav-right {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-left: 40px;
        }

        /* Rescue Mission Link */
        .cta-rescue {
            color: #ef4444;
            font-weight: 800;
            text-decoration: none;
            font-size: 11px;
            text-transform: uppercase;
            line-height: 1.1;
            text-align: right;
            letter-spacing: 0.05em;
            transition: 0.2s;
        }

        .cta-rescue:hover {
            color: #fff;
            transform: translateY(-1px);
        }

        /* Hamburger */
        .hamburger {
            display: none;
            cursor: pointer;
            color: #fff;
        }

        /* Mobile Menu Container */
        .mobile-menu {
            position: absolute;
            top: 80px;
            left: 0;
            width: 100%;
            background: #0f172a;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            padding: 0;
            display: none;
            flex-direction: column;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
            /* Fixed: Added max-height for scrolling */
            max-height: calc(100vh - 80px);
            overflow-y: auto;
        }

        .mobile-menu.active {
            display: flex;
        }

        .mobile-menu a {
            padding: 20px 24px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            color: #fff;
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            display: block;
        }

        .mobile-menu a:hover {
            background: rgba(255, 255, 255, 0.05);
            color: var(--accent-teal);
        }

        /* Dropdowns */
        .dropdown {
            position: relative;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            top: 100%;
            left: -20px;
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            min-width: 200px;
            padding: 10px 0;
            border-radius: 12px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
            z-index: 100;
        }

        .dropdown:hover .dropdown-content {
            display: block;
        }

        .dropdown-content a {
            display: block;
            padding: 12px 20px;
            color: #fff;
            text-transform: none;
        }

        .dropdown-content a:hover {
            color: var(--accent-teal);
            background: rgba(255, 255, 255, 0.05);
        }

        /* Mobile Dropdown Specifics */
        .mobile-dropdown-content {
            display: none;
            background: rgba(0, 0, 0, 0.2);
            padding-left: 20px;
        }

        .mobile-dropdown-content a {
            font-size: 14px;
            padding: 14px 24px;
            color: #cbd5e1;
        }

        .mobile-has-dropdown.active .mobile-dropdown-content {
            display: block;
        }

        /* BUTTONS */
        .btn {
            border: 1px solid rgba(255, 255, 255, 0.1);
            background: rgba(255, 255, 255, 0.05);
            color: #fff;
            padding: 14px 28px;
            border-radius: 8px;
            font-weight: 700;
            font-size: 15px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            transition: all .2s ease;
        }

        .btn:hover {
            background: rgba(255, 255, 255, 0.1);
            transform: translateY(-2px);
        }

        .btn-primary {
            border: 1px solid transparent;
            background: var(--accent-teal);
            color: #0f172a;
            box-shadow: 0 0 15px rgba(45, 212, 191, 0.3);
        }

        .btn-primary:hover {
            background: #5eead4;
            color: #000;
            box-shadow: 0 0 25px rgba(45, 212, 191, 0.5);
        }

        /* PAGE HEADER */
        .page-header {
            text-align: center;
            padding: 40px 0 60px;
        }

        .page-header h1 {
            font-size: clamp(40px, 5vw, 64px);
            font-weight: 800;
            line-height: 1.1;
            margin: 0 0 24px;
            color: #fff;
        }

        .page-header p {
            font-size: 20px;
            color: var(--text-muted);
            max-width: 600px;
            margin: 0 auto;
        }

        /* FILTER BAR */
        .filter-wrapper {
            overflow-x: auto;
            padding-bottom: 20px;
            -webkit-overflow-scrolling: touch;
        }

        .filter-bar {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
            justify-content: center;
            min-width: max-content;
            margin: 0 auto;
        }

        .filter-btn {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid var(--border-color);
            color: var(--text-muted);
            padding: 8px 20px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            transition: 0.2s;
            font-family: inherit;
            white-space: nowrap;
        }

        .filter-btn:hover,
        .filter-btn.active {
            background: rgba(45, 212, 191, 0.1);
            color: var(--accent-teal);
            border-color: var(--accent-teal);
        }

        /* JOB GRID */
        .job-grid {
            display: grid;
			margin-top:	1rem !important;
            grid-template-columns: 1fr;
            gap: 24px;
            max-width: 1000px;
            margin: 0 auto;
        }

        .job-card {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            padding: 32px;
            border-radius: 16px;
            transition: all 0.2s ease;
            position: relative;
            overflow: hidden;
            text-decoration: none;
            animation: fadeIn 0.5s ease;
        }

        .job-card.hidden {
            display: none;
        }

        .job-card:hover {
            border-color: var(--accent-teal);
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
            transform: translateY(-2px);
        }

        .job-card::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 4px;
            background: var(--accent-teal);
            opacity: 0;
            transition: 0.2s;
        }

        .job-card:hover::before {
            opacity: 1;
        }

        .job-main {
            flex: 1;
            padding-right: 30px;
        }

        .job-tag-row {
            display: flex;
            gap: 10px;
            margin-bottom: 12px;
        }

        .job-badge {
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-weight: 700;
            padding: 4px 10px;
            border-radius: 4px;
        }

        /* TECH BADGE COLORS */
        .badge-java { color: #f97316; background: rgba(249, 115, 22, 0.1); border: 1px solid rgba(249, 115, 22, 0.2); }
        .badge-js { color: #facc15; background: rgba(250, 204, 21, 0.1); border: 1px solid rgba(250, 204, 21, 0.2); }
        .badge-go { color: #60a5fa; background: rgba(96, 165, 250, 0.1); border: 1px solid rgba(96, 165, 250, 0.2); }
        .badge-python { color: #34d399; background: rgba(52, 211, 153, 0.1); border: 1px solid rgba(52, 211, 153, 0.2); }
        .badge-net { color: #a855f7; background: rgba(168, 85, 247, 0.1); border: 1px solid rgba(168, 85, 247, 0.2); }
        .badge-sales { color: #f472b6; background: rgba(244, 114, 182, 0.1); border: 1px solid rgba(244, 114, 182, 0.2); }
        .badge-data { color: #2dd4bf; background: rgba(45, 212, 191, 0.1); border: 1px solid rgba(45, 212, 191, 0.2); }
        .badge-lead { color: #fff; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); }
        .badge-other { color: #94a3b8; background: rgba(148, 163, 184, 0.1); border: 1px solid rgba(148, 163, 184, 0.2); }

        .job-title {
            font-size: 22px;
            font-weight: 700;
            color: #fff;
            margin: 0 0 12px;
            line-height: 1.2;
        }

        /* Meta Row: Contains Location and Salary */
        .job-meta-row {
            display: flex;
            gap: 24px;
            align-items: center;
            color: var(--text-muted);
            font-size: 15px;
            font-weight: 500;
            flex-wrap: wrap;
        }

        .job-meta-item {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .job-meta-item svg {
            width: 18px;
            height: 18px;
            fill: currentColor;
        }

        /* Special Color for Salary */
        .job-salary {
            color: #e2e8f0;
            font-weight: 600;
        }

        .job-stack {
            display: flex;
            gap: 8px;
            margin-top: 16px;
            flex-wrap: wrap;
        }

        .stack-pill {
            font-size: 12px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            padding: 4px 10px;
            border-radius: 6px;
            color: #cbd5e1;
        }

        .job-action {
            text-align: right;
            min-width: 140px;
        }

        .btn-job {
            background: transparent;
            color: var(--accent-teal);
            font-weight: 700;
            padding: 12px 24px;
            border-radius: 8px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: 0.2s;
            border: 1px solid var(--accent-teal);
        }

        .job-card:hover .btn-job {
            background: var(--accent-teal);
            color: #0f172a;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* COOKIE BANNER STYLES */
        .cookie-banner {
            position: fixed;
            bottom: 20px;
            left: 20px;
            right: 20px;
            max-width: 600px;
            margin: 0 auto;
            background: rgba(15, 23, 42, 0.95);
            backdrop-filter: blur(12px);
            border: 1px solid var(--border-color);
            border-left: 4px solid var(--accent-teal);
            border-radius: 12px;
            padding: 24px;
            z-index: 9999;
            box-shadow: 0 10px 40px rgba(0,0,0,0.6);
            display: none;
            align-items: center;
            gap: 20px;
            justify-content: space-between;
            animation: slideUp 0.5s ease-out;
        }
        @keyframes slideUp {
            from { transform: translateY(100px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
        .cookie-text { font-size: 14px; color: #cbd5e1; line-height: 1.5; }
        .cookie-text a { color: var(--accent-teal); text-decoration: none; }
        .cookie-btn {
            background: var(--accent-teal);
            color: #0f172a;
            border: none;
            padding: 10px 20px;
            border-radius: 6px;
            font-weight: 700;
            cursor: pointer;
            font-size: 14px;
            white-space: nowrap;
            transition: all 0.2s;
        }
        .cookie-btn:hover { background: #5eead4; transform: scale(1.05); }


        /* FOOTER */
        footer {
            margin-top: 0;
            padding: 100px 0 40px;
            background: #020617;
            color: #fff;
            border-top: 1px solid var(--border-color);
            margin-top: 100px;
        }

        .footer-cols {
            display: grid;
            grid-template-columns: 1.5fr 1fr 1fr;
            gap: 60px;
            margin-bottom: 80px;
        }

        .footer-col h4 {
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            margin-bottom: 30px;
            color: var(--text-muted);
        }

        .footer-links-col {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .footer-links-col a {
            color: #94a3b8;
            text-decoration: none;
            font-size: 15px;
            transition: .2s;
            font-weight: 500;
        }

        .footer-links-col a:hover {
            color: var(--accent-teal);
            transform: translateX(5px);
        }

        .footer-brand p {
            color: #64748b;
            font-size: 15px;
            line-height: 1.7;
            max-width: 320px;
            margin-top: 24px;
        }

        .footer-bottom {
            border-top: 1px solid rgba(255, 255, 255, 0.05);
            padding-top: 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
        }

        .legal-links {
            display: flex;
            gap: 30px;
            font-size: 14px;
            color: #64748b;
            font-weight: 500;
        }

        .legal-links a {
            color: inherit;
            text-decoration: none;
            transition: color .2s;
        }

        .legal-links a:hover {
            color: #fff;
        }

        .social-row {
            display: flex;
            gap: 16px;
            margin-top: 30px;
        }

        .social {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.05);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: .3s;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .social svg {
            width: 20px;
            height: 20px;
            fill: #fff;
            transition: fill .3s;
        }

        .social:hover {
            background: var(--accent-teal);
            border-color: var(--accent-teal);
            box-shadow: 0 0 15px rgba(45, 212, 191, 0.4);
        }

        .social:hover svg {
            fill: #000;
        }

        /* RESPONSIVE */
        @media (max-width: 900px) {
            .nav {
                flex-wrap: wrap;
            }

            .desktop-menu {
                display: none;
            }

            .hamburger {
                display: block;
            }

            .nav-row {
                gap: 10px;
                justify-content: space-between;
            }

            /* 1. SMALLER LOGO ON MOBILE */
            .brand img {
                height: 28px;
            }

            /* 2. RESPONSIVE BUTTON & SPACING */
            .btn-primary.header-btn {
                padding: 8px 12px;
                font-size: 13px;
                height: 36px;
            }

            .cta-rescue {
                display: none;
            }

            .nav-right {
                gap: 12px;
                margin-left: 10px;
            }

            .mobile-menu {
                display: none;
            }

            .mobile-menu.active {
                display: flex;
            }

            .dropdown-content {
                position: static;
                box-shadow: none;
                padding-left: 20px;
                border: none;
                display: none;
                background: transparent;
                width: 100%;
            }

            .dropdown-content a {
                color: #fff;
                padding: 12px 0;
                border-left: 1px solid rgba(255, 255, 255, 0.1);
                padding-left: 16px;
            }

            .dropdown.active .dropdown-content {
                display: block;
            }

            .job-card {
                flex-direction: column;
                align-items: flex-start;
                gap: 24px;
                padding: 24px;
            }

            .job-action {
                width: 100%;
            }

            .btn-job {
                width: 100%;
                justify-content: center;
            }

            .footer-cols {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .footer-brand {
                order: 4;
                text-align: center;
            }

            .social-row {
                justify-content: center;
            }

            .footer-bottom {
                flex-direction: column;
                gap: 16px;
            }

            .filter-bar {
                justify-content: flex-start;
            }
            
            .cookie-banner { flex-direction: column; text-align: center; bottom: 0; left: 0; right: 0; border-radius: 12px 12px 0 0; }
            .cookie-btn { width: 100%; }
        }

/*GOLANG*/
    :root{
      /* PALETA MIDNIGHT TEAL (Dark Luxury Tech) */
      --bg-dark: #0f172a;       /* Slate 900 */
      --bg-card: #1e293b;       /* Slate 800 */
      
      --text-main: #f8fafc;     /* Blanco roto */
      --text-muted: #94a3b8;    /* Gris azulado metálico */

      /* EL ACENTO GAMBERRO */
      --accent-teal: #2dd4bf;   /* Turquesa Eléctrico */
      --accent-hover: #14b8a6;  
      
      --accent-warm: #f59e0b; 
      --accent-alert: #ef4444;

      --border-color: rgba(255, 255, 255, 0.1);
      /* Fixed: Standardized glow variable */
      --accent-glow: rgba(45, 212, 191, 0.15);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0; font-family: 'Plus Jakarta Sans', sans-serif;
      color: var(--text-main); background-color: var(--bg-dark);
      background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
      background-size: 40px 40px; line-height: 1.6;
      -webkit-font-smoothing: antialiased;
    }

    .container{max-width:1140px;margin:0 auto;padding:0 24px;}
    a { text-decoration: none; color: inherit; transition: 0.2s; }

    /* HEADER & NAVIGATION STYLES */
    header {
      position: sticky; top: 0;
      backdrop-filter: blur(16px) saturate(180%);
      background: rgba(15, 23, 42, 0.95); 
      border-bottom: 1px solid var(--border-color);
      z-index: 1000;
      height: 80px; 
      display: flex; align-items: center;
    }

    .nav-row {
        display: flex; align-items: center; 
        justify-content: space-between; 
        width: 100%; position: relative;
    }

    /* Logo */
    .brand img { height: 40px; width: auto; display: block; transition: 0.3s ease; }

    /* Desktop Menu */
    .desktop-menu {
      display: flex; align-items: center; gap: 32px;
      margin-left: 80px; 
      margin-right: auto; 
    }
    .desktop-menu a {
      color: var(--text-muted); font-weight: 600; font-size: 14px; 
      letter-spacing: .02em; text-transform: uppercase; text-decoration: none;
      transition: color .2s ease;
    }
    .desktop-menu a:hover { color: var(--accent-teal); }

    /* Right Side */
    .nav-right { 
        display: flex; align-items: center; gap: 16px; 
        margin-left: 40px; 
    }

    /* Rescue Mission Link */
    .cta-rescue {
        color: #ef4444; 
        font-weight: 800; 
        text-decoration: none; 
        font-size: 11px; 
        text-transform: uppercase;
        line-height: 1.1;
        text-align: right;
        letter-spacing: 0.05em;
        transition: 0.2s;
    }
    .cta-rescue:hover { color: #fff; transform: translateY(-1px); }

    /* Hamburger */
    .hamburger { display: none; cursor: pointer; color: #fff; }
    
    /* Mobile Menu Container */
    .mobile-menu {
        position: absolute;
        top: 80px; left: 0; width: 100%;
        background: #0f172a;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 0;
        display: none; flex-direction: column;
        box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        /* FIX: Added scrolling for mobile */
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }
    .mobile-menu.active { display: flex; }

    .mobile-menu a {
        padding: 20px 24px;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        color: #fff; text-decoration: none; font-weight: 600;
        font-size: 16px; display: block;
    }
    .mobile-menu a:hover { background: rgba(255,255,255,0.05); color: var(--accent-teal); }

    /* Dropdowns */
    .dropdown { position: relative; }
    .dropdown-content {
      display: none; position: absolute; top: 100%; left: -20px;
      background: var(--bg-card); border: 1px solid var(--border-color);
      min-width: 200px; padding: 10px 0; border-radius: 12px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.4);
      z-index: 100;
    }
    .dropdown:hover .dropdown-content { display: block; }
    .dropdown-content a { display: block; padding: 12px 20px; color: #fff; text-transform: none; }
    .dropdown-content a:hover { color: var(--accent-teal); background: rgba(255,255,255,0.05);}
    
    /* Mobile Dropdown Specifics */
    .mobile-dropdown-content {
        display: none; background: rgba(0,0,0,0.2); padding-left: 20px;
    }
    .mobile-dropdown-content a { font-size: 14px; padding: 14px 24px; color: #cbd5e1; }
    .mobile-has-dropdown.active .mobile-dropdown-content { display: block; }

    /* BUTTONS */
    .btn{
        border: 1px solid #EF4444; background: none; color: #EF4444;
      padding:14px 28px; border-radius: 8px; font-weight:700; font-size:15px;
      cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px;
      transition: all .2s ease;
    }
    .btn:hover{ background: #EF4444;color: #fff; transform: translateY(-2px);}

    .btn-primary{
      border: 1px solid transparent; background: var(--accent-teal); color: #0f172a; 
      box-shadow: 0 0 15px rgba(45, 212, 191, 0.3);
    }
    .btn-primary:hover{
      background: #5eead4; color: #000; box-shadow: 0 0 25px rgba(45, 212, 191, 0.5);
    }
    
    /* JOB SPECIFIC STYLES */
    .job-hero {
        padding: 80px 0 60px;
        background: linear-gradient(180deg, rgba(45, 212, 191, 0.05) 0%, transparent 100%);
        border-bottom: 1px solid var(--border-color);
    }
    .back-link {
        display: inline-flex; align-items: center; gap: 6px; 
        font-size: 14px; font-weight: 700; color: var(--text-muted); 
        text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 32px;
    }
    .back-link:hover { color: var(--accent-teal); transform: translateX(-5px); }

    .job-title-large {
        font-size: clamp(36px, 5vw, 56px); font-weight: 800; line-height: 1.1; 
        color: #fff; margin: 0 0 24px;
    }
    
    .job-key-info {
        display: flex; gap: 32px; flex-wrap: wrap; margin-bottom: 0;
    }
    .info-pill {
        display: flex; align-items: center; gap: 10px;
        font-size: 18px; font-weight: 600; color: #fff;
        background: rgba(255,255,255,0.05); padding: 12px 20px; border-radius: 12px;
        border: 1px solid rgba(255,255,255,0.1);
    }
    .info-pill svg { width: 20px; height: 20px; color: var(--accent-teal); }

    .job-layout {
        display: grid; grid-template-columns: 2fr 1fr; gap: 60px; padding: 80px 0;
        align-items: start;
    }

    .job-content h2 {
        font-size: 24px; font-weight: 700; color: #fff; margin: 40px 0 24px;
        display: flex; align-items: center; gap: 12px;
    }
    .job-content h2::before {
        content: ''; display: block; width: 4px; height: 24px; background: var(--accent-teal); border-radius: 2px;
    }
    .job-content p {
        font-size: 17px; line-height: 1.7; color: #cbd5e1; margin-bottom: 24px;
    }
    .job-content ul {
        padding-left: 0; list-style: none; margin-bottom: 32px;
    }
    .job-content li {
        position: relative; padding-left: 24px; margin-bottom: 12px;
        font-size: 17px; color: #cbd5e1; line-height: 1.6;
    }
    .job-content li::before {
        content: '•'; color: var(--accent-teal); position: absolute; left: 0; top: 0px; font-size: 20px; font-weight: bold;
    }

    .job-sidebar { position: sticky; top: 120px; }
    .apply-box {
        background: var(--bg-card); border: 1px solid var(--border-color);
        padding: 32px; border-radius: 24px;
        box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
    }
    .summary-item {
        display: flex; justify-content: space-between; align-items: center;
        padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,0.05);
    }
    .summary-item:last-child { border-bottom: none; }
    .label { font-size: 13px; text-transform: uppercase; color: var(--text-muted); font-weight: 700; letter-spacing: 0.05em; }
    .value { font-size: 15px; color: #fff; font-weight: 600; text-align: right;}

    /* FOOTER */
    footer{margin-top:0; padding:100px 0 40px; background: #020617; color:#fff; border-top: 1px solid var(--border-color);}
    /* 3 COLUMNS GRID */
    .footer-cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 80px; }
    .footer-col h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 28px; color: rgba(255,255,255,0.5); }
    .footer-links-col { display: flex; flex-direction: column; gap: 16px; }
    .footer-links-col a { color: #94a3b8; text-decoration: none; font-size: 15px; transition: .2s; font-weight: 500; }
    .footer-links-col a:hover { color: var(--accent-teal); transform: translateX(5px); }
    .footer-brand p { color: #64748b; font-size: 15px; line-height: 1.7; max-width: 320px; margin-top: 24px; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
    .legal-links { display: flex; gap: 30px; font-size: 14px; color: #64748b; font-weight: 500;}
    .legal-links a { color: inherit; text-decoration: none; transition: color .2s; }
    .legal-links a:hover { color: #fff; }
    
    .social-row {display:flex; gap:16px; margin-top: 30px;}
    .social{
      width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.05);
      display:flex; align-items:center; justify-content:center; transition:.3s; border:1px solid rgba(255,255,255,0.1);
    }
    .social svg{width:20px; height:20px; fill:#fff; transition: fill .3s;}
    .social:hover{background:var(--accent-teal); border-color:var(--accent-teal); box-shadow: 0 0 15px rgba(45,212,191,0.4);} 
    .social:hover svg{fill: #000;}

    /* COOKIE BANNER STYLES */
    .cookie-banner {
      position: fixed;
      bottom: 20px;
      left: 20px;
      right: 20px;
      max-width: 600px;
      margin: 0 auto;
      background: rgba(15, 23, 42, 0.95);
      backdrop-filter: blur(12px);
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent-teal);
      border-radius: 12px;
      padding: 24px;
      z-index: 9999;
      box-shadow: 0 10px 40px rgba(0,0,0,0.6);
      display: none; /* Hidden by default, JS enables it */
      align-items: center;
      gap: 20px;
      justify-content: space-between;
      animation: slideUp 0.5s ease-out;
    }
    @keyframes slideUp {
      from { transform: translateY(100px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }
    .cookie-text { font-size: 14px; color: #cbd5e1; line-height: 1.5; }
    .cookie-text a { color: var(--accent-teal); text-decoration: none; }
    
    /* FIX: Added actions container */
    .cookie-actions { display: flex; align-items: center; gap: 15px; }

    .cookie-btn {
      background: var(--accent-teal);
      color: #0f172a;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-weight: 700;
      cursor: pointer;
      font-size: 14px;
      white-space: nowrap;
      transition: all 0.2s;
    }
    .cookie-btn:hover { background: #5eead4; transform: scale(1.05); }

    /* FIX: Added Decline Button Style */
    .cookie-decline {
      background: transparent;
      color: var(--text-muted);
      border: none;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .cookie-decline:hover { color: #fff; text-decoration: underline; }

    /* RESPONSIVE */
    @media (max-width: 900px) {
        .desktop-menu { display: none; } 
        .hamburger { display: block; }   
        
        .nav-row { 
            gap: 10px; 
            justify-content: space-between;
        }

        /* 1. SMALLER LOGO ON MOBILE */
        .brand img { height: 28px; } 

        /* 2. RESPONSIVE BUTTON & SPACING */
        .btn-primary.header-btn {
            padding: 8px 12px; 
            font-size: 13px; 
            height: 36px;
        }
        .cta-rescue { display: none; } 
        
        .nav-right {
             gap: 12px;
             margin-left: 10px;
        }
        
        .job-layout { grid-template-columns: 1fr; }
        .job-sidebar { position: relative; top: 0; order: -1; margin-bottom: 40px; }

      .mobile-menu { display: none; }
      .mobile-menu.active { display: flex; }
      
      .dropdown-content { position: static; box-shadow: none; padding-left: 20px; border: none; display: none; background: transparent; width: 100%; }
      .dropdown-content a { color: #fff; padding: 12px 0; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 16px; }
      .dropdown.active .dropdown-content { display: block; }

      .footer-cols { grid-template-columns: 1fr; gap: 40px; }
      .footer-brand { order: 4; text-align: center; }
      .social-row { justify-content: center; }
      .footer-bottom { flex-direction: column; gap: 16px; }

      .cookie-banner { flex-direction: column; text-align: center; bottom: 0; left: 0; right: 0; border-radius: 12px 12px 0 0; }
      .cookie-actions { width: 100%; flex-direction: column; gap: 10px; }
      .cookie-btn { width: 100%; }
    }

	/*PRIVACY*/