:root{--bg:#07111c;--panel:#0b1928;--line:#1b3b56;--blue:#0f8cff;--text:#eef6fc;--muted:#9fb0c0;--green:#178d61}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#07111c;color:var(--text)}
a{text-decoration:none;color:inherit}.wrap{max-width:1200px;margin:auto;padding:0 20px}
.public-top{position:sticky;top:0;z-index:20;background:#07111cf2;border-bottom:1px solid #ffffff10;backdrop-filter:blur(10px)}
.public-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px}
.brand{display:flex;align-items:center;gap:10px}.brandmark{width:42px;height:42px;border-radius:50%;border:2px solid var(--blue);display:grid;place-items:center;font-weight:800}
.brand b{display:block}.brand small{color:#6eb5f5}.public-nav{display:flex;gap:8px;flex-wrap:wrap}.public-nav a{padding:9px 11px;border-radius:8px;color:#d9e5ed;font-size:13px}.public-nav a:hover{background:#ffffff0a}
.hero{min-height:74vh;background:linear-gradient(90deg,#03101cf0,#03101ca8 58%,#03101c42),url('assets/fondo.png') center/cover;display:flex;align-items:center}
.hero .wrap{width:100%}.hero-box{max-width:670px}.tag{display:inline-block;background:#0d4676;color:#87c8ff;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}
.hero h1{font-size:clamp(42px,7vw,76px);line-height:.96;margin:18px 0 10px}.hero h1 span{color:#168df5}.hero p{font-size:18px;line-height:1.6;color:#c1cfda;max-width:630px}
.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;border:0;border-radius:9px;padding:11px 14px;color:white;background:#163149;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#108cff,#0967c7)}.btn.whatsapp{background:#178d61}.btn.ghost{border:1px solid #2b4d68;background:#0a1724}
.section{padding:54px 0}.section.alt{background:#081522}.section h2{font-size:30px;margin:0 0 8px}.lead{color:#9fb0c0;max-width:760px;line-height:1.6}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.service{background:#0b1928;border:1px solid #1b3b56;border-radius:14px;padding:18px}.service .icon{font-size:28px}.service h3{margin:10px 0 6px}.service p{font-size:13px;color:#9fb0c0;line-height:1.55}
.public-vehicles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:20px}.pv{background:#0b1928;border:1px solid #1b3b56;border-radius:12px;overflow:hidden}.pv img{width:100%;aspect-ratio:16/11;object-fit:cover;display:block}.pv-body{padding:12px}.pv h3{font-size:14px;margin:0 0 6px}.pv .status{font-size:11px;color:#8dc8ff}.pv small{display:block;color:#9fb0c0;margin-top:5px}
.track-box{background:linear-gradient(180deg,#0d1f31,#091725);border:1px solid #21415d;border-radius:15px;padding:20px;margin-top:20px}.track-form{display:grid;grid-template-columns:1fr auto;gap:10px}.track-form input{width:100%;padding:12px 13px;border-radius:9px;border:1px solid #2b4d68;background:#06131f;color:white;text-transform:uppercase}.track-note{font-size:11px;color:#8195a7;margin-top:9px}.track-result{margin-top:14px}.track-card{display:grid;grid-template-columns:150px 1fr;gap:14px;background:#07131f;border:1px solid #1d3b55;border-radius:12px;overflow:hidden}.track-card img{width:150px;height:120px;object-fit:cover}.track-card .body{padding:12px}.track-card h3{margin:0 0 5px}.track-card p{margin:5px 0;color:#a8b8c6;font-size:12px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.contact-card,.turn-card{background:#0b1928;border:1px solid #1b3b56;border-radius:14px;overflow:hidden}.contact-card iframe{width:100%;height:300px;border:0;display:block}.contact-body{padding:16px}.contact-body p{color:#9fb0c0;line-height:1.55}.turn-card{padding:18px}.turn-card .field{margin-bottom:10px}.turn-card label{display:block;font-size:12px;color:#9fb0c0;margin-bottom:5px}.turn-card input,.turn-card textarea{width:100%;padding:11px;border-radius:8px;border:1px solid #2b4d68;background:#06131f;color:white}.turn-card textarea{min-height:80px}
.footer{border-top:1px solid #ffffff10;padding:22px 0;color:#8fa3b5;font-size:12px}.mechanic-access{opacity:.65;font-size:11px}
@media(max-width:1000px){.public-vehicles{grid-template-columns:repeat(3,1fr)}.services{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.public-top .wrap{min-height:62px}.public-nav{display:none}.hero{min-height:65vh;background-position:64% center}.section{padding:38px 0}.services,.contact-grid{grid-template-columns:1fr}.public-vehicles{grid-template-columns:1fr 1fr}.track-form{grid-template-columns:1fr}.track-card{grid-template-columns:1fr}.track-card img{width:100%;height:190px}}
@media(max-width:430px){.public-vehicles{grid-template-columns:1fr}.hero h1{font-size:44px}}

/* V7.1 - Logo real + acceso Admin */
.brandmark.brandlogo{
  width:54px;height:54px;border:0;border-radius:0;overflow:visible;background:transparent;
  display:flex;align-items:center;justify-content:center
}
.brandmark.brandlogo img{
  width:54px;height:54px;object-fit:contain;display:block
}
.admin-nav-btn{
  border:1px solid #236ba4!important;
  background:#0c2d49!important;
  color:#8fd0ff!important;
  font-weight:700
}
.admin-nav-btn:hover{background:#10426b!important}
@media(max-width:760px){
  .brandmark.brandlogo,.brandmark.brandlogo img{width:48px;height:48px}
  .public-top .wrap:after{
    content:"Admin";display:block;padding:8px 11px;border:1px solid #236ba4;
    background:#0c2d49;border-radius:8px;color:#8fd0ff;font-size:12px;font-weight:700
  }
  .public-top .wrap{position:relative}
  .public-top .wrap:after{pointer-events:none}
}

.mobile-admin-link{display:none}
@media(max-width:760px){
 .public-top .wrap:after{display:none}
 .mobile-admin-link{display:inline-block;margin-left:auto;padding:8px 11px;border:1px solid #236ba4;background:#0c2d49;border-radius:8px;color:#8fd0ff;font-size:12px;font-weight:700}
}

.booking-availability{margin-top:18px;border-top:1px solid #244963;padding-top:16px}.booking-day{padding:12px 0;border-bottom:1px solid rgba(73,119,151,.25)}.booking-day h4{margin:0 0 9px;text-transform:capitalize}.booking-slots{display:flex;flex-wrap:wrap;gap:7px}.booking-slot{border:1px solid #168de8;background:#0b6fbd;color:white;border-radius:8px;padding:9px 12px;font-weight:700;cursor:pointer}.booking-success{margin-top:18px;border:1px solid #2c855d;background:#0a211b;border-radius:12px;padding:18px;text-align:center}

/* ===== BASE MULTITALLER ===== */
:root{--brand:#168df5}
.btn.primary,.booking-slot,.menu button.active{background:var(--brand)!important}
.brandmark,.client-logo{border-color:var(--brand)!important}
.config-map{height:300px;border-radius:12px;overflow:hidden;border:1px solid #294963;background:#071522;margin-top:10px}
.config-service-row{display:grid;grid-template-columns:220px 1fr 2fr;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #ffffff10}
.config-service-row input[type="text"],.config-service-row input:not([type]){width:100%}
@media(max-width:760px){.config-service-row{grid-template-columns:1fr}}

/* ===== PIE LEGAL MULTITALLER ===== */
.footer-multitaller .footer-main{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.footer-legal{margin-top:12px;padding-top:10px;border-top:1px solid #ffffff10;font-size:10px;line-height:1.6;color:#728797}

/* ===== V3.5 TURNO CONFIRMADO / COMPROBANTE ===== */
.booking-receipt{
  text-align:left;
}
.booking-check{
  width:46px;
  height:46px;
  margin:0 auto 10px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#159b68;
  color:#fff;
  font-size:26px;
  font-weight:800;
}
.booking-receipt h3{
  text-align:center;
  margin-bottom:4px;
}
.booking-code{
  text-align:center;
  font-size:11px;
  color:#8aa0b1;
  margin-bottom:16px;
}
.booking-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.booking-summary>div{
  border:1px solid #284760;
  border-radius:8px;
  padding:10px;
  background:#081827;
}
.booking-summary span{
  display:block;
  color:#89a0b2;
  font-size:10px;
  margin-bottom:4px;
  text-transform:uppercase;
}
.booking-summary b{
  font-size:13px;
  color:#f4f8fb;
}
.booking-confirm-actions{
  display:flex;
  gap:8px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:16px;
}
@media(max-width:640px){
  .booking-summary{grid-template-columns:1fr}
  .booking-confirm-actions .btn{width:100%}
}


/* ===== V3.6 TURNOS A TODO EL ANCHO + WHATSAPP FLOTANTE ===== */
.turns-only-layout{
  margin-top:20px;
  width:100%;
}

.turn-card-full{
  width:100%;
  max-width:none;
  padding:22px;
}

.booking-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 18px;
}

.booking-form-grid .field{
  margin-bottom:0;
}

.booking-field-full{
  grid-column:1/-1;
}

.booking-main-action{
  margin-top:16px;
  display:flex;
  justify-content:flex-start;
}

.booking-main-action .btn{
  min-width:190px;
}

.booking-availability{
  margin-top:22px;
}

.floating-whatsapp{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9999;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:54px;
  padding:0 17px;
  border-radius:999px;
  background:#178d61;
  color:#fff;
  text-decoration:none;
  font-weight:800;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.12);
  transition:transform .15s ease,filter .15s ease;
}

.floating-whatsapp:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}

.floating-whatsapp-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  font-size:21px;
  line-height:1;
}

.floating-whatsapp-text{
  white-space:nowrap;
}

@media(max-width:760px){
  .turn-card-full{
    padding:15px;
  }

  .booking-form-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  .booking-field-full{
    grid-column:auto;
  }

  .booking-main-action .btn{
    width:100%;
  }

  .floating-whatsapp{
    right:14px;
    bottom:14px;
    min-height:52px;
    padding:0;
    width:52px;
    justify-content:center;
  }

  .floating-whatsapp-icon{
    width:34px;
    height:34px;
    background:transparent;
  }

  .floating-whatsapp-text{
    display:none;
  }
}


/* ===== V3.7 MENÚ MÓVIL ===== */
.mobile-header-actions{display:none;align-items:center;gap:8px;margin-left:auto}
.mobile-menu-toggle{display:none;border:1px solid #236ba4;background:#0c2d49;color:#dff1ff;border-radius:8px;min-width:44px;height:44px;font-size:22px;font-weight:800;cursor:pointer}

@media(max-width:760px){
  .public-top .wrap{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
  .brand{min-width:0;flex:1 1 220px}
  .brandmark{flex:0 0 auto}
  .brand b{font-size:16px;line-height:1.25}
  .brand small{font-size:12px}
  .mobile-header-actions{display:flex;flex:0 0 auto}
  .mobile-menu-toggle{display:inline-grid;place-items:center}
  .mobile-admin-link{display:inline-flex!important;align-items:center;justify-content:center;margin-left:0;min-height:44px;padding:7px 10px}
  .public-nav{display:none!important;order:10;width:100%;margin-top:4px;padding:8px;background:#071522;border:1px solid #17354a;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.28)}
  .public-nav.mobile-open{display:grid!important;grid-template-columns:1fr 1fr;gap:6px}
  .public-nav a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 10px;border:1px solid #16354b;background:#0a1b29;border-radius:8px;text-align:center;font-size:13px}
  .public-nav .admin-nav-btn{display:none!important}
}

@media(max-width:420px){
  .public-top .wrap{gap:6px}
  .brand{flex-basis:180px}
  .brandmark{width:46px;height:46px}
  .brand b{font-size:14px}
  .brand small{font-size:10px}
  .mobile-menu-toggle{min-width:40px;height:40px;font-size:20px}
  .mobile-admin-link{min-height:40px;padding:6px 8px;font-size:11px}
  .public-nav.mobile-open{grid-template-columns:1fr}
}