/* Zorzal Design */

  *, *::before, *::after { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; background: #0C0C0C; }
  body { font-family: 'Kanit', sans-serif; -webkit-font-smoothing: antialiased; }
  a { color: #D7E2EA; text-decoration: none; transition: opacity 200ms ease; }
  a:hover { opacity: 0.7; }
  ::selection { background: #FF6A1F; color: #0C0C0C; }
  summary { list-style: none; cursor: pointer; }
  summary::-webkit-details-marker { display: none; }
  details[open] .faq-sign { transform: rotate(45deg); }
  [data-faq] { position: relative; border-radius: 16px; opacity: 0; transform: translateY(34px) scale(0.985); transition: opacity 700ms cubic-bezier(.16,1,.3,1), transform 700ms cubic-bezier(.16,1,.3,1), background 420ms cubic-bezier(.25,.1,.25,1), box-shadow 420ms cubic-bezier(.25,.1,.25,1); }
  [data-faq].is-in { opacity: 1; transform: none; }
  [data-faq] [data-faq-glow] { position: absolute; inset: 0; border-radius: 16px; pointer-events: none; opacity: 0; transition: opacity 420ms ease; background: radial-gradient(240px circle at var(--mx,50%) var(--my,50%), rgba(255,106,31,0.16), transparent 70%); }
  [data-faq]:hover [data-faq-glow] { opacity: 1; }
  [data-faq] [data-faq-rail] { position: absolute; left: 0; top: 14%; bottom: 14%; width: 3px; border-radius: 3px; background: linear-gradient(180deg,#FFB067,#FF6A1F 45%,#D2470B); transform: scaleY(0); transform-origin: top; transition: transform 520ms cubic-bezier(.25,.1,.25,1); }
  [data-faq]:hover [data-faq-rail], [data-faq][open] [data-faq-rail] { transform: scaleY(1); }
  [data-faq]:hover { background: rgba(255,106,31,0.055); }
  [data-faq][open] { background: linear-gradient(180deg, rgba(255,106,31,0.11), rgba(255,176,103,0.02)); box-shadow: 0 20px 44px rgba(210,71,11,0.10); }
  [data-faq] [data-faq-num] { color: rgba(12,12,12,0.3); transition: color 320ms ease, transform 460ms cubic-bezier(.25,.1,.25,1); }
  [data-faq]:hover [data-faq-num], [data-faq][open] [data-faq-num] { color: #D2470B; transform: translateX(3px); }
  [data-faq] [data-faq-q] { color: #0C0C0C; transition: color 320ms ease, transform 460ms cubic-bezier(.25,.1,.25,1); }
  [data-faq]:hover [data-faq-q] { transform: translateX(6px); }
  [data-faq][open] [data-faq-q] { color: #D2470B; }
  [data-faq] [data-faq-ico] { color: #D2470B; transition: transform 460ms cubic-bezier(.34,1.4,.64,1), background 320ms ease, border-color 320ms ease, color 320ms ease; }
  [data-faq]:hover [data-faq-ico] { transform: rotate(90deg); border-color: rgba(210,71,11,0.55); }
  [data-faq][open] [data-faq-ico] { transform: rotate(135deg); background: linear-gradient(123deg,#FF6A1F,#D2470B); border-color: transparent; color: #ffffff; }
  [data-faq][open] [data-faq-body] { animation: zdFaqIn 520ms cubic-bezier(.25,.1,.25,1) both; }
  @keyframes zdFaqIn { from { opacity: 0; transform: translateY(-10px); clip-path: inset(0 0 100% 0); } to { opacity: 1; transform: translateY(0); clip-path: inset(0 0 0 0); } }
  [data-faq-cta] { transition: transform 360ms cubic-bezier(.25,.1,.25,1), box-shadow 360ms ease; }
  [data-faq-cta]:hover { transform: translateY(-3px); box-shadow: 0 22px 46px rgba(210,71,11,0.28); }
  @media (max-width: 640px) {
    [data-faq-list] { padding-left: 0.9rem !important; }
    [data-faq] [data-faq-num] { font-size: 0.68rem !important; }
  }
  html { scroll-behavior: smooth; }
  section[id] { scroll-margin-top: 84px; }
  @keyframes zdWaIn { from { opacity: 0; } to { opacity: 1; } }
  @keyframes zdWaPop { from { opacity: 0; transform: translate3d(0,14px,0); } to { opacity: 1; transform: translate3d(0,0,0); } }
  @keyframes zdWaPulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.45; transform: scale(0.72); } }
  @keyframes zdFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-16px); } }
  @keyframes zdBirdFlap { 0%,100% { transform: translateY(0) rotate(-2.5deg); } 50% { transform: translateY(-15px) rotate(3deg); } }
  @keyframes zdBirdPerch { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-5px) rotate(1.5deg); } }
  @keyframes zdBirdPerchFlip { 0%,100% { transform: scaleX(-1) translateY(0) rotate(1deg); } 50% { transform: scaleX(-1) translateY(-5px) rotate(-1.5deg); } }
  @keyframes zdBirdFlapFlip { 0%,100% { transform: scaleX(-1) translateY(0) rotate(2.5deg); } 50% { transform: scaleX(-1) translateY(-15px) rotate(-3deg); } }
  @keyframes zdSlideLeft { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  @keyframes zdSlideRight { from { transform: translateX(-50%); } to { transform: translateX(0); } }
  [data-lift] { transition: transform 380ms cubic-bezier(.25,.1,.25,1), border-color 380ms ease; }
  [data-lift]:hover { transform: translateY(-8px); border-color: rgba(255,106,31,0.55); }
  @keyframes zdBadgePulse { 0%,100% { box-shadow: 0 0 0 0 rgba(255,106,31,0.55); } 50% { box-shadow: 0 0 0 8px rgba(255,106,31,0); } }
  @keyframes zdIconFloat { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-5px) rotate(-4deg); } }
  @keyframes zdBorderSpin { to { transform: rotate(360deg); } }
  @keyframes zdDriftA { 0%,100% { transform: translate3d(0,0,0) rotate(-4deg); } 33% { transform: translate3d(10px,-16px,0) rotate(3deg); } 66% { transform: translate3d(-8px,-7px,0) rotate(-1deg); } }
  @keyframes zdDriftB { 0%,100% { transform: translate3d(0,0,0) rotate(3deg); } 50% { transform: translate3d(-13px,-18px,0) rotate(-5deg); } }
  @keyframes zdDriftC { 0%,100% { transform: translate3d(0,0,0) rotate(2deg); } 40% { transform: translate3d(-11px,-14px,0) rotate(-4deg); } 75% { transform: translate3d(7px,-6px,0) rotate(4deg); } }
  @keyframes zdDriftD { 0%,100% { transform: translate3d(0,0,0) rotate(-3deg); } 50% { transform: translate3d(12px,-15px,0) rotate(5deg); } }
  @keyframes zdStripes { to { background-position: 56px 0; } }
  @keyframes zdSweep { 0% { transform: translateX(-140%) skewX(-18deg); } 55%, 100% { transform: translateX(360%) skewX(-18deg); } }
  @keyframes zdArrowNudge { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(9px); } }
  @keyframes zdRule { 0%, 100% { transform: scaleX(0.25); } 50% { transform: scaleX(1); } }
  @keyframes zdGlow { 0%, 100% { opacity: 0.25; transform: scale(1); } 50% { opacity: 0.6; transform: scale(1.18); } }
  [data-tile-stripes] { animation: zdStripes 2.6s linear infinite; }
  [data-tile-sweep] { animation: zdSweep 4.2s cubic-bezier(.25,.1,.25,1) infinite; }
  [data-tile-ico] { animation: zdTileIco 3.6s ease-in-out infinite; }
  @keyframes zdTileIco { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
  [data-tile-ico] svg path { fill-rule: evenodd; }
  [data-tile-arrow] { animation: zdArrowNudge 1.9s ease-in-out infinite; }
  [data-tile-rule] { transform-origin: left center; animation: zdRule 3.4s ease-in-out infinite; }
  [data-tile-glow] { animation: zdGlow 5s ease-in-out infinite; }
  [data-tile-bird] { animation: zdBirdFlapFlip 5.4s ease-in-out infinite; }
  [data-plan-card] { transition: transform 420ms cubic-bezier(.25,.1,.25,1), box-shadow 420ms ease, border-color 420ms ease; }
  [data-plan-card]:hover { transform: translateY(-10px) scale(1.015); }
  [data-plan-card]:hover [data-plan-icon] { animation: zdIconFloat 1.6s ease-in-out infinite; }
  [data-plan-card]:hover [data-plan-glow] { opacity: 1; }
  [data-plan-glow] { opacity: 0; transition: opacity 420ms ease; }
  [data-plan-badge] { animation: zdBadgePulse 2.2s ease-in-out infinite; }
  [data-plan-feat] { transition: transform 280ms ease, color 280ms ease; }
  [data-plan-card]:hover [data-plan-feat] svg { transform: scale(1.15); }
  [data-plan-feat] svg { transition: transform 320ms cubic-bezier(.25,.1,.25,1); }
  [data-plan-border] { background-size: 160% 160%; background-position: 50% 50%; }
  [data-incl-card] { opacity: 0; transform: translateY(34px); transition: opacity 700ms cubic-bezier(.16,1,.3,1), transform 700ms cubic-bezier(.16,1,.3,1); }
  [data-incl-card]:nth-child(2) { transition-delay: 90ms; }
  [data-incl-card]:nth-child(3) { transition-delay: 180ms; }
  [data-incl-card].is-in { opacity: 1; transform: translateY(0); }
  [data-incl-face] { transition: border-color 320ms ease, background-color 320ms ease, transform 320ms cubic-bezier(.25,.1,.25,1); }
  [data-incl-card]:hover [data-incl-face] { transform: translateY(-4px); border-color: rgba(255,106,31,0.42); background-color: rgba(255,106,31,0.045); }
  [data-incl-icon] { transition: background-color 320ms ease, border-color 320ms ease; }
  [data-incl-card]:hover [data-incl-icon] { background-color: rgba(255,106,31,0.18); border-color: rgba(255,106,31,0.55); }
  [data-incl-rule] { transform: scaleX(0.16); transform-origin: left; transition: transform 480ms cubic-bezier(.25,.1,.25,1); }
  [data-incl-card]:hover [data-incl-rule] { transform: scaleX(1); }
  [data-incl-num] { transition: color 320ms ease; }
  [data-incl-card]:hover [data-incl-num] { color: #FF6A1F; }
  /* Resultados */
  [data-res-icon] { display:inline-flex; transform: scale(0.5) rotate(-18deg); opacity: 0; transition: transform 620ms cubic-bezier(.34,1.56,.64,1) 180ms, opacity 420ms ease 180ms; }
  [data-fade].is-seen [data-res-icon] { transform: scale(1) rotate(0deg); opacity: 1; }
  [data-res-card]::after { content: ''; position: absolute; left: 0; top: 0; height: 1px; width: 100%; transform: scaleX(0); transform-origin: left; background: linear-gradient(90deg,#FF6A1F,rgba(255,176,103,0)); transition: transform 900ms cubic-bezier(.16,1,.3,1) 260ms; }
  [data-res-card].is-seen::after { transform: scaleX(1); }
  [data-res-card] { transition: transform 420ms cubic-bezier(.25,.1,.25,1), border-color 420ms ease; }
  [data-res-card]:hover [data-res-icon] { transform: scale(1.12) rotate(-6deg); }
  /* Proceso */
  [data-process-line] { transform: scaleX(0); transform-origin: left; transition: transform 1.15s cubic-bezier(.16,1,.3,1) 220ms; }
  [data-process-grid].is-seen [data-process-line] { transform: scaleX(1); }
  [data-step-num] { transform: scale(0.4); opacity: 0; transition: transform 640ms cubic-bezier(.34,1.56,.64,1) 200ms, opacity 400ms ease 200ms, box-shadow 320ms ease; }
  [data-fade].is-seen [data-step-num] { transform: scale(1); opacity: 1; }
  [data-step-ico] { transition: transform 420ms cubic-bezier(.25,.1,.25,1), opacity 320ms ease; }
  [data-fade]:hover > div > [data-step-ico] { transform: translateX(3px) rotate(-8deg); opacity: 1; }
  [data-fade]:hover > div > [data-step-num] { box-shadow: 0 0 0 6px rgba(255,106,31,0.12); }
  /* Planes */
  [data-plan-card]::after { content: ''; position: absolute; left: 0; top: 0; height: 1px; width: 100%; transform: scaleX(0); transform-origin: left; background: linear-gradient(90deg,rgba(255,176,103,0),#FF6A1F,rgba(255,176,103,0)); transition: transform 950ms cubic-bezier(.16,1,.3,1) 300ms; z-index: 2; }
  [data-plan-card].is-seen::after { transform: scaleX(1); }
  [data-plan-icon] { transform: scale(0.5) rotate(-16deg); opacity: 0; transition: transform 620ms cubic-bezier(.34,1.56,.64,1) 220ms, opacity 420ms ease 220ms; }
  [data-plan-card].is-seen [data-plan-icon] { transform: scale(1) rotate(0deg); opacity: 1; }
  [data-hero-perk] { opacity: 0; animation: zdPerkIn 600ms cubic-bezier(.25,.1,.25,1) forwards; }
  [data-hero-perk]:nth-of-type(1) { animation-delay: 0.55s; }
  [data-hero-perk]:nth-of-type(2) { animation-delay: 0.68s; }
  [data-hero-perk]:nth-of-type(3) { animation-delay: 0.81s; }
  [data-hero-perk]:hover span:first-child { width: 22px; background: #FFB067; }
  @keyframes zdPerkIn { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } }
  [data-logo="1"] { transition: transform 320ms cubic-bezier(.25,.1,.25,1); }
  [data-logo="1"]:hover { transform: translateY(-1px); }
  [data-logo="1"]:hover img { transform: rotate(-6deg) scale(1.08); }
  [data-logo="1"] img { transform-origin: center; }
  [data-navlink] { position: relative; }
  [data-navlink]::after { content: ''; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; background: #FF6A1F; transform: scaleX(0); transform-origin: left; transition: transform 280ms ease; }
  [data-navlink]:hover::after, [data-navlink][data-active="1"]::after { transform: scaleX(1); }
  @media (max-width: 768px) {
    section { padding-left: 1.1rem !important; padding-right: 1.1rem !important; }
    [data-screen-label="Trabajos"], [data-marquee] { padding-left: 0 !important; padding-right: 0 !important; }
    section > div, footer { max-width: 100% !important; }
    h2 { font-size: 10vw !important; line-height: 0.95 !important; letter-spacing: -0.02em !important; }
    [data-marquee] { overflow: hidden; }
    [data-lift] { padding: 1.15rem !important; border-radius: 22px !important; }
    [data-lift] span[style*="9999px"], [data-lift] a { min-height: 46px; }
    [data-lift] a { display: flex !important; align-items: center; justify-content: center; }
  }
  @media (max-width: 900px) {
    [data-hero-bird] { bottom: 8.5rem !important; }
    [data-results-grid], [data-process-grid] { grid-template-columns: repeat(2,1fr) !important; }
    [data-process-line] { display: none !important; }
  }
  @media (max-width: 640px) {
    [data-hero-bar] { flex-direction: column !important; align-items: stretch !important; gap: 1.1rem !important; }
    [data-hero-bar] > div:last-child { align-items: stretch !important; }
    [data-hero-bar] a { text-align: center; min-height: 48px; display: flex !important; align-items: center; justify-content: center; }
    [data-navlinks] { gap: 0.55rem !important; }
    [data-navlinks] a { font-size: 0.66rem !important; }
    [data-svc-item] { flex-direction: column !important; align-items: flex-start !important; gap: 0.5rem !important; }
    [data-svc-num] { min-width: 0 !important; font-size: 2.75rem !important; }
    [data-svc-txt] { width: 100%; }
    [data-deco] { width: 84px !important; opacity: 0.45; }
    [data-results-grid], [data-process-grid] { grid-template-columns: repeat(1,1fr) !important; }
    [data-faq-sum] { gap: 0.75rem !important; }
    section[id] { scroll-margin-top: 68px; }
    [data-screen-label="Hero"] { min-height: 100svh !important; height: auto !important; padding-bottom: 0 !important; }
    [data-hero-bird] { top: clamp(4.5rem,26vw,8rem) !important; bottom: 9rem !important; }
    [data-hero-bird] img { max-width: 96vw !important; }
    [data-screen-label="Promesa"] > div, [data-screen-label="Contacto"] > div { gap: 2rem !important; }
    [data-screen-label="Promesa"] p[data-animated-text], [data-screen-label="Contacto"] p { max-width: 100% !important; font-size: 0.98rem !important; }
    [data-screen-label="Proceso"] > div, [data-screen-label="Planes"] > div { gap: 1.75rem !important; }
    section h3 { font-size: 1.05rem !important; }
    section p { font-size: 0.92rem !important; }
    [data-hero-bar] { padding-bottom: 1.5rem !important; padding-top: 0 !important; }
    [data-hero-bar] p { font-size: 0.9rem !important; max-width: 100% !important; }
    section > div { width: 100% !important; }
    [data-marquee-row] img { width: 220px !important; height: 142px !important; }
    section { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
    h2 { font-size: 10.5vw !important; }
    p, span, a, h3 { text-wrap: pretty; }
    [data-marquee-row] img { width: 260px !important; height: 168px !important; }
    [data-lift] { gap: 0.8rem !important; }
    [data-lift] > span:first-of-type { font-size: 1.6rem !important; }
    details p, details span { font-size: 0.92rem !important; }
    [data-faq-sum] span:first-child { font-size: 1rem !important; }
    footer { gap: 1.6rem !important; }
    [data-deco] { width: 66px !important; opacity: 0.32; }

  }
  @media (max-width: 900px) { [data-bird-slot][data-sm="off"] { display: none !important; } }
  @media (max-width: 1120px) { [data-svc-escort] { width: clamp(80px,9vw,130px) !important; opacity: 0.2 !important; z-index: 0 !important; } }
  @media (max-width: 700px) { [data-svc-escort] { display: none !important; } }
  @media (max-width: 640px) { [data-bird-slot] { width: clamp(66px,20vw,120px) !important; } }
  [data-foot-link] { color: #D7E2EA; opacity: 0.72; transition: opacity 260ms ease, transform 300ms cubic-bezier(.25,.1,.25,1), color 260ms ease; }
  [data-foot-link]:hover { opacity: 1; color: #FFB067; transform: translateX(4px); }
  [data-foot-dot] { transition: background 260ms ease, transform 300ms ease; }
  [data-foot-link]:hover [data-foot-dot] { background: #FF6A1F; transform: scaleX(1.5); }
  [data-foot-mark] { transition: transform 320ms cubic-bezier(.25,.1,.25,1); }
  [data-foot-link]:hover [data-foot-mark] { transform: rotate(-8deg) scale(1.12); }
  @media (max-width: 960px) { [data-foot-top] { grid-template-columns: 1fr 1fr !important; } }
  @media (max-width: 620px) {
    [data-foot-top] { grid-template-columns: 1fr !important; gap: 2rem !important; }
    [data-foot-legal] { flex-direction: column; align-items: flex-start !important; gap: 0.6rem !important; }
  }
  @media (prefers-reduced-motion: reduce) { [data-foot-track] { animation: none !important; } }
  [data-ticker-item] { transform: translateY(-100%); opacity: 0; z-index: 0; }
  [data-ticker-item]:first-child { transform: translateY(0%); opacity: 1; z-index: 2; }
  [data-screen-label="Trabajos"] { content-visibility: auto; contain-intrinsic-size: auto 620px; }
@media (max-width: 768px) { [data-screen-label="Trabajos"] { content-visibility: visible; contain-intrinsic-size: auto; } }
/* Mobile: la seccion Promesa centraba su contenido en 100vh y dejaba una franja negra arriba */
@media (max-width: 768px) {
  [data-screen-label="Promesa"] { min-height: 0 !important; justify-content: flex-start !important; padding-top: 3.25rem !important; padding-bottom: 3.25rem !important; }
}
  [data-marquee-row] img { content-visibility: auto; }
  /* ===== Pasada responsive / centrado ===== */
  [data-hero-bar] { width: 100%; max-width: 1440px; margin-left: auto !important; margin-right: auto !important; }
  @media (min-width: 1700px) {
    nav[data-nav] { padding-left: max(2.5rem, calc((100% - 1600px) / 2)) !important; padding-right: max(2.5rem, calc((100% - 1600px) / 2)) !important; }
  }
  @media (max-width: 520px) {
    [data-logo] > span > span:nth-child(2) { display: none; }
    [data-navlinks] { gap: 0.5rem !important; }
    [data-navlinks] a { font-size: 0.6rem !important; }
  }
  @media (max-width: 900px) {
    section h2 { text-align: center !important; }
    section p[data-fade], section h2 + p { text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
    [data-hero-bar] { flex-direction: column !important; align-items: center !important; text-align: center; }
    [data-hero-bar] > div { align-items: center !important; max-width: 100% !important; width: 100%; }
    [data-hero-bar] p { max-width: 34ch !important; margin-left: auto !important; margin-right: auto !important; }
    [data-hero-perk] { justify-content: center !important; }
    [data-svc-item] { flex-direction: column !important; align-items: center !important; text-align: center; gap: 0.85rem !important; }
    [data-svc-item] > div { align-items: center !important; }
    [data-svc-txt] > div:first-child { justify-content: center; }
    [data-svc-num] { min-width: 0 !important; }
    [data-svc-txt] p { max-width: 36rem !important; margin-left: auto !important; margin-right: auto !important; }
    [data-res-card] { align-items: center !important; text-align: center; }
    [data-res-card] > div:first-of-type { justify-content: center; width: 100%; }
    [data-process-grid] [data-lift] { align-items: center !important; text-align: center; }
    [data-process-grid] [data-lift] > div:first-child { width: 100%; justify-content: center !important; gap: 0.85rem; }
    [data-plan-card] { align-items: center !important; text-align: center; }
    [data-plan-card] > div, [data-plan-card] > a, [data-plan-card] > p, [data-plan-card] > span { width: 100%; }
    [data-plan-card] [data-plan-feat] { justify-content: center !important; }
    [data-plan-card] > div[style*="baseline"] { justify-content: center !important; }
    [data-incl-face] { align-items: center !important; text-align: center; }
    [data-incl-face] > div:first-child { width: 100%; justify-content: center !important; }
    [data-incl-rule] { width: 100%; transform: scaleX(0.4); transform-origin: center !important; }
    [data-incl-card]:hover [data-incl-rule] { transform: scaleX(1); }
    [data-faq-cta] { text-align: center; align-items: center !important; justify-content: center !important; }
    [data-faq-cta] > div { align-items: center !important; width: 100%; }
    [data-faq-body] { padding-left: clamp(0.9rem,3vw,1.35rem) !important; justify-content: center; text-align: center; }
    /* sub-bloques internos */
    [data-faq-sum] { flex-direction: column !important; align-items: center !important; text-align: center; gap: 0.65rem !important; }
    [data-faq-q] { flex: none !important; }
    [data-faq]:hover [data-faq-q] { transform: none; }
    [data-faq]:hover [data-faq-num] { transform: none; }
    [data-faq] [data-faq-rail] { left: 50%; top: auto; bottom: 0; width: 40%; height: 3px; transform: translateX(-50%) scaleX(0); transform-origin: center; }
    [data-faq]:hover [data-faq-rail], [data-faq][open] [data-faq-rail] { transform: translateX(-50%) scaleX(1); }
    [data-plan-card] > div:not([data-plan-glow]):not([style*="baseline"]):not([style*="column"]) { justify-content: center !important; gap: 0.9rem; }
    [data-plan-badge] { position: static !important; align-self: center; }
    [data-incl-face] > div:first-child { gap: 0.9rem; }
    [data-marquee] { align-items: center; }
  }
  @media (max-width: 620px) {
    [data-foot-top] { text-align: center; justify-items: center; }
    [data-foot-top] > div { align-items: center !important; width: 100%; }
    [data-foot-top] a[data-logo] { justify-content: center; }
    [data-foot-top] p { margin-left: auto !important; margin-right: auto !important; }
    [data-foot-link] { justify-content: center; }
    [data-foot-link]:hover { transform: none; }
    [data-foot-legal] { flex-direction: column; align-items: center !important; justify-content: center !important; text-align: center; }
  }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } [data-lift]:hover { transform: none; } [data-bird-slot] img, [data-plan-badge], [data-magnet] img { animation: none !important; } }

/* hover states */
.zdh1:hover{background:rgba(255,106,31,0.06) !important; padding-left:clamp(0.75rem,1.6vw,1.5rem) !important; border-radius:20px !important; box-shadow:0 18px 40px -30px rgba(210,71,11,0.45) !important;}
.zdh2:hover{background:linear-gradient(135deg,#FF6A1F 0%,#D2470B 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:transparent !important; transform:scale(1.06) translateX(4px) !important;}
.zdh3:hover{background:rgba(255,106,31,0.06) !important; padding-left:clamp(0.75rem,1.6vw,1.5rem) !important; border-radius:20px !important; box-shadow:0 18px 40px -30px rgba(210,71,11,0.45) !important;}
.zdh4:hover{background:linear-gradient(135deg,#FF6A1F 0%,#D2470B 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:transparent !important; transform:scale(1.06) translateX(4px) !important;}
.zdh5:hover{background:rgba(255,106,31,0.06) !important; padding-left:clamp(0.75rem,1.6vw,1.5rem) !important; border-radius:20px !important; box-shadow:0 18px 40px -30px rgba(210,71,11,0.45) !important;}
.zdh6:hover{background:linear-gradient(135deg,#FF6A1F 0%,#D2470B 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:transparent !important; transform:scale(1.06) translateX(4px) !important;}
.zdh7:hover{background:rgba(255,106,31,0.06) !important; padding-left:clamp(0.75rem,1.6vw,1.5rem) !important; border-radius:20px !important; box-shadow:0 18px 40px -30px rgba(210,71,11,0.45) !important;}
.zdh8:hover{background:linear-gradient(135deg,#FF6A1F 0%,#D2470B 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:transparent !important; transform:scale(1.06) translateX(4px) !important;}
.zdh9:hover{background:rgba(255,106,31,0.06) !important; padding-left:clamp(0.75rem,1.6vw,1.5rem) !important; border-radius:20px !important; box-shadow:0 18px 40px -30px rgba(210,71,11,0.45) !important;}
.zdh10:hover{background:linear-gradient(135deg,#FF6A1F 0%,#D2470B 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:transparent !important; transform:scale(1.06) translateX(4px) !important;}
.zdh11:hover{background:rgba(255,106,31,0.12) !important; border-color:#FF6A1F !important;}
.zdh12:hover{transform:scale(1.03) !important;}
.zdh13:hover{background:rgba(210,71,11,0.15) !important; border-color:#D2470B !important;}
.zdh14:hover{background:rgba(255,106,31,0.12) !important; border-color:#FF6A1F !important;}
.zdh15:hover{background:#0C0C0C !important; color:#ffffff !important;}
.zdh16:hover{background:rgba(215,226,234,0.1) !important;}
.zdh17:hover{background:rgba(255,106,31,0.15) !important; border-color:#FF6A1F !important;}
.zdh18:hover{border-color:#FF6A1F !important; background-color:rgba(255,106,31,0.1) !important; transform:translateX(4px) !important;}
.zdh19:hover{border-color:#FF6A1F !important; background-color:rgba(255,106,31,0.1) !important; transform:translateX(4px) !important;}
.zdh20:hover{border-color:#FF6A1F !important; background-color:rgba(255,106,31,0.1) !important; transform:translateX(4px) !important;}
.zdh21:hover{border-color:#FF6A1F !important; background-color:rgba(255,106,31,0.1) !important; transform:translateX(4px) !important;}
.zdh22:hover{border-color:#FF6A1F !important; background-color:rgba(255,106,31,0.1) !important; transform:translateX(4px) !important;}

[data-wa-modal] { display: none !important; }
[data-wa-modal].is-open { display: flex !important; }

/* hero: en escritorio la imagen baja un 5% adicional */
@media (min-width: 769px) {
  [data-hero-bird] [data-magnet] img { translate: 0 7% !important; }
}

@keyframes zdMobileMarquee { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
@keyframes zdMobileMarqueeRev { from { transform: translate3d(-50%,0,0); } to { transform: translate3d(0,0,0); } }

/* --- Ejemplos --- */
/* Escritorio: 2 filas de marquesina (como siempre). Mobile: 2 filas animadas en sentidos opuestos. */
[data-marquee-mobile] { display: none; }
@media (max-width: 768px) {
  [data-marquee-row] { display: none !important; }
  [data-marquee-mobile] { display: flex; flex-direction: column; gap: 0.75rem; overflow: hidden; width: 100%; align-self: stretch; min-width: 0; }
  [data-mrow] { width: max-content; }
  [data-marquee-mrow] { animation: zdMobileMarquee 44s linear infinite; }
  [data-marquee-mrow2] { animation: zdMobileMarqueeRev 52s linear infinite; }
  [data-marquee-mobile] img { width: 100% !important; height: 100% !important; }
  [data-marquee-mobile] [data-tile-bird] { width: 42px !important; height: auto !important; }
  [data-mrow] > div { width: 300px !important; height: 200px !important; }
  [data-mrow] > div > div { padding: 1.05rem !important; }
  [data-mrow] [data-tile-ico] span { font-size: 0.58rem !important; letter-spacing: 0.16em !important; }
  [data-mrow] [data-tile-ico] svg { width: 14px !important; height: 14px !important; }
  [data-mrow] > div > div > div:last-child { gap: 0.5rem !important; }
  [data-mrow] > div > div > div:last-child > span { font-size: 1.35rem !important; }
  [data-mrow] [data-tile-rule] { width: 48px !important; }
  [data-mrow] [data-tile-arrow] { font-size: 0.95rem !important; }
}
@media (max-width: 420px) {
  [data-mrow] > div { width: 264px !important; height: 176px !important; }
  [data-mrow] > div > div > div:last-child > span { font-size: 1.2rem !important; }
  [data-marquee-mobile] [data-tile-bird] { width: 36px !important; }
}