:root{
--bg:#090909;
--panel:#141414;
--red:#d31313;
--text:#f1f1f1;
--muted:#999;
}

*{box-sizing:border-box}
body{
margin:0;
background:#090909;
color:var(--text);
font-family:Arial,sans-serif;
}

.ddb-hero{
position:relative;
padding:30px;
background:url('./bg-header.png') center/cover no-repeat;
min-height:90vh;
display:flex;
flex-direction:column;
justify-content:space-between;
}

.ddb-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.72);
}

.ddb-topbar,.ddb-hero-content{
position:relative;
z-index:2;
}

.ddb-topbar{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
flex-wrap:wrap;
}

.ddb-logo img{
max-width:220px;
}

.ddb-socials{
display:flex;
gap:14px;
flex-wrap:wrap;
}

.ddb-socials a,.ddb-footer-socials a{
color:#fff;
text-decoration:none;
font-size:.92rem;
}

.ddb-wa{
background:var(--red);
padding:10px 16px;
border-radius:8px;
}

.ddb-hero-content{
max-width:760px;
padding:60px 0;
}

.ddb-badge{
display:inline-block;
background:rgba(211,19,19,.2);
border:1px solid rgba(211,19,19,.6);
padding:10px 16px;
border-radius:40px;
margin-bottom:20px;
}

h1{
font-size:3rem;
line-height:1.1;
margin:0 0 20px;
}

.ddb-cta-row{
display:flex;
gap:16px;
flex-wrap:wrap;
margin-top:30px;
}

.ddb-btn-primary,.ddb-btn-secondary,.ddb-card-link{
display:inline-block;
padding:14px 22px;
border-radius:10px;
text-decoration:none;
font-weight:bold;
}

.ddb-btn-primary,.ddb-card-link{
background:var(--red);
color:#fff;
}

.ddb-btn-secondary{
border:1px solid #444;
color:#fff;
}

.ddb-contact-mini{
display:flex;
gap:18px;
flex-wrap:wrap;
margin-top:25px;
color:#bbb;
}

.ddb-grid-section{
padding:70px 24px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:24px;
}

.ddb-card,.ddb-calculator,.ddb-ncm,.ddb-faq,.ddb-contact{
background:var(--panel);
border:1px solid #252525;
border-radius:18px;
padding:24px;
}

.ddb-card-btn{
margin-top:15px;
background:var(--red);
border:none;
color:white;
padding:12px 18px;
border-radius:10px;
cursor:pointer;
}

.ddb-hidden{
display:none;
margin-top:20px;
}

.ddb-store-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px;
}

.ddb-store-grid a{
background:#1d1d1d;
padding:12px;
border-radius:8px;
color:#fff;
text-decoration:none;
text-align:center;
}

.ddb-timeline{
display:grid;
gap:12px;
}

.ddb-timeline div{
background:#1a1a1a;
padding:12px;
border-radius:10px;
}

.ddb-timeline span{
background:var(--red);
padding:4px 8px;
border-radius:50%;
margin-right:8px;
}

.ddb-payments{
padding-left:18px;
}

.ddb-small{
color:#aaa;
font-size:.9rem;
}

.ddb-calculator,.ddb-ncm,.ddb-faq,.ddb-contact{
margin:0 24px 40px;
}

.ddb-section-title{
margin-bottom:24px;
}

.ddb-calc-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
gap:16px;
margin-bottom:20px;
}

.ddb-input label{
display:block;
margin-bottom:8px;
}

.ddb-input input{
width:100%;
padding:12px;
border-radius:10px;
border:1px solid #333;
background:#0f0f0f;
color:#fff;
}

.ddb-results{
margin-top:25px;
display:grid;
gap:10px;
}

table{
width:100%;
border-collapse:collapse;
}

th,td{
padding:14px;
border-bottom:1px solid #2a2a2a;
text-align:left;
}

th{
background:#1c1c1c;
}

.ddb-disclaimer{
margin-top:18px;
color:#999;
font-size:.9rem;
}

.ddb-faq-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:18px;
}

.ddb-faq-item{
background:#111;
padding:18px;
border-radius:14px;
}

.ddb-contact{
text-align:center;
}

.ddb-contact-buttons{
display:flex;
justify-content:center;
gap:16px;
flex-wrap:wrap;
margin-top:20px;
}

.ddb-contact-buttons a{
background:var(--red);
padding:14px 20px;
border-radius:10px;
color:#fff;
text-decoration:none;
}

.ddb-footer{
padding:40px 20px;
text-align:center;
background:#050505;
border-top:1px solid #222;
}

.ddb-footer img{
max-width:220px;
margin-bottom:10px;
}

@media(max-width:768px){
h1{
font-size:2.1rem;
}
.ddb-topbar{
flex-direction:column;
align-items:flex-start;
}
}


/* Desktop professional layout fix */
html{scroll-behavior:smooth}
body{
background:#080808 !important;
overflow-x:hidden;
font-size:16px;
}
.ddb-hero{
min-height:620px !important;
padding:28px 0 0 !important;
background-color:#111 !important;
background-position:center !important;
}
.ddb-hero::after{
content:"";
position:absolute;
left:-5%;
right:-5%;
bottom:-42px;
height:82px;
background:#f4eeee;
transform:rotate(-2deg);
z-index:1;
}
.ddb-topbar,
.ddb-hero-content{
width:min(1180px, calc(100% - 48px));
margin:0 auto;
}
.ddb-hero-content{
padding:125px 0 120px !important;
}
.ddb-hero-content h1,
.ddb-hero-content p{
max-width:680px;
}
.ddb-hero-content h1{
font-size:clamp(2.6rem, 4vw, 4.8rem) !important;
letter-spacing:-.04em;
}
.ddb-hero-content p{
font-size:1.08rem;
line-height:1.65;
}
.ddb-grid-section,
.ddb-calculator,
.ddb-ncm,
.ddb-faq,
.ddb-contact{
width:min(1180px, calc(100% - 48px)) !important;
margin-left:auto !important;
margin-right:auto !important;
}
.ddb-grid-section{
padding:90px 0 40px !important;
grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}
.ddb-card{
min-height:260px;
display:flex;
flex-direction:column;
justify-content:flex-start;
}
.ddb-card h3{
font-size:1.05rem;
line-height:1.35;
}
.ddb-card p{
color:#d8d8d8;
line-height:1.55;
}
.ddb-store-grid{
grid-template-columns:repeat(3,1fr) !important;
}
.ddb-calculator,
.ddb-ncm,
.ddb-faq,
.ddb-contact{
margin-top:34px !important;
margin-bottom:44px !important;
}
.ddb-calc-layout{
display:grid;
grid-template-columns:1.5fr .85fr;
gap:24px;
align-items:stretch;
}
.ddb-calc-panel{
background:#101010;
border:1px solid #252525;
border-radius:18px;
padding:22px;
}
.ddb-input select{
width:100%;
padding:13px;
border-radius:10px;
border:1px solid #333;
background:#0f0f0f;
color:#fff;
}
.ddb-calc-grid{
grid-template-columns:repeat(5, minmax(0,1fr)) !important;
}
.ddb-calc-summary{
background:#101010;
border:1px solid #2a2a2a;
border-radius:18px;
padding:22px;
margin-top:0 !important;
}
.ddb-calc-summary h3{
margin-top:0;
}
.ddb-calc-summary hr{
border:0;
border-top:1px solid #2a2a2a;
margin:18px 0;
}
.ddb-total{
font-size:1.35rem;
color:#fff;
}
.ddb-table-wrapper{
overflow-x:auto;
}
.ddb-ncm table{
min-width:980px;
}
.ddb-footer{
margin-top:40px;
}
@media(max-width:1100px){
.ddb-grid-section{
grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}
.ddb-calc-layout{
grid-template-columns:1fr;
}
.ddb-calc-grid{
grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}
}
@media(max-width:680px){
.ddb-topbar,
.ddb-hero-content,
.ddb-grid-section,
.ddb-calculator,
.ddb-ncm,
.ddb-faq,
.ddb-contact{
width:min(100% - 28px, 1180px) !important;
}
.ddb-hero{
min-height:auto !important;
}
.ddb-hero-content{
padding:70px 0 90px !important;
}
.ddb-grid-section{
grid-template-columns:1fr !important;
padding-top:60px !important;
}
.ddb-calc-grid{
grid-template-columns:1fr !important;
}
.ddb-store-grid{
grid-template-columns:1fr !important;
}
}


/* v2 final fixes */
.ddb-grid-section{align-items:stretch !important;}
.ddb-card{
height:100% !important;
min-height:285px !important;
display:flex !important;
flex-direction:column !important;
}
.ddb-card h3{min-height:62px;margin-bottom:12px;}
.ddb-card p{min-height:78px;}
.ddb-card .ddb-card-btn,
.ddb-card .ddb-card-link{margin-top:auto !important;width:100%;text-align:center;}
.ddb-category-help{
margin-top:10px;
padding:12px 14px;
border:1px solid #2b2b2b;
background:#0b0b0b;
border-radius:10px;
color:#cfcfcf;
line-height:1.45;
font-size:.92rem;
}
.ddb-input select{
height:48px !important;
font-size:.98rem !important;
appearance:auto !important;
}
.ddb-calc-panel{display:flex;flex-direction:column;gap:16px;}
.ddb-calc-panel .ddb-btn-primary{width:max-content;min-width:190px;}
.ddb-total{background:#151515;border:1px solid #2a2a2a;padding:12px;border-radius:10px;}
@media(max-width:1100px){
.ddb-card h3,.ddb-card p{min-height:auto;}
.ddb-card{min-height:240px !important;}
}
@media(max-width:680px){
.ddb-calc-panel .ddb-btn-primary{width:100%;}
}


/* v3: aligned cards, clean panels, custom category dropdown, social details */
.ddb-topbar{
overflow:hidden;
}
.ddb-socials{
align-items:center;
justify-content:flex-end;
}
.ddb-socials a{
white-space:nowrap;
}
.ddb-grid-section.ddb-services{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
align-items:stretch !important;
gap:24px !important;
}
.ddb-services .ddb-card{
height:100% !important;
min-height:250px !important;
display:flex !important;
flex-direction:column !important;
text-align:left !important;
}
.ddb-services .ddb-card h3{
min-height:68px !important;
margin:0 0 14px !important;
}
.ddb-services .ddb-card p{
min-height:92px !important;
margin:0 0 18px !important;
}
.ddb-services .ddb-card .ddb-card-btn,
.ddb-services .ddb-card .ddb-card-link{
margin-top:auto !important;
width:100% !important;
text-align:center !important;
}
.ddb-action-panels{
width:min(1180px, calc(100% - 48px));
margin:0 auto 42px;
}
.ddb-action-panel{
display:none;
background:#141414;
border:1px solid #2a2a2a;
border-radius:18px;
padding:24px;
box-shadow:0 20px 60px rgba(0,0,0,.25);
}
.ddb-action-panel.is-open{
display:block;
}
.ddb-panel-head{
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
margin-bottom:18px;
}
.ddb-panel-head h3{
margin:0;
font-size:1.15rem;
}
.ddb-panel-close{
background:#222;
border:1px solid #333;
color:#fff;
padding:9px 14px;
border-radius:10px;
cursor:pointer;
}
.ddb-store-grid-logos{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:14px !important;
}
.ddb-store-grid-logos a{
display:grid !important;
grid-template-columns:48px 1fr;
grid-template-rows:auto auto;
align-items:center;
column-gap:12px;
text-align:left !important;
padding:16px !important;
min-height:86px;
border:1px solid #272727;
}
.ddb-store-grid-logos strong{
font-size:1rem;
}
.ddb-store-grid-logos small{
grid-column:2;
color:#aaa;
font-size:.82rem;
line-height:1.35;
}
.store-logo{
grid-row:1 / span 2;
width:44px;
height:44px;
border-radius:12px;
display:grid;
place-items:center;
font-weight:900;
font-size:1.05rem;
color:#111;
background:#fff;
}
.alibaba{background:#ff6a00;color:white}
.aliexpress{background:#e62e04;color:white}
.amazon{background:#ff9900;color:#111}
.ebay{background:#f5f5f5;color:#111}
.temu{background:#ff4d00;color:white}
.dhgate{background:#39a852;color:white}
.ddb-timeline-wide{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.ddb-timeline-wide div{
min-height:70px;
display:flex;
align-items:center;
font-weight:700;
}
.ddb-payment-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:12px;
}
.ddb-payment-grid div{
background:#1a1a1a;
border:1px solid #292929;
border-radius:12px;
padding:15px;
font-weight:700;
text-align:center;
}
.ddb-custom-select{
position:relative;
z-index:50;
}
.ddb-select-trigger{
width:100%;
height:52px;
background:#0f0f0f;
border:1px solid #333;
border-radius:10px;
color:#fff;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 16px;
font-weight:800;
cursor:pointer;
}
.ddb-select-arrow{
font-size:1.7rem;
line-height:1;
}
.ddb-select-menu{
display:none;
position:absolute;
top:calc(100% + 8px);
left:0;
right:0;
max-height:420px;
overflow:auto;
background:#0b0b0b;
border:1px solid #333;
border-radius:14px;
box-shadow:0 25px 70px rgba(0,0,0,.55);
padding:8px;
z-index:100;
}
.ddb-custom-select.is-open .ddb-select-menu{
display:grid;
gap:8px;
}
.ddb-select-option{
width:100%;
background:#121212;
border:1px solid #242424;
border-radius:12px;
padding:13px 14px;
color:#fff;
text-align:left;
cursor:pointer;
display:grid;
grid-template-columns:1fr auto;
gap:4px 12px;
}
.ddb-select-option:hover{
background:#1c1c1c;
border-color:#e01616;
}
.ddb-select-option strong{
font-size:.98rem;
}
.ddb-select-option small{
grid-column:1 / -1;
color:#bdbdbd;
font-size:.82rem;
line-height:1.35;
}
.ddb-select-option em{
font-style:normal;
color:#fff;
background:#e01616;
border-radius:999px;
padding:4px 8px;
font-size:.72rem;
align-self:start;
}
.ddb-category-help{
margin-top:10px !important;
padding:12px 14px !important;
border:1px solid #2b2b2b !important;
background:#0b0b0b !important;
border-radius:10px !important;
color:#cfcfcf !important;
line-height:1.45 !important;
font-size:.92rem !important;
}
.ddb-calc-layout{
align-items:start !important;
}
.ddb-calc-panel{
overflow:visible !important;
}
.ddb-calculator{
overflow:visible !important;
}
.ddb-ncm{
overflow:hidden;
}
@media(max-width:1100px){
.ddb-grid-section.ddb-services{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.ddb-services .ddb-card h3,
.ddb-services .ddb-card p{
min-height:auto !important;
}
.ddb-store-grid-logos,
.ddb-timeline-wide,
.ddb-payment-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media(max-width:680px){
.ddb-grid-section.ddb-services,
.ddb-store-grid-logos,
.ddb-timeline-wide,
.ddb-payment-grid{
grid-template-columns:1fr !important;
}
.ddb-action-panels{
width:min(100% - 28px, 1180px);
}
.ddb-select-menu{
max-height:360px;
}
.ddb-select-option{
grid-template-columns:1fr;
}
}


/* V4 REAL UI ENHANCEMENT - mantiene todo el sitio original */
.ddb-action-panel{
  background:
    radial-gradient(circle at 20% 0%, rgba(225, 22, 22, .16), transparent 34%),
    linear-gradient(145deg, #151515, #0f0f0f) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

.ddb-payment-grid{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:16px !important;
}

.ddb-payment-grid div{
  min-height:112px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  background:linear-gradient(180deg,#1b1b1b,#111) !important;
  border:1px solid #2d2d2d !important;
  border-radius:16px !important;
  font-size:0 !important;
  position:relative !important;
  overflow:hidden !important;
}

.ddb-payment-grid div::before{
  font-size:2rem;
  line-height:1;
}

.ddb-payment-grid div::after{
  font-size:.95rem;
  font-weight:800;
  color:#fff;
}

.ddb-payment-grid div:nth-child(1)::before{content:"🏦";}
.ddb-payment-grid div:nth-child(1)::after{content:"Transferencia bancaria";}
.ddb-payment-grid div:nth-child(2)::before{content:"💵";}
.ddb-payment-grid div:nth-child(2)::after{content:"USD billete";}
.ddb-payment-grid div:nth-child(3)::before{content:"₮";}
.ddb-payment-grid div:nth-child(3)::after{content:"USDT / Crypto";}
.ddb-payment-grid div:nth-child(4)::before{content:"🟦";}
.ddb-payment-grid div:nth-child(4)::after{content:"MercadoPago";}
.ddb-payment-grid div:nth-child(5)::before{content:"💰";}
.ddb-payment-grid div:nth-child(5)::after{content:"Efectivo";}

.ddb-payment-grid div:hover{
  border-color:#e01616 !important;
  transform:translateY(-2px);
  box-shadow:0 12px 35px rgba(224,22,22,.18);
}

.ddb-timeline-wide{
  position:relative;
  gap:16px !important;
}

.ddb-timeline-wide div{
  min-height:118px !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding:18px !important;
  border:1px solid #2b2b2b !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(224,22,22,.16), transparent 32%),
    linear-gradient(180deg,#1b1b1b,#111) !important;
  border-radius:16px !important;
  gap:10px !important;
}

.ddb-timeline-wide div span{
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 0 4px !important;
}

.ddb-timeline-wide div:nth-child(1)::before{content:"🛒";font-size:2rem;}
.ddb-timeline-wide div:nth-child(2)::before{content:"📦";font-size:2rem;}
.ddb-timeline-wide div:nth-child(3)::before{content:"📚";font-size:2rem;}
.ddb-timeline-wide div:nth-child(4)::before{content:"✈️";font-size:2rem;}
.ddb-timeline-wide div:nth-child(5)::before{content:"🛃";font-size:2rem;}
.ddb-timeline-wide div:nth-child(6)::before{content:"🔔";font-size:2.25rem;}

.ddb-timeline-wide div:nth-child(6){
  border-color:#e01616 !important;
  box-shadow:0 0 28px rgba(224,22,22,.20);
}

.ddb-store-grid-logos a{
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.08), transparent 30%),
    linear-gradient(180deg,#1b1b1b,#111) !important;
  transition:.2s ease;
}

.ddb-store-grid-logos a:hover{
  transform:translateY(-2px);
  border-color:#e01616 !important;
  box-shadow:0 16px 36px rgba(224,22,22,.15);
}

.ddb-panel-head h3::before{
  content:"🔔 ";
  color:#e01616;
}

.ddb-card{
  background:
    radial-gradient(circle at 100% 0%, rgba(224,22,22,.10), transparent 30%),
    #151515 !important;
}

.ddb-card:hover{
  border-color:rgba(224,22,22,.6) !important;
  box-shadow:0 18px 42px rgba(224,22,22,.12);
}

.ddb-contact-buttons a:nth-child(1)::before,
.ddb-socials a.ddb-wa::before{content:"💬 ";}

.ddb-contact-buttons a:nth-child(2)::before{content:"📸 ";}
.ddb-contact-buttons a:nth-child(3)::before{content:"📘 ";}

.ddb-footer-socials{
  margin-top:12px;
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}

.ddb-footer::after{
  content:"WhatsApp +54 9 11 6494-4432 · Cotizaciones 24/7 · China / USA / España";
  display:block;
  color:#aaa;
  font-size:.9rem;
  margin-top:16px;
}

.ddb-results{
  background:
    radial-gradient(circle at 100% 0%, rgba(224,22,22,.10), transparent 28%),
    #101010 !important;
}

.ddb-total{
  border-color:#e01616 !important;
  box-shadow:0 0 22px rgba(224,22,22,.12);
}

@media(max-width:1100px){
  .ddb-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:680px){
  .ddb-payment-grid{grid-template-columns:1fr !important;}
}