:root{--navy:#07183f;--navy2:#0b2456;--blue:#1473e6;--cyan:#20b7ee;--purple:#7e3fd3;--purple-soft:#f2eaff;--green:#2e7d32;--green-soft:#eaf7ee;--gold:#ffc533;--gold-dark:#d99500;--gold-soft:#fff8e8;--ink:#07183f;--text:#566176;--line:#e2e8f2;--soft:#f5f7fb;--white:#fff;--radius:28px;--shadow:0 24px 70px rgba(7,24,63,.12);--font:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(7,24,63,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:#fff;white-space:nowrap}.brand>span:last-child>span{color:#5ed28b}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:13px;box-shadow:0 10px 25px rgba(20,115,230,.35)}.main-nav{display:flex;gap:26px;margin-left:auto;color:#dce8ff;font-size:14px;font-weight:700}.main-nav a:hover{color:#fff}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:16px;background:linear-gradient(135deg,var(--blue),#0a56d5);color:#fff;font-weight:800;box-shadow:0 14px 34px rgba(20,115,230,.32);transition:.25s transform,.25s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(20,115,230,.42)}.button-small{min-height:44px;padding:0 18px;font-size:13px}.section-dark{background:radial-gradient(circle at 75% 30%,rgba(32,183,238,.24),transparent 32%),linear-gradient(135deg,#06122f,#0a2456 62%,#0b3675);color:#fff}.hero{position:relative;overflow:hidden;min-height:780px;display:grid;align-items:center}.hero:after{content:'';position:absolute;inset:auto -10% -32% 35%;height:70%;background:radial-gradient(ellipse,rgba(126,63,211,.2),transparent 65%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--blue)}.eyebrow-light{color:#8ed7ff}.eyebrow-green{color:#28a164}.eyebrow-purple{color:#c69cff}.eyebrow-gold{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,78px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 24px}h1 span{color:#45b8ff}.hero-copy>p{font-size:19px;max-width:650px;color:#d7e5ff}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 24px}.button-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3);box-shadow:none}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:#aee7c4;font-size:13px;font-weight:700}.hero-media{position:relative;height:670px;display:flex;align-items:flex-end;justify-content:center}.hero-media img{position:relative;z-index:2;max-height:650px;width:auto;filter:drop-shadow(0 35px 35px rgba(0,0,0,.35));border-radius:34px}.phone-halo{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(55,174,255,.34),transparent 68%);filter:blur(8px)}.value-strip{position:relative;z-index:10;margin-top:-36px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value-grid article{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 14px 35px rgba(7,24,63,.1)}.value-grid h3{font-size:15px;margin:1px 0 4px}.value-grid p{font-size:12px;color:var(--text);margin:0;line-height:1.45}.value-icon{width:42px;height:42px;flex:none;border-radius:14px;display:grid;place-items:center;font-weight:800}.value-icon.blue,.value-icon.cyan{color:var(--blue);background:#eaf4ff}.value-icon.green{color:var(--green);background:var(--green-soft)}.value-icon.purple{color:var(--purple);background:var(--purple-soft)}.section{padding:110px 0}.section-soft{background:var(--soft)}.feature-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:76px;align-items:center}.feature-grid.reverse{grid-template-columns:1.12fr .88fr}.feature-grid.reverse .feature-copy{order:2}.feature-grid.reverse .visual-card{order:1}h2{font-size:clamp(36px,4.8vw,58px);line-height:1.08;letter-spacing:-.035em;margin:14px 0 22px}.feature-copy>p,.section-heading>p,.premium-copy>p{font-size:17px;color:var(--text);max-width:720px}.check-list{list-style:none;padding:0;margin:28px 0}.check-list li{position:relative;padding-left:30px;margin:12px 0;color:#2e3b53;font-weight:600}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.license-chips{display:flex;gap:10px;flex-wrap:wrap}.license-chips span{padding:10px 16px;border:1px solid #cad8ee;background:#f7fbff;border-radius:14px;font-weight:800;color:var(--blue)}.visual-card{border-radius:34px;padding:18px;background:linear-gradient(145deg,#fff,#eef4fb);box-shadow:var(--shadow);border:1px solid #dbe5f2}.visual-card img{width:100%;max-height:720px;object-fit:cover;object-position:top;border-radius:24px}.metric-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.metric-cards div{padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px}.metric-cards strong,.metric-cards span{display:block}.metric-cards span{font-size:12px;color:var(--text);margin-top:4px}.section-ai{background:linear-gradient(145deg,#06142f,#101c47 54%,#1d1240);color:#fff}.section-heading{text-align:center;max-width:820px;margin:0 auto 52px}.section-heading-light p{color:#cbd8ee}.ai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ai-card{position:relative;padding:28px 24px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(126,63,211,.12));border:1px solid rgba(198,156,255,.35);min-height:230px}.ai-card>span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(126,63,211,.25);font-weight:900;color:#d7bfff}.ai-card h3{margin:22px 0 8px;font-size:20px}.ai-card p{margin:0;color:#becbe3;font-size:14px}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:52px}.showcase-img{max-height:720px;width:100%;object-fit:cover;object-position:top;border-radius:30px;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px rgba(0,0,0,.3)}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tool-grid article{position:relative;min-height:190px;padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px rgba(7,24,63,.07)}.tool-grid article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#eaf4ff;color:var(--blue);font-weight:900}.tool-grid h3{margin:20px 0 6px;font-size:17px}.tool-grid p{font-size:13px;color:var(--text);margin:0}.tag{position:absolute;top:18px;right:18px;border-radius:999px;padding:5px 9px;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.tag.free{background:var(--green-soft);color:var(--green)}.tag.premium{background:var(--gold-soft);color:var(--gold-dark)}.wide-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:50px}.wide-image-pair img{width:100%;height:720px;object-fit:cover;object-position:top;border-radius:30px;box-shadow:var(--shadow)}.premium-section{background:linear-gradient(120deg,#0c0d13,#171205 72%,#2b1d00);color:#fff}.premium-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.premium-copy p{color:#d9d6c8}.button-gold{background:linear-gradient(135deg,#ffd85b,#f0a700);color:#2c2100;box-shadow:0 14px 35px rgba(255,197,51,.25)}.premium-benefits{display:grid;gap:14px}.premium-benefits article{display:flex;gap:18px;padding:22px;border:1px solid rgba(255,213,82,.25);background:rgba(255,197,51,.06);border-radius:22px}.premium-benefits article>span{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:16px;background:rgba(255,197,51,.14);color:var(--gold);font-weight:900}.premium-benefits h3{margin:0 0 4px}.premium-benefits p{margin:0;color:#d5d0bd;font-size:13px}.community-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.video-placeholder,.brand-collab{min-height:260px;padding:26px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 35px rgba(7,24,63,.07)}.play{height:120px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#dcefff,#efe3ff);font-size:28px;color:var(--blue);margin-bottom:22px}.video-placeholder p,.brand-collab p{font-size:13px;color:var(--text)}.brand-collab{background:linear-gradient(145deg,#0d2f68,#126be1);color:#fff}.brand-collab>span{font-size:38px}.brand-collab p{color:#dbe9ff}.brand-collab a{font-weight:800;color:#fff}.faq-wrap{max-width:900px}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:18px;padding:0 22px;background:#fff}.faq-list summary{cursor:pointer;font-weight:800;padding:20px 0;list-style:none}.faq-list summary:after{content:'+';float:right;color:var(--blue);font-size:24px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--text);font-size:14px;padding-bottom:20px}.final-cta{padding:80px 0}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.final-cta h2{margin-bottom:10px}.final-cta p{color:#cbd9f0;margin:0}.site-footer{padding:66px 0 26px;background:#050d21;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:60px}.footer-grid h3{font-size:14px;color:#9eb8e1}.footer-grid a{display:block;margin:9px 0;color:#d5e2f7;font-size:13px}.footer-grid p{color:#8fa4c7;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:42px;color:#788caf;font-size:11px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}
@media(max-width:980px){.play-button{display:none}.main-nav{gap:18px}.hero-grid,.feature-grid,.feature-grid.reverse,.premium-grid{grid-template-columns:1fr}.hero{padding:100px 0 20px}.hero-media{height:600px}.value-grid,.ai-grid,.tool-grid{grid-template-columns:repeat(2,1fr)}.feature-grid.reverse .feature-copy,.feature-grid.reverse .visual-card{order:initial}.visual-card img{max-height:640px}.wide-image-pair img{height:600px}.community-grid{grid-template-columns:1fr 1fr}.brand-collab{grid-column:1/-1}.final-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.container{width:min(100% - 26px,1180px)}.nav-wrap{height:66px}.menu-toggle{display:block;margin-left:auto}.main-nav{position:absolute;top:66px;left:13px;right:13px;display:none;flex-direction:column;background:#0a1d48;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px}.main-nav.open{display:flex}.brand{font-size:19px}.brand-mark{width:38px;height:38px}.hero{min-height:auto}.hero-grid{padding-top:24px}.hero-copy{text-align:center}.hero-copy>p{font-size:16px}.hero-actions,.trust-row{justify-content:center}.hero-media{height:480px}.hero-media img{max-height:470px}.value-strip{margin-top:0;padding-top:16px;background:#fff}.value-grid{grid-template-columns:1fr}.section{padding:78px 0}.feature-grid{gap:40px}.metric-cards{grid-template-columns:1fr}.ai-grid,.tool-grid,.showcase-grid,.wide-image-pair,.community-grid,.footer-grid{grid-template-columns:1fr}.wide-image-pair img{height:auto;max-height:720px}.showcase-img{max-height:670px}.community-grid .brand-collab{grid-column:auto}.final-cta-inner{text-align:center;align-items:center}.footer-bottom{flex-direction:column}.footer-grid{gap:34px}h1{font-size:48px}h2{font-size:37px}}
.brand-logo{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.trial-note{display:inline-block;margin-top:18px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.1);color:#e7d8ff;font-size:11px;letter-spacing:.02em}
.price-panel{display:flex;align-items:end;gap:12px;margin:28px 0 26px}.price-panel strong{font-size:52px;line-height:1;color:#ffd35c}.price-panel span{color:#d7ccb0;font-weight:700;padding-bottom:6px}
.coming-soon{display:inline-block;margin-top:12px;padding:7px 10px;border-radius:999px;background:#edf4ff;color:#1262c8;font-size:11px;font-weight:800}
.site-address{color:#74a8ff!important;font-weight:700}
.legal-page{background:#f4f7fb}.legal-hero{padding:110px 0 62px;background:linear-gradient(135deg,#07183f,#0b3471);color:#fff}.legal-hero h1{font-size:clamp(40px,6vw,68px);margin:12px 0}.legal-shell{width:min(100% - 32px,900px);margin:0 auto;padding:64px 0 100px}.legal-card{background:#fff;border:1px solid #dbe5f2;border-radius:28px;padding:clamp(24px,5vw,56px);box-shadow:0 22px 60px rgba(7,24,63,.09)}.legal-card h2{font-size:28px;margin:36px 0 12px}.legal-card h3{font-size:20px;margin:28px 0 10px}.legal-card p,.legal-card li{color:#4a5870;line-height:1.75}.legal-card a{color:#126eea;font-weight:700}.legal-note{padding:18px 20px;background:#fff8df;border:1px solid #efd98e;border-radius:16px;color:#63501f;margin-bottom:28px}.legal-back{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:800}.legal-meta{color:#c8d8ef}.simple-header{background:#07183f}.simple-header .nav-wrap{height:72px}

/* Logo oficial azul de CaravanApp */
.brand-logo {
  width: 46px;
  height: 46px;
  display: block;
  flex: 0 0 46px;
  object-fit: contain;
  object-position: center;
  border-radius: 13px;
  background: transparent;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}

/* Tarjeta de colaboradores: ZonaCV aparece como una colaboración más, sin tratamiento principal */
.collaborator-card {
  min-height: 260px;
  padding: 18px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 14px 35px rgba(7,24,63,.07);
}
.collaborator-cover {
  position: relative;
  display: block;
  height: 225px;
  overflow: hidden;
  border-radius: 18px;
  background: #07183f;
}
.collaborator-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 36%;
}
.collaborator-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 58px;
  height: 58px;
  transform: translate(-50%,-50%);
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: rgba(7,24,63,.82);
  border: 2px solid rgba(255,255,255,.9);
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
  font-size: 20px;
  padding-left: 3px;
}
.collaborator-info {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 14px;
  align-items: start;
  margin-top: 18px;
}
.collaborator-logo {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  object-fit: cover;
  border: 1px solid var(--line);
}
.collaborator-label {
  margin: 0 0 2px;
  color: var(--blue);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.collaborator-info h3 { margin: 0 0 5px; }
.collaborator-info p:last-child { margin: 0; color: var(--text); font-size: 12px; line-height: 1.5; }
.collaborator-card blockquote {
  margin: 16px 0;
  padding: 14px 16px;
  border-left: 4px solid var(--cyan);
  border-radius: 0 14px 14px 0;
  background: #f2f8ff;
  color: #23324d;
  font-size: 13px;
  font-weight: 700;
}
.collaborator-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.collaborator-button {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 1px solid #cbd9ef;
  border-radius: 12px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
}
.collaborator-button.primary { background: var(--blue); border-color: var(--blue); color: #fff; }
.collaborator-button:hover { transform: translateY(-1px); }

@media(max-width:720px){
  .brand-logo { width: 40px; height: 40px; flex-basis: 40px; border-radius: 11px; }
  .collaborator-cover { height: 300px; }
}

/* Comunidad de creadores */
.community-creators { align-items: stretch; }
.collaborator-featured { border-color: rgba(20,115,230,.26); box-shadow: 0 20px 48px rgba(7,24,63,.12); }
.collaborator-avatar {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(135deg,var(--blue),var(--purple));
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .05em;
  box-shadow: 0 10px 24px rgba(20,115,230,.2);
}
.collaborator-info-text { grid-template-columns: 58px 1fr; }

/* Bloque profesional independiente */
.professional-collab {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 18%,rgba(69,184,255,.2),transparent 34%),
    radial-gradient(circle at 88% 82%,rgba(255,197,51,.15),transparent 30%),
    linear-gradient(135deg,#06142f,#0d2f68 60%,#10244c);
  color: #fff;
}
.professional-collab-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 72px;
  align-items: center;
}
.professional-collab-copy h2 { margin-bottom: 18px; }
.professional-collab-copy > p { color: #d7e5ff; font-size: 17px; max-width: 650px; }
.professional-collab-actions { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin-top: 30px; }
.professional-email { color: #dce9ff; font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.professional-collab-options { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.professional-collab-options article {
  display: flex;
  gap: 15px;
  min-height: 150px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(10px);
}
.professional-collab-options article > span {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(255,197,51,.14);
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
}
.professional-collab-options h3 { margin: 2px 0 7px; font-size: 16px; }
.professional-collab-options p { margin: 0; color: #c8d8ef; font-size: 12px; line-height: 1.55; }

@media(max-width:980px){
  .professional-collab-grid { grid-template-columns: 1fr; gap: 44px; }
}
@media(max-width:720px){
  .professional-collab-options { grid-template-columns: 1fr; }
  .professional-collab-actions { flex-direction: column; align-items: stretch; }
  .professional-email { text-align: center; overflow-wrap: anywhere; }
  .community-creators .collaborator-cover { height: 260px; }
}


/* Navegación al inicio desde el logo y el nombre */
html {
  scroll-behavior: smooth;
}

#inicio {
  scroll-margin-top: 82px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.brand:hover,
.brand:focus {
  text-decoration: none;
}

.brand:focus-visible {
  outline: 3px solid rgba(39, 183, 200, .55);
  outline-offset: 5px;
  border-radius: 14px;
}

/* Nuevos creadores de la comunidad */
.community-creators {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.collaborator-cover-logo {
  background: linear-gradient(145deg, #ffffff, #eef4fb);
}

.collaborator-cover-logo img {
  object-fit: contain;
  object-position: center;
  padding: 20px;
}

@media (max-width: 980px) {
  .community-creators {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .community-creators {
    grid-template-columns: 1fr;
  }

  .collaborator-cover-logo img {
    padding: 16px;
  }
}

/* Colores definitivos del nombre de marca */
.brand .brand-main,
.footer-brand .brand-main {
  color: #ffffff !important;
}

.brand .brand-accent,
.footer-brand .brand-accent {
  color: #5ed28b !important;
}
/* Compensa la cabecera fija al navegar mediante los enlaces del menú */
section[id] {
  scroll-margin-top: 92px;
}