:root{--verde:#006b3d;--oscuro:#043c2f;--profundo:#002f26;--turquesa:#12b8a6;--fondo:#f4f7f6;--texto:#17211e;--gris:#68746f;--blanco:#fff;--borde:#dce6e2;--rojo:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Poppins,Arial,sans-serif;background:linear-gradient(180deg,#f6f9f8,#edf3f1);color:var(--texto)}.header-gestion{height:92px;background:#fff;border-bottom:1px solid #e7efec}.header-content{max-width:1320px;height:100%;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:24px;text-decoration:none;color:#45534e}.brand img{height:60px;display:block}.brand span{border-left:1px solid #aebbb6;padding-left:24px;text-transform:uppercase;font-size:13px;line-height:1.35;letter-spacing:1.3px}.volver{color:var(--oscuro);text-decoration:none;border:1px solid #8da49c;border-radius:999px;padding:11px 20px;font-size:12px;font-weight:700;display:flex;gap:9px;align-items:center}.gestion-main{min-height:calc(100vh - 160px)}.gestion-hero{background:linear-gradient(90deg,rgba(0,47,38,.97),rgba(0,62,49,.77),rgba(0,47,38,.5)),url("img/hero/hero-2.jpg") center/cover;color:#fff;padding:44px 24px 54px}.hero-inner{max-width:1280px;margin:auto}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#d5fff4}.hero-inner h1{font-size:42px;line-height:1.08;margin:9px 0 8px}.hero-inner>p{margin:0 0 25px;color:rgba(255,255,255,.84);font-size:14px}.consulta-card{background:rgba(255,255,255,.98);border-radius:18px;padding:20px 22px;color:var(--texto);box-shadow:0 18px 50px rgba(0,0,0,.16);max-width:1000px}.consulta-fields{display:grid;grid-template-columns:1fr 1fr 220px;gap:14px;align-items:end}.consulta-fields label>span{display:block;font-size:10px;font-weight:800;color:#394741;margin-bottom:7px}.input-wrap{height:48px;border:1px solid var(--borde);border-radius:12px;display:flex;align-items:center;padding:0 14px;gap:10px;background:#fff}.input-wrap:focus-within{border-color:var(--turquesa);box-shadow:0 0 0 4px rgba(18,184,166,.1)}.input-wrap i{color:#7c8e87}.input-wrap input{width:100%;border:0;outline:0;background:transparent;font:500 12px Poppins}#codigoReserva{text-transform:uppercase}.consulta-fields button{height:48px;border:0;border-radius:12px;background:var(--verde);color:#fff;font:800 12px Poppins;cursor:pointer}.consulta-fields button:disabled{opacity:.65}.mensaje{margin:9px 0 0;min-height:0;font-size:10px;color:var(--rojo);font-weight:600}.mensaje:empty{display:none}.mensaje.ok{color:var(--verde)}.consulta-help{border-top:1px solid #edf2f0;margin-top:15px;padding-top:13px;font-size:10px;color:#70807a}.consulta-help i{color:var(--verde);margin-right:7px}.resultado{max-width:1320px;margin:34px auto 42px;background:#fff;border:1px solid #dce6e2;border-radius:22px;padding:30px 34px 24px;box-shadow:0 20px 55px rgba(18,49,39,.09)}.oculto{display:none!important}.reserva-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;border-bottom:1px solid #e8efec;padding-bottom:24px}.mini-label{font-size:10px;font-weight:800;color:#65736e;letter-spacing:.5px}.codigo-line{display:flex;align-items:center;gap:10px}.codigo-line h2{font-size:31px;margin:4px 0 3px;color:var(--oscuro);letter-spacing:.2px}.copiar{border:0;background:transparent;color:var(--oscuro);font-size:20px;cursor:pointer}.reserva-head>div>p{margin:3px 0 0;font-size:11px;color:#73817c}.estado-box{min-width:330px;background:linear-gradient(135deg,#f2f8f6,#eaf5f1);border-radius:15px;padding:15px 18px;text-align:center}.estado-box small{display:block;font-size:9px;color:#68746f}.estado{display:inline-block;margin-top:5px;padding:8px 14px;border-radius:999px;background:#bff2e5;color:#034b3b;font-size:10px;font-weight:800;text-transform:uppercase}.estado-box p{font-size:9px!important;color:#52625c!important}.reserva-body{display:grid;grid-template-columns:285px 1fr;gap:24px;padding-top:24px}.vehiculo-card{border:1px solid #e2ebe7;border-radius:16px;overflow:hidden;background:#fff}.vehiculo-visual{height:190px;display:grid;place-items:center;background:radial-gradient(circle at center,#f8fbfa,#eaf2ef);color:#0b8468;font-size:84px}.vehiculo-copy{padding:18px}.vehiculo-copy span{font-size:9px;color:#6b7873;font-weight:800}.vehiculo-copy strong{display:block;color:var(--oscuro);font-size:16px;margin-top:4px}.vehiculo-copy p{font-size:9px;color:#65736e;line-height:1.5;margin:7px 0 0}.detalle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detalle-grid article{min-height:98px;border:1px solid #e0e9e5;border-radius:14px;padding:16px;display:flex;gap:13px;align-items:flex-start;background:linear-gradient(180deg,#fff,#fbfdfc)}.detalle-grid article>i{font-size:21px;color:#078f73;margin-top:2px}.detalle-grid small{display:block;font-size:8px;color:#66736e;font-weight:700;margin-bottom:6px}.detalle-grid strong{display:block;font-size:12px;color:var(--oscuro);line-height:1.4}.estado-nota{margin-top:12px;border-radius:11px;background:#eff6f3;padding:12px 14px;color:#174a3d;font-size:10px;font-weight:600}.estado-nota i{margin-right:8px}.acciones{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.acciones button{min-height:58px;border-radius:12px;background:#fff;font-family:Poppins;display:flex;align-items:center;justify-content:center;gap:12px}.acciones button i{font-size:20px}.acciones button span{display:flex;flex-direction:column;align-items:flex-start}.acciones button b{font-size:11px}.acciones button small{font-size:8px;font-weight:500;opacity:.55}.acciones .secundario{border:1px solid #8bd3c2;color:#08715b}.acciones .peligro{border:1px solid #e3a09a;color:var(--rojo)}.acciones button:disabled{opacity:.8}.soporte{margin-top:24px;background:#eff6f3;border-radius:14px;padding:17px 24px;display:grid;grid-template-columns:repeat(3,1fr)}.soporte>div{display:flex;gap:13px;align-items:center;padding:0 20px;border-right:1px solid #b9cbc4}.soporte>div:last-child{border-right:0}.soporte i{font-size:24px;color:var(--oscuro)}.soporte span{display:flex;flex-direction:column}.soporte b{font-size:10px;color:var(--oscuro)}.soporte small{font-size:9px;color:#53625d;margin-top:2px}footer{min-height:72px;background:var(--profundo);color:#fff;padding:20px 35px;display:flex;align-items:center;justify-content:center;gap:45px;font-size:10px}footer strong{font-size:21px;font-style:italic}footer span{opacity:.75}@media(max-width:950px){.consulta-fields{grid-template-columns:1fr 1fr}.consulta-fields button{grid-column:1/-1}.reserva-body{grid-template-columns:1fr}.vehiculo-card{display:grid;grid-template-columns:180px 1fr}.vehiculo-visual{height:150px}.detalle-grid{grid-template-columns:1fr 1fr}.soporte{grid-template-columns:1fr}.soporte>div{border-right:0;border-bottom:1px solid #cbd9d4;padding:12px}.soporte>div:last-child{border-bottom:0}}@media(max-width:620px){.header-gestion{height:74px}.header-content{padding:0 16px}.brand img{height:47px}.brand span{display:none}.volver{padding:9px 12px;font-size:0}.volver i{font-size:14px}.gestion-hero{padding:34px 15px 40px}.hero-inner h1{font-size:32px}.consulta-card{padding:18px}.consulta-fields{grid-template-columns:1fr}.consulta-fields button{grid-column:auto}.resultado{margin:18px 12px 30px;padding:22px 16px}.reserva-head{flex-direction:column}.estado-box{min-width:0;width:100%}.codigo-line h2{font-size:22px}.vehiculo-card{display:block}.detalle-grid{grid-template-columns:1fr}.acciones{grid-template-columns:1fr}.soporte{padding:10px}.soporte>div{padding:12px 6px}footer{flex-direction:column;gap:4px;text-align:center}}
/* ===== ICIRENT PREMIUM V2 ===== */
/* Tipografía del formulario/detalle aumentada aprox. 17% */
.resultado{font-size:117%}
.resultado .mini-label{font-size:11.7px}
.resultado .codigo-line h2{font-size:36px}
.resultado .reserva-head>div>p{font-size:12.9px}
.resultado .estado-box small{font-size:10.5px}
.resultado .estado{font-size:11.7px}
.resultado .estado-box p{font-size:10.5px!important}
.resultado .vehiculo-copy span{font-size:10.5px}
.resultado .vehiculo-copy strong{font-size:18.7px}
.resultado .vehiculo-copy p{font-size:10.5px}
.resultado .detalle-grid small{font-size:9.4px}
.resultado .detalle-grid strong{font-size:14px}
.resultado .estado-nota{font-size:11.7px}
.resultado .acciones button b{font-size:12.9px}
.resultado .acciones button small{font-size:9.4px}
.resultado .soporte b{font-size:11.7px}
.resultado .soporte small{font-size:10.5px}

.vehiculo-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#f8fbfa,#e7f0ed)}
.vehiculo-visual img{width:100%;height:100%;object-fit:contain;display:block;padding:10px}
.vehiculo-visual img[hidden]{display:none!important}
.vehiculo-fallback{width:100%;height:100%;display:grid;place-items:center;color:#0b8468;font-size:84px}
.vehiculo-fallback[hidden]{display:none!important}
.gama-nota{border-top:1px solid #dce7e3;margin-top:14px;padding-top:12px;display:flex;gap:9px;align-items:flex-start;color:#4e625a}
.gama-nota i{color:var(--verde);margin-top:2px}
.gama-nota span{font-size:9.5px;line-height:1.45;font-weight:500}

.resultado{border-radius:26px}
.detalle-grid article{box-shadow:0 3px 12px rgba(0,47,38,.025)}
.estado-box{border:1px solid #e5efeb}
.estado-nota{display:flex;align-items:center}
.soporte{border:1px solid #e3ece8}
.acciones button{transition:transform .18s ease,box-shadow .18s ease}
.acciones button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,47,38,.08)}
@media(max-width:620px){
  .resultado{font-size:100%}
  .resultado .codigo-line h2{font-size:26px}
}

/* ===== ICIRENT PREMIUM V3 · ESTADO INICIAL ===== */
html,body{min-height:100%}
body{min-height:100vh;display:flex;flex-direction:column}
.gestion-main{flex:1;display:flex;flex-direction:column;min-height:0}

/* Barra superior integrada con la identidad visual */
.header-gestion{
  height:78px;
  background:linear-gradient(90deg,#003d31,#005642);
  border-bottom:0;
  box-shadow:0 3px 14px rgba(0,47,38,.12);
}
.header-content{max-width:1280px;padding:0 28px}
.brand span{color:rgba(255,255,255,.86);border-left-color:rgba(255,255,255,.35)}
.volver{color:#fff;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.06)}
.volver:hover{background:rgba(255,255,255,.13)}

/* Antes de consultar, el hero ocupa el espacio útil: desaparece la franja vacía */
.gestion-hero{
  flex:1;
  min-height:calc(100vh - 150px);
  display:flex;
  align-items:center;
  padding:48px 24px 58px;
}
.hero-inner{width:100%}
.resultado:not(.oculto) + *{}
body:has(#resultadoReserva:not(.oculto)) .gestion-hero{
  flex:none;
  min-height:0;
  align-items:initial;
  padding-top:38px;
  padding-bottom:42px;
}

/* Formulario más grande y legible */
.consulta-card{max-width:1080px;padding:24px 26px;border-radius:20px}
.consulta-fields{grid-template-columns:1fr 1fr 230px;gap:16px}
.consulta-fields label>span{
  font-size:12px;
  line-height:1.3;
  margin-bottom:9px;
  color:#203b32;
  letter-spacing:.05px;
}
.input-wrap{height:56px;border-radius:13px;padding:0 16px;gap:12px}
.input-wrap i{font-size:16px;color:#5f7770}
.input-wrap input{
  font-size:14px;
  font-weight:500;
  color:#173a30;
}
.input-wrap input::placeholder{
  color:#697b75;
  opacity:1;
  font-size:13.5px;
  font-weight:500;
}
.consulta-fields button{height:56px;font-size:13px;border-radius:13px}
.consulta-help{font-size:11.5px;line-height:1.55;margin-top:17px;padding-top:15px}
.mensaje{font-size:11.5px}

/* Hero: escala ligeramente más cómoda */
.eyebrow{font-size:12px}
.hero-inner h1{font-size:44px}
.hero-inner>p{font-size:15px;line-height:1.55}

/* Footer sin crear una banda clara adicional */
footer{margin-top:auto;min-height:70px}

@media(max-width:950px){
  .consulta-fields{grid-template-columns:1fr 1fr}
  .consulta-fields button{grid-column:1/-1}
}
@media(max-width:620px){
  .header-gestion{height:70px}
  .gestion-hero{min-height:calc(100vh - 138px);padding:34px 15px 40px}
  body:has(#resultadoReserva:not(.oculto)) .gestion-hero{min-height:0;padding:30px 15px 34px}
  .hero-inner h1{font-size:34px}
  .hero-inner>p{font-size:13px}
  .consulta-card{padding:20px 18px}
  .consulta-fields{grid-template-columns:1fr}
  .consulta-fields button{grid-column:auto}
  .consulta-fields label>span{font-size:12px}
  .input-wrap input,.input-wrap input::placeholder{font-size:14px}
}

/* ===== ICIRENT PREMIUM V4 · CONTRASTE + IMAGEN DE GAMA ===== */
body{background:#e9f0ed}
.resultado{
  background:#edf3f0;
  border:1px solid #cbdad4;
  box-shadow:0 22px 60px rgba(0,47,38,.12);
}
.reserva-head{
  background:#fff;
  border:1px solid #d9e5e0;
  border-radius:18px;
  padding:22px 24px;
  margin-bottom:20px;
}
.reserva-body{padding-top:0}
.vehiculo-card{
  background:#fff;
  border:1px solid #ceddd7;
  box-shadow:0 7px 20px rgba(0,47,38,.06);
}
.vehiculo-visual{
  background:#f7faf9;
  border-bottom:1px solid #dce7e2;
  height:215px;
}
.vehiculo-visual img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:12px 14px;
  background:#f7faf9;
}
.vehiculo-copy{background:#fff}
.detalle-area{
  background:#e4ede9;
  border:1px solid #d1dfd9;
  border-radius:18px;
  padding:16px;
}
.detalle-grid article{
  background:#fff;
  border:1px solid #cbdad4;
  box-shadow:0 5px 14px rgba(0,47,38,.045);
}
.estado-nota{
  background:#d6e6df;
  border:1px solid #c7d9d1;
}
.acciones button{background:#fff}
.soporte{
  background:#fff;
  border:1px solid #cbdad4;
  box-shadow:0 5px 16px rgba(0,47,38,.04);
}
.estado-box{background:#e8f3ef}

/* Mayor contraste interno para lectura rápida */
.detalle-grid small,.vehiculo-copy span,.mini-label{color:#4f625a}
.detalle-grid strong,.vehiculo-copy strong{color:#003f32}
@media(max-width:950px){
  .detalle-area{padding:13px}
}
@media(max-width:620px){
  .resultado{background:#edf3f0}
  .reserva-head{padding:18px 16px}
  .detalle-area{padding:10px}
  .vehiculo-visual{height:190px}
}

/* ===== ICIRENT PREMIUM V5 · HEADER DE RESERVA ===== */
.reserva-head{
  background:linear-gradient(105deg,#dceee7 0%,#e8f4ef 58%,#f4f9f7 100%);
  border:1px solid #bdd7cd;
  box-shadow:0 6px 18px rgba(0,107,61,.055);
}
.reserva-head .mini-label{color:#315c4e}
.reserva-head .codigo-line h2{color:#004c38}
.reserva-head>div>p{color:#587168}
.estado-box{
  background:rgba(255,255,255,.58);
  border:1px solid rgba(0,107,61,.12);
}

/* ===== ICIRENT PREMIUM V6 · RESERVA CONFIRMADA ===== */
.reserva-head{
  background:linear-gradient(105deg,#0b7a55 0%,#15906a 58%,#35a985 100%);
  border:1px solid #08704e;
  box-shadow:0 8px 22px rgba(0,107,61,.16);
  min-height:124px;
  align-items:center;
}
.reserva-head .mini-label{
  color:rgba(255,255,255,.82);
}
.reserva-head .codigo-line h2{
  color:#fff;
}
.reserva-head .copiar{
  color:#fff;
}
.reserva-head>div>p{
  color:rgba(255,255,255,.84);
}

/* ===== ICIRENT PREMIUM V7 · +12% CAMPOS DE CONSULTA ===== */
.consulta-fields label>span{
  font-size:13.44px;
}
.input-wrap input{
  font-size:15.68px;
}
.input-wrap input::placeholder{
  font-size:15.12px;
}

/* ===== ICIRENT · BOTÓN PDF DE RESERVA ===== */
.acciones{grid-template-columns:repeat(2,minmax(0,1fr))}
.acciones .pdf-reserva{border:1px solid #7eb8aa;color:#045d49;cursor:pointer}
.acciones .pdf-reserva i{color:#087a59}
.acciones .pdf-reserva:hover{border-color:#087a59;background:#f4fbf8}
@media(max-width:950px){.acciones{grid-template-columns:1fr}}