*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
    a, button, [onclick], input[type="submit"], select { cursor: pointer; }
    input, textarea { cursor: text; }

    :root {
      --black:    #0a0a0a;
      --black2:   #111111;
      --black3:   #181818;
      --gold:     #c4a866;
      --gold-light: #e9db91;
      --gold-dim: rgba(196,168,102,.15);
      --gold-glow: rgba(196,168,102,.35);
      --white:    #f5f0e8;
      --white-dim: rgba(245,240,232,.55);
      --white-faint: rgba(245,240,232,.08);
    }

    

    /* ── BASE ── */
    html { scroll-behavior:smooth; }
    body {
      font-family:'Raleway',sans-serif;
      background:var(--black);
      color:var(--white);
      overflow-x:hidden;
      line-height:1.7;
    }

    /* ── CANVAS BG ── */
    #bg-canvas { position:fixed; inset:0; z-index:0; pointer-events:none; opacity:1; }

    /* ── LOGO IMGS ── */
    /* Logo responsive */
    .logo-mobile  { display:block; }
    .logo-desktop { display:none; }
    .logo-img-nav  { height:48px; width:auto; object-fit:contain; display:block; }
    .logo-img-hero { height:480px; width:auto; object-fit:contain; border-radius:6px; }

    /* ── NAV ── */
    nav {
      position:fixed; top:0; left:0; right:0; z-index:100;
      display:grid; grid-template-columns: auto 1fr auto;
      align-items:center;
      padding:22px 60px;
      background:rgba(10,10,10,.85);
      backdrop-filter:blur(12px);
      border-bottom:1px solid rgba(196,168,102,.08);
      transition:background .5s,padding .5s,backdrop-filter .5s;
    }
    nav.scrolled {
      background:rgba(10,10,10,.95);
      backdrop-filter:blur(20px);
      padding:14px 60px;
      border-bottom:1px solid rgba(196,168,102,.18);
    }
    .nav-logo-link { display:flex; align-items:center; text-decoration:none; }
    .nav-links {
      display:flex; gap:32px; list-style:none; justify-content:center;
    }
    .nav-links a {
      font-size:.7rem; letter-spacing:.25em; text-transform:uppercase;
      color:var(--white-dim); text-decoration:none;
      position:relative; padding-bottom:4px;
      transition:color .3s;
    }
    .nav-links a::after {
      content:''; position:absolute; bottom:0; left:0; width:0; height:1px;
      background:var(--gold); transition:width .4s cubic-bezier(.4,0,.2,1);
    }
    .nav-links a:hover { color:var(--gold); }
    .nav-links a:hover::after { width:100%; }
    .nav-cta {
      font-size:.68rem; letter-spacing:.22em; text-transform:uppercase;
      border:1px solid var(--gold); color:var(--gold);
      padding:10px 26px; text-decoration:none;
      position:relative; overflow:hidden; transition:color .4s;
      border-radius:5px;
    }
    .nav-cta::before {
      content:''; position:absolute; inset:0;
      background:var(--gold); transform:translateX(-101%);
      transition:transform .4s cubic-bezier(.4,0,.2,1);
    }
    .nav-cta:hover { color:var(--black); }
    .nav-cta:hover::before { transform:translateX(0); }
    .nav-cta span { position:relative; z-index:1; }
    .burger { display:none; flex-direction:column; gap:5px; background:none; border:none; padding:4px; }
    .burger span { width:24px; height:1px; background:var(--gold); display:block; }

    /* ── HERO ── */
    #hero {
      position:relative; min-height:100vh;
      display:flex; flex-direction:row;
      align-items:center; justify-content:center;
      text-align:left; z-index:1;
      padding:90px 80px 90px;
      overflow:visible;
      gap:70px;
    }
    /* fondo radial sutil detrás del logo */
    #hero::before {
      content:'';
      position:absolute; inset:0;
      background: radial-gradient(ellipse 55% 70% at 28% 50%, rgba(196,168,102,.07) 0%, transparent 70%);
      pointer-events:none; z-index:0;
    }
    #hero > * { position:relative; z-index:1; }
    .hero-logo-wrap {
      flex:0 0 auto;
      display:flex; align-items:center; justify-content:flex-start;
      animation:fadeUp .9s .3s both;
      position:relative;
    }
    /* marco dorado sutil alrededor del logo */
    .hero-logo-wrap::before {
      content:'';
      position:absolute; inset:-18px;
      border:1px solid rgba(196,168,102,.18);
      border-radius:8px;
      pointer-events:none;
    }
    .hero-logo-wrap::after {
      content:'';
      position:absolute; inset:-6px;
      border:1px solid rgba(196,168,102,.08);
      border-radius:6px;
      pointer-events:none;
    }
    .hero-content {
      flex:1;
      display:flex; flex-direction:column; align-items:flex-start;
    }
    /* línea decorativa vertical entre logo y texto */
    .hero-separator {
      width:1px; align-self:stretch;
      background:linear-gradient(to bottom, transparent, rgba(196,168,102,.35), transparent);
      flex-shrink:0; margin:0;
    }
    .hero-divider { display:none; }
    .hero-eyebrow {
      font-size:.62rem; letter-spacing:.5em; text-transform:uppercase;
      color:var(--gold); margin-bottom:28px;
      animation:fadeUp .9s .7s both;
      text-align:left;
      display:flex; align-items:center; gap:14px;
    }
    .hero-eyebrow::before {
      content:''; display:block; width:30px; height:1px;
      background:var(--gold); flex-shrink:0;
    }
    .hero-title {
      font-family:'Cormorant Garamond',serif;
      font-weight:300; font-size:clamp(3.2rem,5.5vw,6.5rem);
      line-height:1.0; letter-spacing:-.01em;
      animation:fadeUp 1s .9s both;
    }
    .hero-title em { font-style:italic; color:var(--gold); display:block; }
    .hero-sub {
      margin-top:22px; max-width:480px;
      font-size:.82rem; font-weight:300; letter-spacing:.07em;
      color:rgba(245,240,232,.5); line-height:2;
      animation:fadeUp .9s 1.1s both;
      text-align:left;
      border-left:1px solid rgba(196,168,102,.25);
      padding-left:18px;
    }
    .hero-actions {
      margin-top:40px; display:flex; gap:16px; flex-wrap:wrap; justify-content:flex-start;
      animation:fadeUp .9s 1.3s both;
    }
    @media (max-width:900px) {
      .hero-content { width:100%; }
      .hero-actions { flex-wrap:nowrap; justify-content:center; gap:10px; width:100%; box-sizing:border-box; margin-bottom:60px; }
      .hero-actions .btn-primary,
      .hero-actions .btn-secondary { flex:1; min-width:0; text-align:center; padding:15px 4px; font-size:.6rem; }
    }
    .btn-primary {
      display:inline-block; text-decoration:none;
      font-size:.7rem; letter-spacing:.25em; text-transform:uppercase;
      background:var(--gold); color:var(--black);
      padding:16px 40px; position:relative; overflow:hidden; transition:box-shadow .4s;
      border-radius:5px;
    }
    .btn-primary::after {
      content:''; position:absolute; inset:0;
      background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.25) 60%,transparent 70%);
      transform:translateX(-100%); transition:transform .6s;
    }
    .btn-primary:hover { box-shadow:0 0 30px var(--gold-glow),0 0 60px var(--gold-dim); }
    .btn-primary:hover::after { transform:translateX(100%); }
    .btn-secondary {
      display:inline-block; text-decoration:none;
      font-size:.7rem; letter-spacing:.25em; text-transform:uppercase;
      border:1px solid rgba(196,168,102,.4); color:var(--white-dim);
      padding:16px 40px; transition:color .4s,border-color .4s;
      border-radius:5px;
    }
    .btn-secondary:hover { color:var(--gold); border-color:var(--gold); }
    .hero-scroll {
      display:none;
    }
    @media (max-width:900px) {
      .hero-scroll {
        position:fixed;
        bottom:24px;
        left:0;
        right:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:8px;
        text-decoration:none;
        cursor:pointer;
        opacity:1;
        transition:opacity .4s;
        z-index:50;
      }
    }
    .hero-scroll span {
      font-size:.58rem;
      letter-spacing:.4em;
      text-transform:uppercase;
      color:rgba(196,168,102,.55);
      transition:color .3s;
    }
    .hero-scroll:hover span { color:var(--gold); }
    .scroll-arrow {
      width:28px;
      height:28px;
      border-right:2px solid rgba(196,168,102,.7);
      border-bottom:2px solid rgba(196,168,102,.7);
      transform:rotate(45deg);
      border-radius:2px;
      animation:arrowBounce 1.4s ease-in-out infinite;
      transition:border-color .3s;
    }
    .hero-scroll:hover .scroll-arrow {
      border-color:var(--gold);
    }
    @keyframes arrowBounce {
      0%, 100% { transform:rotate(45deg) translate(0,0);   opacity:.7; }
      50%       { transform:rotate(45deg) translate(5px,5px); opacity:1; }
    }
    @media (max-height:700px) { .hero-scroll { display:none; } }
    
/* scroll-line removed */

    /* ── SECTIONS ── */
    section { position:relative; z-index:1; }
    .section-inner { max-width:1200px; margin:0 auto; padding:130px 60px; }
    #about .section-inner { padding:60px 60px; }
    #services .section-inner { max-width:1600px; padding:130px 40px; }

    .section-tag {
      font-size:.62rem; letter-spacing:.42em; text-transform:uppercase;
      color:var(--gold); margin-bottom:12px; display:block;
    }
    .section-title {
      font-family:'Cormorant Garamond',serif;
      font-weight:300; font-size:clamp(2.4rem,5vw,4.2rem);
      line-height:1.1; letter-spacing:.02em;
    }
    .section-title em { font-style:italic; color:var(--gold); }
    .gold-rule { width:60px; height:1px; background:linear-gradient(to right,var(--gold),transparent); margin:16px 0; }
    .reveal { opacity:0; transform:translateY(40px); transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1); }
    .reveal.visible { opacity:1; transform:translateY(0); }
    .reveal-delay-1 { transition-delay:.1s; }
    .reveal-delay-2 { transition-delay:.2s; }
    .reveal-delay-3 { transition-delay:.35s; }
    .reveal-delay-4 { transition-delay:.5s; }
    .reveal-delay-5 { transition-delay:.65s; }

    /* ── ABOUT ── */
    #about {
      background: var(--black2);
      border-top: 1px solid rgba(196,168,102,.15);
      position: relative;
      overflow: hidden;
    }
    /* línea dorada superior decorativa */
    #about::before {
      content: '';
      position: absolute;
      top: 0; left: 50%; transform: translateX(-50%);
      width: 120px; height: 2px;
      background: linear-gradient(to right, transparent, var(--gold), transparent);
    }
    /* resplandor sutil de fondo en about */
    #about::after {
      content: '';
      position: absolute; inset: 0;
      background: radial-gradient(ellipse 60% 50% at 75% 50%, rgba(196,168,102,.04) 0%, transparent 70%);
      pointer-events: none;
    }
    .about-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; margin-top:30px; position:relative; z-index:1; }
    .about-visual { position:relative; aspect-ratio:4/5; overflow:hidden; max-width:380px; }
    .about-frame { position:absolute; inset:0; border:1px solid rgba(196,168,102,.2); transform:translate(16px,16px); transition:transform .6s; }
    .about-visual:hover .about-frame { transform:translate(10px,10px); }
    .about-img-inner {
      position:absolute; inset:0;
      background:linear-gradient(135deg,#1a1610 0%,#0e0c08 40%,#16130a 100%);
      display:flex; align-items:center; justify-content:center; overflow:hidden;
      border-radius:5px;
    }
    .about-glyph {
      font-family:'Cormorant Garamond',serif;
      font-size:9rem; font-weight:300; font-style:italic;
      color:rgba(196,168,102,.08); line-height:1; user-select:none;
      transition:color .8s;
    }
    .about-visual:hover .about-glyph { color:rgba(196,168,102,.13); }
    .about-badge {
      position:absolute; bottom:-20px; right:-20px;
      width:110px; height:110px; border-radius:50%;
      background:var(--gold); display:flex; flex-direction:column;
      align-items:center; justify-content:center;
      font-family:'Cormorant Garamond',serif;
    }
    .about-badge-num { font-size:1.9rem; font-weight:500; color:var(--black); line-height:1; }
    .about-badge-txt { font-size:.55rem; letter-spacing:.18em; text-transform:uppercase; color:rgba(10,10,10,.7); }
    .about-text p { font-size:.83rem; font-weight:300; color:var(--white-dim); line-height:1.75; margin-bottom:12px; }
    .about-pillars { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:20px; }
    .pillar { border-left:1px solid rgba(196,168,102,.3); padding-left:18px; }
    .pillar-title { font-family:'Cormorant Garamond',serif; font-size:1.1rem; font-weight:400; color:var(--gold); margin-bottom:6px; }
    .pillar-desc { font-size:.75rem; color:var(--white-dim); line-height:1.7; font-weight:300; }

    /* ── SERVICES ── */
    #services { background:var(--black2); border-top:1px solid rgba(196,168,102,.07); border-bottom:1px solid rgba(196,168,102,.07); }
    .services-header { text-align:center; max-width:680px; margin:0 auto 70px; }
    .services-header .gold-rule { margin:28px auto; }
    .services-header p { font-size:.85rem; font-weight:300; color:var(--white-dim); line-height:1.9; }
    .services-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }
    .service-card { background:var(--black3); padding:40px 24px; position:relative; overflow:hidden; transition:background .4s; border:1px solid transparent; border-radius:5px; }
    .service-card::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(196,168,102,.06) 0%,transparent 60%); opacity:0; transition:opacity .4s; }
    .service-card:hover { background:#141410; border-color:rgba(196,168,102,.18); }
    .service-card:hover::before { opacity:1; }
    .service-num { font-family:'Cormorant Garamond',serif; font-size:3.2rem; font-weight:300; color:rgba(196,168,102,.15); line-height:1; transition:color .4s; }
    .service-card:hover .service-num { color:rgba(196,168,102,.3); }
    .service-icon { width:30px; height:30px; display:flex; align-items:center; justify-content:center; }
    .service-icon svg { width:30px; height:30px; stroke:var(--gold); fill:none; stroke-width:1.2; }
    .service-header-row { display:flex; align-items:flex-end; gap:14px; margin-bottom:20px; }
    .service-desc { font-size:.78rem; color:var(--white-dim); line-height:1.85; font-weight:300; }
    .service-arrow { display:inline-flex; align-items:center; gap:10px; margin-top:24px; font-size:.65rem; letter-spacing:.28em; text-transform:uppercase; color:var(--gold); opacity:0; transform:translateY(6px); transition:opacity .3s,transform .3s; }
    .service-card:hover .service-arrow { opacity:1; transform:translateY(0); }
    .service-arrow svg { width:18px; stroke:var(--gold); fill:none; stroke-width:1.5; transition:transform .3s; }
    .service-card:hover .service-arrow svg { transform:translateX(4px); }

    /* ── QUOTE ── */
    #quote {
      background:linear-gradient(135deg,#0e0b05 0%,#14110a 50%,#0e0b05 100%);
      border-top:1px solid rgba(196,168,102,.1); border-bottom:1px solid rgba(196,168,102,.1);
      padding:90px 60px; text-align:center;
    }
    .quote-text {
      font-family:'Cormorant Garamond',serif;
      font-size:clamp(1.5rem,3.5vw,2.7rem);
      font-weight:300; font-style:italic;
      color:var(--white); max-width:820px; margin:0 auto;
      line-height:1.5; letter-spacing:.02em;
    }
    .quote-text span { color:var(--gold); }
    .quote-source { margin-top:26px; font-size:.65rem; letter-spacing:.35em; text-transform:uppercase; color:rgba(196,168,102,.5); }

    /* ── PROCESS ── */
    #process { background:var(--black); }
    .process-header { text-align:center; max-width:600px; margin:0 auto 90px; }
    .process-header .gold-rule { margin:28px auto; }
    .process-steps { position:relative; }
    .process-line { position:absolute; top:38px; left:0; right:0; height:1px; background:linear-gradient(to right,transparent,rgba(196,168,102,.25),rgba(196,168,102,.25),transparent); }
    .steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:40px; position:relative; }
    .step { text-align:center; padding-top:10px; }
    .step-circle {
      width:76px; height:76px; border-radius:50%;
      border:1px solid rgba(196,168,102,.4);
      display:flex; align-items:center; justify-content:center;
      margin:0 auto 30px; position:relative; background:var(--black);
      transition:border-color .4s,box-shadow .4s;
    }
    .step:hover .step-circle { border-color:var(--gold); box-shadow:0 0 20px var(--gold-dim),0 0 40px rgba(196,168,102,.08); }
    .step-num { font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:300; color:var(--gold); }
    .step-title { font-family:'Cormorant Garamond',serif; font-size:1.2rem; font-weight:400; color:var(--white); margin-bottom:12px; }
    .step-desc { font-size:.78rem; color:var(--white-dim); line-height:1.85; font-weight:300; }

    /* ── CONTACT ── */
    #contact { background:var(--black2); border-top:1px solid rgba(196,168,102,.07); }
    .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start; }
    .contact-info p { font-size:.85rem; font-weight:300; color:var(--white-dim); line-height:1.95; margin-bottom:38px; }
    .contact-detail { display:flex; align-items:center; gap:18px; margin-bottom:22px; }
    .contact-detail-icon { width:44px; height:44px; border:1px solid rgba(196,168,102,.25); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:border-color .3s,background .3s; border-radius:5px; }
    .contact-detail:hover .contact-detail-icon { border-color:var(--gold); background:var(--gold-dim); }
    .contact-detail-icon svg { width:18px; stroke:var(--gold); fill:none; stroke-width:1.3; }
    .contact-detail-text { font-size:.8rem; color:var(--white-dim); font-weight:300; letter-spacing:.04em; }
    .contact-detail-text strong { display:block; font-size:.62rem; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); margin-bottom:3px; font-weight:400; }
    .contact-form { display:flex; flex-direction:column; gap:18px; }
    .form-group { position:relative; }
    .form-group label { display:block; font-size:.6rem; letter-spacing:.3em; text-transform:uppercase; color:rgba(196,168,102,.6); margin-bottom:9px; font-weight:400; }
    .form-group input,
    .form-group textarea,
    .form-group select {
      width:100%; background:rgba(255,255,255,.03);
      border:1px solid rgba(196,168,102,.15); color:var(--white);
      font-family:'Raleway',sans-serif; font-size:.82rem; font-weight:300;
      letter-spacing:.05em; padding:14px 18px; outline:none;
      transition:border-color .3s,background .3s,box-shadow .3s; -webkit-appearance:none;
      border-radius:5px;
    }
    .form-group select option { background:var(--black2); }
    .form-group textarea { min-height:130px; resize:vertical; }
    .form-group input:focus,
    .form-group textarea:focus,
    .form-group select:focus { border-color:rgba(196,168,102,.55); background:rgba(196,168,102,.04); box-shadow:0 0 0 3px rgba(196,168,102,.06); }
    .form-group input::placeholder,
    .form-group textarea::placeholder { color:rgba(245,240,232,.2); }
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
    .btn-form {
      width:100%;
      background:none; border:1px solid var(--gold);
      color:var(--gold); font-family:'Raleway',sans-serif;
      font-size:.7rem; letter-spacing:.28em; text-transform:uppercase;
      padding:16px 40px; position:relative; overflow:hidden;
      transition:color .4s; margin-top:8px; align-self:flex-start;
      border-radius:5px;
    }
    .btn-form::before { content:''; position:absolute; inset:0; background:var(--gold); transform:translateX(-101%); transition:transform .4s cubic-bezier(.4,0,.2,1); }
    .btn-form:hover { color:var(--black); }
    .btn-form:hover::before { transform:translateX(0); }
    .btn-form span { position:relative; z-index:1; }

    /* ── FOOTER ── */
    footer { background:#060606; border-top:1px solid rgba(196,168,102,.1); padding:55px 60px; position:relative; z-index:1; }
    .footer-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:40px; }
    .footer-logo-link { display:flex; align-items:center; text-decoration:none; }
    .footer-links { display:flex; gap:32px; justify-content:center; flex-wrap:wrap; }
    .footer-links a { font-size:.62rem; letter-spacing:.22em; text-transform:uppercase; color:rgba(245,240,232,.3); text-decoration:none; transition:color .3s; }
    .footer-links a:hover { color:var(--gold); }
    .footer-right { display:flex; flex-direction:column; align-items:flex-end; gap:14px; }
    .social-links { display:flex; gap:14px; }
    .social-link { width:38px; height:38px; border:1px solid rgba(196,168,102,.2); display:flex; align-items:center; justify-content:center; text-decoration:none; transition:border-color .3s,background .3s; border-radius:5px; }
    .social-link:hover { border-color:var(--gold); background:var(--gold-dim); }
    .social-link svg { width:16px; height:16px; stroke:rgba(196,168,102,.7); fill:none; stroke-width:1.5; transition:stroke .3s; }
    .social-link:hover svg { stroke:var(--gold); }
    .footer-copy { font-size:.6rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(245,240,232,.2); }
    .footer-bottom { max-width:1200px; margin:36px auto 0; padding-top:22px; border-top:1px solid rgba(196,168,102,.06); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; }
    .footer-bottom p { font-size:.6rem; letter-spacing:.15em; color:rgba(245,240,232,.18); }

    /* ── ANIMATIONS ── */
    @keyframes fadeUp { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:translateY(0); } }
    @keyframes scrollPulse { 0%,100% { opacity:.5; } 50% { opacity:1; } }

    /* ── MOBILE MENU ── */
    .mobile-menu {
      position:fixed; inset:0; z-index:90;
      background:rgba(10,10,10,.97);
      flex-direction:column; align-items:center; justify-content:center; gap:36px;
      opacity:0; pointer-events:none; transition:opacity .4s;
      display:none;
    }
    .mobile-menu.open { display:flex; opacity:1; pointer-events:all; }
    .mobile-menu a { font-family:'Cormorant Garamond',serif; font-size:2.2rem; font-weight:300; letter-spacing:.08em; color:var(--white); text-decoration:none; transition:color .3s; }
    .mobile-menu a:hover { color:var(--gold); }
    @media (max-height:500px) and (orientation:landscape) {
      .mobile-menu { gap:14px; justify-content:center; padding:16px 0; overflow-y:auto; }
      .mobile-menu a { font-size:1.3rem; }
    }

    /* ── RESPONSIVE ── */
    @media (max-width:1024px) {
      .services-grid { grid-template-columns:repeat(3,1fr); }
      .steps-grid { grid-template-columns:repeat(2,1fr); }
      .process-line { display:none; }
      .about-grid { grid-template-columns:1fr; gap:50px; }
    }
    @media (max-width:900px) {
      #hero { flex-direction:column; text-align:center; padding:100px 24px 110px; gap:32px; }
      #hero::before { background: radial-gradient(ellipse 80% 40% at 50% 30%, rgba(196,168,102,.07) 0%, transparent 70%); }
      .hero-separator { display:none; }
      .hero-logo-wrap::before, .hero-logo-wrap::after { display:none; }
      .hero-sub { border-left:none; padding-left:0; text-align:center; }
      .hero-content { align-items:center; }
      .hero-eyebrow { text-align:center; }
      .hero-sub { text-align:center; }
      .hero-actions { justify-content:center; }
      .logo-img-hero { height:240px; }
    }
    @media (min-width:901px) and (max-width:1200px) {
      .logo-img-hero { height:280px; }
      #hero { gap:36px; padding:90px 36px; }
    }
    @media (min-width:1201px) and (max-width:1400px) {
      .logo-img-hero { height:360px; }
      #hero { gap:50px; padding:90px 60px; }
    }
    @media (max-width:1024px) {
      nav { padding:18px 24px; }
      nav.scrolled { padding:12px 24px; }
      .nav-links,.nav-cta { display:none; }
      .burger { display:flex; }
    }
    @media (max-width:768px) {
      .section-inner { padding:80px 24px; }
      .hero-eyebrow { display:none; }
      #hero { padding-top:120px; }
      .contact-grid { grid-template-columns:1fr; gap:50px; }
      .footer-inner { grid-template-columns:1fr; text-align:center; }
      .footer-right { align-items:center; }
      .footer-bottom { justify-content:center; text-align:center; }
      .form-row { grid-template-columns:1fr; }
      .services-grid { grid-template-columns:1fr; }
      .steps-grid { grid-template-columns:1fr; }
      .about-pillars { grid-template-columns:1fr; }
    }

    /* ── SCROLLBAR PERSONALIZADO ── */
    ::-webkit-scrollbar {
      width: 4px;
    }
    ::-webkit-scrollbar-track {
      background: var(--black);
    }
    ::-webkit-scrollbar-thumb {
      background: linear-gradient(to bottom, rgba(196,168,102,.3), var(--gold), rgba(196,168,102,.3));
      border-radius: 2px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: var(--gold);
    }
    /* Firefox */
    * {
      scrollbar-width: thin;
      scrollbar-color: var(--gold) var(--black);
    }

    /* ── COPY BUTTON ── */
    .contact-detail {
      display:flex; align-items:center; gap:18px; margin-bottom:22px;
      position:relative;
    }
    .copy-btn {
      margin-left:auto;
      background:none; border:1px solid rgba(196,168,102,.18);
      border-radius:5px; padding:7px 9px;
      cursor:pointer;
      display:flex; align-items:center; justify-content:center;
      opacity:0; transition:opacity .3s, border-color .3s, background .3s;
      flex-shrink:0;
    }
    .contact-detail:hover .copy-btn { opacity:1; }
    .copy-btn:hover { border-color:var(--gold); background:var(--gold-dim); }
    .copy-btn svg { width:14px; height:14px; stroke:var(--gold); fill:none; stroke-width:1.5; }
    .copy-btn.copied { border-color:rgba(100,200,100,.5); }
    .copy-btn.copied svg { stroke:#6cc070; }
  
    /* ── LANG SELECTOR ── */
    .lang-selector {
      position:relative;
      display:flex;
      align-items:center;
      margin-left:16px;
      margin-right:16px;
    }
    .lang-btn {
      background:none;
      border:1px solid rgba(196,168,102,.35);
      color:var(--white-dim);
      font-family:'Raleway',sans-serif;
      font-size:.68rem;
      letter-spacing:.18em;
      text-transform:uppercase;
      padding:7px 12px;
      cursor:pointer;
      display:flex;
      align-items:center;
      gap:6px;
      border-radius:4px;
      transition:border-color .3s, color .3s;
    }
    .lang-btn:hover { border-color:var(--gold); color:var(--gold); }
    .lang-btn .lang-arrow {
      font-size:.5rem;
      transition:transform .3s;
      display:inline-block;
    }
    .lang-selector.open .lang-arrow { transform:rotate(180deg); }
    .lang-dropdown {
      position:absolute;
      top:calc(100% + 8px);
      right:0;
      background:rgba(10,10,10,.97);
      border:1px solid rgba(196,168,102,.2);
      border-radius:4px;
      overflow-y:auto;
      max-height:320px;
      min-width:140px;
      opacity:0;
      pointer-events:none;
      transform:translateY(-6px);
      transition:opacity .25s, transform .25s;
      z-index:200;
    }
    .lang-selector.open .lang-dropdown {
      opacity:1;
      pointer-events:all;
      transform:translateY(0);
    }
    .lang-dropdown a {
      display:flex;
      align-items:center;
      gap:8px;
      padding:10px 16px;
      font-family:'Raleway',sans-serif;
      font-size:.68rem;
      letter-spacing:.15em;
      text-transform:uppercase;
      color:var(--white-dim);
      text-decoration:none;
      transition:background .2s, color .2s;
    }
    .lang-dropdown a:hover { background:rgba(196,168,102,.1); color:var(--gold); }
    .lang-dropdown a.active { color:var(--gold); }
    /* Móvil */
    @media (max-width:768px) {
      .lang-selector { margin-left:0; margin-right:8px; }
      .lang-btn { padding:6px 10px; font-size:.6rem; }
      /* En mobile menu */
      .mobile-lang {
        display:flex;
        gap:16px;
        margin-top:20px;
        padding-top:20px;
        border-top:1px solid rgba(196,168,102,.15);
      }
      .mobile-lang a {
        font-family:'Raleway',sans-serif;
        font-size:1rem;
        letter-spacing:.12em;
        text-transform:uppercase;
        color:var(--white-dim);
        text-decoration:none;
        transition:color .3s;
      }
      .mobile-lang a.active,
      .mobile-lang a:hover { color:var(--gold); }
    }

    /* ── RTL (árabe) ── */
    html[dir="rtl"] body { direction: rtl; }
    html[dir="rtl"] .hero-eyebrow::before { display:none; }
    html[dir="rtl"] .hero-sub { border-left:none; border-right:1px solid rgba(196,168,102,.25); padding-left:0; padding-right:18px; }
    html[dir="rtl"] .about-pillars .pillar { border-left:none; border-right:1px solid rgba(196,168,102,.3); padding-left:0; padding-right:18px; }
    html[dir="rtl"] .gold-rule { background:linear-gradient(to left, var(--gold), transparent); }