/* ===== Viajeterapia · Blog y guías ===== */
:root{ --vt-azul:#0B1742; --vt-navy:#0b1742; --vt-dorado:#FFBA00; --vt-ink:#1f2433; --vt-gray:#5b6478; --vt-line:#e7eaf1; --vt-soft:#f6f7fb; }

/* columna única: todos los bloques comparten el mismo margen */
.post-col{ max-width:760px; margin:0 auto; padding:0 24px; }

/* --- HERO --- */
.post-hero{ position:relative; min-height:460px; display:flex; align-items:flex-end; color:#fff;
  background:#0b1742 center/cover no-repeat; }
.post-hero::before{ content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(11,23,66,.35) 0%,rgba(11,23,66,.55) 45%,rgba(11,23,66,.92) 100%); }
.post-hero .post-col{ position:relative; width:100%; padding-top:120px; padding-bottom:42px; }
.crumbs{ font-family:'Inter',sans-serif; font-size:13px; color:rgba(255,255,255,.82); margin-bottom:16px; }
.crumbs a{ color:rgba(255,255,255,.9); text-decoration:none; }
.crumbs a:hover{ color:var(--vt-dorado); }
.crumbs span.sep{ margin:0 7px; opacity:.6; }
.crumbs strong{ color:#fff; font-weight:600; }
.post-cats{ display:flex; flex-wrap:wrap; gap:7px; margin-bottom:14px; }
.post-cats a,.post-cats span{ font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--vt-navy); background:var(--vt-dorado); padding:5px 11px; border-radius:100px; text-decoration:none; }
.post-hero h1{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:clamp(34px,5vw,52px);
  line-height:1.08; margin:0 0 16px; color:#fff; }
.post-meta{ font-family:'Inter',sans-serif; font-size:14px; color:rgba(255,255,255,.85); display:flex; flex-wrap:wrap; gap:6px 16px; }
.post-meta b{ color:#fff; font-weight:600; }

/* --- CUERPO --- */
.post-body{ font-family:'Inter',sans-serif; color:var(--vt-ink); padding:44px 0 20px; }
.post-body p{ font-size:18px; line-height:1.8; margin:0 0 20px; color:#2c3242; }
.post-body p strong,.post-body li strong{ color:var(--vt-navy); font-weight:700; }
.post-body a{ color:var(--vt-azul); text-decoration:underline; text-decoration-color:rgba(11,23,66,.35); text-underline-offset:3px; }
.post-body a:hover{ text-decoration-color:var(--vt-dorado); }
.post-body h2{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:clamp(28px,3.6vw,36px);
  line-height:1.15; color:var(--vt-azul); margin:52px 0 16px; scroll-margin-top:110px; }
.post-body h3{ font-family:'Inter',sans-serif; font-weight:700; font-size:20px; line-height:1.3;
  color:var(--vt-navy); margin:32px 0 10px; scroll-margin-top:110px; }
.post-body ul,.post-body ol{ margin:0 0 22px; padding-left:24px; }
.post-body li{ font-size:17.5px; line-height:1.7; margin:0 0 9px; color:#2c3242; }
.post-body blockquote{ margin:28px 0; padding:18px 22px; border-left:4px solid var(--vt-dorado);
  background:var(--vt-soft); font-family:'Cormorant Garamond',serif; font-size:23px; line-height:1.45; color:var(--vt-navy); font-style:italic; }
.post-body blockquote cite{ display:block; margin-top:10px; font-family:'Inter',sans-serif; font-size:13px; font-style:normal; color:var(--vt-gray); }
.lead{ font-size:20px !important; line-height:1.75 !important; color:#333a4b !important; }

/* índice */
.toc{ margin:0 0 34px; background:var(--vt-soft); border:1px solid var(--vt-line); border-left:4px solid var(--vt-dorado); border-radius:12px; }
.toc summary{ cursor:pointer; list-style:none; padding:16px 20px; font-family:'Inter',sans-serif; font-weight:700;
  font-size:15px; color:var(--vt-navy); display:flex; justify-content:space-between; align-items:center; }
.toc summary::-webkit-details-marker{ display:none; }
.toc summary::after{ content:"\2212"; font-size:20px; color:var(--vt-azul); }
.toc:not([open]) summary::after{ content:"+"; }
.toc ol{ margin:0; padding:0 22px 18px 40px; }
.toc ol ol{ padding:6px 0 4px 20px; list-style:lower-alpha; }
.toc li{ font-size:15px !important; line-height:1.5 !important; margin:5px 0 !important; }
.toc a{ color:#2c3242 !important; text-decoration:none !important; }
.toc a:hover{ color:var(--vt-azul) !important; }

/* puntos clave */
.key-points{ margin:8px 0 34px; padding:22px 24px; border-radius:14px; background:var(--vt-navy); color:#fff; }
.key-points h3{ color:var(--vt-dorado) !important; margin:0 0 12px !important; font-size:14px !important; letter-spacing:.16em; text-transform:uppercase; }
.key-points ul{ list-style:none; padding:0; margin:0; }
.key-points li{ color:#fff !important; position:relative; padding-left:28px; font-size:16.5px !important; }
.key-points li::before{ content:"\2713"; position:absolute; left:0; top:1px; width:19px; height:19px; border-radius:50%;
  background:var(--vt-dorado); color:var(--vt-navy); font-size:11px; font-weight:800; display:flex; align-items:center; justify-content:center; }
.key-points li strong{ color:var(--vt-dorado) !important; }

/* figuras */
.post-fig{ margin:30px 0; }
.post-fig img{ width:100%; height:auto; max-height:560px; object-fit:cover; border-radius:14px; display:block; }
.post-fig figcaption{ font-family:'Inter',sans-serif; font-size:13.5px; color:var(--vt-gray); margin-top:9px; text-align:center; }

/* tablas */
.tbl-wrap{ overflow-x:auto; margin:22px 0 28px; border:1px solid var(--vt-line); border-radius:12px; }
.post-body table{ width:100%; border-collapse:collapse; font-size:15.5px; min-width:520px; }
.post-body thead th{ background:var(--vt-navy); color:#fff; text-align:left; padding:12px 14px; font-weight:700; font-size:13px; letter-spacing:.04em; text-transform:uppercase; }
.post-body td{ padding:11px 14px; border-top:1px solid var(--vt-line); vertical-align:top; line-height:1.55; color:#2c3242; }
.post-body tbody tr:nth-child(even){ background:#fafbfd; }

/* aviso */
.notice{ margin:24px 0; padding:16px 20px; border-radius:12px; background:rgba(255,186,0,.10); border:1px solid rgba(255,186,0,.45); }
.notice p{ font-size:16px !important; margin:0 !important; }

/* CTA */
.cta-box{ margin:38px 0; padding:28px 26px; border-radius:16px; color:#fff;
  background:linear-gradient(135deg,#0B1742 0%,#16265E 100%); text-align:center; }
.cta-box h3{ color:#fff !important; font-family:'Cormorant Garamond',serif !important; font-size:28px !important; margin:0 0 8px !important; font-weight:600 !important; }
.cta-box p{ color:rgba(255,255,255,.88) !important; font-size:16.5px !important; margin:0 auto 18px !important; max-width:560px; }
.cta-btns{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.cta-btn{ display:inline-block; font-family:'Inter',sans-serif; font-weight:700; font-size:15px; padding:14px 26px; border-radius:100px;
  text-decoration:none !important; transition:all .25s; }
.cta-btn.wa{ background:#25D366; color:#fff !important; }
.cta-btn.wa:hover{ background:#1fb855; }
.cta-btn.trip{ background:var(--vt-dorado); color:var(--vt-navy) !important; }
.cta-btn.trip:hover{ background:#fff; }

/* FAQ */
.faq-list details{ border:1px solid var(--vt-line); border-radius:12px; margin:0 0 10px; background:#fff; }
.faq-list summary{ cursor:pointer; list-style:none; padding:16px 18px; font-family:'Inter',sans-serif; font-weight:700; font-size:16.5px;
  color:var(--vt-navy); display:flex; justify-content:space-between; gap:14px; }
.faq-list summary::-webkit-details-marker{ display:none; }
.faq-list summary::after{ content:"+"; color:var(--vt-azul); font-size:22px; line-height:1; flex:0 0 auto; }
.faq-list details[open] summary::after{ content:"\2212"; }
.faq-list .faq-a{ padding:0 18px 16px; }
.faq-list .faq-a p{ font-size:16.5px !important; margin:0 !important; }

/* fuentes */
.sources ol{ padding-left:22px; }
.sources li{ font-size:14.5px !important; line-height:1.55 !important; color:var(--vt-gray) !important; word-break:break-word; }

/* autor */
.author-box{ display:flex; gap:18px; align-items:flex-start; margin:40px 0 10px; padding:22px; border:1px solid var(--vt-line); border-radius:16px; background:var(--vt-soft); }
.author-av{ flex:0 0 64px; height:64px; border-radius:50%; background:var(--vt-azul); color:var(--vt-dorado); display:flex; align-items:center; justify-content:center;
  font-family:'Cormorant Garamond',serif; font-weight:700; font-size:26px; }
.author-box h4{ margin:0 0 3px; font-family:'Inter',sans-serif; font-size:16px; color:var(--vt-navy); }
.author-box .role{ font-family:'Inter',sans-serif; font-size:13px; color:var(--vt-azul); font-weight:600; margin:0 0 8px; }
.author-box p{ font-size:15px !important; line-height:1.65 !important; margin:0 !important; }

/* relacionados + tarjetas (también en el índice del blog) */
.related{ background:var(--vt-soft); padding:56px 0 64px; margin-top:40px; }
.related h2{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:34px; color:var(--vt-navy); text-align:center; margin:0 0 30px; }
.cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; max-width:1140px; margin:0 auto; padding:0 24px; }
.card-post{ background:#fff; border-radius:4px; overflow:hidden; box-shadow:0 10px 30px rgba(15,23,42,.08); display:flex; flex-direction:column;
  text-decoration:none; transition:transform .25s, box-shadow .25s; }
.card-post:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(15,23,42,.14); }
.card-post .ci{ aspect-ratio:16/10; background:#ddd center/cover no-repeat; }
.card-post .cb{ padding:22px 24px 24px; display:flex; flex-direction:column; flex:1; }
.card-post .ct{ font-family:'Inter',sans-serif; font-weight:400; font-size:19px; line-height:1.3; text-transform:uppercase; letter-spacing:.01em; color:#1b1f2a; margin:0 0 10px; }
.card-post .cc{ font-family:'Inter',sans-serif; font-size:13px; color:var(--vt-azul); font-weight:600; margin:0 0 12px; }
.card-post .ce{ font-family:'Inter',sans-serif; font-size:14.5px; line-height:1.6; color:var(--vt-gray); margin:0 0 16px; flex:1; }
.card-post .cm{ font-family:'Inter',sans-serif; font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--vt-navy); }
.card-post:hover .cm{ color:var(--vt-azul); }

/* --- ÍNDICE DEL BLOG --- */
.blog-head{ text-align:center; padding:150px 24px 20px; background:#fff; }
.blog-head .eyebrow{ font-family:'Inter',sans-serif; font-size:12px; font-weight:600; letter-spacing:.3em; text-transform:uppercase; color:var(--vt-azul); margin:0 0 14px; }
.blog-head h1{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:clamp(40px,5vw,58px); line-height:1.1; color:var(--vt-ink); margin:0 0 20px; }
.blog-head h1 em{ font-style:italic; color:var(--vt-dorado); }
.blog-head p{ font-family:'Inter',sans-serif; font-size:19px; line-height:1.6; color:#2c3242; max-width:760px; margin:0 auto; }
.blog-head .rule{ width:120px; height:2px; background:var(--vt-dorado); margin:34px auto 0; border:0; }
.blog-filter{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding:30px 24px 8px; }
.blog-filter button{ font-family:'Inter',sans-serif; font-size:13.5px; font-weight:600; padding:9px 16px; border-radius:100px;
  border:1px solid var(--vt-line); background:#fff; color:var(--vt-navy); cursor:pointer; transition:all .2s; }
.blog-filter button:hover{ border-color:var(--vt-azul); color:var(--vt-azul); }
.blog-filter button.on{ background:var(--vt-azul); border-color:var(--vt-azul); color:#fff; }
.blog-grid{ padding:30px 0 80px; }
.blog-cta{ background:linear-gradient(135deg,#0B1742 0%,#16265E 100%); color:#fff; text-align:center; padding:64px 24px; }
.blog-cta h2{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:38px; margin:0 0 10px; color:#fff; }
.blog-cta p{ font-family:'Inter',sans-serif; color:rgba(255,255,255,.85); max-width:560px; margin:0 auto 22px; font-size:17px; }

/* --- PÁGINA DE VIAJE (mercados) --- */
.price-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:14px; margin:22px 0 10px; }
.price-card{ border:1px solid var(--vt-line); border-radius:14px; padding:22px; text-align:center; background:#fff; }
.price-card.feat{ border:2px solid var(--vt-azul); }
.price-card .pf{ font-family:'Inter',sans-serif; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--vt-gray); font-weight:700; }
.price-card .pv{ font-family:'Cormorant Garamond',serif; font-size:42px; font-weight:700; color:var(--vt-azul); line-height:1.1; margin:8px 0; }
.price-card .pn{ font-family:'Inter',sans-serif; font-size:13px; color:var(--vt-gray); }
.facts{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:18px 0 30px; }
.facts div{ text-align:center; border:1px solid var(--vt-line); border-radius:12px; padding:14px 6px; background:var(--vt-soft); }
.facts b{ display:block; font-family:'Cormorant Garamond',serif; font-size:34px; color:var(--vt-azul); line-height:1; }
.facts span{ font-family:'Inter',sans-serif; font-size:12px; color:var(--vt-gray); text-transform:uppercase; letter-spacing:.08em; }
.inc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:18px 0 26px; }
.inc-grid > div{ border:1px solid var(--vt-line); border-radius:14px; padding:18px 20px; background:#fff; }
.inc-grid h4{ margin:0 0 10px; font-family:'Inter',sans-serif; font-size:13px; letter-spacing:.14em; text-transform:uppercase; }
.inc-grid .yes h4{ color:#0a8f5b; } .inc-grid .no h4{ color:#b4232c; }
.inc-grid ul{ margin:0; padding-left:20px; }
.inc-grid li{ font-size:15.5px !important; }

@media(max-width:900px){ .cards{ grid-template-columns:1fr 1fr; } }
@media(max-width:640px){
  .cards{ grid-template-columns:1fr; }
  .post-hero{ min-height:400px; }
  .post-body p{ font-size:17px; }
  .inc-grid{ grid-template-columns:1fr; }
  .facts{ grid-template-columns:repeat(2,1fr); }
  .author-box{ flex-direction:column; }
  .blog-head{ padding-top:120px; }
}
.faq-list summary h3{ margin:0 !important; font-family:'Inter',sans-serif !important; font-size:16.5px !important; font-weight:700 !important; color:var(--vt-navy) !important; line-height:1.4 !important; }

/* ===== CTA v2: estilo de la web (blanco, azul marino y dorado) ===== */
.cta-box{ background:#fff !important; color:var(--vt-ink) !important; border:1px solid var(--vt-line); border-top:3px solid var(--vt-dorado);
  border-radius:0 !important; padding:42px 34px !important; box-shadow:0 12px 34px rgba(15,23,42,.06); }
.cta-box::before{ content:"Viaja con Viajeterapia"; display:block; font-family:'Inter',sans-serif; font-size:11.5px; font-weight:700;
  letter-spacing:.28em; text-transform:uppercase; color:var(--vt-azul); margin-bottom:12px; }
.cta-box h3{ color:var(--vt-navy) !important; font-size:32px !important; line-height:1.15 !important; }
.cta-box p{ color:var(--vt-gray) !important; }
.cta-btn{ border-radius:0 !important; font-size:12.5px !important; font-weight:800 !important; letter-spacing:.1em; text-transform:uppercase;
  padding:16px 28px !important; border:1.5px solid var(--vt-navy); }
.cta-btn.wa{ background:var(--vt-navy) !important; color:#fff !important; }
.cta-btn.wa:hover{ background:var(--vt-azul) !important; border-color:var(--vt-azul); }
.cta-btn.trip{ background:transparent !important; color:var(--vt-navy) !important; }
.cta-btn.trip:hover{ background:var(--vt-navy) !important; color:#fff !important; }
.blog-cta{ background:var(--vt-soft) !important; color:var(--vt-ink) !important; border-top:3px solid var(--vt-dorado); }
.blog-cta h2{ color:var(--vt-navy) !important; }
.blog-cta p{ color:var(--vt-gray) !important; }

/* Viajes destacados: 4 en fila en escritorio */
.related.feat .cards{ grid-template-columns:repeat(4,1fr); gap:20px; max-width:1240px; }
.related.feat .ct{ font-size:17px; }
@media(max-width:1100px){ .related.feat .cards{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .related.feat .cards{ grid-template-columns:1fr; } }
.note-2027{background:#FFF6DC;border-left:4px solid #FFBA00;padding:14px 18px;font-size:15px;line-height:1.6;margin:18px 0}.note-2027 a{color:#0B1742}

/* ===== VT-SYSTEM · auditoría premium 29 oct 2026 ===== */
/* Hero del inicio: pantalla completa, velo marino y botón discreto */
.hero{ height:100vh; height:100svh; min-height:600px; }
.hero-overlay{ background:linear-gradient(180deg, rgba(11,23,66,.6) 0%, rgba(11,23,66,.42) 38%, rgba(11,23,66,.48) 70%, rgba(11,23,66,.78) 100%) !important; }
.hero-cta{ display:inline-flex; align-items:center; gap:10px; margin-top:30px; padding:0 0 6px; border:0; border-bottom:1px solid var(--dorado); color:#fff !important; text-decoration:none !important; font-family:Poppins,Arial,sans-serif; font-size:13px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; background:none; transition:color .25s; }
.hero-cta:hover{ color:var(--dorado) !important; }
@media(max-width:600px){ .hero-cta{ margin-top:24px; font-size:12px; letter-spacing:.16em; } }
/* Encabezado: logo más presente; idioma como texto */
.logo img{ height:48px; }
@media(max-width:820px){ .logo img{ height:34px !important; } }
#langToggle{ border-color:transparent !important; background:transparent !important; }
#langToggle:hover{ border-color:transparent !important; color:var(--dorado) !important; }
/* Letra mínima legible: 12 px en etiquetas y notas */
.eyebrow, .soon-eyebrow, .tv-eyebrow, .trip-card-cities, .trip-card-btn, .testimonial-trip, .team-role, .banner-kicker, .lb-lbl, .lv-url, .nf-l, .form-note, .tagline, .tag, .it-badge, .it-go, .mt-sub, .mt-dest, .cf-label, .tm-count, .tc-pill, .tc-reg, .tc-countries, .tc-go, .tip-v2-brand, .tip-code-label, .tip-btn, .tip-v2-trust, .tv-cap i, .map-pop-eyebrow, .mpt-go, .hero-feature span{ font-size:max(12px, 1em) !important; }
.eyebrow, .soon-eyebrow, .tv-eyebrow, .trip-card-btn, .tagline, .tag, .it-badge, .it-go, .tc-pill, .tc-reg, .tc-go, .tip-btn, .mpt-go, .map-pop-eyebrow, .lv-cta{ font-size:12px !important; }
.trip-card-cities, .testimonial-trip, .team-role, .mt-sub, .mt-dest, .tc-countries, .form-note, .lv-url, .tip-code-label, .tip-v2-brand, .tip-v2-trust, .cf-label, .tm-count, .nf-l, .lb-lbl, .tv-cap i{ font-size:12.5px !important; }
.mt-sub{ white-space:normal !important; overflow:visible !important; text-overflow:clip !important; display:block; line-height:1.45; }
/* Esquinas rectas en toda la marca (fotos de perfil e íconos circulares siguen redondos) */
.tv-card, .tv-box video, .vg-card, .sn-card, .card-post, .it-card, .tcard, .mtile, .ci-card, input, select, textarea{ border-radius:0 !important; }
/* Tarjetas de Japón: nada se sale de la tarjeta */
.it-section:has(.it-n4){ max-width:1320px; }
.it-btn{ white-space:normal !important; max-width:100%; text-align:left; line-height:1.35; }
.it-grid.it-n4 .it-month{ flex-direction:column; align-items:flex-start; gap:6px; }
.it-grid.it-n4 .it-go{ white-space:nowrap; }
/* Viajes grupales: la última tarjeta no queda sola en su fila */
@media(min-width:901px){ .vg-grid > .vg-card:last-child:nth-child(3n+1){ grid-column:1 / -1; min-height:260px; } }
/* Blog: títulos en tipo oración */
.card-post .ct{ text-transform:none !important; letter-spacing:0 !important; font-family:Poppins,Arial,sans-serif !important; font-weight:500 !important; }
/* Pie: un solo logo */
.footer-brand h3{ display:none !important; }
/* Contacto: tres tarjetas en vez de líneas sueltas */
.contact-intro{ max-width:1080px; margin:0 auto; padding:64px 24px 24px; text-align:center; }
.ci-lead{ max-width:600px; margin:0 auto 30px !important; }
.ci-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:0 auto 44px; text-align:left; }
.ci-card{ display:flex; flex-direction:column; gap:4px; padding:22px 22px 20px; background:#fff; border:1px solid rgba(11,23,66,.12); border-top:3px solid var(--dorado); color:#0b1742 !important; text-decoration:none !important; transition:transform .25s, box-shadow .25s; }
.ci-card:hover{ transform:translateY(-3px); box-shadow:0 14px 34px rgba(11,23,66,.12); }
.ci-ico{ width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; background:#25D366; color:#fff; border-radius:50%; margin-bottom:10px; }
.ci-ico.ci-mail{ background:#0b1742; }
.ci-who{ font-size:17px; font-weight:500; }
.ci-where{ font-size:13px; color:#5b6585; }
.ci-val{ margin-top:8px; font-size:15px; font-weight:500; letter-spacing:.01em; }
@media(max-width:760px){ .ci-grid{ grid-template-columns:1fr; } }
/* Foco visible para teclado */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible{ outline:2px solid var(--dorado) !important; outline-offset:3px; }
.trip-card .trip-card-btn, .trip-card-meta .trip-card-btn{ font-size:12px !important; }
.footer-col h4{ font-size:12px !important; }
.tc-date i{ font-size:11px !important; }
@media(max-width:600px){ .hero-kicker{ font-size:12px !important; letter-spacing:.22em !important; } .tv-cap, .tv-cap b{ font-size:12px !important; } }
.top-ribbon span{ font-size:9px !important; }
.legal-wrap > *{ min-width:0; } .legal-text *{ overflow-wrap:anywhere; }
@media(max-width:600px){ .lv-cta{ white-space:normal !important; text-align:center; letter-spacing:.1em !important; } }
/* Historia de la fundadora: más margen a los costados */
.about-story .about-body, .founder-v2 .about-body{ max-width:600px; margin-left:auto !important; margin-right:auto !important; }
.about-story .about-body p, .founder-v2 .about-body p{ max-width:600px; }
@media(max-width:760px){ .about-story{ padding-left:16px !important; padding-right:16px !important; } .about-band, .about-story{ overflow-x:clip; } .founder-v2 .about-body{ padding-left:12px !important; padding-right:12px !important; } }
/* ===== /VT-SYSTEM ===== */

/* VT-CONTACT4 (número de Inglaterra al mismo nivel) */
.ci-grid.ci4{ grid-template-columns:repeat(4,1fr); }
@media(max-width:1100px){ .ci-grid.ci4{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:760px){ .ci-grid.ci4{ grid-template-columns:1fr; } }
.ft-presence{ font-size:12px; letter-spacing:.04em; color:#94A3B8; margin:10px 0 0; }

/* VT-BW: fotos del equipo y de la fundadora en blanco y negro con círculo amarillo */
.team-card img, .founder-v2 .founder-photo img, .aftersale-inner img{ border-radius:50% !important; }
.team-card img{ border:4px solid #FFBA00 !important; background:#fff; }
.founder-v2 .founder-photo img{ border:6px solid #FFBA00 !important; box-shadow:0 24px 50px rgba(0,0,0,.30) !important; background:#fff !important; }
.aftersale-inner img{ border:3px solid #FFBA00 !important; box-shadow:none !important; background:#fff; }

/* VT-TEAMPHOTO: fotos del equipo sin círculo (fondo blanco, blanco y negro) */
.team-section .team-card img{ width:220px !important; height:272px !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:#fff !important; object-fit:cover; margin-bottom:10px !important; }
@media (max-width:760px){ .team-section .team-card img{ width:200px !important; height:248px !important; } }

/* VT-TEAM2: dos personas en "Tu equipo" */
#equipo .tq-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); max-width:800px; margin:0 auto; gap:22px; }
@media(max-width:640px){ #equipo .tq-grid{ display:flex; max-width:none; } }

/* VT-FOUNDERDUO: foto Catalina + Tiare en "Nuestra historia" */
#about.founder-v2 .founder-photo.duo{ position:sticky; top:120px; margin:0; display:block; width:340px; max-width:100%; justify-self:center; }
#about.founder-v2 .founder-photo.duo img{ border-radius:16px !important; background:none !important; display:block; }
#about.founder-v2 .founder-photo.duo .duo-main{ width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; border:5px solid #FFBA00 !important; box-shadow:0 24px 50px rgba(0,0,0,.35) !important; }
#about.founder-v2 .founder-photo.duo .duo-small{ position:absolute; width:40%; height:auto; aspect-ratio:4/5; object-fit:cover; right:-38px; bottom:58px; border:5px solid #fff !important; border-radius:10px !important; transform:rotate(4deg); box-shadow:0 16px 34px rgba(0,0,0,.4) !important; }
#about.founder-v2 .founder-photo.duo figcaption{ margin-top:16px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.65); text-align:center; }
@media (max-width:860px){ #about.founder-v2 .founder-photo.duo{ width:260px; position:relative; top:auto; } #about.founder-v2 .founder-photo.duo .duo-small{ right:-24px; bottom:52px; } }
#about.founder-v2 .founder-photo.duo .duo-main.solo{ aspect-ratio:3/4; border:none !important; border-radius:4px !important; box-shadow:0 30px 60px rgba(0,0,0,.45) !important; }
/* VT-FOUNDERBIG: foto de la historia más grande */
.about-band.founder-v2#about{ grid-template-columns:minmax(0,430px) minmax(0,600px) !important; gap:56px !important; }
#about.founder-v2 .founder-photo.duo{ width:430px; }
@media (max-width:1100px){ .about-band.founder-v2#about{ grid-template-columns:minmax(0,380px) minmax(0,560px) !important; gap:44px !important; } #about.founder-v2 .founder-photo.duo{ width:380px; } }
@media (max-width:860px){ .about-band.founder-v2#about{ grid-template-columns:1fr !important; } #about.founder-v2 .founder-photo.duo{ width:min(340px,100%); } }

/* VT-NAVPILL: MI VIAJE y PANEL como píldoras */
nav .navlinks a.nav-mv, nav .navlinks a.nav-adm{ border:0 !important; border-radius:999px !important; padding:9px 18px !important; background:rgba(255,255,255,.14) !important; transition:background .25s,color .25s; }
nav .navlinks a.nav-mv{ color:#FFBA00 !important; }
nav .navlinks a.nav-adm{ color:#fff !important; margin-left:-14px; }
nav .navlinks a.nav-mv:hover, nav .navlinks a.nav-adm:hover{ background:#FFBA00 !important; color:#0b1742 !important; }
@media (max-width:980px){ nav.nav-open .navlinks a.nav-mv, nav.nav-open .navlinks a.nav-adm{ background:transparent !important; border-radius:0 !important; padding:14px 0 !important; margin-left:0; border-bottom:1px solid rgba(255,255,255,.1) !important; } }
/* VT-HEROMOB: en celular el texto va abajo para que se vean las caras del video */
@media (max-width:760px) and (orientation:portrait){
  .hero{ align-items:flex-end !important; padding:0 !important; }
  .hero-center{ margin-top:auto !important; padding:0 20px 96px !important; }
  .hero-title{ font-size:clamp(28px,8vw,36px) !important; }
  .hero-overlay{ background:linear-gradient(180deg, rgba(11,23,66,.38) 0%, rgba(11,23,66,0) 22%, rgba(11,23,66,0) 42%, rgba(11,23,66,.62) 66%, rgba(11,23,66,.9) 100%) !important; }
}

/* VT-HEROMOB2 (6 nov 2026): en celular el video va ARRIBA, limpio, y el texto DEBAJO sobre azul marino (nada tapa las caras) */
@media (max-width:760px) and (orientation:portrait){
  .hero{ display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; height:auto !important; min-height:0 !important; padding:0 !important; background:#0B1742 !important; }
  .hero-slides{ position:relative !important; inset:auto !important; height:64svh !important; min-height:400px; flex:none !important; }
  .hero-video, .hero-slide{ object-position:center 62% !important; transform:none !important; }
  .hero-overlay{ bottom:auto !important; height:64svh !important; min-height:400px; background:linear-gradient(180deg, rgba(11,23,66,.55) 0%, rgba(11,23,66,0) 18%, rgba(11,23,66,0) 82%, #0B1742 100%) !important; }
  .hero-center{ position:relative !important; inset:auto !important; margin:-34px 0 0 !important; padding:0 22px 44px !important; background:transparent; z-index:2; }
  .hero-kicker{ font-size:11px !important; letter-spacing:.22em !important; }
  .hero-title{ font-size:clamp(28px,8.4vw,36px) !important; margin:10px 0 12px !important; }
  .hero-subtitle{ font-size:15px !important; line-height:1.55 !important; opacity:.9; }
}
