:root{
  --petrol:#123f49;
  --petrol-2:#1d5b66;
  --petrol-3:#0a2e35;
  --gold:#d7aa28;
  --gold-dark:#ad8110;
  --ink:#172a30;
  --muted:#66777c;
  --soft:#edf3f3;
  --white:#fff;
  --line:#dce6e7;
  --green:#25d366;
  --danger:#b83232;
  --shadow:0 18px 55px rgba(18,63,73,.12);
  --radius:22px;
  --container:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f9f9;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.container{width:min(92%,var(--container));margin:auto}
.topbar{background:var(--petrol-3);color:rgba(255,255,255,.78);font-size:.78rem}
.topbar-inner{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar-social{display:flex;gap:13px}
.topbar-social a{display:grid;place-items:center}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand img{width:240px;max-height:58px;object-fit:contain;object-position:left}
.main-nav{display:flex;align-items:center;gap:22px;color:var(--petrol);font-size:.91rem;font-weight:780}
.main-nav>a:not(.nav-whatsapp):not(.nav-travel):hover{color:var(--gold-dark)}
.nav-whatsapp{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--petrol);color:white}
.nav-travel{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;background:var(--gold);color:#17282c}
.menu-toggle{display:none;border:0;background:transparent;color:var(--petrol);font-size:1.7rem}
.hero{min-height:680px;display:flex;align-items:center;color:white;background:linear-gradient(108deg,rgba(7,39,47,.98),rgba(18,63,73,.9) 58%,rgba(18,63,73,.57)),url("yiwu.jpg") center/cover}
.hero-grid{display:grid;grid-template-columns:1.15fr .72fr;align-items:center;gap:60px;padding:70px 0}
.eyebrow{display:inline-flex;width:max-content;padding:8px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.eyebrow.dark{color:var(--gold-dark);background:#fff7dc;border-color:#ead78c}
.hero h1{margin:22px 0 20px;max-width:790px;font-size:clamp(2.7rem,5vw,5rem);line-height:1.02;letter-spacing:-.045em}
.hero h1 span{color:#f0c64d}
.hero-copy>p{max-width:740px;margin:0 0 28px;color:rgba(255,255,255,.86);font-size:1.1rem}
.hero-actions,.quote-actions{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 20px;border:0;border-radius:999px;font-weight:850;transition:.2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:#17282c;box-shadow:0 10px 25px rgba(215,170,40,.24)}
.btn-primary{background:var(--petrol);color:white}
.btn-light{background:#eef4f4;color:var(--petrol);border:1px solid var(--line)}
.btn-ghost{background:transparent;color:white;border:1px solid rgba(255,255,255,.52)}
.hero-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-points span{display:flex;align-items:center;gap:6px;font-size:.87rem;color:rgba(255,255,255,.86)}
.hero-points svg{color:#f0c64d}
.hero-person{position:relative;max-width:470px;justify-self:end}
.hero-person>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:30px;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 80px rgba(0,0,0,.34)}
.hero-person-card{position:absolute;left:-34px;bottom:28px;padding:18px 20px;border-radius:17px;background:rgba(8,39,47,.92);border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow)}
.hero-person-card strong,.hero-person-card span{display:block}
.hero-person-card span{margin-top:3px;color:rgba(255,255,255,.7);font-size:.84rem}
.quick-strip{position:relative;z-index:4;margin-top:-34px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.quick-grid>a{display:flex;align-items:center;gap:14px;padding:19px;border:1px solid var(--line);border-radius:17px;background:white;box-shadow:var(--shadow);transition:.2s ease}
.quick-grid>a:hover{transform:translateY(-4px);border-color:#b9cbcd}
.quick-grid svg{width:30px;height:30px;color:var(--gold-dark)}
.quick-grid strong,.quick-grid small{display:block}
.quick-grid strong{color:var(--petrol)}
.quick-grid small{color:var(--muted)}
.section{padding:94px 0}
.section-soft{background:var(--soft)}
.section-dark{background:linear-gradient(135deg,var(--petrol-3),var(--petrol-2));color:white}
.section-heading{max-width:830px;margin:0 auto 45px;text-align:center}
.section-heading h2{margin:15px 0 10px;color:var(--petrol);font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.035em}
.section-heading p{margin:0;color:var(--muted)}
.main-services{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}
.feature-service{position:relative;overflow:hidden;padding:34px;border-radius:25px;box-shadow:var(--shadow)}
.feature-service-lcl{background:white;border:1px solid var(--line)}
.feature-service-fcl{background:linear-gradient(145deg,var(--petrol),var(--petrol-2));color:white}
.service-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#eef5f5;color:var(--petrol)}
.feature-service-fcl .service-icon{background:rgba(255,255,255,.12);color:#f2cc58}
.service-icon svg{width:30px;height:30px}
.service-label{display:block;margin-top:22px;color:var(--gold-dark);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.feature-service-fcl .service-label{color:#f2cc58}
.feature-service h3{margin:8px 0 10px;font-size:1.8rem;line-height:1.1;color:var(--petrol)}
.feature-service-fcl h3{color:white}
.feature-service p{margin:0;color:var(--muted)}
.feature-service-fcl p{color:rgba(255,255,255,.76)}
.feature-service ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px;margin:22px 0;padding:0;list-style:none}
.feature-service li{position:relative;padding-left:20px;color:#40565c;font-size:.88rem}
.feature-service-fcl li{color:rgba(255,255,255,.82)}
.feature-service li:before{content:"✓";position:absolute;left:0;color:var(--gold-dark);font-weight:900}
.feature-service-fcl li:before{color:#f2cc58}
.service-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.service-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:11px 17px;border-radius:999px;font-weight:850;font-size:.88rem}
.service-button-primary{background:var(--petrol);color:white}
.service-button-secondary{background:#eef4f4;color:var(--petrol)}
.service-button-light{background:var(--gold);color:#15272c}
.service-button-outline{border:1px solid rgba(255,255,255,.35);color:white}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:0 12px 38px rgba(18,63,73,.08);transition:.2s ease}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.service-card-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#eef5f5;color:var(--petrol)}
.service-card>span{margin-top:17px;color:var(--gold-dark);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.service-card h3{margin:6px 0 8px;color:var(--petrol)}
.service-card p{margin:0 0 20px;color:var(--muted);font-size:.9rem}
.service-card>a{display:flex;align-items:center;gap:7px;width:max-content;margin-top:auto;color:var(--petrol-2);font-weight:850;font-size:.86rem}
.quote-shell{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:start}
.quote-menu{display:grid;gap:9px;position:sticky;top:105px}
.quote-menu-item{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:white;text-align:left;color:var(--petrol)}
.quote-menu-item svg{width:24px;height:24px}
.quote-menu-item span,.quote-menu-item strong,.quote-menu-item small{display:block}
.quote-menu-item small{color:var(--muted);font-size:.74rem}
.quote-menu-item.active{background:var(--petrol);color:white;border-color:var(--petrol);box-shadow:var(--shadow)}
.quote-menu-item.active small{color:rgba(255,255,255,.65)}
.quote-card{padding:30px;border:1px solid var(--line);border-radius:25px;background:white;box-shadow:var(--shadow)}
.quote-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.quote-title-row span{color:var(--gold-dark);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.quote-title-row h3{margin:5px 0 0;color:var(--petrol);font-size:1.55rem}
.quote-title-row>strong{padding:7px 10px;border-radius:999px;background:#edf5f5;color:var(--petrol);font-size:.75rem}
.source-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 20px}
.source-tab{display:flex;align-items:center;gap:10px;padding:15px;border:2px solid var(--line);border-radius:15px;background:#fafcfc;text-align:left}
.source-tab svg{width:26px;height:26px;color:var(--petrol)}
.source-tab strong,.source-tab small{display:block}
.source-tab small{color:var(--muted);font-size:.72rem}
.source-tab.active{border-color:var(--petrol-2);background:#ebf4f4;box-shadow:0 0 0 4px rgba(29,91,102,.08)}
.field{display:flex;flex-direction:column;gap:7px}
.field>span{color:#31474d;font-size:.84rem;font-weight:760}
.field small{color:var(--muted);font-size:.75rem}
input,select,textarea{width:100%;padding:12px 13px;border:1px solid #cbd8da;border-radius:12px;background:white;color:var(--ink);outline:none;transition:.2s ease}
input:focus,select:focus,textarea:focus{border-color:var(--petrol-2);box-shadow:0 0 0 4px rgba(29,91,102,.1)}
textarea{resize:vertical}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.client-grid{margin:20px 0}
.source-panel,.service-field-panel{padding:18px;border:1px dashed #c6d5d7;border-radius:16px;background:#f8fafa}
.service-field-panel{margin:20px 0}
.photo-drop{display:block;padding:25px;border:2px dashed #b9cbcd;border-radius:16px;background:white;text-align:center;cursor:pointer}
.photo-drop svg{width:36px;height:36px;color:var(--petrol)}
.photo-drop strong,.photo-drop span{display:block}
.photo-drop span{margin-top:5px;color:var(--muted);font-size:.82rem}
.photo-drop input{display:none}
.photo-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}
.photo-preview-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:12px;background:#e8eeee}
.photo-preview-item img{width:100%;height:100%;object-fit:cover}
.photo-preview-item button{position:absolute;top:5px;right:5px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:white}
.estimate-box{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:20px;margin:20px 0;padding:21px;border-radius:17px;background:linear-gradient(145deg,var(--petrol),var(--petrol-2));color:white}
.estimate-box span,.estimate-box strong{display:block}
.estimate-box span{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;opacity:.78}
.estimate-box strong{margin-top:6px;font-size:1.65rem}
.estimate-box p{margin:0;color:rgba(255,255,255,.75);font-size:.86rem}
.form-alert{margin:12px 0;padding:12px 14px;border:1px solid #f0caca;border-radius:12px;background:#fff0f0;color:var(--danger);font-size:.86rem}
.form-help{margin:12px 0 0;color:var(--muted);font-size:.78rem}
.china-grid{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}
.china-grid h2{margin:16px 0 12px;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.06}
.china-grid p{color:rgba(255,255,255,.77)}
.china-grid>img{width:100%;height:520px;object-fit:cover;border-radius:27px;box-shadow:0 25px 65px rgba(0,0,0,.3)}
.china-points{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}
.china-points span{padding:13px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.07);font-size:.86rem}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.gallery-card{position:relative;overflow:hidden;min-height:350px;border-radius:21px;background:#dae5e6}
.gallery-card img{width:100%;height:100%;min-height:350px;object-fit:cover;transition:transform .4s ease}
.gallery-card:hover img{transform:scale(1.04)}
.gallery-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,27,32,.92))}
.gallery-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:19px;color:white}
.gallery-copy h3{margin:0 0 6px}
.gallery-copy p{margin:0;color:rgba(255,255,255,.74);font-size:.82rem}
.social-section{padding:0 0 94px}
.social-card{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:36px;border-radius:25px;background:linear-gradient(140deg,var(--petrol-3),var(--petrol-2));color:white}
.social-card h2{margin:12px 0 8px;font-size:2.2rem}
.social-card p{margin:0;color:rgba(255,255,255,.72)}
.social-buttons{display:flex;gap:12px}
.social-button{display:flex;align-items:center;gap:11px;min-width:155px;padding:14px 16px;border-radius:16px;color:white}
.social-button svg{width:27px;height:27px}
.social-button strong,.social-button small{display:block}
.social-button small{opacity:.75;font-size:.72rem}
.social-button.instagram{background:linear-gradient(135deg,#7b3fc6,#e04774,#e78e34)}
.social-button.tiktok{background:#111}
.social-button.whatsapp{background:#1cae55}
.faq-wrap{max-width:900px}
.faq-wrap details{margin-bottom:11px;border:1px solid var(--line);border-radius:15px;background:white}
.faq-wrap summary{padding:18px 20px;color:var(--petrol);font-weight:850;cursor:pointer}
.faq-wrap details p{margin:0;padding:0 20px 20px;color:var(--muted)}
footer{padding:35px 0;background:var(--petrol-3);color:rgba(255,255,255,.78)}
.footer-grid{display:grid;grid-template-columns:220px 1fr auto;gap:30px;align-items:center}
.footer-grid>img{width:200px;height:auto;object-fit:contain}
.footer-grid strong{color:white}
.footer-grid p{margin:4px 0 0}
.footer-social{display:flex;gap:12px}
.footer-social a{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.floating-whatsapp{position:fixed;z-index:80;right:18px;bottom:18px;width:59px;height:59px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:white;box-shadow:0 13px 32px rgba(0,0,0,.25)}
.floating-whatsapp svg{width:29px;height:29px}
.hidden{display:none!important}

@media(max-width:1080px){
  .hero-grid,.china-grid{grid-template-columns:1fr}
  .hero-person{max-width:600px;justify-self:center}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .quote-shell{grid-template-columns:1fr}
  .quote-menu{position:static;grid-template-columns:repeat(4,1fr)}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .social-card{align-items:flex-start;flex-direction:column}
}
@media(max-width:850px){
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;top:76px;left:4%;right:4%;flex-direction:column;align-items:stretch;padding:18px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:var(--shadow)}
  .main-nav.open{display:flex}
  .quick-grid{grid-template-columns:repeat(2,1fr)}
  .main-services{grid-template-columns:1fr}
  .source-tabs{grid-template-columns:1fr}
  .social-buttons{flex-wrap:wrap}
}
@media(max-width:650px){
  .topbar-inner>span{font-size:.68rem}
  .brand img{width:185px}
  .hero h1{font-size:2.7rem}
  .hero-person{display:none}
  .hero-grid{padding:56px 0}
  .quick-grid,.service-grid,.quote-menu,.form-grid,.gallery-grid,.footer-grid,.china-points{grid-template-columns:1fr}
  .feature-service ul{grid-template-columns:1fr}
  .quote-card{padding:20px}
  .photo-preview{grid-template-columns:repeat(3,1fr)}
  .social-buttons{width:100%;flex-direction:column}
  .social-button{width:100%}
  .footer-grid{text-align:center}
  .footer-grid>img{margin:auto}
  .footer-social{justify-content:center}
  .quote-actions .btn{width:100%}
  .china-grid>img{height:auto}
}


/* V4: fotografías reales y galería profesional */
.proof-section{padding-top:80px;background:#f7f9f9}
.proof-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:16px}
.proof-card{position:relative;min-height:430px;overflow:hidden;border:0;border-radius:24px;background:#dce7e8;box-shadow:var(--shadow)}
.proof-card-large{min-height:520px}
.proof-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .45s ease}
.proof-card-large img{object-position:center}
.proof-card:hover img{transform:scale(1.035)}
.proof-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(4,28,34,.94))}
.proof-overlay{position:absolute;z-index:2;left:24px;right:24px;bottom:23px;color:white}
.proof-overlay span{font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#f2cc58}
.proof-overlay h3{margin:7px 0 7px;font-size:1.35rem}
.proof-overlay p{margin:0;color:rgba(255,255,255,.74);font-size:.86rem}

.gallery-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:-12px 0 27px}
.gallery-filter{min-height:41px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--petrol);font-weight:820}
.gallery-filter.active{background:var(--petrol);border-color:var(--petrol);color:white;box-shadow:0 8px 22px rgba(18,63,73,.18)}
.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.gallery-card{appearance:none;width:100%;padding:0;border:0;text-align:left;cursor:zoom-in}
.gallery-card:nth-child(5n+1){grid-row:span 2}
.gallery-card:nth-child(5n+1),.gallery-card:nth-child(5n+1) img{min-height:715px}
.gallery-card .gallery-copy span{display:block;margin-bottom:5px;color:#f2cc58;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.gallery-privacy-note{max-width:780px;margin:24px auto 0;color:var(--muted);font-size:.78rem;text-align:center}

.gallery-lightbox{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:35px;background:rgba(2,17,21,.93);backdrop-filter:blur(10px)}
.gallery-lightbox figure{width:min(94vw,1120px);max-height:91vh;display:grid;grid-template-columns:minmax(0,1fr) 310px;overflow:hidden;margin:0;border-radius:22px;background:white;box-shadow:0 28px 90px rgba(0,0,0,.42)}
.gallery-lightbox figure>img{width:100%;height:82vh;max-height:900px;object-fit:contain;background:#071e23}
.gallery-lightbox figcaption{display:flex;flex-direction:column;justify-content:center;padding:30px;color:var(--ink)}
.gallery-lightbox figcaption span{color:var(--gold-dark);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.gallery-lightbox figcaption h3{margin:8px 0 10px;color:var(--petrol);font-size:1.55rem}
.gallery-lightbox figcaption p{margin:0;color:var(--muted)}
.lightbox-close,.lightbox-nav{position:fixed;z-index:3;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:white;backdrop-filter:blur(8px)}
.lightbox-close{top:18px;right:20px;width:46px;height:46px;border-radius:50%;font-size:2rem}
.lightbox-nav{top:50%;width:48px;height:70px;border-radius:14px;font-size:2.7rem;transform:translateY(-50%)}
.lightbox-prev{left:17px}
.lightbox-next{right:17px}
.lightbox-open{overflow:hidden}

@media(max-width:1080px){
  .proof-grid{grid-template-columns:1fr 1fr}
  .proof-card-large{grid-column:1/-1}
  .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gallery-card:nth-child(5n+1){grid-row:auto}
  .gallery-card:nth-child(5n+1),.gallery-card:nth-child(5n+1) img{min-height:350px}
}
@media(max-width:760px){
  .proof-grid{grid-template-columns:1fr}
  .proof-card-large{grid-column:auto}
  .proof-card,.proof-card-large{min-height:420px}
  .gallery-grid{grid-template-columns:1fr 1fr}
  .gallery-lightbox{padding:15px}
  .gallery-lightbox figure{grid-template-columns:1fr;max-height:94vh;overflow:auto}
  .gallery-lightbox figure>img{height:65vh}
  .gallery-lightbox figcaption{padding:22px}
  .lightbox-nav{top:auto;bottom:16px;width:47px;height:47px;border-radius:50%;transform:none}
  .lightbox-prev{left:18px}
  .lightbox-next{right:18px}
}
@media(max-width:520px){
  .gallery-grid{grid-template-columns:1fr}
}


/* V4.1: restauración de la portada original */
.hero-person>img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center top;
}


/* V5: claridad de costos, listas grandes y desglose */
.source-tabs{grid-template-columns:repeat(4,1fr)}
.cost-breakdown{
  margin:14px 0 20px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:white;
}
.cost-breakdown-header{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:14px 16px;
  background:#f1f6f6;
  color:var(--petrol);
  font-weight:850;
}
.cost-breakdown-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  padding:11px 16px;
  border-top:1px solid #edf1f2;
  color:#40565c;
  font-size:.86rem;
}
.cost-breakdown-row strong{color:var(--petrol)}
.cost-breakdown-row.pending strong{color:#9a6810}
.cost-breakdown-row.total{
  background:#fbfcfc;
  font-size:.94rem;
  font-weight:850;
}
.cost-breakdown-note{
  padding:12px 16px;
  border-top:1px solid #edf1f2;
  background:#fff9e8;
  color:#775414;
  font-size:.79rem;
}
.file-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.file-list-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:11px;
  background:white;
  color:var(--muted);
  font-size:.8rem;
}
.file-list-item button{
  width:27px;
  height:27px;
  border:0;
  border-radius:50%;
  background:#edf3f3;
  color:var(--danger);
}
.bulk-help{
  margin:12px 0 0;
  color:var(--muted);
  font-size:.78rem;
}
@media(max-width:1000px){
  .source-tabs{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .source-tabs{grid-template-columns:1fr}
}


/* V6: asesoría y cotización pagada */
.paid-advisory-gate{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;margin-bottom:22px;padding:25px;border:1px solid #e4cf83;border-radius:21px;background:linear-gradient(145deg,#fff9df,#fff)}
.paid-advisory-gate span{color:var(--gold-dark);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.paid-advisory-gate h3{margin:6px 0 8px;color:var(--petrol);font-size:1.45rem}
.paid-advisory-gate p{margin:0;color:var(--muted)}
.paid-advisory-price{text-align:right}
.paid-advisory-price span,.paid-advisory-price strong,.paid-advisory-price small{display:block}
.paid-advisory-price strong{margin:5px 0;color:var(--petrol);font-size:1.8rem}
.paid-advisory-price small{color:var(--muted)}

.payment-confirmation{display:flex;align-items:flex-start;gap:11px;margin:18px 0;padding:15px;border:1px solid #e7d394;border-radius:14px;background:#fff9e7}
.payment-confirmation input{width:auto;margin-top:4px}
.payment-confirmation strong,.payment-confirmation small{display:block}
.payment-confirmation strong{color:var(--petrol)}
.payment-confirmation small{margin-top:3px;color:#786019}

.consolidated-explainer{background:#f7f9f9}
.payment-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.payment-steps article{padding:24px;border:1px solid var(--line);border-radius:19px;background:white;box-shadow:0 12px 35px rgba(18,63,73,.07)}
.payment-steps article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold);color:#17282c;font-weight:900}
.payment-steps h3{margin:15px 0 7px;color:var(--petrol)}
.payment-steps p{margin:0;color:var(--muted);font-size:.88rem}
.included-not-included{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px}
.included-not-included>div{padding:24px;border:1px solid var(--line);border-radius:18px;background:white}
.included-not-included strong{color:var(--petrol)}
.included-not-included ul{display:grid;gap:8px;margin:15px 0 0;padding-left:20px;color:var(--muted)}
.warning-panel{border-color:#ead9a4!important;background:#fff9e9!important}

@media(max-width:900px){
  .payment-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .paid-advisory-gate,.payment-steps,.included-not-included{grid-template-columns:1fr}
  .paid-advisory-price{text-align:left}
}


/* V7: transferencia, mínimo 1 m³ y sourcing opcional */
.service-option{
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:15px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#f7faf9;
}
.service-option input{width:auto;margin-top:4px}
.service-option strong,.service-option small{display:block}
.service-option strong{color:var(--petrol)}
.service-option small{margin-top:3px;color:var(--muted);line-height:1.45}

/* V8.1 restaurada: conserva la página completa y mejora solo puntos específicos */
.quote-preview{margin-top:22px;padding:23px;border:1px solid var(--line);border-radius:19px;background:#f8fbfb;box-shadow:0 16px 45px rgba(18,63,73,.08)}.quote-preview-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:17px}.quote-preview-heading span{color:var(--gold-dark);font-size:.72rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.quote-preview-heading h3{margin:5px 0 0;color:var(--petrol)}.quote-preview-heading>strong{padding:9px 12px;border-radius:10px;background:var(--petrol);color:white;font-size:.82rem}.quote-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quote-preview-item{padding:11px 13px;border:1px solid #dfe8e9;border-radius:11px;background:white}.quote-preview-item span,.quote-preview-item strong{display:block}.quote-preview-item span{color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase}.quote-preview-item strong{margin-top:4px;color:var(--petrol);word-break:break-word}.quote-preview-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.quote-preview-note{margin:12px 0 0;color:var(--muted);font-size:.78rem}.btn-whatsapp-green{background:#218c5b;color:white;border-color:#218c5b}.whatsapp-link-action{color:#218c5b!important}.advisory-link-action{color:#9a7412!important}.page-link-action{color:#315a67!important}.china-feature-image{width:100%;height:430px!important;object-fit:cover!important;object-position:center!important;border-radius:22px}
.standalone-page{background:white}.standalone-nav{display:flex;gap:22px;font-weight:750;color:#466168}.standalone-hero{padding:78px 0;background:linear-gradient(145deg,#092d35,#123f49);color:white}.standalone-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:42px;align-items:center}.standalone-hero h1{margin:12px 0;font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.03}.standalone-hero p{max-width:720px;color:rgba(255,255,255,.75)}.standalone-price-card{padding:28px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:rgba(255,255,255,.09)}.standalone-price-card span,.standalone-price-card strong,.standalone-price-card small{display:block}.standalone-price-card span{color:#f2cc58;font-size:.75rem;font-weight:850;text-transform:uppercase}.standalone-price-card strong{margin:7px 0;font-size:2.4rem}.standalone-price-card small{color:rgba(255,255,255,.7)}.advisory-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.advisory-process-grid article{padding:20px;border:1px solid var(--line);border-radius:17px;background:white}.advisory-process-grid article>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--gold);color:#173036;font-weight:900}.advisory-process-grid h3{margin:13px 0 6px;color:var(--petrol)}.advisory-process-grid p{margin:0;color:var(--muted);font-size:.84rem}.standalone-form-card{max-width:920px;margin:auto;padding:28px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:var(--shadow)}.standalone-form-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.standalone-form-heading span{color:var(--gold-dark);font-size:.73rem;font-weight:850;text-transform:uppercase}.standalone-form-heading h2{margin:5px 0 0;color:var(--petrol)}.standalone-form-heading>strong{font-size:1.8rem;color:var(--petrol)}.advisory-private-note{margin-top:16px;padding:13px 15px;border-radius:12px;background:#eef5f5;color:#526a70;font-size:.82rem}.advisory-includes-grid,.travel-includes-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.advisory-includes-grid>div,.travel-includes-grid>div{padding:24px;border:1px solid var(--line);border-radius:18px}.advisory-includes-grid h3,.travel-includes-grid h3{margin:0 0 12px;color:var(--petrol)}.advisory-includes-grid ul,.travel-includes-grid ul{padding-left:20px;color:var(--muted)}
.travel-hero{position:relative;height:570px;overflow:hidden}.travel-hero>img{width:100%;height:100%;object-fit:cover}.travel-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,34,41,.92),rgba(5,34,41,.25))}.travel-hero-overlay{position:absolute;z-index:2;inset:0;display:flex;align-items:center;color:white}.travel-hero h1{max-width:760px;margin:12px 0;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.03}.travel-hero p{max-width:650px;color:rgba(255,255,255,.77)}.travel-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.travel-package{overflow:hidden;border:1px solid var(--line);border-radius:21px;background:white;box-shadow:0 15px 45px rgba(18,63,73,.07)}.travel-package.featured{border-color:#d8bb58;transform:translateY(-8px)}.travel-package img{width:100%;height:255px;object-fit:cover}.travel-package>div{padding:23px}.travel-package>div>span{color:var(--gold-dark);font-size:.73rem;font-weight:850;text-transform:uppercase}.travel-package h3{margin:7px 0 9px;color:var(--petrol);font-size:1.45rem}.travel-package p{color:var(--muted);font-size:.86rem}.travel-package ul{padding-left:19px;color:#4f686e;font-size:.84rem}.travel-package .btn{width:100%;margin-top:12px}.travel-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.travel-gallery figure{margin:0;overflow:hidden;border-radius:18px;background:white;border:1px solid var(--line)}.travel-gallery img{width:100%;height:330px;object-fit:cover}.travel-gallery figcaption{padding:12px 14px;color:var(--muted);font-size:.82rem}
@media(max-width:900px){.standalone-hero-grid{grid-template-columns:1fr}.advisory-process-grid{grid-template-columns:repeat(2,1fr)}.travel-package-grid{grid-template-columns:1fr}.travel-package.featured{transform:none}}@media(max-width:650px){.quote-preview-grid,.advisory-process-grid,.advisory-includes-grid,.travel-includes-grid,.travel-gallery{grid-template-columns:1fr}.quote-preview-heading,.standalone-form-heading{display:grid}.standalone-nav{display:none}.travel-hero{height:500px}}

/* Presencia en Yiwu y contacto oficial */
.yiwu-contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.yiwu-contact-grid h2{margin:14px 0 12px;color:var(--petrol)}
.yiwu-contact-grid>div:first-child>p{color:var(--muted);margin-bottom:22px}
.yiwu-contact-card{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:var(--shadow)}
.yiwu-contact-item{color:var(--ink);font-size:.92rem}
.yiwu-contact-item strong{color:var(--petrol)}
a.yiwu-contact-item{color:var(--petrol-2);font-weight:750;text-decoration:none}
.yiwu-contact-note{margin-top:4px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}
@media(max-width:900px){.yiwu-contact-grid{grid-template-columns:1fr}}