.contacto-intro-card{background:#fff;border:1px solid rgba(94,60,30,0.14);border-radius:14px;padding:32px 28px;margin-bottom:28px;box-shadow:0 6px 16px rgba(94,60,30,0.08)}
    .contacto-intro-card p{font-size:16px;color:var(--gris-texto);line-height:1.75;margin-bottom:12px}
    .contacto-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}
    .contacto-channel-card{background:#fff;border:1px solid rgba(94,60,30,0.14);border-radius:14px;padding:28px 24px;text-align:center;box-shadow:0 6px 16px rgba(94,60,30,0.08);transition:transform 180ms ease,box-shadow 180ms ease}
    .contacto-channel-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(94,60,30,0.12)}
    .contacto-channel-card .channel-icon{width:56px;height:56px;border-radius:50%;background:var(--arena-media);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px;color:var(--mostaza);transition:background 180ms ease,color 180ms ease}
    .contacto-channel-card:hover .channel-icon{background:var(--mostaza-cta);color:#fff}
    .contacto-channel-card h2, .contacto-channel-card h3{font-family:'Poppins',sans-serif;font-size:18px;color:var(--marron);margin-bottom:8px}
    .contacto-channel-card p{font-size:14px;color:var(--gris-texto);line-height:1.6;margin-bottom:18px}
    .contacto-channel-card a{display:inline-flex;align-items:center;gap:8px;background:var(--mostaza-cta);color:#fff;font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;padding:10px 22px;border-radius:20px;text-decoration:none;transition:background 180ms,transform 180ms}
    .contacto-channel-card a:hover{background:var(--mostaza-fuerte);transform:scale(1.03)}
    .contacto-channel-card a.ato-btn-ghost-contacto{background:transparent;color:var(--oxidado);border:2px solid var(--oxidado)}
    .contacto-channel-card a.ato-btn-ghost-contacto:hover{background:var(--oxidado);color:#fff}

    /* Hero escénico contacto */
    .ct-hero-scene{
      position:relative;
      overflow:hidden;
      padding:110px 0 0;
      background-color:#3a2212;
      background-image:
        radial-gradient(1100px 500px at 88% -12%, rgba(201,138,30,0.3) 0%, rgba(201,138,30,0) 55%),
        radial-gradient(700px 420px at -5% 110%, rgba(196,88,43,0.25) 0%, rgba(196,88,43,0) 50%),
        linear-gradient(180deg, #3a2212 0%, #26160a 100%);
      color:#fff;
      isolation:isolate;
    }
    .ct-hero-scene::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        repeating-linear-gradient(90deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 88px),
        repeating-linear-gradient(0deg, rgba(255,255,255,0.018) 0 1px, transparent 1px 88px);
      pointer-events:none;
    }
    .ct-hero-scene .container{position:relative;z-index:1;padding-bottom:60px}
    .ct-hero-scene .ato-eyebrow{color:#e8a84c}
    .ct-hero-scene .ato-h2{color:#fff;text-shadow:0 6px 30px rgba(0,0,0,0.45)}
    .ct-hero-scene .ato-lead{color:rgba(255,255,255,0.92);margin-bottom:0}

    .ct-float-note{
      position:absolute;
      top:42%;
      width:20px;height:20px;
      font-size:20px;
      color:#ff9263;
      opacity:0;
      z-index:0;
      pointer-events:none;
      animation:ctFloat 7.2s ease-in-out infinite;
      text-shadow:0 2px 10px rgba(0,0,0,0.4);
    }
    .ct-float-note::before{content:"\f0e0";font-family:'Font Awesome 6 Free';font-weight:900}
    @keyframes ctFloat{
      0%   {transform:translateY(38px) rotate(-8deg);opacity:0}
      15%  {opacity:0.85}
      60%  {opacity:0.45}
      100% {transform:translateY(-255px) rotate(18deg);opacity:0}
    }

    .ct-marquee{
      position:relative;
      overflow:hidden;
      width:100%;
      padding:16px 0;
      background:linear-gradient(90deg,#6e3a1a 0%,#5a2e14 100%);
      border-top:1px solid rgba(255,255,255,0.14);
      box-shadow:0 -6px 24px rgba(0,0,0,0.25);
    }
    .ct-marquee-track{
      display:flex;
      align-items:center;
      gap:34px;
      width:max-content;
      animation:ctMarquee 32s linear infinite;
      will-change:transform;
    }
    .ct-marquee-track span{
      font-family:'Anton','Poppins',sans-serif;
      font-size:22px;
      letter-spacing:0.06em;
      text-transform:uppercase;
      color:#fff;
      white-space:nowrap;
    }
    .ct-marquee-track i{font-size:9px;color:#ff9263}
    @keyframes ctMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}