:root {
  --bg: #06121a;
  --bg-2: #0d2330;
  --ink: #effbff;
  --text: #d9eef6;
  --muted: #a8c1cd;
  --brand: #21505b;
  --brand-2: #2eb2d1;
  --electric: #74ead8;
  --orange: #f2a13a;
  --orange-2: #e86f22;
  --line: rgba(121, 160, 179, 0.25);
  --panel: rgba(10, 30, 40, 0.82);
  --max: 1180px;
  --side: clamp(18px, 4vw, 42px);
  --header: 76px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
  margin: 0;
  padding-top: var(--header);
  background:
    radial-gradient(circle at 12% 0%, rgba(46, 178, 209, 0.16), transparent 30%),
    radial-gradient(circle at 92% 12%, rgba(242, 161, 58, 0.08), transparent 26%),
    linear-gradient(180deg, #071923 0%, var(--bg) 42%, #041018 100%);
  color: var(--text);
  font-family: Manrope, Arial, Helvetica, sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}
img { max-width: 100%; height:auto; display: block; }
a { color: inherit; }
.container { width: min(var(--max), calc(100% - var(--side) - var(--side))); margin: 0 auto; }
.skip-link { position:absolute; left:-999px; top:8px; background:#fff; color:#071923; padding:.6rem .9rem; border-radius:10px; z-index:999; }
.skip-link:focus { left:8px; }
.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(5, 17, 24, 0.9); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(121,160,179,.18); }
.nav-wrap { min-height: var(--header); display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.logo { display:inline-flex; align-items:center; gap:.78rem; text-decoration:none; color:var(--ink); font-family:Poppins, Manrope, sans-serif; font-weight:900; letter-spacing:.04em; font-size:1.35rem; }
.logo img { width:32px; height:32px; }
.logo .logo-mark { width:32px; height:32px; flex:0 0 auto; }
.logo .logo-word { width:154px; height:auto; filter:brightness(0) invert(1); }
.nav { display:flex; align-items:center; gap:.28rem; }
.nav a { text-decoration:none; color:#d9eef6; font-weight:800; font-size:.9rem; padding:.52rem .62rem; border-radius:999px; }
.nav a:hover { color:var(--electric); background:rgba(46,178,209,.08); }
.nav .lang { color:#9cc7d5; border:1px solid rgba(121,160,179,.22); }
.nav .flag-lang { padding:.48rem .52rem; }
.flag-lang { display:inline-flex; align-items:center; justify-content:center; gap:0; }
.flag-lang img { width:22px; height:16px; border-radius:3px; object-fit:cover; box-shadow:0 0 0 1px rgba(255,255,255,.14); }
.menu-toggle { display:none; border:1px solid var(--line); color:var(--ink); background:rgba(13,35,48,.82); border-radius:12px; padding:.58rem .78rem; font-weight:900; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-height:44px; padding:.78rem 1.08rem; border-radius:13px; border:1px solid rgba(46,178,209,.5); background:linear-gradient(135deg, var(--brand), var(--brand-2)); color:#fff; text-decoration:none; font-weight:900; white-space:nowrap; box-shadow:0 14px 34px rgba(46,178,209,.2); cursor:pointer; }
.btn:hover { filter:brightness(1.08); transform:translateY(-1px); }
.btn-ghost { background:rgba(9,28,39,.76); color:#dffbff; box-shadow:none; }
.btn-access { background:linear-gradient(135deg, #21505b 0%, #2eb2d1 45%, #74ead8 100%); color:#031018; border-color:rgba(116,234,216,.74); text-shadow:0 1px 0 rgba(255,255,255,.18); }
.btn-email { background:linear-gradient(135deg, var(--orange-2), var(--orange)); color:#fff; border-color:rgba(242,161,58,.7); }
.btn-trial { background:linear-gradient(135deg, var(--orange-2), var(--orange)); color:#fff!important; border-color:rgba(242,161,58,.72); box-shadow:0 14px 34px rgba(242,161,58,.18); }
.btn-sm { min-height:38px; padding:.58rem .88rem; }
.hero { position:relative; display:block; min-height:auto; padding:clamp(18px,3vw,34px) 0 clamp(8px,2.5vw,24px); isolation:isolate; }
.hero::before { content:""; position:absolute; z-index:-2; inset:0 calc((100vw - 100%) / -2); background:linear-gradient(180deg,#0b333c 0%,#082630 52%,#071923 100%); }
.hero::after { content:""; position:absolute; z-index:-1; inset:-22px calc((100vw - 100%) / -2); background:linear-gradient(90deg,rgba(8,38,48,.86) 0%,rgba(8,38,48,.5) 40%,rgba(8,38,48,.12) 70%,rgba(8,38,48,.34) 100%),url("images/multiplataforma_portada_web.webp") right 45% / min(1120px,76vw) auto no-repeat; opacity:.16; filter:blur(18px) saturate(1.02) contrast(1.02); transform:scale(1.04); pointer-events:none; }
.hero-panel { position:relative; z-index:3; min-height:0; display:grid; grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr); grid-template-areas:"title title" "copy visual" "audience audience"; column-gap:clamp(1.4rem,3.6vw,3.4rem); row-gap:clamp(.8rem,1.7vw,1.25rem); align-items:center; padding:clamp(22px,3vw,38px) 0 clamp(8px,2vw,20px); border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
.hero-panel > h1 { grid-area:title; }
.hero-copy { grid-area:copy; min-width:0; align-self:start; }
.eyebrow { display:inline-flex; align-items:center; margin:0 0 1rem; color:var(--electric); font-size:.82rem; font-weight:900; letter-spacing:.04em; text-transform:none; }
.eyebrow::before { content:none; }
h1, h2, h3 { font-family:Poppins, Manrope, sans-serif; color:var(--ink); line-height:1.05; letter-spacing:0; }
h1 { margin:0; font-size:clamp(2.65rem, 6vw, 5.75rem); max-width:10.4ch; }
.hero h1 { max-width:none; font-size:clamp(2.8rem,4.55vw,4.35rem); line-height:1.03; }
h2 { margin:0; font-size:clamp(2rem, 4vw, 3.55rem); }
h3 { margin:0 0 .55rem; font-size:clamp(1.18rem, 2vw, 1.55rem); }
.lead { margin:1.2rem 0 0; color:#c7dde7; font-size:clamp(1.04rem,1.45vw,1.24rem); max-width:62ch; }
.hero .lead { max-width:48ch; color:#e1f6fb; }
.hero-actions, .section-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.55rem; }
.hero-actions { flex-wrap:nowrap; }
.hero-proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; margin-top:1.7rem; }
.proof-card { padding:.78rem .84rem; border:1px solid rgba(46,178,209,.18); border-radius:14px; background:rgba(6,18,26,.48); color:#c9e5ee; backdrop-filter:blur(10px); }
.proof-card strong { display:block; color:var(--ink); font-size:1.02rem; }
.hero-visual { grid-area:visual; position:relative; min-height:300px; display:grid; place-items:center; align-self:end; }
.hero-visual::before { content:""; position:absolute; inset:10% -4% 0 6%; background:radial-gradient(circle at 58% 50%,rgba(116,234,216,.28),transparent 62%); filter:blur(12px); }
.hero-visual img { position:relative; z-index:1; width:min(840px,116%); max-width:none; transform:translate(2%,2%); filter:drop-shadow(0 30px 56px rgba(1,8,12,.46)); }
.float-pill { position:absolute; z-index:2; border-radius:999px; padding:.56rem .82rem; background:rgba(6,18,26,.72); border:1px solid rgba(46,178,209,.34); color:#dffbff; font-weight:900; box-shadow:0 14px 30px rgba(1,8,12,.28); backdrop-filter:blur(14px); }
.float-pill.orange { border-color:rgba(242,161,58,.5); color:#ffe2b0; }
.float-1 { top:12%; left:4%; }
.float-2 { right:1%; top:27%; }
.float-3 { left:10%; bottom:15%; }
.trust-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; border:1px solid rgba(121,160,179,.2); border-radius:18px; overflow:hidden; background:rgba(121,160,179,.14); margin:-.2rem auto 3.4rem; }
.trust-strip div { padding:.9rem 1rem; background:rgba(8,25,36,.92); }
.trust-strip b { display:block; color:var(--electric); font-size:.84rem; text-transform:uppercase; letter-spacing:.08em; }
.trust-strip span { color:#c7dde7; font-weight:700; }
.hero-audience { grid-area:audience; width:100%; margin:.3rem 0 0; border-color:rgba(116,234,216,.24); background:rgba(116,234,216,.14); }
.hero-audience div { background:rgba(4,18,25,.82); }
.section { padding:clamp(54px,8vw,88px) 0; }
.hero + .section { padding-top:clamp(34px,5vw,58px); }
.section.alt { background:linear-gradient(180deg,rgba(13,35,48,.34),rgba(13,35,48,.08)); border-block:1px solid rgba(121,160,179,.12); }
.section-head { display:block; max-width:1040px; margin-bottom:2rem; }
.section-head p { margin:.8rem 0 0; max-width:900px; color:#c7dde7; font-size:1.05rem; }
.kicker { color:var(--orange); font-weight:900; letter-spacing:.04em; text-transform:none; font-size:.84rem; margin:0 0 .65rem; }
.grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
.grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.card { border:1px solid rgba(121,160,179,.22); border-radius:20px; background:linear-gradient(180deg,rgba(13,35,48,.88),rgba(6,18,26,.94)); box-shadow:0 18px 46px rgba(1,8,12,.22); padding:1.25rem; }
.card p { margin:.5rem 0 0; color:#c7dde7; }
.icon-badge { width:42px; height:42px; border-radius:13px; display:grid; place-items:center; margin-bottom:.9rem; background:rgba(242,161,58,.13); color:var(--orange); font-size:1.08rem; font-weight:1000; border:1px solid rgba(242,161,58,.32); }
.icon-badge i { display:block; line-height:1; color:currentColor; }
.icon-badge svg { width:29px; height:auto; display:block; color:currentColor; }
.icon-badge-dji { font-size:.72rem; letter-spacing:.02em; }
.media-card { overflow:hidden; padding:0; }
.media-card img { width:100%; height:auto; object-fit:contain; background:#102634; }
.media-card .caption { padding:1rem 1.15rem; color:#c7dde7; border-top:1px solid rgba(121,160,179,.16); }
.section-visual { margin:0; min-width:0; }
.section-visual img, .visual-plain img { width:100%; height:auto; object-fit:contain; transition:transform .45s ease, filter .45s ease; filter:drop-shadow(0 24px 54px rgba(1,8,12,.34)); }
.section-visual:hover img, .visual-plain:hover img { transform:scale(1.035); }
.visual-plain { position:relative; min-width:0; }
.platform-grid { align-items:center; }
.module-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(126px,1fr)); gap:.65rem; margin-top:1.1rem; }
.module-chip { min-height:48px; display:flex; align-items:center; justify-content:center; text-align:center; padding:.58rem .7rem; border-radius:14px; background:rgba(46,178,209,.12); border:1px solid rgba(46,178,209,.24); color:#dffbff; font-weight:850; font-size:.86rem; line-height:1.2; overflow-wrap:anywhere; hyphens:auto; }
.capability-card { display:flex; flex-direction:column; min-height:100%; text-decoration:none; color:inherit; }
.capability-card .icon-badge { flex:0 0 auto; }
.capability-card span { margin-top:auto; padding-top:1rem; color:var(--electric); font-weight:900; }
.feature-row { display:grid; grid-template-columns:minmax(0,.88fr) minmax(380px,1.12fr); gap:2rem; align-items:center; }
.feature-row.reverse { grid-template-columns:minmax(380px,1.12fr) minmax(0,.88fr); }
.feature-row-media-left { grid-template-columns:minmax(430px,1.12fr) minmax(0,.88fr); }
.feature-copy ul { margin:1rem 0 0; padding:0; list-style:none; display:grid; gap:.65rem; }
.feature-copy li { position:relative; padding-left:1.45rem; color:#cfe6ee; }
.feature-copy li::before { content:""; position:absolute; left:0; top:.68em; width:8px; height:8px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 4px rgba(242,161,58,.12); }
.visual-frame { position:relative; border:1px solid rgba(121,160,179,.22); background:rgba(6,18,26,.56); border-radius:24px; padding:.8rem; box-shadow:0 22px 54px rgba(1,8,12,.3); }
.visual-frame img { border-radius:17px; width:100%; height:auto; object-fit:contain; }
.callouts { position:absolute; inset:auto 1rem 1rem auto; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.45rem; max-width:80%; }
.callouts span { border-radius:999px; padding:.4rem .62rem; background:rgba(4,16,23,.82); border:1px solid rgba(46,178,209,.3); color:#dffbff; font-weight:900; font-size:.8rem; }
.split-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.sync-card { min-height:100%; display:grid; grid-template-rows:auto 1fr auto; gap:1rem; }
.sync-card img { width:100%; height:auto; object-fit:contain; align-self:end; }
.sync-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:.6rem; align-items:center; color:#dffbff; font-weight:900; margin-top:1rem; }
.flow-node { border:1px solid rgba(46,178,209,.26); background:rgba(6,18,26,.7); border-radius:14px; padding:.7rem; text-align:center; }
.flow-arrow { color:var(--orange); font-size:1.4rem; }
.differential { position:relative; overflow:hidden; background:linear-gradient(135deg,#081720 0%,#0d2330 54%,#1b2a25 100%); border-block:1px solid rgba(242,161,58,.22); }
.differential::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(242,161,58,.1),transparent 32%,rgba(46,178,209,.08)); pointer-events:none; }
.differential .container { position:relative; z-index:1; }
.differential-card { border-color:rgba(242,161,58,.28); background:rgba(6,18,26,.74); }
.resource-cta { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1.3rem; align-items:center; border:1px solid rgba(46,178,209,.28); border-radius:24px; padding:1.35rem; background:linear-gradient(135deg,rgba(33,80,91,.8),rgba(6,18,26,.96)); }
.wa-float { position:fixed; right:18px; bottom:18px; z-index:95; display:inline-flex; align-items:center; gap:.7rem; background:linear-gradient(135deg,#28d366,#20b458); color:#fff; text-decoration:none; border-radius:999px; padding:.55rem 1rem .55rem .6rem; box-shadow:0 12px 28px rgba(13,89,44,.38); overflow:visible; animation:waBlink 2.1s ease-in-out infinite; }
.wa-float::before, .wa-float::after { content:""; position:absolute; inset:-3px; border-radius:999px; border:2px solid rgba(57,255,135,.58); z-index:-1; animation:waWave 2.8s ease-out infinite; }
.wa-float::after { animation-delay:1.1s; }
.wa-icon { width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.2); display:grid; place-items:center; flex-shrink:0; }
.wa-icon svg { width:26px; height:26px; fill:#fff; display:block; }
.wa-text { display:grid; line-height:1.04; font-size:.98rem; white-space:nowrap; font-weight:900; }
.wa-text strong { font-size:.82rem; font-weight:700; opacity:.94; }
.wa-float:hover { filter:brightness(1.08); transform:translateY(-1px); }
@keyframes waWave { 0% { transform:scale(1); opacity:.55; } 100% { transform:scale(1.18); opacity:0; } }
@keyframes waBlink { 0%,100% { filter:brightness(1); } 50% { filter:brightness(1.1); } }
.page-hero { display:grid; grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr); gap:clamp(2rem,5vw,4rem); align-items:center; padding:clamp(52px,8vw,86px) 0 52px; }
.page-hero h1 { max-width:12ch; font-size:clamp(2.4rem,5vw,4.9rem); }
.page-visual { border:1px solid rgba(121,160,179,.22); border-radius:26px; padding:.85rem; background:rgba(6,18,26,.58); box-shadow:0 22px 54px rgba(1,8,12,.3); }
.page-visual img { width:100%; height:auto; border-radius:18px; background:#102634; object-fit:contain; }
.detail-grid { display:grid; grid-template-columns:minmax(0,.88fr) minmax(320px,.52fr); gap:1.25rem; align-items:start; }
.content-block { border:1px solid rgba(121,160,179,.22); border-radius:22px; background:rgba(10,30,40,.72); padding:1.4rem; }
.content-block p { color:#c7dde7; }
.content-block ul { margin:1rem 0 0; padding:0; list-style:none; display:grid; gap:.7rem; }
.content-block li { position:relative; padding-left:1.35rem; color:#d4ebf3; }
.content-block li::before { content:""; position:absolute; left:0; top:.72em; width:7px; height:7px; border-radius:50%; background:var(--orange); }
.side-panel { display:grid; gap:1rem; }
.side-panel .card { padding:1rem; }
.related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.related-grid a { text-decoration:none; }
.site-footer { padding:3rem 0 1.2rem; border-top:1px solid rgba(121,160,179,.18); background:rgba(4,16,23,.78); }
.footer-grid { display:grid; grid-template-columns:1.35fr repeat(3,1fr); gap:1.5rem; }
.footer-grid h3 { font-size:1rem; margin-bottom:.7rem; }
.footer-grid ul { margin:0; padding:0; list-style:none; display:grid; gap:.38rem; }
.footer-grid a { color:#a8c1cd; text-decoration:none; }
.footer-grid a:hover { color:var(--electric); }
.social-links { display:flex; align-items:center; gap:.55rem; flex-wrap:wrap; }
.social-link { display:inline-grid; place-items:center; width:40px; height:40px; border:1px solid rgba(46,178,209,.22); border-radius:13px; background:rgba(6,18,26,.44); color:var(--brand-2)!important; transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.social-link span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.social-link svg { width:22px; height:22px; flex:0 0 auto; }
.social-link:hover { transform:translateY(-2px); background:rgba(46,178,209,.12); border-color:rgba(46,178,209,.52); box-shadow:0 10px 24px rgba(1,8,12,.28); color:var(--electric)!important; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:2rem; padding-top:1rem; border-top:1px solid rgba(121,160,179,.14); color:#8eb0bc; }
.footer-bottom p { margin:0; }
.footer-social { justify-content:flex-end; }
.reveal { opacity:1; transform:none; }
/* Pricing dark integration. Content remains inherited from the existing pricing sections. */
#precios .pricing-claim-highlight{background:linear-gradient(135deg,rgba(13,35,48,.96),rgba(8,24,34,.96))!important;border:1px solid var(--line)!important;border-left:5px solid var(--brand-2)!important;color:var(--text)!important;box-shadow:0 14px 34px rgba(3,12,18,.34)!important}#precios .pricing-claim-highlight::before{background:rgba(46,178,209,.18)!important;color:#bff3ff!important;border:1px solid rgba(46,178,209,.36)!important}#precios .pricing-promo-strip{background:rgba(10,30,40,.78)!important;border:1px solid rgba(46,178,209,.28)!important;color:#d7eef6!important;border-radius:16px!important;box-shadow:inset 0 0 0 1px rgba(46,178,209,.08)!important}#precios .pricing-promo-strip strong{color:#74ead8!important}#precios .pricing-promo-strip span{color:var(--muted)!important}#precios .pricing-card-simple,#precios .pricing-mini-table-card,#comparativa .comparison-simple-card{background:rgba(10,30,40,.82)!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:0 14px 34px rgba(3,12,18,.32)!important}#precios .pricing-card-simple:hover{box-shadow:0 18px 42px rgba(3,12,18,.42)!important}#precios .pricing-card-simple.featured{border-color:rgba(46,178,209,.72)!important;box-shadow:0 20px 46px rgba(3,12,18,.44),0 0 0 1px rgba(46,178,209,.22)!important}#precios .pricing-card-label,#precios .pricing-card-simple.enterprise .pricing-card-label{background:rgba(46,178,209,.16)!important;color:#bff3ff!important;border:1px solid rgba(46,178,209,.28)!important}#precios .pricing-card-simple.lite .pricing-card-label,#precios .pricing-card-simple.lite-plus .pricing-card-label,#precios .pricing-card-simple.pro .pricing-card-label{color:#dffbff!important}#precios .pricing-recommended{background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;box-shadow:0 10px 24px rgba(3,12,18,.42)!important}#precios .pricing-card-simple h3,#precios .pricing-price strong,#precios .pricing-best-for b,#precios .pricing-variant-row strong,#comparativa .comparison-simple-table td:first-child,#comparativa .comparison-yes,#precios .pricing-note-box strong,#precios .pricing-free-note strong{color:var(--text)!important}#precios .pricing-for,#precios .pricing-price span,#precios .pricing-old-price,#precios .pricing-variant-row span,#precios .pricing-features-short,#precios .pricing-mini-table td,#precios .pricing-mini-table td small,#comparativa .comparison-simple-table td,#comparativa .comparison-no{color:var(--muted)!important}#precios .pricing-old-price del{color:#7699a7!important}#precios .pricing-monthly-equiv,#precios .pricing-card-simple.lite-plus .pricing-monthly-equiv,#precios .pricing-card-simple.pro .pricing-monthly-equiv{background:rgba(46,178,209,.14)!important;color:#bff3ff!important;border:1px solid rgba(46,178,209,.24)!important}#precios .pricing-best-for,#precios .pricing-card-simple.lite .pricing-best-for,#precios .pricing-card-simple.lite-plus .pricing-best-for,#precios .pricing-card-simple.pro .pricing-best-for,#precios .pricing-card-simple.enterprise .pricing-best-for,#precios .pricing-variant-row,#precios .pricing-note-box,#precios .pricing-free-note{background:rgba(6,18,26,.58)!important;border-color:rgba(46,178,209,.22)!important}#precios .pricing-best-for{border-left-color:var(--brand-2)!important}#precios .pricing-details{border-top-color:rgba(121,160,179,.22)!important}#precios .pricing-details summary,#precios .pricing-card-simple.lite .pricing-details summary,#precios .pricing-card-simple.lite-plus .pricing-details summary,#precios .pricing-card-simple.pro .pricing-details summary,#precios .pricing-card-simple.enterprise .pricing-details summary{color:#74ead8!important}#precios .pricing-card-simple .plan-cta.btn-ghost,#precios .pricing-card-simple.lite .plan-cta.btn-ghost,#precios .pricing-card-simple.lite-plus .plan-cta.btn-ghost{background:rgba(6,18,26,.68)!important;color:#dffbff!important;border:1px solid rgba(46,178,209,.44)!important}#precios .pricing-card-simple .plan-cta.btn-ghost:hover,#precios .pricing-card-simple.lite .plan-cta.btn-ghost:hover,#precios .pricing-card-simple.lite-plus .plan-cta.btn-ghost:hover{background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;border-color:rgba(46,178,209,.82)!important;color:#fff!important}#precios .pricing-mini-table-head,#comparativa .comparison-simple-head{background:linear-gradient(135deg,rgba(33,80,91,.95),rgba(6,18,26,.98))!important;border-bottom:1px solid var(--line)!important}#precios .pricing-mini-table,#comparativa .comparison-simple-table{background:rgba(6,18,26,.72)!important}#precios .pricing-mini-table th,#comparativa .comparison-simple-table th,#comparativa .comparison-simple-table th:first-child{background:rgba(46,178,209,.14)!important;color:#dffbff!important;border-bottom:1px solid rgba(121,160,179,.24)!important}#precios .pricing-mini-table td,#comparativa .comparison-simple-table td{border-bottom:1px solid rgba(121,160,179,.18)!important}#comparativa .comparison-simple-table td:first-child{background:rgba(13,35,48,.68)!important;border-right:1px solid rgba(121,160,179,.22)!important}#precios .pricing-mini-table tbody tr:hover,#comparativa .comparison-simple-table tbody tr:hover td:not(:first-child){background:rgba(46,178,209,.08)!important}#ayuda-plan .pricing-help-cta{background:linear-gradient(135deg,rgba(33,80,91,.98),rgba(6,18,26,.98))!important;border:1px solid rgba(46,178,209,.28)!important;box-shadow:0 18px 42px rgba(3,12,18,.36)!important}#ayuda-plan .pricing-help-cta .btn{background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;color:#fff!important;border-color:rgba(46,178,209,.72)!important}#ayuda-plan .pricing-help-cta .btn:hover{background:linear-gradient(135deg,var(--brand-2),var(--brand))!important;color:#fff!important}#precios .pricing-best-for,#precios .pricing-note-box,#precios .pricing-free-note{color:#c7dde7!important}#precios .pricing-card-simple.enterprise::before{background:#f59e0b!important}#precios .pricing-card-simple.enterprise{border-color:rgba(245,158,11,.34)!important}#precios .pricing-card-simple.enterprise .pricing-card-label{background:rgba(245,158,11,.14)!important;border-color:rgba(245,158,11,.42)!important;color:#ffe6b0!important}#precios .pricing-card-simple.enterprise .pricing-best-for{border-left-color:#f59e0b!important}#precios .pricing-free-tag{color:#fff!important}#precios .pricing-note-box,#precios .pricing-free-note{line-height:1.65!important}
#precios, #comparativa, #ayuda-plan { max-width:100%; overflow-x:clip; }
#precios .pricing-mini-table-wrap, #comparativa .comparison-simple-wrap { width:100%; max-width:100%; overflow-x:auto!important; -webkit-overflow-scrolling:touch; }
#precios > .section-head, #comparativa > .section-head {
  display:block!important;
  max-width:960px;
  margin:0 auto 2rem!important;
  text-align:left;
}
#precios > .section-head h2, #comparativa > .section-head h2 {
  max-width:920px;
  margin:0 0 1rem!important;
  font-size:clamp(2rem,4vw,3.15rem);
}
#precios > .section-head .section-lead, #comparativa > .section-head .section-lead {
  max-width:900px;
  margin-left:0!important;
  margin-right:0!important;
}
@media (max-width: 1080px) {
  .hero, .feature-row, .feature-row.reverse, .section-head { grid-template-columns:1fr; }
  .page-hero, .detail-grid { grid-template-columns:1fr; }
  .hero { min-height:auto; }
  .hero::after { inset:-18px calc((100vw - 100%) / -2) 35%; background:linear-gradient(180deg,rgba(6,18,26,.45),rgba(6,18,26,.94)),url("images/multiplataforma_portada_web.webp") center top / min(900px,104vw) auto no-repeat; opacity:.28; }
  .hero-panel { min-height:auto; grid-template-columns:1fr; grid-template-areas:"title" "copy" "visual" "audience"; }
  .hero-visual { min-height:auto; }
  .hero-visual img { width:min(760px,100%); transform:none; }
  .hero-actions { flex-wrap:wrap; }
  .module-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .footer-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 1180px) {
  .nav a { font-size:.84rem; padding:.5rem .54rem; }
  .logo .logo-word { width:132px; }
}
@media (max-width: 1080px) {
  html, body { max-width:100%; overflow-x:hidden; }
  .container { width:calc(100% - 32px); max-width:calc(100% - 32px); }
  .menu-toggle { display:inline-flex; }
  .nav { position:fixed; inset:var(--header) 12px auto; display:none; flex-direction:column; align-items:stretch; padding:1rem; border:1px solid var(--line); border-radius:18px; background:rgba(5,17,24,.98); box-shadow:0 20px 50px rgba(1,8,12,.45); }
  .nav.open { display:flex; }
  .nav a { padding:.82rem; border-radius:12px; font-size:.95rem; }
}
@media (max-width: 760px) {
  :root { --header: 68px; }
  .container, .hero.container, .trust-strip { width:min(100% - 32px, 520px)!important; max-width:min(100% - 32px, 520px)!important; }
  .nav-wrap { position:relative; }
  .logo .logo-word { width:118px; }
  .menu-toggle { position:fixed; top:13px; right:16px; left:auto; z-index:130; flex:0 0 42px; width:42px; height:42px; padding:0; font-size:0; align-items:center; justify-content:center; }
  .menu-toggle::before { content:"\2630"; font-size:1.25rem; line-height:1; }
  .hero { display:block; padding-top:22px; padding-bottom:18px; overflow:hidden; }
  .hero-panel { grid-template-areas:"title" "copy" "visual" "audience"; padding:18px 0 12px; border-radius:0; row-gap:.95rem; background:transparent; }
  .hero::before { inset:0 -18px; }
  .hero::after { inset:0 -18px 35%; background:linear-gradient(180deg,rgba(8,38,48,.24),rgba(7,25,35,.9)),url("images/multiplataforma_portada_web.webp") center 58% / 520px auto no-repeat; opacity:.1; mask-image:none; }
  h1, .hero h1 { max-width:10.6ch; font-size:clamp(1.98rem, 9.1vw, 2.48rem); line-height:1.08; overflow-wrap:anywhere; }
  .hero > div, .lead { min-width:0; max-width:100%; }
  .hero .lead { max-width:33ch; }
  .lead { font-size:.98rem; overflow-wrap:anywhere; }
  .hero-actions { display:flex; flex-wrap:nowrap; width:100%; max-width:100%; gap:.58rem; margin-top:1.25rem; }
  .hero-actions .btn { flex:1 1 0; min-width:0; width:auto; min-height:46px; padding:.68rem .46rem; border-radius:12px; font-size:.8rem; white-space:normal; line-height:1.12; text-align:center; }
  .hero-proof, .trust-strip, .grid-2, .grid-3, .split-panel, .sync-flow, .resource-cta { grid-template-columns:1fr; }
  .proof-card, .trust-strip div { min-width:0; overflow:hidden; }
  .proof-card span, .trust-strip span { display:block; max-width:32ch; overflow-wrap:anywhere; }
  .related-grid { grid-template-columns:1fr; }
  .sync-flow { text-align:center; }
  .flow-arrow { transform:rotate(90deg); }
  .module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .float-pill { position:static; margin:.35rem; display:inline-flex; }
  .hero-visual { display:grid; place-items:center; overflow:visible; min-height:142px; max-height:168px; margin:.05rem auto .15rem; }
  .hero-visual::before { inset:10% 14%; opacity:.55; }
  .hero-visual img { max-width:min(330px,88vw); width:88%; max-height:164px; object-fit:contain; transform:none; }
  .hero-audience { width:100%!important; max-width:100%!important; margin-top:.05rem; margin-bottom:58px; border-radius:16px; }
  .hero-audience div { padding:.72rem .78rem; }
  .nav .flag-lang { align-self:flex-start; width:auto; max-width:max-content; display:inline-flex; align-items:center; justify-content:center; padding:.42rem .5rem!important; gap:0; border-radius:999px; }
  .nav .flag-lang img { width:20px; height:14px; flex:0 0 auto; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { align-items:flex-start; flex-direction:column; }
  .footer-social { justify-content:flex-start; }
  .wa-float { right:auto; left:clamp(142px,45vw,198px); bottom:0; width:156px; min-height:40px; gap:.38rem; padding:.34rem .52rem .34rem .42rem; max-width:calc(100vw - 24px); }
  .wa-float::before, .wa-float::after { inset:0; }
  .wa-icon { width:32px; height:32px; }
  .wa-icon svg { width:19px; height:19px; }
  .wa-text { font-size:.76rem; white-space:normal; text-align:left; }
  .wa-text strong { font-size:.62rem; }
}
@media (max-width: 360px) {
  .menu-toggle { right:10px; }
}

/* Mobile hero hardening */
@media (max-width: 980px) {
  .site-header .container {
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
  }
  .nav-wrap {
    position:relative!important;
    min-width:0!important;
  }
  .menu-toggle {
    display:inline-flex!important;
    position:absolute!important;
    top:13px!important;
    right:0!important;
    z-index:160!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    padding:0!important;
    font-size:0!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .menu-toggle::before {
    content:"\2630"!important;
    font-size:1.22rem!important;
    line-height:1!important;
  }
  .hero-panel,
  .hero-copy,
  .hero-actions {
    min-width:0!important;
    max-width:100%!important;
  }
  .hero-actions {
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    width:100%!important;
    max-width:100%!important;
    gap:.55rem!important;
    overflow:hidden;
  }
  .hero-actions .btn {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:.66rem .36rem!important;
    font-size:.76rem!important;
    line-height:1.1!important;
    letter-spacing:0!important;
    overflow:hidden;
    text-align:center;
  }
}
@media (max-width: 760px) {
  html, body {
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }
  .container,
  .hero.container,
  .site-header .container,
  .trust-strip {
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .site-header {
    overflow:visible;
  }
  .nav-wrap,
  .hero-panel,
  .hero-copy,
  .hero-actions,
  .hero-audience {
    min-width:0!important;
    max-width:100%!important;
  }
  .menu-toggle {
    display:inline-flex!important;
    position:absolute!important;
    top:13px!important;
    right:0!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    padding:0!important;
  }
  .menu-toggle::before {
    content:"\2630"!important;
    font-size:1.22rem!important;
    line-height:1!important;
  }
  .hero-actions {
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    gap:.55rem!important;
    overflow:hidden;
  }
  .hero-actions .btn {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:.66rem .36rem!important;
    font-size:.76rem!important;
    letter-spacing:0!important;
    overflow:hidden;
  }
}

/* Final refinements: satellite pages, sync cards and mobile hero. */
.page-hero {
  grid-template-columns:minmax(0,.86fr) minmax(360px,1.14fr);
  grid-template-areas:
    "eyebrow eyebrow"
    "title title"
    "copy visual"
    "actions visual";
  align-items:center;
  padding-top:clamp(42px,6vw,70px);
}
.page-hero > div:first-child { display:contents; }
.page-hero .eyebrow { grid-area:eyebrow; margin-bottom:.75rem; }
.page-hero h1 {
  grid-area:title;
  max-width:1120px;
  margin-top:0;
  font-size:clamp(2.35rem,4.8vw,4.45rem);
}
.page-hero .lead {
  grid-area:copy;
  max-width:54ch;
}
.page-hero .hero-actions {
  grid-area:actions;
  align-self:start;
  margin-top:1.35rem;
}
.page-hero .page-visual { grid-area:visual; }
.sync-card:first-child img {
  width:min(520px,84%);
  margin:0 auto;
}
.sync-card:last-child img {
  width:min(440px,78%);
  margin:auto;
  align-self:center;
  justify-self:center;
}
@media (max-width: 1080px) {
  .page-hero {
    grid-template-columns:1fr;
    grid-template-areas:"eyebrow" "title" "copy" "actions" "visual";
  }
}
@media (max-width: 760px) {
  .hero.container {
    width:100%!important;
    max-width:100%!important;
  }
  .hero::before {
    inset:0!important;
  }
  .hero-panel {
    width:calc(100vw - 32px)!important;
    max-width:520px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero-visual {
    min-height:180px!important;
    max-height:none!important;
    margin:.3rem auto .4rem!important;
  }
  .hero-visual img {
    width:min(360px,92vw)!important;
    max-width:92vw!important;
    max-height:none!important;
  }
  .page-hero h1 {
    max-width:100%;
    font-size:clamp(2rem,8vw,2.55rem);
  }
  .page-visual {
    border-radius:18px;
    padding:.55rem;
  }
  .sync-card:first-child img,
  .sync-card:last-child img {
    width:min(320px,88%);
  }
  .hero-actions .btn {
    overflow:visible!important;
    white-space:nowrap!important;
    font-size:.72rem!important;
  }
}

/* Remove image frames on satellite pages and keep the home hero text full width on mobile. */
.page-visual {
  border:0;
  border-radius:0;
  padding:0;
  background:transparent;
  box-shadow:none;
}
.page-visual img {
  border-radius:0;
  background:transparent;
  filter:drop-shadow(0 26px 54px rgba(1,8,12,.34));
}
@media (max-width: 760px) {
  .hero h1,
  .hero .lead {
    width:100%;
    max-width:100%!important;
  }
  .hero h1 {
    font-size:clamp(2.2rem, 9vw, 2.75rem);
    line-height:1.06;
  }
  .hero-actions {
    width:100%!important;
    max-width:100%!important;
    gap:.48rem!important;
    box-sizing:border-box;
    overflow:visible!important;
  }
  .hero-actions .btn {
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    padding:.62rem .24rem!important;
    font-size:.68rem!important;
    line-height:1.08!important;
    white-space:normal!important;
    overflow:hidden!important;
    box-sizing:border-box;
  }
  .page-visual {
    border-radius:0;
    padding:0;
  }
}