.transporte{--bg:#090909;--ink:#f5f5f3;--muted:#c8cdd3;--accent:#d4af68;--on:#090909;--panel:#151515;--line:#393939;--round:0;background:#090909}
.transporte .demo-notice{background:#1b1b1b;color:#c8cdd3;font-size:12px}
.transporte .nav{padding:20px 0;border:0}.transporte .brand{color:#f5f5f3;font-size:26px}.transporte .nav nav{align-items:center;font-size:14px;gap:30px}.nav-book{border:1px solid #8f7747;padding:12px 20px;border-radius:3px}
.transporte .button{background:linear-gradient(115deg,#f0d59c,#c5a15c);color:#090909;border-radius:3px;font-size:15px;padding:16px 24px;gap:16px;transition:filter .2s}.transporte .button:hover{filter:brightness(1.12)}
.costa-cover{position:relative;isolation:isolate;min-height:650px;display:flex;align-items:center;overflow:hidden;background:#151515}.cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}.costa-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090909ef 0%,#090909c2 31%,#09090922 64%,transparent),linear-gradient(0deg,#090909bb,transparent 35%);z-index:-1}.cover-content{padding:55px 0 100px}.transporte .kicker{color:#d4af68;font-size:13px;letter-spacing:.17em}.transporte h1{font-size:clamp(46px,5.8vw,78px);line-height:1.06;font-weight:600;letter-spacing:-.055em;margin:20px 0 24px;max-width:660px}.transporte h1 span{background:linear-gradient(100deg,#f5e0b7,#c9a360);background-clip:text;-webkit-background-clip:text;color:transparent}.transporte .lead{font-size:18px;line-height:1.7;color:#ececec;max-width:470px}.cover-link{display:inline-block;font-size:14px;margin-left:24px;text-decoration:underline;text-underline-offset:5px}.photo-label{position:absolute;bottom:60px;right:5%;font-size:16px;letter-spacing:.2em;color:white}.photo-label span{display:block;font-size:10px;letter-spacing:.3em;margin-top:7px;color:#ddd}
.trip-panel{position:relative;margin-top:-35px;padding:26px 32px 32px;background:linear-gradient(120deg,#f2f3f4,#c8cdd3);color:#151515;border:1px solid #fff8;border-radius:5px;box-shadow:0 24px 55px #0005}.trip-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.trip-heading .kicker{font-size:11px;color:#5d4826;margin:0 0 5px}.trip-heading h2{font-size:27px;margin:0;letter-spacing:-.04em;font-weight:600}.trip-heading>span{font-size:12px;color:#4c4c4c}.trip-panel form{display:grid;grid-template-columns:1.3fr 1.3fr .85fr .7fr auto;align-items:end;gap:14px}.trip-panel label{display:block;font-size:13px;margin-bottom:7px}.trip-panel input{background:#ffffffc9;border:1px solid #a3a5a9;color:#151515;border-radius:3px;height:50px;font-size:14px;padding:10px}.trip-panel .button{margin:0;height:50px;background:#121212;color:#f0d59c;padding:12px 22px}
.ride-benefits{display:flex;justify-content:space-between;gap:20px;padding:36px 0 40px;color:#c8cdd3;font-size:14px}.ride-benefits b{color:#d4af68;margin-right:12px;font-size:12px;font-weight:500}.transporte .services{background:#111;padding-top:65px}.transporte h2{font-size:clamp(32px,3.7vw,49px);font-weight:500;line-height:1.13;letter-spacing:-.045em}.transporte h2 span{color:#c8cdd3}.transporte .services .grid{margin-top:40px}.transporte .service{padding:25px;border:1px solid #383838;background:linear-gradient(135deg,#242424,#111);border-radius:5px;transition:border-color .2s}.transporte .service:hover{border-color:#d4af68}.transporte .service h3{font-size:24px;font-weight:500}.transporte .service a{color:#e2c68f;font-size:14px}.transporte .number{font-size:12px;letter-spacing:.14em}.transporte .story{padding-block:85px}.transporte .story-note{background:#1a1a1a;color:#c8cdd3}.transporte .contact{background:linear-gradient(120deg,#212121,#111)}.transporte input,.transporte select,.transporte textarea{border-radius:3px}.transporte .brand-kit-demo{background:#090909}.transporte footer{background:#171717;color:#eee}.transporte .brand-kit-price{color:#e4c68d}
@media(max-width:1000px){.trip-panel form{grid-template-columns:1fr 1fr}.trip-panel .button{grid-column:1/-1}.costa-cover{min-height:600px}.transporte .nav nav{gap:16px}}
@media(max-width:760px){.transporte .nav{flex-wrap:wrap;gap:16px}.transporte .nav nav{max-width:none;width:100%;justify-content:space-between;gap:12px;font-size:13px}.nav-book{padding:9px 13px}.costa-cover{min-height:720px;align-items:flex-start}.cover-content{padding:35px 0 300px}.cover-photo{object-position:66% center}.costa-cover:after{background:linear-gradient(180deg,#090909e8 0%,#090909c9 33%,#09090918 65%,#0909098c 100%)}.transporte h1{font-size:clamp(40px,10vw,60px)}.transporte .lead{font-size:16px;max-width:370px}.costa-cover .button{width:auto}.cover-link{display:block;margin:18px 0}.photo-label{bottom:60px;font-size:12px}.trip-panel{padding:22px;margin-top:-30px}.trip-heading{align-items:flex-start;flex-direction:column;gap:8px}.trip-panel form{gap:14px 10px}.trip-panel form>div:nth-child(-n+2){grid-column:1/-1}.ride-benefits{flex-direction:column;gap:15px;padding:28px 0}.transporte .services{padding-top:45px}.transporte .services .grid{margin-top:25px}.transporte .story{padding-block:50px}.transporte .demo-notice{font-size:11px}}
.transporte .brand-symbol{background-image:url('../assets/kits-marca/transporte-luxury.png');background-size:362.08px 543.12px;background-position:-169.72px -190.94px}
@media(max-width:760px){.transporte .brand-symbol{background-size:271.56px 407.34px;background-position:-127.29px -143.20px}}