/* ================================================================
   SAVVA RENT CAR — Hoja de estilos global
   Compartida por: index.php  |  reservas.php
   ================================================================ */

/* ===== BASE ===== */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:#0f0f1c;font-family:'Inter',sans-serif;color:#fff;overflow-x:hidden;}
.wrap{max-width:1300px;margin:0 auto;padding:0 28px;}
img{display:block;max-width:100%;}
button,input,select{font-family:'Inter',sans-serif;}

/* ===== NAVBAR ===== */
.navbar{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:8px 40px;background:rgba(10,10,22,0.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(212,175,108,0.1);transition:background 0.3s;gap:16px;}
.navbar.scrolled{background:rgba(8,8,18,0.98);}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.logo-badge{width:88px;height:88px;border-radius:50%;border:2px solid #d7bd42;background:radial-gradient(circle at 40% 40%,#1a1a30,#0c0c1c);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;overflow:hidden;}
.logo-badge::before{content:'';position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(212,175,108,0.2);}
.logo-badge i{color:#d7bd42;font-size:18px;position:relative;z-index:1;}
.logo-text .ls{display:block;font-size:15px;font-weight:800;color:#d7bd42;letter-spacing:2.5px;line-height:1;}
.logo-text .lr{display:block;font-size:9px;font-weight:500;color:rgba(255,255,255,0.38);letter-spacing:1.5px;text-transform:uppercase;}
.nav-links{display:flex;gap:26px;align-items:center;}
.nav-links a{color:rgba(255,255,255,0.75);font-weight:600;font-size:14px;text-decoration:none;transition:color 0.2s;white-space:nowrap;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#d7bd42;transition:width 0.3s;}
.nav-links a:hover,.nav-links a.active{color:#d7bd42;}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}
.nav-right{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.btn-manage{color:#d7bd42;font-weight:600;font-size:14px;background:none;border:none;cursor:pointer;white-space:nowrap;}
.lang-btn{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:18px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;}
.lang-btn i{font-size:9px;opacity:0.6;}

/* ===== SECCIÓN COMÚN ===== */
.section-pad{padding:72px 0;}
.section-title{text-align:center;font-size:32px;font-weight:700;color:#d7bd42;margin-bottom:8px;}
.section-sub{text-align:center;font-size:15px;color:rgba(255,255,255,0.45);margin-bottom:44px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.6;}
.gold-tag{display:inline-block;font-size:11px;font-weight:700;color:#d7bd42;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;}

/* ===== TARJETAS DE VEHÍCULOS ===== */
.v-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.v-card{background:#14142a;border:1px solid rgba(212,175,108,0.22);border-radius:18px;overflow:hidden;transition:transform .25s,box-shadow .25s;}
.v-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(0,0,0,0.45);}
.v-photo{height:175px;background:#1a1a32;overflow:hidden;position:relative;}
.v-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.v-card:hover .v-photo img{transform:scale(1.06);}
.v-cat{position:absolute;top:10px;left:10px;background:rgba(212,175,108,0.18);border:1px solid rgba(212,175,108,0.4);color:#d7bd42;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:20px;backdrop-filter:blur(6px);}
.v-body{padding:16px 18px 18px;}
.v-name{font-size:15px;font-weight:700;color:#d7bd42;margin-bottom:8px;line-height:1.3;}
.v-specs{display:flex;gap:10px;flex-wrap:wrap;font-size:11.5px;color:rgba(255,255,255,0.6);margin-bottom:9px;}
.v-specs span{display:flex;align-items:center;gap:4px;}
.v-specs i{color:rgba(255,255,255,0.35);font-size:11px;}
.v-stars{color:#f59e0b;font-size:13px;letter-spacing:1px;margin-bottom:12px;}
.v-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.v-price{font-size:20px;font-weight:800;}
.v-price small{font-size:12px;font-weight:400;color:rgba(255,255,255,0.45);}
.v-btns{display:flex;gap:6px;}
.btn-preview{background:rgba(212,175,108,0.12);border:1px solid rgba(212,175,108,0.35);color:#d7bd42;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s;}
.btn-preview:hover{background:rgba(212,175,108,0.25);}
.btn-res{background:#2563eb;color:#fff;border:none;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s;}
.btn-res:hover{background:#1d4fd8;}

/* ===== MODALES ===== */
.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.78);z-index:1100;align-items:center;justify-content:center;backdrop-filter:blur(5px);padding:16px;}
.modal-bg.open{display:flex;}
@keyframes mIn{from{opacity:0;transform:translateY(20px) scale(.97);}to{opacity:1;transform:none;}}
.preview-modal{background:#16162e;border:1px solid rgba(212,175,108,0.25);border-radius:22px;width:100%;max-width:860px;max-height:92vh;overflow-y:auto;position:relative;animation:mIn .28s ease;}
.book-modal{background:#16162e;border:1px solid rgba(212,175,108,0.25);border-radius:22px;width:100%;max-width:480px;position:relative;animation:mIn .28s ease;padding:36px;}
.m-close{position:absolute;top:14px;right:18px;background:none;border:none;color:rgba(255,255,255,0.35);font-size:24px;cursor:pointer;line-height:1;z-index:2;transition:color .2s;}
.m-close:hover{color:#fff;}
/* Galería preview */
.pg-main{height:340px;overflow:hidden;background:#0c0c1e;}
.pg-main img{width:100%;height:100%;object-fit:cover;}
.pg-thumbs{display:flex;gap:8px;padding:12px 16px;background:#0f0f20;overflow-x:auto;}
.pg-thumbs img{width:88px;height:58px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;flex-shrink:0;transition:border-color .2s;}
.pg-thumbs img.active,.pg-thumbs img:hover{border-color:#d7bd42;}
.pg-info{padding:24px 28px 28px;}
.pg-title{font-size:24px;font-weight:800;color:#d7bd42;margin-bottom:6px;}
.pg-cat{font-size:12px;font-weight:600;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:1px;margin-bottom:18px;}
.pg-specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;}
.pg-spec{background:rgba(255,255,255,0.05);border-radius:10px;padding:12px 14px;}
.pg-spec-label{font-size:10px;color:rgba(255,255,255,0.35);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;}
.pg-spec-val{font-size:14px;font-weight:600;}
.pg-features{margin-bottom:20px;}
.pg-features h4{font-size:12px;font-weight:700;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;}
.pg-features ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;}
.pg-features li{background:rgba(212,175,108,0.08);border:1px solid rgba(212,175,108,0.2);color:#d7bd42;font-size:12px;font-weight:500;padding:5px 12px;border-radius:20px;}
.pg-bottom{display:flex;align-items:center;justify-content:space-between;}
.pg-price{font-size:30px;font-weight:800;}
.pg-price small{font-size:14px;font-weight:400;color:rgba(255,255,255,0.45);}
/* Booking modal */
.bm-title{font-size:19px;font-weight:700;color:#d7bd42;margin-bottom:4px;}
.bm-car{font-size:13px;color:rgba(255,255,255,0.4);margin-bottom:24px;}
.bm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.bm-grid.full{grid-template-columns:1fr;}
.bm-field label{display:block;font-size:10px;font-weight:700;color:rgba(255,255,255,0.38);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;}
.bm-field input,.bm-field select{width:100%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:11px 14px;font-size:13.5px;color:#fff;outline:none;transition:border-color .2s;-webkit-appearance:none;appearance:none;color-scheme:dark;}
.bm-field input:focus,.bm-field select:focus{border-color:rgba(212,175,108,0.45);}
.bm-field select option{background:#1a1a2e;}
.btn-confirm{width:100%;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:15px;font-size:15px;font-weight:700;cursor:pointer;margin-top:20px;transition:background .2s;}
.btn-confirm:hover{background:#1d4fd8;}

/* ===== FILTROS ===== */
.filter-bar{background:#13132a;border:1px solid rgba(212,175,108,0.18);border-radius:14px;padding:22px 26px;display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:36px;}
.filter-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:155px;}
.filter-field label{font-size:10.5px;font-weight:700;color:rgba(255,255,255,0.38);letter-spacing:1.2px;text-transform:uppercase;}
.filter-select{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:11px 14px;font-size:13px;font-weight:500;color:#fff;outline:none;width:100%;-webkit-appearance:none;appearance:none;color-scheme:dark;cursor:pointer;transition:border-color .2s;}
.filter-select:focus{border-color:rgba(212,175,108,0.45);}
.filter-select option{background:#1a1a2e;}
.filter-actions{display:flex;gap:10px;flex-shrink:0;align-items:flex-end;}
.btn-filter{background:#d7bd42;color:#0f0f1c;border:none;border-radius:8px;padding:12px 28px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .2s;display:flex;align-items:center;gap:6px;}
.btn-filter:hover{opacity:.85;}
.btn-reset{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.5);border-radius:8px;padding:12px 18px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;}
.btn-reset:hover{background:rgba(255,255,255,0.1);color:#fff;}
/* Filter chips */
.active-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;min-height:28px;}
.filter-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(212,175,108,0.1);border:1px solid rgba(212,175,108,0.3);color:#d7bd42;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;}
.filter-chip button{background:none;border:none;color:#d7bd42;cursor:pointer;font-size:13px;line-height:1;padding:0;}
/* Results */
.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px;}
.results-count{font-size:14px;color:rgba(255,255,255,0.45);}
.results-count strong{color:#fff;}
.no-results{text-align:center;padding:80px 0;color:rgba(255,255,255,0.3);font-size:15px;}
.no-results i{font-size:44px;display:block;margin-bottom:14px;color:rgba(212,175,108,0.2);}

/* ===== TOAST ===== */
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(14px);background:#1e3a5f;border:1px solid #2563eb;color:#fff;padding:13px 24px;border-radius:12px;font-size:14px;font-weight:600;z-index:2000;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;white-space:nowrap;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ===== BOTONES FLOTANTES ===== */
.float-btns{position:fixed;bottom:28px;right:28px;z-index:800;display:flex;flex-direction:column;gap:12px;align-items:flex-end;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(212,175,108,.4);}70%{box-shadow:0 0 0 10px rgba(212,175,108,0);}}
.float-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;text-decoration:none;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,0.4);transition:transform .2s;position:relative;}
.float-btn:hover{transform:scale(1.1);}
.float-btn .ft{position:absolute;right:64px;background:rgba(10,10,22,0.9);color:#fff;font-size:12px;font-weight:600;padding:5px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;border:1px solid rgba(255,255,255,0.1);}
.float-btn:hover .ft{opacity:1;}
.fb-ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);animation:pulse 2.5s infinite;}
.fb-wa{background:#25d366;}

/* ===== ANIMACIONES DE SCROLL ===== */
[data-anim]{opacity:0;transition:opacity .75s ease,transform .75s ease;}
[data-anim="left"]{transform:translateX(-60px);}
[data-anim="right"]{transform:translateX(60px);}
[data-anim="up"]{transform:translateY(40px);}
[data-anim="fade"]{transform:none;}
[data-anim].in{opacity:1;transform:none!important;}
[data-d="1"]{transition-delay:.1s;}[data-d="2"]{transition-delay:.15s;}[data-d="3"]{transition-delay:.2s;}
[data-d="4"]{transition-delay:.25s;}[data-d="5"]{transition-delay:.3s;}[data-d="6"]{transition-delay:.35s;}
[data-d="7"]{transition-delay:.4s;}[data-d="8"]{transition-delay:.45s;}[data-d="9"]{transition-delay:.5s;}
[data-d="10"]{transition-delay:.55s;}[data-d="11"]{transition-delay:.6s;}[data-d="12"]{transition-delay:.65s;}

/* ================================================================
   index.php — Estilos exclusivos
   ================================================================ */

/* Animaciones hero texto */
@keyframes slideInLeft{from{opacity:0;transform:translateX(-80px);}to{opacity:1;transform:none;}}
@keyframes slideInRight{from{opacity:0;transform:translateX(80px);}to{opacity:1;transform:none;}}
@keyframes slideInUp{from{opacity:0;transform:translateY(50px);}to{opacity:1;transform:none;}}
@keyframes goldPulse{0%,100%{text-shadow:0 4px 28px rgba(0,0,0,0.6),0 0 0 rgba(212,175,108,0);}50%{text-shadow:0 4px 28px rgba(0,0,0,0.6),0 0 40px rgba(212,175,108,0.35);}}
.hl1{opacity:0;animation:slideInLeft 0.9s cubic-bezier(.22,1,.36,1) 0.3s forwards;}
.hl2{opacity:0;animation:slideInUp 0.9s cubic-bezier(.22,1,.36,1) 0.7s forwards,goldPulse 3s ease 2.5s infinite;}
.hl3{opacity:0;animation:slideInRight 0.9s cubic-bezier(.22,1,.36,1) 1.1s forwards;}

/* Hero */
#inicio{padding-top:74px;}
.hero-box{border-radius:20px;overflow:hidden;position:relative;background:#0c0c1e;min-height:480px;display:flex;flex-direction:column;}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,8,20,0.85) 0%,rgba(8,8,20,0.5) 55%,rgba(8,8,20,0.2) 100%);z-index:1;}
.hero-inner{position:relative;z-index:2;padding:52px 52px 26px;display:flex;flex-direction:column;min-height:480px;}
.hero-title{font-size:66px;font-weight:900;line-height:1.0;letter-spacing:-2px;color:#d7bd42;margin-top:auto;margin-bottom:26px;display:flex;flex-direction:column;gap:0;overflow-wrap:break-word;word-break:break-word;max-width:100%;}

/* Barra de búsqueda */
.search-bar{background:rgba(8,8,20,0.88);border:1px solid rgba(212,175,108,0.3);border-radius:14px;padding:16px 16px 16px 22px;display:flex;align-items:stretch;gap:0;backdrop-filter:blur(14px);}
.sf{flex:1;padding:0 14px;border-right:1px solid rgba(255,255,255,0.07);display:flex;flex-direction:column;gap:6px;min-width:0;}
.sf:first-child{padding-left:0;}.sf.last{border-right:none;}
.sf-lbl{display:flex;align-items:center;gap:6px;}
.sf-num{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.4);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:rgba(255,255,255,0.7);flex-shrink:0;}
.sf-txt{font-size:11px;font-weight:500;color:rgba(255,255,255,0.45);white-space:nowrap;}
.sf-wrap{position:relative;display:flex;align-items:center;}
.sf-wrap i{position:absolute;right:9px;font-size:10px;opacity:0.45;pointer-events:none;}
.sf-wrap i.cal{font-size:11px;}
.sf-wrap .gi{left:9px;right:auto;color:#d7bd42;font-size:12px;opacity:1;}
.sf-wrap.has-left .si{padding-left:26px;}
.si{background:rgba(255,255,255,0.07);border:none;border-radius:7px;padding:8px 28px 8px 11px;font-size:12.5px;font-weight:500;color:#fff;cursor:pointer;width:100%;outline:none;-webkit-appearance:none;appearance:none;color-scheme:dark;}
.si option{background:#1a1a2e;}
.btn-search{background:#2563eb;color:#fff;border:none;border-radius:9px;padding:0 24px;font-size:14px;font-weight:700;cursor:pointer;margin-left:12px;flex-shrink:0;white-space:nowrap;transition:background .2s,transform .1s;}
.btn-search:hover{background:#1d4fd8;}.btn-search:active{transform:scale(.97);}

/* Proceso de reserva */
.proceso-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.proceso-card{background:#13132a;border:1px solid rgba(255,255,255,0.06);border-radius:18px;padding:30px 24px;text-align:center;position:relative;transition:border-color .2s;}
.proceso-card:hover{border-color:rgba(212,175,108,0.3);}
.proceso-num{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;background:#d7bd42;color:#0f0f1c;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.proceso-icon{font-size:36px;color:#d7bd42;margin-bottom:14px;}
.proceso-title{font-size:16px;font-weight:700;margin-bottom:8px;}
.proceso-desc{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.6;}
.proceso-arrow{position:absolute;right:-16px;top:50%;transform:translateY(-50%);color:rgba(212,175,108,0.4);font-size:18px;z-index:1;}
.proceso-card:last-child .proceso-arrow{display:none;}

/* Por qué elegirnos */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.why-card{background:#13132a;border:1px solid rgba(255,255,255,0.06);border-radius:18px;padding:28px 22px;text-align:center;transition:all .25s;}
.why-card:hover{border-color:rgba(212,175,108,0.3);transform:translateY(-3px);}
.why-icon{width:60px;height:60px;border-radius:50%;background:rgba(212,175,108,0.1);border:1px solid rgba(212,175,108,0.25);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;color:#d7bd42;}
.why-title{font-size:15px;font-weight:700;margin-bottom:8px;}
.why-desc{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.6;}

/* Acerca de Nosotros */
#nosotros{background:#0b0b18;}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:72px;}
.about-img-wrap{border-radius:20px;overflow:hidden;position:relative;}
.about-img-wrap::before{content:'';position:absolute;inset:0;border:2px solid rgba(212,175,108,0.25);border-radius:20px;z-index:1;pointer-events:none;}
.about-img-wrap img{width:100%;height:440px;object-fit:cover;border-radius:20px;}
.about-text .gold-tag{margin-bottom:12px;}
.about-text h2{font-size:36px;font-weight:800;line-height:1.15;margin-bottom:18px;}
.about-text h2 span{color:#d7bd42;}
.about-text p{font-size:15px;color:rgba(255,255,255,0.6);line-height:1.8;margin-bottom:14px;}
.about-text .about-cta{margin-top:24px;display:flex;gap:14px;flex-wrap:wrap;}
.btn-gold{background:transparent;border:2px solid #d7bd42;color:#d7bd42;border-radius:10px;padding:13px 28px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;}
.btn-gold:hover{background:#d7bd42;color:#0f0f1c;}
.btn-blue{background:#2563eb;color:#fff;border:none;border-radius:10px;padding:13px 28px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s;}
.btn-blue:hover{background:#1d4fd8;}
/* Misión / Visión / Valores */
.mvv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:64px;}
.mvv-card{background:#13132a;border:1px solid rgba(212,175,108,0.18);border-radius:18px;padding:32px 28px;}
.mvv-card .mvv-icon{width:52px;height:52px;border-radius:14px;background:rgba(212,175,108,0.1);display:flex;align-items:center;justify-content:center;font-size:22px;color:#d7bd42;margin-bottom:16px;}
.mvv-card h3{font-size:18px;font-weight:700;color:#d7bd42;margin-bottom:10px;}
.mvv-card p{font-size:14px;color:rgba(255,255,255,0.55);line-height:1.7;}
.mvv-values ul{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:6px;}
.mvv-values li{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,0.6);}
.mvv-values li::before{content:'◆';color:#d7bd42;font-size:8px;flex-shrink:0;}

/* Contacto */
#contacto{background:#0b0b18;}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.contact-info-title{font-size:28px;font-weight:700;margin-bottom:28px;}
.contact-info-title span{color:#d7bd42;}
.cinfo-list{list-style:none;display:flex;flex-direction:column;gap:18px;margin-bottom:32px;}
.cinfo-list li{display:flex;align-items:flex-start;gap:14px;}
.cinfo-icon{width:42px;height:42px;border-radius:10px;background:rgba(212,175,108,0.1);border:1px solid rgba(212,175,108,0.25);display:flex;align-items:center;justify-content:center;font-size:16px;color:#d7bd42;flex-shrink:0;}
.cinfo-label{font-size:11px;font-weight:600;color:rgba(255,255,255,0.35);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;}
.cinfo-val{font-size:15px;font-weight:500;}
.cinfo-val a{color:#fff;text-decoration:none;}
.cinfo-val a:hover{color:#d7bd42;}
.contact-socials{display:flex;gap:12px;flex-wrap:wrap;}
.csocial{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:11px 18px;font-size:13px;font-weight:600;text-decoration:none;color:rgba(255,255,255,0.7);transition:all .2s;}
.csocial:hover{background:rgba(212,175,108,0.12);border-color:rgba(212,175,108,0.35);color:#d7bd42;}
.csocial i{font-size:16px;}
.map-wrap{border-radius:18px;overflow:hidden;border:1px solid rgba(212,175,108,0.18);}
.map-wrap iframe{display:block;width:100%;height:480px;border:none;}

/* ================================================================
   reservas.php — Estilos exclusivos
   ================================================================ */

/* Animaciones banner */
@keyframes bannerIn{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:none;}}
@keyframes shimmerLine{0%,100%{opacity:.4;}50%{opacity:1;}}

/* Banner */
.res-banner{padding:130px 0 70px;background:linear-gradient(135deg,#09091a 0%,#141430 50%,#09091a 100%);position:relative;overflow:hidden;text-align:center;}
.res-banner-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0.22;}
.res-banner .wrap{position:relative;z-index:2;}
.res-banner::before{content:'';position:absolute;top:-30%;right:-5%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,108,0.07) 0%,transparent 70%);pointer-events:none;z-index:1;}
.res-banner::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,108,0.35),transparent);z-index:1;}
.res-breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.35);margin-bottom:20px;animation:bannerIn .7s ease forwards;}
.res-breadcrumb a{color:rgba(255,255,255,0.35);text-decoration:none;transition:color .2s;}
.res-breadcrumb a:hover{color:#d7bd42;}
.res-breadcrumb .sep{color:rgba(255,255,255,0.2);}
.res-banner-eyebrow{display:inline-block;font-size:11px;font-weight:700;color:#d7bd42;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:14px;animation:bannerIn .7s ease .1s both;}
.res-banner-title{font-size:62px;font-weight:900;color:#d7bd42;letter-spacing:-2px;text-shadow:0 4px 28px rgba(0,0,0,0.45);animation:bannerIn .8s cubic-bezier(.22,1,.36,1) .2s both;margin-bottom:14px;line-height:1;}
.res-banner-sub{font-size:16px;color:rgba(255,255,255,0.45);animation:bannerIn .8s ease .35s both;max-width:520px;margin:0 auto;line-height:1.65;}
.res-banner-line{width:80px;height:3px;background:linear-gradient(90deg,transparent,#d7bd42,transparent);margin:18px auto 0;animation:shimmerLine 2.5s ease infinite;}

/* Stats bar */
.stats-bar{background:#13132a;border-top:1px solid rgba(212,175,108,0.1);border-bottom:1px solid rgba(212,175,108,0.1);padding:20px 0;}
.stats-inner{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;}
.stat-item{text-align:center;}
.stat-num{font-size:26px;font-weight:800;color:#d7bd42;}
.stat-label{font-size:12px;color:rgba(255,255,255,0.4);font-weight:500;margin-top:2px;letter-spacing:.5px;}

/* Sección filtros (reservas) */
.filter-section{padding:48px 0 36px;}
.filter-title{font-size:16px;font-weight:700;color:rgba(255,255,255,0.6);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.filter-title i{color:#d7bd42;}

/* ===== HAMBURGER ===== */
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:901;flex-shrink:0;}
.hamburger span{display:block;width:24px;height:2.5px;background:#d7bd42;border-radius:3px;transition:transform .3s,opacity .3s;}
.hamburger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.hamburger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}

/* ================================================================
   RESPONSIVE (compartido)
   ================================================================ */
@media(max-width:1200px){
    .v-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:1000px){
    .proceso-grid,.why-grid{grid-template-columns:repeat(2,1fr);}
    .mvv-grid{grid-template-columns:1fr;}
    .about-intro{grid-template-columns:1fr;gap:36px;}
    .about-img-wrap img{height:300px;}
    .contact-layout{grid-template-columns:1fr;}
    .pg-specs-grid{grid-template-columns:repeat(2,1fr);}
    .proceso-arrow{display:none!important;}
}
@media(max-width:900px){
    .navbar{padding:12px 20px;}
    .nav-links{gap:16px;}
    .v-grid{grid-template-columns:repeat(2,1fr);}
    .hero-title{font-size:46px;}
    .hero-inner{padding:40px 28px 22px;}
    .search-bar{flex-wrap:wrap;gap:12px;}
    .sf{border-right:none;padding:0;min-width:140px;}
    .btn-search{width:100%;padding:13px;margin-left:0;margin-top:4px;}
    .filter-bar{gap:12px;}
    .res-banner-title{font-size:44px;}
    .stats-inner{gap:28px;}
}
@media(max-width:660px){
    .hamburger{display:flex;}
    .nav-links{
        display:none;flex-direction:column;gap:0;
        position:absolute;top:100%;left:0;right:0;
        background:rgba(8,8,18,0.98);
        border-top:1px solid rgba(212,175,108,0.18);
        border-bottom:1px solid rgba(212,175,108,0.1);
        backdrop-filter:blur(16px);
        padding:8px 0 16px;
        z-index:899;
    }
    .nav-links.open{display:flex;}
    .nav-links a{padding:13px 28px;font-size:15px;border-bottom:1px solid rgba(255,255,255,0.05);}
    .nav-links a:last-child{border-bottom:none;}
    .nav-links a::after{display:none;}
    .v-grid{grid-template-columns:1fr;}
    .hero-title{font-size:34px;letter-spacing:-1px;}
    .proceso-grid,.why-grid{grid-template-columns:1fr;}
    .bm-grid{grid-template-columns:1fr;}
    .pg-specs-grid{grid-template-columns:1fr;}
    .section-title{font-size:26px;}
    .res-banner-title{font-size:34px;letter-spacing:-1px;}
    .wrap{padding:0 18px;}
    .hero-inner{padding:32px 20px 20px;}
    .pg-info{padding:18px 18px 22px;}
    .book-modal{padding:24px 20px;}
    .filter-bar{padding:16px 18px;}
}
@media(max-width:430px){
    .hero-title{font-size:26px;letter-spacing:-0.5px;}
    .res-banner-title{font-size:26px;letter-spacing:-0.5px;}
    .hero-inner{padding:28px 16px 16px;}
    .search-bar{padding:12px 14px;}
    .sf{min-width:100%;}
    .btn-search{width:100%;padding:12px;margin-left:0;}
}