:root{color:#172b4d;font-synthesis:none;--color-primario:#164a86;--color-primario-oscuro:#103760;--color-fondo:#f3f6fa;--color-blanco:#fff;--ancho-menu:260px;background:#f3f6fa;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.estructura-aplicacion{min-height:100vh;display:flex}.contenido-principal{flex:1;min-width:0;padding:36px}.pagina-contenido{background:var(--color-blanco);border-radius:14px;padding:30px}@media (width<=768px){.estructura-aplicacion{flex-direction:column}.contenido-principal{padding:18px}}.menu-lateral{width:var(--ancho-menu);background:var(--color-primario-oscuro);min-height:100vh;color:var(--color-blanco);flex-shrink:0;padding:30px 18px}.menu-marca{padding:8px 12px 35px}.menu-marca h2{margin:0;font-size:19px}.menu-marca p{opacity:.75;font-size:13px}.menu-navegacion{flex-direction:column;gap:10px;display:flex}.menu-enlace{color:#e4edfa;border-radius:9px;align-items:center;gap:12px;padding:15px;font-size:14px;text-decoration:none;display:flex}.menu-enlace:hover,.menu-enlace-activo{color:#fff;background:#2865a5}@media (width<=768px){.menu-lateral{width:100%;min-height:auto;padding:16px}.menu-marca{padding:0 5px 15px}.menu-navegacion{flex-direction:row;overflow-x:auto}.menu-enlace{min-width:max-content;padding:12px}}.seccion-vehiculos{width:100%;min-width:0;overflow:hidden}.encabezado-carrusel{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.encabezado-carrusel h1{color:#142f52;margin:0 0 8px;font-size:30px}.encabezado-carrusel p{color:#69788d;margin:0}.controles-carrusel{gap:12px;display:flex}.controles-carrusel button{color:#173a62;cursor:pointer;background:#fff;border:1px solid #dce4ed;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .2s;display:grid}.controles-carrusel button:hover{background:#e8f0fa}.controles-carrusel button:disabled{opacity:.4;cursor:default}.escenario-carrusel{perspective:1200px;touch-action:pan-y;width:100%;height:510px;position:relative;overflow:hidden}.contenedor-carrusel{width:100%;height:100%;transform-style:preserve-3d;position:relative}.tarjeta-vehiculo{text-align:left;cursor:pointer;width:min(380px,68%);height:410px;transform:translateX(calc(-50% + var(--posicion) * 72%)) translateZ(calc(-1 * var(--posicion) * var(--posicion) * 95px)) rotateY(calc(var(--posicion) * -28deg)) scale(calc(1 - var(--posicion) * var(--posicion) * .12));background:#fff;border:1px solid #e4eaf1;border-radius:20px;padding:0;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .35s,box-shadow .35s;position:absolute;top:40px;left:50%;overflow:hidden;box-shadow:0 15px 35px #122d4b1f}.tarjeta-activa{box-shadow:0 22px 50px #122d4b33}.tarjeta-imagen{background:linear-gradient(145deg,#eaf1f8,#dce7f3);place-items:center;height:265px;display:grid;position:relative}.tarjeta-imagen img{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;inset:0}.tarjeta-icono-fondo{color:#b9c8d8}.tarjeta-informacion{padding:22px 25px}.tarjeta-informacion h3{color:#172f4c;margin:0 0 8px;font-size:23px}.tarjeta-informacion p{color:#64748b;margin:0 0 16px}.tarjeta-informacion span{color:#14518f;font-size:14px;font-weight:700}.indicadores-carrusel{justify-content:center;align-items:center;gap:10px;margin-top:8px;display:flex}.indicador-carrusel{cursor:pointer;background:#bcc9d8;border:none;border-radius:20px;width:10px;height:10px;padding:0;transition:all .3s}.indicador-activo{background:#2364a6;width:28px}@media (width<=768px){.encabezado-carrusel{align-items:flex-start;gap:12px}.encabezado-carrusel h1{font-size:23px}.controles-carrusel button{width:38px;height:38px}.escenario-carrusel{height:430px}.tarjeta-vehiculo{width:min(310px,75%);height:365px;transform:translateX(calc(-50% + var(--posicion) * 62%)) translateZ(calc(-1 * var(--posicion) * var(--posicion) * 65px)) rotateY(calc(var(--posicion) * -24deg)) scale(calc(1 - var(--posicion) * var(--posicion) * .14));top:25px}.tarjeta-imagen{height:225px}.tarjeta-informacion{padding:18px}.tarjeta-informacion h3{font-size:20px}}@media (prefers-reduced-motion:reduce){.tarjeta-vehiculo,.indicador-carrusel{transition:none}}.escenario-carrusel{cursor:grab;-webkit-user-select:none;user-select:none}.escenario-carrusel:active{cursor:grabbing}.tarjeta-vehiculo{-webkit-user-select:none;user-select:none}.tarjeta-imagen img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
