body.td-modern #navegacion a.td-app-nav-link,
#navegacion a.td-app-nav-link {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px;
  padding:10px 13px; border:1px solid #ffdf9c; border-radius:13px; background:#f8d389;
  color:#082b50; font-size:12px; font-weight:750; text-decoration:none; white-space:nowrap;
  box-shadow:0 6px 16px #001a3238;
}
#navegacion a.td-app-nav-link:hover { background:#ffe1a4; color:#082b50; }
#navegacion a.td-app-nav-link svg { width:18px; height:18px; flex:0 0 18px; }
@media (min-width:1101px) and (max-width:1280px) {
  body.td-modern .nav-row:has(.td-app-nav-link) { gap:12px; }
  body.td-modern .nav-row:has(.td-app-nav-link) .brand { font-size:19px; }
  body.td-modern .nav-row:has(.td-app-nav-link) .brand>img { width:36px; height:36px; }
  body.td-modern #navegacion:has(.td-app-nav-link) { gap:3px; }
  body.td-modern #navegacion:has(.td-app-nav-link) .tdm-grid { gap:2px; }
  body.td-modern #navegacion:has(.td-app-nav-link) .nav-link,
  body.td-modern #navegacion:has(.td-app-nav-link) .tdg-nav summary { padding-inline:5px; font-size:11px; }
  body.td-modern #navegacion:has(.td-app-nav-link) .nav-contact { padding-inline:8px; font-size:11px; }
  body.td-modern #navegacion a.td-app-nav-link { padding-inline:9px; font-size:11px; }
  body.td-modern #navegacion a.td-app-nav-link svg { display:none; }
}
@media (max-width:1100px) {
  body.td-modern #navegacion a.td-app-nav-link { min-height:52px; flex-shrink:0; font-size:14px; }
}

.td-service-invite {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px;
  margin-block:8px 28px; padding:clamp(16px,3vw,26px);
  border:1px solid #4c7190; border-radius:22px; background:#0e2e50; color:#eff7ff;
}
.td-service-invite h2 { color:inherit; font-size:clamp(20px,3vw,26px); margin:0; }
.td-service-invite p { color:#c9deef; margin:5px 0 0; }
.td-service-invite a.button { min-height:46px; background:#f8d389; color:#082b50; border-color:#e0ad55; }
.td-service-invite a.button:hover { background:#ffe1a4; color:#082b50; }

body.tdapp-page {
  --page:#edf4f9; --card:#fff; --ink:#102f4d; --muted:#4b647c;
  --line:#bfd2e1; --accent:#005e86; --gold:#f8d389; --shadow:0 14px 34px #082b5014;
  margin:0; background:var(--page); color:var(--ink);
  font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color-scheme:light;
}
.tdapp-page *, .tdapp-page *::before, .tdapp-page *::after { box-sizing:border-box; }
.tdapp-page a { color:var(--accent); }
.tdapp-page a:focus-visible, .tdapp-page summary:focus-visible { outline:3px solid #39a6df; outline-offset:4px; }
.tdapp-wrap { width:min(1080px, calc(100% - 36px)); margin-inline:auto; }
.tdapp-top { background:#082b50; border-bottom:1px solid #446d8d; padding-top:env(safe-area-inset-top); }
.tdapp-top-row { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.tdapp-top .tdapp-brand { display:flex; align-items:center; gap:11px; text-decoration:none; color:#fff; font-size:22px; font-weight:800; line-height:1.15; }
.tdapp-brand img { border-radius:12px; }
.tdapp-brand small { display:block; margin-top:5px; font-size:9px; color:#b5cce1; letter-spacing:.12em; }
.tdapp-top .tdapp-back { color:#eaf5ff; font-size:14px; font-weight:650; text-underline-offset:4px; }
.tdapp-hero {
  margin-top:28px; padding:clamp(28px,6vw,60px); display:grid; grid-template-columns:minmax(0,1fr) auto;
  gap:34px; align-items:center; border-radius:30px; background:linear-gradient(135deg,#092b50,#123c60);
  border:1px solid #396481; box-shadow:0 16px 38px #082b502c; color:#f7fbff;
}
.tdapp-kicker { color:#f8d389; font-size:11px; font-weight:750; letter-spacing:.16em; margin:0 0 12px; }
.tdapp-hero h1 { margin:0; font-size:clamp(34px,6vw,67px); line-height:1.02; letter-spacing:-.042em; }
.tdapp-hero p:not(.tdapp-kicker) { max-width:520px; color:#d9e9f7; margin:18px 0; }
.tdapp-hero-logo { width:clamp(90px,17vw,176px); height:auto; aspect-ratio:1; border:1px solid #7896a6; border-radius:29%; box-shadow:0 18px 45px #00142e80; }
.tdapp-pills { display:flex; flex-wrap:wrap; gap:8px; }
.tdapp-pills span { font-size:13px; padding:4px 12px; color:#e9f5ff; border:1px solid #557c9a; border-radius:999px; }
.tdapp-section { padding-block:30px 12px; }
.tdapp-section h2 { margin:0; font-size:clamp(24px,4vw,33px); line-height:1.18; }
.tdapp-lead { margin:9px 0 18px; color:var(--muted); }
.tdapp-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.tdapp-card { min-width:0; padding:clamp(20px,4vw,30px); background:var(--card); border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow); }
.tdapp-card h3 { margin:10px 0 4px; font-size:25px; }
.tdapp-card p { color:var(--muted); margin:0 0 17px; }
.tdapp-card ol { padding-left:1.45em; }
.tdapp-card li + li { margin-top:8px; }
.tdapp-tag { font-size:11px; font-weight:800; letter-spacing:.11em; color:var(--accent); }
.tdapp-page .tdapp-button {
  min-height:49px; display:inline-flex; align-items:center; justify-content:center; gap:12px;
  padding:12px 17px; border-radius:13px; font-weight:750; text-decoration:none;
}
.tdapp-page .tdapp-primary { background:var(--gold); color:#082b50; border:1px solid #e0ad55; }
.tdapp-page .tdapp-primary:hover { background:#ffe1a4; }
.tdapp-page .tdapp-secondary { background:#e9f5ff; color:#0b3555; border:1px solid #b5d1e7; }
.tdapp-card .tdapp-meta { margin:8px 0 0; font-size:13px; }
.tdapp-integrity { margin-top:16px; padding-top:12px; border-top:1px solid var(--line); font-size:13px; }
.tdapp-integrity summary { cursor:pointer; color:var(--accent); font-weight:700; }
.tdapp-integrity p { margin:10px 0; }
.tdapp-integrity code { display:block; overflow-wrap:anywhere; color:var(--ink); }
.tdapp-install[data-platform="ios"] #iphone { order:-1; }
.tdapp-destinations { margin-top:15px; }
.tdapp-destinations a {
  display:block; padding:18px; border:1px solid var(--line); border-radius:18px;
  background:var(--card); color:var(--ink); text-decoration:none; box-shadow:var(--shadow);
}
.tdapp-destinations a span { display:block; font-size:13px; color:var(--muted); margin-top:4px; }
.tdapp-footer { display:flex; flex-wrap:wrap; gap:12px 18px; margin-top:20px; padding-bottom:calc(24px + env(safe-area-inset-bottom)); font-size:13px; color:var(--muted); }
@media (max-width:640px) {
  .tdapp-top-row { min-height:67px; }
  .tdapp-top .tdapp-brand { font-size:19px; }
  .tdapp-top .tdapp-back { font-size:13px; }
  .tdapp-hero { margin-top:17px; padding:24px; gap:12px; border-radius:23px; }
  .tdapp-hero-logo { width:66px; align-self:start; }
  .tdapp-hero p:not(.tdapp-kicker) { font-size:14px; }
  .tdapp-grid { grid-template-columns:1fr; }
  .tdapp-destinations { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .tdapp-destinations a { padding:13px; }
  .tdapp-card .tdapp-button { display:flex; text-align:center; }
}
@media (max-width:375px) {
  .tdapp-hero { grid-template-columns:1fr; }
  .tdapp-hero-logo { grid-row:1; }
}
@media (prefers-color-scheme:dark) {
  body.tdapp-page { --page:#091827; --card:#142d44; --ink:#f0f7fc; --muted:#bfd3e5; --line:#3f617b; --accent:#91d9fc; --shadow:0 14px 34px #0004; color-scheme:dark; }
  .tdapp-page .tdapp-secondary { background:#1e405d; color:#f0f7fc; border-color:#557c9a; }
}