:root{
  --color-azul-brillante:#00a3e0;
  --color-azul-oscuro:#00132c;
  --color-naranja:#ff6600;
  --color-blanco:#ffffff;
  --vdp-navy:var(--color-azul-oscuro);
  --vdp-navy-mid:#001a3a;
  --vdp-blue:var(--color-azul-brillante);
  --vdp-blue-bright:#33b5e6;
  --vdp-cyan:var(--color-azul-brillante);
  --vdp-coral:var(--color-naranja);
  --vdp-coral-soft:#ff8533;
  --vdp-success:#0d9f6e;
  --vdp-sold:var(--color-naranja);
  --vdp-bg:#f4f7fa;
  --vdp-surface:var(--color-blanco);
  --vdp-border:#d9e2ec;
  --vdp-muted:#5b6b7c;
  --vdp-text:var(--color-azul-oscuro);
  --vdp-text-soft:#243447;
  --vdp-radius:14px;
  --vdp-radius-lg:20px;
  --vdp-shadow:0 1px 2px rgba(0,19,44,0.04),0 8px 24px rgba(0,19,44,0.06);
  --vdp-shadow-hover:0 4px 12px rgba(0,19,44,0.08),0 16px 40px rgba(0,19,44,0.1);
  --vdp-font:"Plus Jakarta Sans",system-ui,sans-serif;
  --vdp-display:"Outfit","Plus Jakarta Sans",system-ui,sans-serif
}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body.vdp-home{margin:0;font-family:var(--vdp-font);color:var(--vdp-text);background:var(--vdp-bg);line-height:1.6;-webkit-font-smoothing:antialiased}body.vdp-home h1,body.vdp-home h2,body.vdp-home h3,body.vdp-home h4{font-family:var(--vdp-display);letter-spacing:-0.03em;line-height:1.2;color:var(--vdp-text)}.vdp-container{width:100%;max-width:1180px;margin:0 auto;padding:0 1.25rem}@media (min-width:768px){.vdp-container{padding:0 1.75rem}}.vdp-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;display:flex;align-items:center;background:rgba(255,255,255,0.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:background 0.25s,border-color 0.25s,box-shadow 0.25s}.vdp-nav.is-scrolled{background:rgba(255,255,255,0.96);border-bottom-color:var(--vdp-border);box-shadow:0 1px 12px rgba(0,19,44,0.06)}.vdp-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.vdp-logo{display:flex;align-items:center;gap:0.65rem;text-decoration:none;color:var(--vdp-navy);font-family:var(--vdp-display);font-weight:700;font-size:1.05rem;letter-spacing:-0.02em}.vdp-logo img{width:44px;height:44px;object-fit:contain}.vdp-logo-text{display:none}@media (min-width:480px){.vdp-logo-text{display:inline}}.vdp-nav-links{display:none;align-items:center;gap:0.25rem;list-style:none;margin:0;padding:0}@media (min-width:900px){.vdp-nav-links{display:flex}}.vdp-nav-links a{text-decoration:none;color:var(--vdp-text-soft);font-size:0.9rem;font-weight:500;padding:0.5rem 0.85rem;border-radius:8px;transition:color 0.15s,background 0.15s}.vdp-nav-links a:hover{color:var(--vdp-blue);background:rgba(0,163,224,0.06)}.vdp-nav-actions{display:flex;align-items:center;gap:0.5rem}.vdp-menu-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--vdp-border);border-radius:10px;background:#fff;cursor:pointer;color:var(--vdp-navy)}@media (min-width:900px){.vdp-menu-btn{display:none}}.vdp-mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--vdp-border);padding:1rem 1.25rem 1.5rem;z-index:99;box-shadow:var(--vdp-shadow)}.vdp-mobile-menu.is-open{display:block}.vdp-mobile-menu a{display:block;padding:0.85rem 0.5rem;color:var(--vdp-text);text-decoration:none;font-weight:500;border-bottom:1px solid var(--vdp-border)}.vdp-mobile-menu a:last-child{border-bottom:none}.vdp-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.35rem;font-family:var(--vdp-font);font-size:0.9375rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;text-decoration:none;transition:transform 0.15s,box-shadow 0.2s,background 0.2s;min-height:46px;white-space:nowrap}.vdp-btn:hover{transform:translateY(-1px)}.vdp-btn:active{transform:translateY(0)}.vdp-btn-primary{background:linear-gradient(135deg,var(--vdp-coral) 0%,var(--vdp-coral-soft) 100%);color:#fff;box-shadow:0 4px 14px rgba(255,102,0,0.35)}.vdp-btn-primary:hover{color:#fff;box-shadow:0 6px 20px rgba(255,102,0,0.45)}.vdp-btn-secondary{background:var(--vdp-navy);color:#fff}.vdp-btn-secondary:hover{color:#fff;background:var(--vdp-navy-mid)}.vdp-btn-ghost{background:transparent;color:var(--vdp-text-soft);border:1.5px solid var(--vdp-border)}.vdp-btn-ghost:hover{border-color:var(--vdp-blue);color:var(--vdp-blue)}.vdp-btn-outline-light{background:rgba(255,255,255,0.1);color:#fff;border:1.5px solid rgba(255,255,255,0.35)}.vdp-btn-outline-light:hover{background:rgba(255,255,255,0.2);color:#fff}.vdp-btn-sm{padding:0.5rem 1rem;font-size:0.875rem;min-height:40px}.vdp-btn-block{width:100%}.vdp-hero{position:relative;min-height:min(92vh,820px);display:flex;align-items:center;padding:7.5rem 0 4rem;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 70% 20%,rgba(0,163,224,0.18) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 10% 80%,rgba(255,102,0,0.1) 0%,transparent 50%),linear-gradient(165deg,var(--color-azul-oscuro) 0%,#001a3a 45%,var(--color-azul-brillante) 100%)}.vdp-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);pointer-events:none}.vdp-hero-content{position:relative;z-index:2;max-width:720px}.vdp-hero-brand{display:inline-flex;align-items:center;gap:0.5rem;margin-bottom:1.25rem;color:rgba(255,255,255,0.75);font-size:0.8rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase}.vdp-hero h1{font-size:clamp(2.15rem,5vw,3.5rem);font-weight:700;color:#fff;margin:0 0 1rem;letter-spacing:-0.04em}.vdp-hero h1 span{background:linear-gradient(105deg,#ffb380 0%,var(--color-naranja) 50%,#ffcc99 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.vdp-hero-sub{font-size:clamp(1rem,2vw,1.2rem);color:rgba(255,255,255,0.78);margin:0 0 2rem;max-width:540px;font-weight:400;line-height:1.65}.vdp-search{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.5rem;max-width:560px}@media (min-width:560px){.vdp-search{flex-direction:row;background:#fff;border-radius:14px;padding:0.4rem;box-shadow:0 12px 40px rgba(0,0,0,0.25)}}.vdp-search-input-wrap{flex:1;position:relative}.vdp-search-input-wrap i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--vdp-muted);pointer-events:none}.vdp-search input{width:100%;border:none;background:#fff;border-radius:12px;padding:0.95rem 1rem 0.95rem 2.75rem;font-size:1rem;font-family:var(--vdp-font);color:var(--vdp-text);outline:none;box-shadow:0 4px 16px rgba(0,0,0,0.12)}@media (min-width:560px){.vdp-search input{box-shadow:none;border-radius:10px;padding:0.85rem 1rem 0.85rem 2.75rem}}.vdp-search input::placeholder{color:#94a3b8}.vdp-hero-ctas{display:flex;flex-wrap:wrap;gap:0.75rem}.vdp-hero-visual{display:none;position:absolute;right:5%;top:50%;transform:translateY(-48%);width:min(380px,36vw);z-index:1}@media (min-width:1024px){.vdp-hero-visual{display:block}}.vdp-hero-card-stack{position:relative;height:340px}.vdp-float-card{position:absolute;background:rgba(255,255,255,0.95);border-radius:16px;padding:1.1rem 1.25rem;box-shadow:0 20px 50px rgba(0,0,0,0.3);width:240px;animation:vdp-float 6s ease-in-out infinite}.vdp-float-card:nth-child(1){top:20px;right:40px;animation-delay:0s}.vdp-float-card:nth-child(2){top:140px;right:0;animation-delay:1.2s;width:220px}.vdp-float-card:nth-child(3){top:250px;right:60px;animation-delay:2.4s;width:200px}@keyframes vdp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.vdp-float-card .label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--vdp-muted);font-weight:600;margin-bottom:0.25rem}.vdp-float-card .value{font-family:var(--vdp-display);font-weight:700;font-size:1.15rem;color:var(--vdp-navy)}.vdp-float-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--vdp-success);margin-right:0.35rem}.vdp-section{padding:4.5rem 0}@media (min-width:768px){.vdp-section{padding:5.5rem 0}}.vdp-section-header{text-align:center;max-width:640px;margin:0 auto 2.75rem}.vdp-section-header h2{font-size:clamp(1.65rem,3.5vw,2.25rem);font-weight:700;margin:0 0 0.75rem}.vdp-section-header p{margin:0;color:var(--vdp-muted);font-size:1.05rem}.vdp-eyebrow{display:inline-block;font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--vdp-coral);margin-bottom:0.65rem}.vdp-marketplace{background:var(--vdp-bg)}.vdp-filters{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-bottom:2rem}.vdp-filter-chip{padding:0.45rem 1rem;border-radius:999px;border:1.5px solid var(--vdp-border);background:#fff;font-size:0.8125rem;font-weight:600;color:var(--vdp-text-soft);cursor:pointer;font-family:var(--vdp-font);transition:all 0.15s}.vdp-filter-chip:hover,.vdp-filter-chip.is-active{border-color:var(--vdp-blue);background:var(--vdp-blue);color:#fff}.vdp-listings{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width:640px){.vdp-listings{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1024px){.vdp-listings{grid-template-columns:repeat(3,1fr)}}.vdp-card{background:var(--vdp-surface);border-radius:var(--vdp-radius);border:1px solid var(--vdp-border);overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:var(--vdp-shadow);transition:transform 0.25s ease,box-shadow 0.25s ease;position:relative}.vdp-card:hover{transform:translateY(-4px);box-shadow:var(--vdp-shadow-hover)}.vdp-card.is-sold{opacity:0.78}.vdp-card.is-sold:hover{opacity:0.92}.vdp-card.is-hidden{display:none !important}.vdp-card-media{position:relative;height:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-azul-oscuro) 0%,var(--color-azul-brillante) 100%);overflow:hidden}.vdp-card-media.platform-facebook{background:linear-gradient(135deg,#1a237e 0%,#1877f2 100%)}.vdp-card-media.platform-youtube{background:linear-gradient(135deg,#4a0000 0%,#ff0000 100%)}.vdp-card-media.platform-tiktok{background:linear-gradient(135deg,#111 0%,#25f4ee 50%,#fe2c55 100%)}.vdp-card-media.platform-instagram{background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%)}.vdp-card-media.platform-web{background:linear-gradient(135deg,var(--color-azul-oscuro) 0%,var(--color-azul-brillante) 100%)}.vdp-card-media.platform-dominio{background:linear-gradient(135deg,#1e3a5f 0%,#3b82f6 100%)}.vdp-card-media.platform-twitter{background:linear-gradient(135deg,#0f172a 0%,#1da1f2 100%)}.vdp-card-media.platform-otro{background:linear-gradient(135deg,var(--color-azul-oscuro) 0%,#334155 100%)}.vdp-card-media i{font-size:2.75rem;color:rgba(255,255,255,0.92)}.vdp-card-badge{position:absolute;top:0.85rem;left:0.85rem;z-index:2;display:inline-flex;align-items:center;gap:0.3rem;padding:0.3rem 0.7rem;border-radius:999px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em}.vdp-card-badge.disponible{background:#d1fae5;color:#065f46}.vdp-card-badge.vendido{background:#fee2e2;color:#991b1b}.vdp-card-sold-ribbon{position:absolute;top:1.1rem;right:-2.2rem;background:var(--vdp-sold);color:#fff;font-size:0.65rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:0.35rem 2.5rem;transform:rotate(35deg);box-shadow:0 2px 8px rgba(0,0,0,0.2);z-index:3}.vdp-card-body{padding:1.15rem 1.25rem 1.35rem;display:flex;flex-direction:column;flex:1;min-width:0}.vdp-card-title{font-family:var(--vdp-display);font-size:1.05rem;font-weight:700;margin:0 0 0.35rem;color:var(--vdp-text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.vdp-card-meta{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:0.85rem}.vdp-chip{display:inline-flex;align-items:center;gap:0.3rem;padding:0.25rem 0.6rem;background:var(--vdp-bg);border:1px solid var(--vdp-border);border-radius:6px;font-size:0.7rem;font-weight:600;color:var(--vdp-text-soft)}.vdp-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:0.65rem;margin-bottom:1rem}.vdp-stat-item{background:var(--vdp-bg);border-radius:8px;padding:0.55rem 0.65rem}.vdp-stat-item .lbl{display:block;font-size:0.65rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--vdp-muted);font-weight:600;margin-bottom:0.15rem}.vdp-stat-item .val{font-size:0.875rem;font-weight:700;color:var(--vdp-text)}.vdp-card-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--vdp-border)}.vdp-price-locked{display:flex;flex-direction:column;gap:0.65rem}.vdp-price-locked .hint{font-size:0.8rem;color:var(--vdp-muted);font-weight:500;display:flex;align-items:center;gap:0.4rem}.vdp-price-locked .hint i{color:var(--vdp-coral)}.vdp-price-shown{display:flex;align-items:baseline;justify-content:space-between}.vdp-price-shown .amount{font-family:var(--vdp-display);font-size:1.4rem;font-weight:700;color:var(--vdp-success)}.vdp-cats{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.vdp-cats{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.vdp-cats{grid-template-columns:repeat(4,1fr)}}.vdp-cat{background:#fff;border:1px solid var(--vdp-border);border-radius:var(--vdp-radius);padding:1.75rem 1.35rem;text-align:center;transition:transform 0.2s,box-shadow 0.2s;text-decoration:none;color:inherit}.vdp-cat:hover{transform:translateY(-3px);box-shadow:var(--vdp-shadow-hover)}.vdp-cat-icon{width:56px;height:56px;margin:0 auto 1rem;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,163,224,0.1) 0%,rgba(0,136,204,0.15) 100%);color:var(--vdp-blue);font-size:1.4rem}.vdp-cat h3{font-size:1.05rem;margin:0 0 0.4rem}.vdp-cat p{margin:0;font-size:0.875rem;color:var(--vdp-muted)}.vdp-steps{display:grid;grid-template-columns:1fr;gap:1.5rem;counter-reset:step}@media (min-width:768px){.vdp-steps{grid-template-columns:repeat(3,1fr);gap:2rem}}.vdp-step{position:relative;background:#fff;border-radius:var(--vdp-radius);padding:2rem 1.5rem 1.75rem;border:1px solid var(--vdp-border);box-shadow:var(--vdp-shadow)}.vdp-step::before{counter-increment:step;content:counter(step);position:absolute;top:-14px;left:1.5rem;width:32px;height:32px;border-radius:50%;background:var(--vdp-coral);color:#fff;font-weight:700;font-size:0.875rem;display:flex;align-items:center;justify-content:center;font-family:var(--vdp-display)}.vdp-step h3{margin:0.5rem 0 0.5rem;font-size:1.1rem}.vdp-step p{margin:0;color:var(--vdp-muted);font-size:0.9375rem}.vdp-benefits{background:var(--vdp-navy);color:#fff}.vdp-benefits .vdp-section-header h2,.vdp-benefits .vdp-section-header p{color:#fff}.vdp-benefits .vdp-section-header p{opacity:0.75}.vdp-benefits .vdp-eyebrow{color:#ffb380}.vdp-benefits-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width:768px){.vdp-benefits-grid{grid-template-columns:repeat(3,1fr)}}.vdp-benefit{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:var(--vdp-radius);padding:1.75rem;transition:background 0.2s}.vdp-benefit:hover{background:rgba(255,255,255,0.1)}.vdp-benefit i{font-size:1.5rem;color:#ffb380;margin-bottom:1rem;display:block}.vdp-benefit h3{color:#fff;font-size:1.1rem;margin:0 0 0.5rem}.vdp-benefit p{margin:0;color:rgba(255,255,255,0.7);font-size:0.9375rem}.vdp-stats-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:-2.5rem;position:relative;z-index:5}@media (min-width:768px){.vdp-stats-bar{grid-template-columns:repeat(4,1fr)}}.vdp-stat-card{background:#fff;border-radius:var(--vdp-radius);padding:1.35rem 1.25rem;text-align:center;box-shadow:var(--vdp-shadow);border:1px solid var(--vdp-border)}.vdp-stat-card .num{font-family:var(--vdp-display);font-size:1.75rem;font-weight:700;color:var(--vdp-blue);letter-spacing:-0.03em}.vdp-stat-card .txt{font-size:0.8rem;color:var(--vdp-muted);font-weight:600;text-transform:uppercase;letter-spacing:0.04em;margin-top:0.2rem}.vdp-testimonials-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width:768px){.vdp-testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.vdp-testimonials-grid{grid-template-columns:repeat(3,1fr)}}.vdp-testimonial{background:#fff;border:1px solid var(--vdp-border);border-radius:var(--vdp-radius);padding:1.75rem;box-shadow:var(--vdp-shadow);display:flex;flex-direction:column}.vdp-testimonial-quote{font-size:1.75rem;color:var(--vdp-coral);line-height:1;margin-bottom:0.75rem;font-family:Georgia,serif}.vdp-testimonial h3{font-size:1.05rem;margin:0 0 0.5rem}.vdp-testimonial p{flex:1;margin:0 0 1.25rem;color:var(--vdp-text-soft);font-size:0.9375rem}.vdp-testimonial footer{font-size:0.875rem;font-weight:600;color:var(--vdp-muted)}.vdp-faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:0.75rem}.vdp-faq-item{background:#fff;border:1px solid var(--vdp-border);border-radius:12px;overflow:hidden}.vdp-faq-item summary{padding:1.1rem 1.25rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:0.975rem}.vdp-faq-item summary::-webkit-details-marker{display:none}.vdp-faq-item summary::after{content:"+";font-size:1.25rem;color:var(--vdp-coral);font-weight:400;flex-shrink:0}.vdp-faq-item[open] summary::after{content:"−"}.vdp-faq-item .answer{padding:0 1.25rem 1.15rem;color:var(--vdp-muted);font-size:0.9375rem;margin:0}.vdp-cta{background:linear-gradient(135deg,var(--color-azul-oscuro) 0%,var(--color-azul-brillante) 100%);padding:4.5rem 0;position:relative;overflow:hidden}.vdp-cta-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}@media (min-width:900px){.vdp-cta-grid{grid-template-columns:1fr 1fr;gap:3rem}}.vdp-cta-copy h2{color:#fff;font-size:clamp(1.75rem,3vw,2.35rem);margin:0 0 1rem}.vdp-cta-copy p{color:rgba(255,255,255,0.75);margin:0 0 1.5rem;font-size:1.05rem}.vdp-register-card{background:#fff;border-radius:var(--vdp-radius-lg);padding:1.75rem;box-shadow:0 24px 60px rgba(0,0,0,0.35)}@media (min-width:640px){.vdp-register-card{padding:2rem}}.vdp-register-card h3{margin:0 0 1.25rem;font-size:1.25rem}.vdp-form-row{display:grid;grid-template-columns:1fr;gap:0.85rem;margin-bottom:0.85rem}@media (min-width:480px){.vdp-form-row.two{grid-template-columns:1fr 1fr}}.vdp-input{width:100%;padding:0.8rem 1rem;border:1.5px solid var(--vdp-border);border-radius:10px;font-size:0.975rem;font-family:var(--vdp-font);color:var(--vdp-text);background:#fff;transition:border-color 0.15s,box-shadow 0.15s}.vdp-input:focus{outline:none;border-color:var(--vdp-blue);box-shadow:0 0 0 3px rgba(0,163,224,0.12)}.vdp-form-alert{background:#fee2e2;color:#991b1b;border-radius:10px;padding:0.85rem 1rem;margin-bottom:1rem;font-size:0.875rem}.vdp-form-alert ul{margin:0;padding-left:1.1rem}.vdp-recaptcha-wrap{margin:0.75rem 0 1rem;overflow-x:auto}.vdp-form-alt{text-align:center;margin-top:1rem;font-size:0.875rem;color:var(--vdp-muted)}.vdp-form-alt a{color:var(--vdp-blue);font-weight:600;text-decoration:none}.vdp-form-alt a:hover{text-decoration:underline}.vdp-footer{background:var(--vdp-navy);color:rgba(255,255,255,0.7);padding:2.5rem 0}.vdp-footer-inner{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start}@media (min-width:768px){.vdp-footer-inner{flex-direction:row;justify-content:space-between;align-items:center}}.vdp-footer a{color:rgba(255,255,255,0.85);text-decoration:none;font-size:0.875rem}.vdp-footer a:hover{color:#fff}.vdp-footer-links{display:flex;flex-wrap:wrap;gap:1rem}.vdp-footer-copy{font-size:0.875rem;margin:0}.vdp-empty{grid-column:1 / -1;text-align:center;padding:3rem 1.5rem;background:#fff;border-radius:var(--vdp-radius);border:1px dashed var(--vdp-border)}.vdp-empty i{font-size:2.5rem;color:var(--vdp-border);margin-bottom:0.75rem}.vdp-empty h3{margin:0 0 0.35rem}.vdp-empty p{margin:0;color:var(--vdp-muted)}.vdp-reveal{opacity:0;transform:translateY(18px);transition:opacity 0.55s ease,transform 0.55s ease}.vdp-reveal.is-visible{opacity:1;transform:translateY(0)}#preloader{background:var(--vdp-navy) !important}
/* --- UI polish 2026 --- */
.vdp-hero-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;width:100%}
@media (min-width:1024px){.vdp-hero-grid{grid-template-columns:1.15fr 0.85fr;gap:2.5rem}.vdp-hero-visual{display:block;position:relative;right:auto;top:auto;transform:none;width:100%;min-height:320px}}
.vdp-hero-brand{display:inline-flex;align-items:center;gap:0.65rem;margin:0 0 1.25rem;color:rgba(255,255,255,0.88);font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:700;letter-spacing:-0.02em;text-transform:none;font-family:var(--vdp-display)}
.vdp-hero-brand-logo{filter:brightness(0) invert(1);opacity:0.95;border-radius:8px}
.vdp-featured{background:var(--vdp-bg);padding-top:3.5rem}
.vdp-marketplace{background:#fff}
.vdp-section-surface{background:#fff}
.vdp-section-cta{display:flex;justify-content:center;margin-top:2rem}
.vdp-card-cta-row{display:flex;gap:0.5rem;flex-wrap:wrap}
.vdp-card-cta-row .vdp-btn{flex:1;min-width:0;text-align:center;justify-content:center;white-space:normal;line-height:1.25;padding:0.55rem 0.65rem}
.vdp-footer{padding:3.5rem 0 1.75rem}
.vdp-footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2.5rem}
@media (min-width:640px){.vdp-footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
@media (min-width:900px){.vdp-footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:2.5rem}}
.vdp-footer-brand p{margin:0.85rem 0 0;font-size:0.9rem;color:rgba(255,255,255,0.65);max-width:280px;line-height:1.55}
.vdp-logo-footer{color:#fff}
.vdp-logo-footer img{filter:brightness(0) invert(1)}
.vdp-footer-col{display:flex;flex-direction:column;gap:0.55rem}
.vdp-footer-col h4{margin:0 0 0.35rem;color:#fff;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;font-weight:700}
.vdp-footer-col a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.9rem}
.vdp-footer-col a:hover{color:#fff}
.vdp-footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:1.35rem}
.vdp-footer-copy{margin:0;font-size:0.85rem;color:rgba(255,255,255,0.55)}
.vdp-footer-copy strong{color:#fff;font-weight:600}
body.vdp-auth{min-height:100vh;margin:0;font-family:var(--vdp-font);background:radial-gradient(ellipse 70% 50% at 80% 10%,rgba(0,163,224,0.28),transparent 55%),linear-gradient(165deg,var(--color-azul-oscuro) 0%,var(--color-azul-brillante) 100%);display:flex;align-items:center;justify-content:center;padding:1.5rem}
.vdp-auth-card{width:100%;max-width:420px;background:#fff;border-radius:var(--vdp-radius-lg);padding:1.75rem;box-shadow:0 24px 60px rgba(0,0,0,0.35)}
@media (min-width:640px){.vdp-auth-card{padding:2rem}}
.vdp-auth-header{text-align:center;margin-bottom:1.35rem}
.vdp-auth-header img{width:72px;height:72px;object-fit:contain}
.vdp-auth-header h1{font-family:var(--vdp-display);font-size:1.5rem;margin:0.75rem 0 0.25rem;letter-spacing:-0.03em;color:var(--vdp-text)}
.vdp-auth-header p{margin:0;color:var(--vdp-muted);font-size:0.9rem}
.vdp-auth-alert{border-radius:10px;padding:0.85rem 1rem;margin-bottom:1rem;font-size:0.875rem}
.vdp-auth-alert.error{background:#fee2e2;color:#991b1b}
.vdp-auth-alert.success{background:#d1fae5;color:#065f46}
.vdp-auth-alert ul{margin:0;padding-left:1.1rem}

.vdp-legal{min-height:100vh;margin:0;font-family:var(--vdp-font);background:var(--vdp-bg);color:var(--vdp-text);padding:2rem 1.25rem 3rem}
.vdp-legal-wrap{max-width:800px;margin:0 auto;background:#fff;border:1px solid var(--vdp-border);border-radius:var(--vdp-radius-lg);padding:1.75rem;box-shadow:var(--vdp-shadow)}
@media (min-width:640px){.vdp-legal-wrap{padding:2.25rem}}
.vdp-legal-wrap h1{font-family:var(--vdp-display);font-size:clamp(1.5rem,3vw,2rem);margin:0 0 1.25rem;letter-spacing:-0.03em}
.vdp-legal-wrap h2{font-family:var(--vdp-display);font-size:1.15rem;margin:1.75rem 0 0.65rem}
.vdp-legal-wrap p,.vdp-legal-wrap li{color:var(--vdp-text-soft);font-size:0.975rem;line-height:1.65}
.vdp-legal-back{display:inline-flex;margin-bottom:1.25rem;color:var(--vdp-blue);font-weight:600;text-decoration:none;font-size:0.9rem}
.vdp-legal-back:hover{text-decoration:underline}

/* --- Contrast fixes: dark sections need light headings --- */
/* body.vdp-home h1..h4 forces dark text with higher specificity than section rules */
body.vdp-home .vdp-hero h1,
body.vdp-home .vdp-hero h2,
body.vdp-home .vdp-hero h3,
body.vdp-home .vdp-hero h4{
  color:#fff !important;
}
body.vdp-home .vdp-hero h1 span{
  background:linear-gradient(105deg,#ffb380 0%,var(--color-naranja) 50%,#ffcc99 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
}
body.vdp-home .vdp-hero-brand,
body.vdp-home .vdp-hero-brand span{
  color:rgba(255,255,255,0.95) !important;
}
body.vdp-home .vdp-hero-sub{
  color:rgba(255,255,255,0.88) !important;
}

body.vdp-home .vdp-benefits h2,
body.vdp-home .vdp-benefits h3,
body.vdp-home .vdp-benefits h4,
body.vdp-home .vdp-benefit h3{
  color:#fff !important;
}
body.vdp-home .vdp-benefits .vdp-section-header p,
body.vdp-home .vdp-benefit p{
  color:rgba(255,255,255,0.82) !important;
}
body.vdp-home .vdp-benefits .vdp-eyebrow{
  color:#ffb380 !important;
}

body.vdp-home .vdp-cta h2,
body.vdp-home .vdp-cta h3,
body.vdp-home .vdp-cta-copy h2{
  color:#fff !important;
}
body.vdp-home .vdp-cta-copy p{
  color:rgba(255,255,255,0.85) !important;
}
body.vdp-home .vdp-cta .vdp-eyebrow{
  color:#ffb380 !important;
}
body.vdp-home .vdp-register-card h3{
  color:var(--vdp-text) !important;
}

body.vdp-home .vdp-footer h4,
body.vdp-home .vdp-footer-col h4,
body.vdp-home .vdp-logo-footer,
body.vdp-home .vdp-logo-footer .vdp-logo-text{
  color:#fff !important;
}
body.vdp-home .vdp-footer-brand p{
  color:rgba(255,255,255,0.78) !important;
}
body.vdp-home .vdp-footer-col a{
  color:rgba(255,255,255,0.82) !important;
}
body.vdp-home .vdp-footer-col a:hover{
  color:#fff !important;
}
body.vdp-home .vdp-footer-copy{
  color:rgba(255,255,255,0.7) !important;
}
body.vdp-home .vdp-footer-copy strong{
  color:#fff !important;
}

/* Ghost buttons on dark surfaces */
body.vdp-home .vdp-hero .vdp-btn-ghost,
body.vdp-home .vdp-cta .vdp-btn-ghost{
  color:#fff !important;
  border-color:rgba(255,255,255,0.45) !important;
}

/* Extra contrast polish on light surfaces */
body.vdp-home .vdp-hero-sub{color:rgba(255,255,255,0.92) !important;}
body.vdp-home .vdp-btn-outline-light{color:#fff !important;border-color:rgba(255,255,255,0.55) !important;background:rgba(255,255,255,0.08) !important;}
body.vdp-home .vdp-btn-outline-light:hover{color:#fff !important;background:rgba(255,255,255,0.18) !important;}
body.vdp-home .vdp-stat-card .txt{color:#475569 !important;}
body.vdp-home .vdp-stat-card .num{color:var(--color-azul-brillante) !important;}
body.vdp-home .vdp-nav-links a{color:#1e293b !important;}
body.vdp-home .vdp-nav-links a:hover{color:var(--vdp-blue) !important;}
body.vdp-home .vdp-btn-ghost{color:#1e293b !important;border-color:#cbd5e1 !important;}
body.vdp-home .vdp-btn-ghost:hover{color:var(--vdp-blue) !important;border-color:var(--vdp-blue) !important;}
body.vdp-home .vdp-section-header p,
body.vdp-home .vdp-empty p,
body.vdp-home .vdp-cat p,
body.vdp-home .vdp-step p,
body.vdp-home .vdp-faq-item .answer{color:#475569 !important;}
body.vdp-home .vdp-eyebrow{color:var(--color-naranja) !important;}
body.vdp-home .vdp-benefits .vdp-eyebrow,
body.vdp-home .vdp-cta .vdp-eyebrow{color:#ffb380 !important;}
body.vdp-home .vdp-price-locked .hint{color:#475569 !important;}
body.vdp-home .vdp-chip{color:#334155 !important;}
body.vdp-home .vdp-empty i{color:#94a3b8 !important;}

/* Above-the-fold: never hide hero/stats behind reveal opacity */
body.vdp-home .vdp-hero .vdp-reveal,
body.vdp-home .vdp-stats-bar.vdp-reveal{
  opacity:1 !important;
  transform:none !important;
}

/* Hard contrast guarantees */
body.vdp-home .vdp-hero h1{color:#ffffff !important;-webkit-text-fill-color:#ffffff;}
body.vdp-home .vdp-hero h1 span{
  color:#ff9a8b !important;
  -webkit-text-fill-color:#ff9a8b !important;
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
}
body.vdp-home .vdp-btn-secondary{background:var(--color-azul-oscuro) !important;color:#fff !important;-webkit-text-fill-color:#fff;}
body.vdp-home .vdp-btn-secondary:hover{background:var(--color-azul-oscuro) !important;color:#fff !important;}
body.vdp-home .vdp-stat-card .txt{color:#334155 !important;font-weight:700 !important;}
body.vdp-home .vdp-stat-card .num{color:var(--color-azul-brillante) !important;}
body.vdp-home .vdp-section-header h2{color:#0f172a !important;}
body.vdp-home .vdp-section-header p{color:#334155 !important;}
body.vdp-home .vdp-empty h3{color:#0f172a !important;}
body.vdp-home .vdp-empty p{color:#334155 !important;}
body.vdp-home .vdp-search input::placeholder{color:#64748b !important;opacity:1;}

body.vdp-home .vdp-search input::placeholder{color:#475569 !important;opacity:1;}
body.vdp-home .vdp-float-card .label{color:#475569 !important;}
body.vdp-home .vdp-float-card .value{color:var(--color-azul-oscuro) !important;}
body.vdp-home .vdp-hero-sub{color:#f1f5f9 !important;}
body.vdp-home .vdp-hero h1 span{color:#ffb4a8 !important;-webkit-text-fill-color:#ffb4a8 !important;}


/* Brand palette application */
body.vdp-home{
  background:var(--vdp-bg);
  color:var(--vdp-text);
}
.vdp-hero{
  background:
    radial-gradient(ellipse 80% 60% at 70% 20%,rgba(0,163,224,0.22) 0%,transparent 55%),
    radial-gradient(ellipse 50% 40% at 10% 80%,rgba(255,102,0,0.12) 0%,transparent 50%),
    linear-gradient(165deg,var(--color-azul-oscuro) 0%,#001a3a 45%,#003366 100%) !important;
}
.vdp-btn-primary{
  background:linear-gradient(135deg,var(--color-naranja) 0%,#ff8533 100%) !important;
  color:var(--color-blanco) !important;
  box-shadow:0 4px 14px rgba(255,102,0,0.35) !important;
}
.vdp-btn-primary:hover{
  color:var(--color-blanco) !important;
  box-shadow:0 6px 20px rgba(255,102,0,0.45) !important;
}
.vdp-btn-secondary{
  background:var(--color-azul-oscuro) !important;
  color:var(--color-blanco) !important;
}
.vdp-filter-chip:hover,
.vdp-filter-chip.is-active{
  border-color:var(--color-azul-brillante) !important;
  background:var(--color-azul-brillante) !important;
  color:var(--color-blanco) !important;
}
.vdp-stat-card .num,
body.vdp-home .vdp-stat-card .num{
  color:var(--color-azul-brillante) !important;
}
.vdp-eyebrow,
body.vdp-home .vdp-eyebrow{
  color:var(--color-naranja) !important;
}
body.vdp-home .vdp-benefits .vdp-eyebrow,
body.vdp-home .vdp-cta .vdp-eyebrow{
  color:#ffb380 !important;
}
.vdp-benefits,
.vdp-footer,
.vdp-cta{
  background:linear-gradient(135deg,var(--color-azul-oscuro) 0%,#00264d 100%) !important;
}
.vdp-cta{
  background:linear-gradient(135deg,var(--color-azul-oscuro) 0%,#003a66 55%,var(--color-azul-brillante) 160%) !important;
}
body.vdp-home .vdp-hero h1 span{
  color:#ffb380 !important;
  -webkit-text-fill-color:#ffb380 !important;
}
body.vdp-auth{
  background:
    radial-gradient(ellipse 70% 50% at 80% 10%,rgba(0,163,224,0.28),transparent 55%),
    linear-gradient(165deg,var(--color-azul-oscuro) 0%,#003a66 100%) !important;
}
.vdp-nav-links a:hover{
  color:var(--color-azul-brillante) !important;
  background:rgba(0,163,224,0.08) !important;
}
.vdp-form-alt a,
.vdp-legal-back,
.marketplace-link,
.admin-row-link.blue{
  color:var(--color-azul-brillante) !important;
}
/* Brand final polish */
body.vdp-home .vdp-section-header h2,
body.vdp-home .vdp-empty h3,
body.vdp-home .vdp-cat h3,
body.vdp-home .vdp-step h3,
body.vdp-home .vdp-card-title,
body.vdp-home .vdp-faq-item summary{
  color:var(--color-azul-oscuro) !important;
}
body.vdp-home .vdp-eyebrow{
  color:var(--color-naranja) !important;
}
body.vdp-home .vdp-benefits .vdp-eyebrow,
body.vdp-home .vdp-cta .vdp-eyebrow{
  color:#ffb380 !important;
}
body.vdp-home .vdp-hero h1 span{
  color:var(--color-naranja) !important;
  -webkit-text-fill-color:var(--color-naranja) !important;
}
body.vdp-home .vdp-featured .vdp-reveal,
body.vdp-home .vdp-section-header.vdp-reveal{
  opacity:1 !important;
  transform:none !important;
}
body.vdp-home .vdp-nav-links a{
  color:var(--color-azul-oscuro) !important;
}
body.vdp-home .vdp-btn-ghost{
  color:var(--color-azul-oscuro) !important;
  border-color:rgba(0,19,44,0.2) !important;
}
body.vdp-home .vdp-stat-card .txt,
body.vdp-home .vdp-float-card .label{
  color:#334155 !important;
}

/* Fix: dark sections titles must stay white (override section-header dark color) */
body.vdp-home .vdp-benefits .vdp-section-header h2,
body.vdp-home .vdp-benefits .vdp-section-header h3,
body.vdp-home .vdp-benefits h2,
body.vdp-home .vdp-benefits h3,
body.vdp-home .vdp-benefit h3,
body.vdp-home .vdp-cta .vdp-section-header h2,
body.vdp-home .vdp-cta-copy h2,
body.vdp-home .vdp-cta h2,
body.vdp-home .vdp-footer h4{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
body.vdp-home .vdp-benefits .vdp-section-header p,
body.vdp-home .vdp-benefit p,
body.vdp-home .vdp-cta-copy p{
  color:rgba(255,255,255,0.9) !important;
  -webkit-text-fill-color:rgba(255,255,255,0.9) !important;
}
body.vdp-home #ventajas .vdp-section-header,
body.vdp-home #ventajas .vdp-reveal{
  opacity:1 !important;
  transform:none !important;
}

body.vdp-home #ventajas .vdp-section-header p,
body.vdp-home #ventajas .vdp-benefit p{
  color:#ffffff !important;
  opacity:0.92 !important;
}
body.vdp-home #ventajas .vdp-eyebrow{
  color:var(--color-naranja) !important;
}
body.vdp-home #ventajas .vdp-benefit i{
  color:var(--color-naranja) !important;
}

/* Shared premium status badges (home cards) */
.vdp-card-media{position:relative;overflow:hidden}
.vdp-card-media::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0.08) 0%,transparent 42%,rgba(0,0,0,0.28) 100%);
  z-index:1;pointer-events:none;
}
.vdp-card-media>i{position:relative;z-index:1}
.card-status{
  position:absolute;top:0.75rem;left:0.75rem;z-index:3;
  display:inline-flex;align-items:center;gap:0.4rem;
  padding:0.38rem 0.72rem 0.38rem 0.55rem;
  border-radius:999px;
  font-size:0.68rem;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;
  line-height:1;white-space:nowrap;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 8px 20px rgba(0,0,0,0.18);
}
.card-status i{font-size:0.72rem}
.card-status-dot{
  width:0.55rem;height:0.55rem;border-radius:999px;flex-shrink:0;
  background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,0.7);
  animation:card-pulse 1.8s ease-out infinite;
}
@keyframes card-pulse{
  0%{box-shadow:0 0 0 0 rgba(52,211,153,0.65)}
  70%{box-shadow:0 0 0 8px rgba(52,211,153,0)}
  100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}
}
.card-status-live{
  color:#ecfdf5;
  background:linear-gradient(135deg,rgba(6,95,70,0.92),rgba(16,185,129,0.88));
  border:1px solid rgba(167,243,208,0.45);
}
.card-status-sold{
  color:#fff7ed;
  background:linear-gradient(135deg,rgba(154,61,0,0.94),rgba(255,102,0,0.9));
  border:1px solid rgba(255,237,213,0.4);
}
.card-sold-ribbon{
  position:absolute;top:14px;right:-34px;z-index:3;
  width:130px;padding:0.35rem 0;
  background:linear-gradient(90deg,#ff6600,#ff8533);
  color:#fff;text-align:center;
  font-size:0.62rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;
  transform:rotate(45deg);
  box-shadow:0 6px 16px rgba(255,102,0,0.35);
}
.vdp-card.is-sold .vdp-card-media{filter:saturate(0.75) brightness(0.92)}
.vdp-card-badge,.vdp-card-sold-ribbon{display:none!important}

.vdp-btn-buy{
  margin-top:0.55rem;
  font-weight:700 !important;
  background:linear-gradient(135deg,#ff6600 0%,#ff8533 100%) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 8px 18px rgba(255,102,0,0.28);
}
.vdp-btn-buy:hover{filter:brightness(1.05);color:#fff !important}
.vdp-card-footer .vdp-card-cta-row{margin-top:0.45rem}

/* ===== MOBILE-FIRST BUYER UX 2026 ===== */
.vdp-card-secondary-link{
  display:block;
  margin-top:0.55rem;
  text-align:center;
  font-size:0.78rem;
  font-weight:600;
  color:var(--color-azul-brillante);
  text-decoration:none;
}
.vdp-card-secondary-link:hover{text-decoration:underline}

@media (max-width:767.98px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body.vdp-home{padding-bottom:env(safe-area-inset-bottom,0)}

  .vdp-container{padding-left:1rem;padding-right:1rem}
  .vdp-nav{
    height:60px;
    padding-top:env(safe-area-inset-top,0);
  }
  .vdp-nav-inner{gap:0.5rem}
  .vdp-logo img{width:28px;height:28px}
  .vdp-logo-text{font-size:0.92rem;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .vdp-nav-links{display:none !important}
  .vdp-nav-actions .vdp-btn-ghost{display:none}
  .vdp-nav-actions .vdp-btn-primary{
    min-height:40px;
    padding:0.5rem 0.85rem;
    font-size:0.8rem;
  }
  .vdp-menu-btn{
    width:42px;height:42px;
    display:inline-flex !important;
    align-items:center;justify-content:center;
    border-radius:12px;
    border:1px solid #dbe3ec;
    background:#fff;
  }
  .vdp-mobile-menu{
    top:60px;
  }

  .vdp-hero{
    padding:5.5rem 0 2rem !important;
    min-height:auto !important;
  }
  .vdp-hero-grid{gap:1.25rem}
  .vdp-hero-brand{margin-bottom:0.85rem;font-size:1rem}
  .vdp-hero h1{
    font-size:clamp(1.55rem,7vw,2rem) !important;
    line-height:1.15 !important;
    margin-bottom:0.75rem !important;
  }
  .vdp-hero-sub{
    font-size:0.92rem !important;
    line-height:1.45 !important;
    margin-bottom:1.1rem !important;
  }
  .vdp-hero-actions,
  .vdp-hero .vdp-cta-row,
  .vdp-hero-content > div:has(.vdp-btn){
    display:flex;
    flex-direction:column;
    gap:0.55rem;
    width:100%;
  }
  .vdp-hero .vdp-btn{
    width:100%;
    min-height:48px;
    justify-content:center;
    font-size:0.95rem;
  }
  .vdp-hero-visual{display:none !important}
  .vdp-hero-search,
  .vdp-search-bar,
  form.vdp-search{
    width:100%;
  }
  .vdp-hero input[type="search"],
  .vdp-hero input[type="text"]{
    font-size:16px !important;
    min-height:48px;
  }

  section{scroll-margin-top:72px}
  .vdp-section,
  .vdp-featured,
  .vdp-marketplace,
  #destacados,
  #marketplace,
  #categorias,
  #como-funciona,
  #ventajas,
  #testimonios,
  #faq,
  #registro{
    padding-top:2rem !important;
    padding-bottom:2rem !important;
  }
  .vdp-section-head h2,
  .vdp-featured h2,
  .vdp-marketplace h2,
  section h2{
    font-size:clamp(1.25rem,5.5vw,1.55rem) !important;
    margin-bottom:0.4rem !important;
  }
  .vdp-section-head p,
  section > .vdp-container > p,
  .vdp-section-sub{
    font-size:0.88rem !important;
    margin-bottom:1rem !important;
  }

  .vdp-grid,
  .vdp-cards,
  .vdp-listings,
  .products-grid,
  [class*="card-grid"]{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0.85rem !important;
  }

  .vdp-card{
    border-radius:16px !important;
    overflow:hidden;
  }
  .vdp-card-media{height:112px !important}
  .vdp-card-body{padding:0.9rem !important}
  .vdp-card-title{
    font-size:0.98rem !important;
    line-height:1.3 !important;
    margin-bottom:0.55rem !important;
    -webkit-line-clamp:2;
  }
  .vdp-card-meta{gap:0.35rem;margin-bottom:0.65rem}
  .vdp-chip{font-size:0.68rem;padding:0.22rem 0.5rem}
  .vdp-card-stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0.45rem;
    margin-bottom:0.75rem;
  }
  .vdp-stat-item .lbl{font-size:0.65rem}
  .vdp-stat-item .val{font-size:0.9rem}
  .vdp-btn-buy,
  .vdp-card .vdp-btn-buy{
    min-height:48px !important;
    font-size:0.95rem !important;
    font-weight:800 !important;
    border-radius:12px !important;
    width:100% !important;
  }
  .vdp-card-secondary-link{padding:0.35rem 0;min-height:36px}

  .vdp-filters,
  .vdp-chips,
  .filter-row,
  [class*="filter"]{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    gap:0.45rem !important;
    padding-bottom:0.35rem;
    margin-bottom:0.85rem;
    scrollbar-width:none;
  }
  .vdp-filters::-webkit-scrollbar,
  .vdp-chips::-webkit-scrollbar{display:none}
  .vdp-filters button,
  .vdp-chips button,
  .filter-row button{
    flex:0 0 auto;
    min-height:40px;
    white-space:nowrap;
    border-radius:999px;
    padding:0.45rem 0.85rem;
    font-size:0.78rem;
  }

  .vdp-steps,
  .vdp-how,
  .vdp-benefits,
  .vdp-cats{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0.75rem !important;
  }

  .vdp-faq-item button,
  .vdp-faq summary{
    min-height:48px;
    text-align:left;
    font-size:0.92rem;
  }

  #registro input,
  #registro .vdp-input,
  .vdp-auth-form input,
  .vdp-register input{
    font-size:16px !important;
    min-height:48px !important;
    border-radius:12px !important;
  }
  #registro button[type="submit"],
  .vdp-register button[type="submit"]{
    width:100%;
    min-height:50px;
    font-size:1rem;
    font-weight:700;
  }

  .vdp-footer{
    padding:2rem 0 calc(1.5rem + env(safe-area-inset-bottom,0)) !important;
  }
  .vdp-footer-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:1.25rem !important;
  }
}

@media (min-width:480px) and (max-width:767.98px){
  .vdp-grid,
  .vdp-cards,
  .vdp-listings{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:767.98px){
  .vdp-search{
    display:flex !important;
    flex-direction:column !important;
    gap:0.55rem !important;
    width:100% !important;
    margin-bottom:0.85rem !important;
  }
  .vdp-search-input-wrap{
    width:100%;
    min-height:48px;
  }
  .vdp-search-input-wrap input{
    font-size:16px !important;
    min-height:48px !important;
    width:100%;
  }
  .vdp-search .vdp-btn{
    width:100% !important;
    min-height:48px !important;
  }
  .vdp-hero-ctas{
    display:flex !important;
    flex-direction:column !important;
    gap:0.55rem !important;
    width:100% !important;
  }
  .vdp-hero-ctas .vdp-btn{
    width:100% !important;
    min-height:48px !important;
    justify-content:center !important;
  }
  .vdp-stats-bar{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0.55rem !important;
    margin:0.75rem 0 0.25rem !important;
  }
  .vdp-stat-card{
    padding:0.75rem 0.65rem !important;
    border-radius:12px !important;
    text-align:center;
  }
  .vdp-stat-card .num{font-size:1.15rem !important}
  .vdp-stat-card .txt{font-size:0.7rem !important}
  .vdp-listings{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0.85rem !important;
  }
  .vdp-filters{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    gap:0.4rem !important;
    padding:0.15rem 0 0.55rem !important;
    margin-bottom:0.75rem !important;
    scrollbar-width:none;
  }
  .vdp-filters::-webkit-scrollbar{display:none}
  .vdp-filter-chip{
    flex:0 0 auto !important;
    min-height:40px !important;
    padding:0.45rem 0.9rem !important;
    border-radius:999px !important;
    font-size:0.78rem !important;
    white-space:nowrap !important;
  }
  .vdp-benefits-grid,
  .vdp-testimonials-grid,
  .vdp-cta-grid,
  .vdp-cats-grid,
  .vdp-steps-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0.75rem !important;
  }
}

@media (min-width:480px) and (max-width:767.98px){
  .vdp-listings{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Fix hero CTA alignment (Crear cuenta overflowing right on mobile) */
.vdp-hero-content,
.vdp-hero-grid,
.vdp-search,
.vdp-hero-ctas{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  min-width:0;
}
.vdp-hero-ctas{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0.55rem;
}
.vdp-hero-ctas .vdp-btn,
.vdp-search .vdp-btn,
.vdp-hero .vdp-btn-outline-light,
.vdp-hero .vdp-btn-secondary,
.vdp-hero .vdp-btn-primary{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.vdp-btn-outline-light{
  border-width:1.5px;
  border-style:solid;
}
@media (min-width:640px){
  .vdp-hero-ctas{
    flex-direction:row;
    flex-wrap:wrap;
  }
  .vdp-hero-ctas .vdp-btn{
    width:auto !important;
    flex:1 1 auto;
    min-width:0;
  }
}
@media (max-width:767.98px){
  .vdp-container.vdp-hero-grid,
  .vdp-hero .vdp-container{
    padding-left:1rem;
    padding-right:1rem;
    overflow:hidden;
  }
  .vdp-hero-ctas{
    flex-direction:column !important;
    width:100% !important;
  }
  .vdp-hero-ctas .vdp-btn{
    width:100% !important;
    flex:none !important;
  }
}
@media (max-width:767.98px){
  .vdp-nav .vdp-container{
    padding-left:0.85rem;
    padding-right:0.85rem;
  }
  .vdp-nav-inner{
    gap:0.4rem !important;
    min-width:0;
  }
  .vdp-logo{min-width:0;flex:1 1 auto}
  .vdp-nav-actions{
    flex:0 0 auto;
    gap:0.35rem !important;
    margin-left:auto;
  }
  .vdp-nav-actions .vdp-btn-primary{
    padding:0.45rem 0.7rem !important;
    font-size:0.75rem !important;
    min-height:36px !important;
    white-space:nowrap;
  }
  .vdp-menu-btn{
    width:38px !important;
    height:38px !important;
    flex-shrink:0;
  }
}

/* Nav + Crear cuenta: keep actions inset and optically centered */
.vdp-nav-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  min-width:0 !important;
}
.vdp-nav-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:0.4rem !important;
  flex:0 0 auto !important;
  margin-left:auto !important;
}
.vdp-nav-cta,
.vdp-nav-actions .vdp-btn-primary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
/* Outline CTA: use inset shadow so width matches siblings exactly */
.vdp-hero .vdp-btn-outline-light{
  border:0 !important;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,0.55) !important;
  background:rgba(255,255,255,0.08) !important;
}
.vdp-hero-ctas{
  width:100% !important;
  max-width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:0.55rem !important;
}
.vdp-hero-ctas .vdp-btn{
  width:100% !important;
  max-width:100% !important;
  justify-content:center !important;
  text-align:center !important;
}
@media (max-width:767.98px){
  .vdp-nav .vdp-container.vdp-nav-inner,
  .vdp-nav .vdp-nav-inner{
    padding-left:max(0.85rem, env(safe-area-inset-left)) !important;
    padding-right:max(0.85rem, env(safe-area-inset-right)) !important;
  }
  .vdp-logo{
    flex:0 1 auto !important;
    max-width:calc(100% - 150px) !important;
  }
  .vdp-logo-text{display:none !important}
  .vdp-nav-cta{
    min-width:0 !important;
    padding:0.5rem 0.75rem !important;
    font-size:0.78rem !important;
    min-height:36px !important;
    border-radius:999px !important;
  }
  .vdp-menu-btn{
    margin-right:0 !important;
  }
}
@media (min-width:640px){
  .vdp-hero-ctas{
    grid-template-columns:1fr 1fr !important;
  }
}

/* === FIX: nav overflowing right edge on mobile === */
.vdp-nav{
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.vdp-nav > .vdp-container.vdp-nav-inner,
.vdp-nav .vdp-nav-inner{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding-left:max(1rem, env(safe-area-inset-left, 0px)) !important;
  padding-right:max(1rem, env(safe-area-inset-right, 0px)) !important;
  box-sizing:border-box !important;
  min-width:0 !important;
  gap:0.5rem !important;
}
.vdp-nav-actions{
  flex:0 0 auto !important;
  margin-left:auto !important;
  margin-right:0 !important;
  gap:0.4rem !important;
  max-width:none !important;
  padding-right:0 !important;
}
.vdp-menu-btn{
  flex-shrink:0 !important;
  margin:0 !important;
}

@media (max-width:899.98px){
  /* Keep logo + hamburger only — CTA lived in the menu */
  .vdp-nav-cta,
  .vdp-nav-login,
  .vdp-nav-actions .vdp-btn-ghost,
  .vdp-nav-actions .vdp-btn-primary{
    display:none !important;
  }
  .vdp-nav > .vdp-container.vdp-nav-inner,
  .vdp-nav .vdp-nav-inner{
    padding-left:max(1.1rem, env(safe-area-inset-left, 0px)) !important;
    padding-right:max(1.1rem, env(safe-area-inset-right, 0px)) !important;
  }
  .vdp-menu-btn{
    display:inline-flex !important;
    width:42px !important;
    height:42px !important;
    align-items:center !important;
    justify-content:center !important;
    margin-right:2px !important;
  }
  .vdp-logo{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 56px) !important;
  }
  .vdp-logo-text{
    display:inline !important;
    max-width:58vw !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}

@media (min-width:900px){
  .vdp-nav-cta,
  .vdp-nav-login{
    display:inline-flex !important;
  }
}

/* === Mobile hero: text leads, compact actions === */
@media (max-width:767.98px){
  .vdp-hero{
    padding:5.35rem 0 4.75rem !important;
  }
  /* Pull stats up so they sit on the blue hero background */
  .vdp-hero + .vdp-container{
    margin-top:-3.35rem !important;
    position:relative !important;
    z-index:3 !important;
  }
  .vdp-hero + .vdp-container .vdp-stats-bar{
    margin-top:0 !important;
    margin-bottom:0.85rem !important;
  }
  .vdp-hero-content{
    max-width:100% !important;
  }
  .vdp-hero-brand{
    font-size:1.2rem !important;
    gap:0.7rem !important;
    margin-bottom:1.15rem !important;
  }
  .vdp-hero-brand-logo{
    width:42px !important;
    height:42px !important;
  }
  .vdp-hero h1{
    font-size:clamp(2.45rem,11vw,3.1rem) !important;
    line-height:1.08 !important;
    letter-spacing:-0.04em !important;
    margin:0 0 0.85rem !important;
    font-weight:700 !important;
  }
  .vdp-hero h1 span{
    display:inline !important;
    color:#ff8533 !important;
    -webkit-text-fill-color:#ff8533 !important;
  }
  .vdp-hero-sub{
    font-size:1.08rem !important;
    line-height:1.5 !important;
    margin:0 0 1.35rem !important;
    max-width:34ch !important;
    color:rgba(255,255,255,0.9) !important;
  }
  .vdp-search{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:0.45rem !important;
    margin-bottom:0.7rem !important;
    align-items:stretch !important;
  }
  .vdp-search-input-wrap{
    min-height:44px !important;
    height:44px !important;
    border-radius:12px !important;
    display:flex !important;
    align-items:center !important;
  }
  .vdp-search-input-wrap input,
  .vdp-hero input[type="search"],
  .vdp-hero input[type="text"]{
    font-size:0.95rem !important;
    min-height:44px !important;
    height:44px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .vdp-search .vdp-btn{
    min-height:44px !important;
    height:44px !important;
    padding:0 1rem !important;
    font-size:0.92rem !important;
    border-radius:12px !important;
    white-space:nowrap !important;
  }
  .vdp-hero-ctas{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0.45rem !important;
    margin:0 !important;
  }
  .vdp-hero .vdp-btn,
  .vdp-hero-ctas .vdp-btn{
    min-height:44px !important;
    height:44px !important;
    padding:0 0.75rem !important;
    font-size:0.9rem !important;
    border-radius:12px !important;
    width:100% !important;
  }
  .vdp-stat-card{
    padding:0.85rem 0.65rem !important;
  }
  .vdp-stat-card .num{font-size:1.25rem !important}
  .vdp-stat-card .txt{font-size:0.72rem !important}
}

/* Narrow phones: keep search stacked if needed */
@media (max-width:360px){
  .vdp-search{
    grid-template-columns:1fr !important;
  }
  .vdp-search .vdp-btn{
    width:100% !important;
  }
  .vdp-hero h1{
    font-size:2.25rem !important;
  }
}

/* Responsive login CTA label in register section */
.vdp-cta-login-short{display:none}
.vdp-cta-login-full{display:inline}

/* === FIX: register card overflow on mobile (reCAPTCHA + form) === */
@media (max-width:767.98px){
  #registro.vdp-cta,
  .vdp-cta#registro{
    padding:2.25rem 0 !important;
    overflow:hidden !important;
  }
  #registro .vdp-container{
    padding-left:max(0.85rem, env(safe-area-inset-left, 0px)) !important;
    padding-right:max(0.85rem, env(safe-area-inset-right, 0px)) !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  #registro .vdp-cta-grid{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    gap:1.25rem !important;
  }
  #registro .vdp-cta-copy{
    min-width:0 !important;
    max-width:100% !important;
  }
  #registro .vdp-cta-copy h2{
    font-size:clamp(1.45rem,6.5vw,1.85rem) !important;
    word-wrap:break-word !important;
  }
  #registro .vdp-cta-copy p{
    font-size:0.98rem !important;
  }
  #registro .vdp-cta-login-btn,
  #registro .vdp-cta-copy .vdp-btn{
    width:100% !important;
    max-width:100% !important;
    min-height:48px !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:normal !important;
    box-sizing:border-box !important;
  }
  .vdp-cta-login-full{display:none !important}
  .vdp-cta-login-short{display:inline !important}

  .vdp-register-card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:1.15rem !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  .vdp-register-card h3{
    font-size:1.2rem !important;
    margin-bottom:1rem !important;
  }
  #registro form,
  .vdp-register-card form{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  #registro .vdp-form-row,
  #registro .vdp-form-row.two{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0.75rem !important;
    margin-bottom:0.75rem !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  #registro .vdp-input{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    font-size:16px !important;
    min-height:48px !important;
  }
  .vdp-recaptcha-wrap{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    margin:0.65rem 0 1rem !important;
    display:flex !important;
    justify-content:flex-start !important;
  }
  .vdp-recaptcha-wrap .g-recaptcha{
    transform:scale(0.88);
    transform-origin:0 0;
    max-width:100%;
  }
  /* Reserve scaled height so layout doesn't collapse */
  .vdp-recaptcha-wrap{
    height:70px;
  }
  #registro .vdp-btn-block,
  #registro button[type="submit"]{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    min-height:50px !important;
  }
  #registro .vdp-form-alt{
    font-size:0.9rem !important;
    word-wrap:break-word !important;
    padding:0 0.25rem !important;
  }
}
@media (min-width:768px){
  .vdp-cta-login-short{display:none !important}
  .vdp-cta-login-full{display:inline !important}
}
@media (max-width:360px){
  .vdp-recaptcha-wrap .g-recaptcha{
    transform:scale(0.78);
  }
  .vdp-recaptcha-wrap{height:62px}
  .vdp-register-card{padding:1rem !important}
}

/* === Redesigned mobile dropdown menu === */
.vdp-mobile-menu{
  display:none !important;
  position:fixed !important;
  top:60px !important;
  left:0 !important;
  right:0 !important;
  z-index:120 !important;
  padding:0.75rem 0.85rem calc(1rem + env(safe-area-inset-bottom,0px)) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.vdp-mobile-menu.is-open{
  display:block !important;
  animation:vdpMenuIn 0.22s ease;
}
@keyframes vdpMenuIn{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
.vdp-mobile-menu-panel{
  background:
    radial-gradient(ellipse 80% 60% at 100% 0%,rgba(0,163,224,0.22),transparent 55%),
    linear-gradient(160deg,#00132c 0%,#003a66 55%,#00507a 100%);
  border-radius:18px !important;
  padding:1rem !important;
  box-shadow:0 18px 40px rgba(0,19,44,0.35) !important;
  border:1px solid rgba(255,255,255,0.1) !important;
  max-height:min(78vh,640px);
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.vdp-mobile-menu-head{
  display:flex;
  align-items:center;
  gap:0.75rem;
  padding:0.25rem 0.15rem 0.95rem;
  margin-bottom:0.55rem;
  border-bottom:1px solid rgba(255,255,255,0.12);
}
.vdp-mobile-menu-head img{
  width:38px;
  height:38px;
  object-fit:contain;
  filter:brightness(0) invert(1);
  background:rgba(255,255,255,0.08);
  border-radius:10px;
  padding:4px;
}
.vdp-mobile-menu-head strong{
  display:block;
  color:#fff;
  font-family:var(--vdp-display);
  font-size:1rem;
  letter-spacing:-0.02em;
  line-height:1.2;
}
.vdp-mobile-menu-head span{
  display:block;
  color:rgba(255,255,255,0.62);
  font-size:0.75rem;
  margin-top:0.12rem;
}
.vdp-mobile-menu-nav{
  display:flex;
  flex-direction:column;
  gap:0.3rem;
}
.vdp-mobile-menu-nav a{
  display:flex !important;
  align-items:center !important;
  gap:0.75rem !important;
  min-height:46px !important;
  padding:0.7rem 0.85rem !important;
  margin:0 !important;
  border:0 !important;
  border-radius:12px !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:600 !important;
  font-size:0.95rem !important;
  background:rgba(255,255,255,0.04) !important;
  transition:background 0.15s ease, transform 0.15s ease;
}
.vdp-mobile-menu-nav a i{
  width:1.55rem;
  height:1.55rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:rgba(0,163,224,0.22);
  color:#7dd3fc;
  font-size:0.78rem;
  flex-shrink:0;
}
.vdp-mobile-menu-nav a:active,
.vdp-mobile-menu-nav a:hover{
  background:rgba(255,255,255,0.12) !important;
}
.vdp-mobile-menu-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:0.55rem;
  margin-top:0.9rem;
  padding-top:0.9rem;
  border-top:1px solid rgba(255,255,255,0.12);
}
.vdp-mobile-login,
.vdp-mobile-register{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0.5rem !important;
  min-height:48px !important;
  padding:0.75rem 1rem !important;
  border-radius:12px !important;
  font-weight:700 !important;
  font-size:0.95rem !important;
  text-decoration:none !important;
  border:0 !important;
  margin:0 !important;
}
.vdp-mobile-login{
  background:rgba(255,255,255,0.1) !important;
  color:#fff !important;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,0.28) !important;
}
.vdp-mobile-register{
  background:linear-gradient(135deg,#ff6600 0%,#ff8533 100%) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(255,102,0,0.35) !important;
}
.vdp-menu-btn.is-active,
body.vdp-menu-open .vdp-menu-btn{
  background:#00132c !important;
  color:#fff !important;
  border-color:#00132c !important;
}
@media (min-width:900px){
  .vdp-mobile-menu{display:none !important}
}
@media (min-width:768px) and (max-width:899.98px){
  .vdp-mobile-menu{top:72px !important}
}