/**
 * Desarrollado por Iñaki Serrano para Webcomunica.solutions
 * Hoja de estilos principal - Tienda INDECO
 * Clon fiel de sklep.przeguby.pl con valores CSS exactos del original
 * #E63312 (rojo INDECO) reemplaza #fddb01 (amarillo UPG)
 * #0A0A0A reemplaza #000001
 */

/* ============================================================
   RESET Y VARIABLES
   ============================================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
    --primario:#E63312;
    --primario-oscuro:#C72810;
    --negro:#0A0A0A;
    --gris-oscuro:#3d3d3d;
    --gris-borde:#e5e5e5;
    --gris-fondo:#f5f5f5;
    --gris-texto:#919191;
    --blanco:#FFFFFF;
    --texto:#212529;
    --texto-claro:#6c757d;
    --exito:#149e04;
    --error:#f35900;
    --radio:4px;
    --radio-md:8px;
    --sombra:0 2px 8px rgba(0,0,0,.10);
    --sombra-hover:0 8px 24px rgba(0,0,0,.12);
    --trans:all .25s ease;
}

html{font-size:16px;scroll-behavior:smooth}

body{
    font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
    background:var(--blanco);
    color:var(--texto);
    line-height:1.5;
    font-weight:400;
    min-height:100vh;
    -webkit-font-smoothing:antialiased;
}

a{color:inherit;text-decoration:none;transition:color .2s ease}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{font-family:'Poppins','Open Sans',sans-serif;font-weight:700;line-height:1.3}

/* ============================================================
   CONTENEDOR (max 1280px como Bootstrap container)
   ============================================================ */
.contenedor{width:100%;max-width:1280px;margin:0 auto;padding:0 16px}

/* ============================================================
   UTILIDADES
   ============================================================ */
.texto-centro{text-align:center}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.mt-30{margin-top:30px}
.mb-20{margin-bottom:20px}

/* ============================================================
   BARRA SUPERIOR CONTACTO
   Original: .c-page-header--top, font-size .875rem
   ============================================================ */
.barra-contacto{
    background:var(--gris-fondo);
    border-bottom:1px solid var(--gris-borde);
    padding:6px 0;
    font-size:.875rem;
    font-weight:400;
    color:var(--texto);
}

.barra-contacto .contenedor{display:flex;justify-content:space-between;align-items:center}
.barra-contacto-izq{display:flex;align-items:center;gap:16px}
.barra-contacto-der{display:flex;align-items:center;gap:16px}
.barra-contacto a{color:var(--texto);font-size:.875rem}
.barra-contacto a:hover{color:var(--primario)}

/* ============================================================
   CABECERA PRINCIPAL
   Original: background-image: linear-gradient(-70deg, #000001 0%, #000001 50%, #fddb01 50%)
   El degradado es 50/50 NO 76/24
   ============================================================ */
.cabecera{
    background-color:var(--primario);
    background-image:linear-gradient(-70deg,var(--negro) 0%,var(--negro) 45%,var(--primario) 45%,var(--primario) 100%);
    padding:0;
    position:relative;
    z-index:100;
    box-shadow:0 0 5px rgba(0,0,0,.16);
}

/* Layout: Logo | Buscador | Botones en UNA fila */
.cabecera .contenedor{
    display:flex;
    align-items:center;
    gap:24px;
    padding-top:4px;
    padding-bottom:4px;
}

/* Logo: en zona negra, blanco sobre negro */
.cabecera-logo{flex-shrink:0;position:relative;z-index:2}
.cabecera-logo img{
    width:250px;
    height:auto;
}

/* Buscador: compacto, en la zona roja */
.cabecera-buscador{flex:0 1 380px;position:relative;margin-left:auto}
.cabecera-buscador form{display:flex;width:100%}

.cabecera-buscador input[type="text"]{
    flex:1;
    height:45px;
    padding:.75rem 1.5rem;
    background:var(--blanco);
    border:none;
    border-radius:5px 0 0 5px;
    font-size:.875rem;
    line-height:1.25rem;
    font-family:inherit;
    color:var(--negro);
    outline:none;
}

.cabecera-buscador input[type="text"]::placeholder{color:#999}
.cabecera-buscador input[type="text"]:focus{background:var(--blanco);border:1px solid var(--primario)}

/* Boton lupa del buscador: cuadrado con fondo primario como UPG */
.cabecera-buscador button[type="submit"]{
    width:45px;
    height:45px;
    background:var(--primario);
    border:none;
    border-radius:0 5px 5px 0;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:var(--trans);
}

.cabecera-buscador button[type="submit"] svg{display:block;stroke:var(--blanco)}
.cabecera-buscador button[type="submit"]:hover{background:var(--primario-oscuro)}
.cabecera-buscador button[type="submit"]:hover svg{stroke:var(--blanco)}

/* Resultados busqueda AJAX */
.buscador-resultados{position:absolute;top:100%;left:0;right:0;background:var(--blanco);border:2px solid var(--gris-borde);border-radius:0 0 5px 5px;box-shadow:var(--sombra);z-index:200;max-height:400px;overflow-y:auto;display:none}
.buscador-resultados.activo{display:block}
.buscador-resultado-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--gris-borde);color:var(--texto)}
.buscador-resultado-item:hover{background:var(--gris-fondo)}
.buscador-resultado-item img{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.buscador-resultado-nombre{font-size:.875rem;font-weight:700;color:var(--negro)}
.buscador-resultado-ref{font-size:.8rem;color:var(--gris-texto)}
.buscador-resultado-precio{margin-left:auto;font-size:1.1rem;font-weight:700;color:var(--negro);white-space:nowrap}
.buscador-sin-resultados{padding:20px;text-align:center;color:var(--gris-texto)}

/* Botones accion header (user, cart) */
.cabecera-acciones{display:flex;align-items:center;gap:8px;flex-shrink:0}

/* Original: .c-btn-header, bg #3d3d3d, 49x45px, radius 5px */
.cabecera-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,.25);
    color:var(--blanco);
    fill:var(--blanco);
    border:1px solid rgba(255,255,255,.15);
    border-radius:5px;
    height:45px;
    width:49px;
    cursor:pointer;
    transition:var(--trans);
    position:relative;
    text-decoration:none;
}

.cabecera-btn svg{display:block}
.cabecera-btn:hover{fill:var(--primario);color:var(--primario);border-color:var(--primario)}
.cabecera-btn:hover svg{stroke:var(--primario)}

/* Badge carrito: exacto del original - circulo primario con borde blanco */
.cabecera-btn .badge{
    position:absolute;top:0;right:0;
    transform:translateY(-50%);
    background:var(--primario);
    font-size:.875rem;font-weight:700;
    line-height:1.25rem;
    padding:0 .25rem;
    border-radius:50%;
    border:2px solid var(--blanco);
    height:20px;
    color:var(--blanco);
    z-index:100;
}

/* ============================================================
   NAVEGACION PRINCIPAL
   Original: .c-top-menu, links uppercase, color blanco 70%, font-weight 300
   Dentro del mismo bloque negro que el header
   ============================================================ */
.nav-principal{
    background:var(--negro);
    border-top:1px solid rgba(255,255,255,.08);
}

.nav-principal .contenedor{display:flex;align-items:stretch;overflow-x:auto}

.nav-principal a{
    display:flex;
    align-items:center;
    gap:6px;
    padding:.875rem 1rem;
    color:rgba(255,255,255,.7);
    font-size:.95rem;
    font-weight:300;
    text-transform:uppercase;
    white-space:nowrap;
    transition:var(--trans);
}

.nav-principal a:hover,.nav-principal a.activo{color:var(--blanco)}

/* Boton "Elige tu vehiculo" en el header, junto al buscador */
.cabecera-elegir-vehiculo{display:inline-flex;align-items:center;gap:8px;padding:0 18px;height:45px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);border-radius:5px;color:var(--blanco);font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:var(--trans);flex-shrink:0}
.cabecera-elegir-vehiculo:hover{background:rgba(0,0,0,.5);border-color:rgba(255,255,255,.4)}
.cabecera-elegir-vehiculo svg{stroke:var(--blanco);flex-shrink:0}

/* "Todas las categorias" con icono rojo */
.nav-todas-cats{color:var(--blanco) !important;font-weight:400 !important}
.nav-todas-cats svg{fill:var(--primario)}

/* Dropdown categorias */
.nav-dropdown{position:relative;border-right:1px solid rgba(255,255,255,.15);margin-right:4px}
.nav-dropdown-panel{display:none;position:absolute;top:100%;left:0;min-width:600px;background:var(--blanco);border:1px solid var(--gris-borde);border-top:3px solid var(--primario);box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:150;padding:20px;border-radius:0 0 var(--radio-md) var(--radio-md)}
.nav-dropdown:hover .nav-dropdown-panel{display:block}
.nav-dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nav-dropdown-grid a{padding:8px 12px;color:var(--texto);font-size:.9rem;text-transform:none;border-radius:var(--radio)}
.nav-dropdown-grid a:hover{background:var(--gris-fondo);color:var(--primario)}

/* Hamburguesa movil */
.menu-hamburguesa{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px}
.menu-hamburguesa span{display:block;width:26px;height:2px;background:var(--blanco);transition:var(--trans)}

/* ============================================================
   HEADLINE CON EFECTO SUBRAYADO 50%
   Original: .c-headline--half-bg con gradient amarillo 50%
   ============================================================ */
.seccion-headline{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}

.seccion-headline h2{
    font-size:1.4rem;
    font-weight:700;
    text-transform:uppercase;
    display:inline;
    background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 55%,rgba(230,51,18,.15) 55%,rgba(230,51,18,.15) 100%);
    text-decoration:none;
    white-space:normal;
    padding:0 6px;
    color:var(--negro);
    letter-spacing:.3px;
}

/* Boton "Ver todo": Original .c-btn__see-all, negro, hover borde amarillo */
.seccion-headline .ver-todo{
    display:inline-flex;align-items:center;justify-content:center;
    padding:8px 22px;
    background:var(--negro);color:var(--blanco);
    font-size:.82rem;font-weight:600;
    border-radius:var(--radio);border:2px solid var(--negro);
    text-decoration:none;
    transition:all .25s ease;
    text-transform:uppercase;
    letter-spacing:.3px;
}

.seccion-headline .ver-todo:hover{border-color:var(--primario);background:var(--primario)}

/* ============================================================
   SECCIONES
   ============================================================ */
.seccion{padding:36px 0 44px}
.seccion--alt{background:var(--gris-fondo)}

/* ============================================================
   CATEGORIAS POPULARES
   Original: .c-tecdoc-category, img + titulo gris oscuro + 4px borde amarillo
   ============================================================ */
.categorias-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}

.categoria-tarjeta{display:flex;flex-direction:column;background:var(--blanco);border:1px solid var(--gris-borde);overflow:hidden;text-decoration:none;height:100%;border-radius:var(--radio-md);transition:transform .25s ease, box-shadow .25s ease}
.categoria-tarjeta:hover{transform:translateY(-3px);box-shadow:var(--sombra-hover)}
.categoria-tarjeta-inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;position:relative}
.categoria-tarjeta-img{width:100%;height:180px;object-fit:contain;object-position:center;padding:20px;background:var(--gris-fondo);flex-shrink:0;transition:transform .3s ease}
.categoria-tarjeta:hover .categoria-tarjeta-img{transform:scale(1.03)}

/* Nombre categoria: barra gris oscura con borde rojo inferior, como UPG */
.categoria-tarjeta-nombre{
    display:flex;justify-content:center;align-items:center;
    margin-top:auto;width:100%;
    padding:14px 12px;
    font-size:.82rem;font-weight:600;
    text-align:center;text-transform:uppercase;
    background:var(--gris-oscuro);color:var(--blanco);
    border-bottom:solid 4px var(--primario);
    word-break:break-word;
    transition:background .25s ease;
    min-height:60px;
    line-height:1.3;
    letter-spacing:.3px;
}

.categoria-tarjeta:hover .categoria-tarjeta-nombre{background:var(--negro)}
.categoria-tarjeta-total{font-size:.75rem;color:var(--gris-texto);padding:6px 12px;text-align:center;background:var(--gris-fondo)}
.categoria-tarjeta-placeholder{display:flex;align-items:center;justify-content:center;background:var(--gris-fondo)}

/* ============================================================
   MARCAS POPULARES
   ============================================================ */
.marcas-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.marca-logo{display:flex;align-items:center;justify-content:center;height:80px;padding:10px;background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.marca-logo img{max-height:50px;max-width:90px;object-fit:contain;filter:grayscale(30%);transition:filter .25s ease}
.marca-logo:hover img{filter:grayscale(0%)}
.marca-logo span{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--texto);text-align:center}
.marca-logo:hover{border-color:var(--primario);box-shadow:var(--sombra-hover);transform:translateY(-2px)}

/* ============================================================
   HERO: 2 columnas - Buscador + Slideshow (estilo Autodoc)
   ============================================================ */
.hero{padding:24px 0 5px;background:var(--gris-fondo)}
.hero-grid{display:grid;grid-template-columns:420px 1fr;gap:0;min-height:380px;background:var(--blanco);border-radius:var(--radio-md);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06)}

/* Columna izquierda: buscador */
.hero-buscador{padding:28px 28px 24px;display:flex;flex-direction:column}
.hero-buscador-titulo{font-size:.95rem;font-weight:700;color:var(--negro);margin-bottom:20px}
.hero-buscador-seccion{margin-bottom:0}
.hero-label{font-size:.78rem;font-weight:600;text-transform:uppercase;color:var(--gris-texto);margin-bottom:8px;display:block;letter-spacing:.3px}

.hero-separador{text-align:center;margin:18px 0;position:relative}
.hero-separador::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--gris-borde)}
.hero-separador span{position:relative;background:var(--blanco);padding:0 12px;font-size:.78rem;color:var(--gris-texto);text-transform:uppercase;letter-spacing:.3px}

/* Selectores verticales estilo Autodoc */
.hero-select-grupo{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.hero-select-fila{display:flex;align-items:center;gap:0;border:1px solid var(--gris-borde);border-radius:var(--radio);overflow:hidden;transition:border-color .2s}
.hero-select-fila:focus-within{border-color:var(--primario)}
.hero-select-num{flex-shrink:0;width:32px;height:44px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--primario);background:var(--gris-fondo)}
.hero-select{flex:1;min-width:0;height:44px;border:none;outline:none;padding:0 12px;font-size:.85rem;font-family:inherit;color:var(--negro);background:var(--blanco);appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='%23999' d='M6 7L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.hero-select:disabled{background-color:var(--gris-fondo);color:var(--gris-texto);cursor:not-allowed}
.hero-select-disabled{opacity:.5}

.hero-btn-buscar{width:100%;height:44px;background:var(--primario);color:var(--blanco);border:none;border-radius:var(--radio);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--trans)}
.hero-btn-buscar:hover{background:var(--primario-oscuro)}
.hero-btn-buscar:disabled{background:var(--gris-borde);color:var(--gris-texto);cursor:not-allowed}

/* Columna derecha: slideshow */
.hero-slideshow{position:relative;overflow:hidden;background:var(--negro)}
.hero-slides{position:relative;width:100%;height:100%}
.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease;display:block}
.hero-slide-activo{opacity:1;z-index:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hero-slide-texto{position:absolute;bottom:0;left:0;right:0;padding:24px 28px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:var(--blanco)}
.hero-slide-titulo{font-size:1.3rem;font-weight:700;margin-bottom:4px;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.hero-slide-subtitulo{font-size:.9rem;opacity:.85;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.hero-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:2}
.hero-dot{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.4);cursor:pointer;transition:background .2s;padding:0}
.hero-dot-activo{background:var(--blanco)}
.hero-slide-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:rgba(255,255,255,.3);font-size:.85rem}

/* Matricula (reutilizado) */
.buscador-matricula-fila{display:flex;gap:0;align-items:center}
.buscador-matricula-input{display:flex;align-items:center;flex:1;min-width:0;height:44px;border:1px solid var(--gris-borde);border-radius:var(--radio) 0 0 var(--radio);overflow:hidden;background:var(--blanco);transition:border-color .2s}
.buscador-matricula-input:focus-within{border-color:var(--primario)}
.buscador-matricula-flag{flex-shrink:0;width:34px;height:100%;background:#003399;color:var(--blanco);font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.buscador-matricula-input input{flex:1;min-width:0;height:100%;border:none;outline:none;padding:0 10px;font-size:1rem;font-weight:600;font-family:inherit;color:var(--negro);text-transform:uppercase;letter-spacing:1.5px;background:transparent}
.buscador-matricula-input input::placeholder{color:var(--gris-texto);font-weight:400;text-transform:none;letter-spacing:0;font-size:.85rem}
.buscador-vehiculo-btn{flex-shrink:0;height:44px;background:var(--primario);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--trans);color:var(--blanco);border-radius:0 var(--radio) var(--radio) 0;padding:0 18px;font-size:.85rem;font-weight:600;white-space:nowrap}
.buscador-vehiculo-btn:hover{background:var(--primario-oscuro)}
.buscador-vehiculo-btn:disabled{background:var(--gris-borde);color:var(--gris-texto);cursor:not-allowed}
.buscador-matricula-resultado{margin-top:16px}

/* Resultado vehiculo */
.matricula-vehiculo{
    display:flex;
    align-items:flex-start;
    gap:14px;
    background:var(--blanco);
    padding:16px 20px;
    border-radius:var(--radio-md);
    border:1px solid var(--gris-borde);
    margin-bottom:12px;
}
.matricula-vehiculo-icono{
    flex-shrink:0;
    width:44px;
    height:44px;
    background:var(--gris-fondo);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--primario);
    font-size:1.2rem;
}
.matricula-vehiculo-datos{flex:1;min-width:0}
.matricula-vehiculo-nombre{font-size:1.05rem;font-weight:700;color:var(--negro);margin-bottom:2px}
.matricula-vehiculo-detalles{font-size:.85rem;color:var(--texto-claro)}
.matricula-vehiculo-ktype{font-size:.75rem;color:var(--gris-texto);margin-top:4px}

/* Productos compatibles */
.matricula-productos-titulo{
    font-size:.8rem;
    font-weight:600;
    text-transform:uppercase;
    color:var(--negro);
    margin-bottom:10px;
    letter-spacing:.3px;
}
.matricula-productos-lista{display:flex;flex-direction:column;gap:6px}
.matricula-producto{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 14px;
    background:var(--blanco);
    border:1px solid var(--gris-borde);
    border-radius:var(--radio);
    transition:var(--trans);
    text-decoration:none;
    color:var(--texto);
}
.matricula-producto:hover{border-color:var(--primario);box-shadow:var(--sombra)}
.matricula-producto-ref{
    flex-shrink:0;
    font-size:.8rem;
    font-weight:700;
    color:var(--primario);
    min-width:100px;
}
.matricula-producto-nombre{flex:1;font-size:.875rem;color:var(--negro)}
.matricula-producto-tipo{
    flex-shrink:0;
    font-size:.75rem;
    color:var(--gris-texto);
    background:var(--gris-fondo);
    padding:2px 8px;
    border-radius:3px;
}

/* Mensajes */
.matricula-loading{font-size:.9rem;color:var(--texto-claro);padding:12px 0}
.matricula-loading i{margin-right:8px}
.matricula-error{
    font-size:.875rem;
    color:var(--error);
    padding:10px 14px;
    background:#fff5f0;
    border-radius:var(--radio);
}
.matricula-sin-productos{
    font-size:.875rem;
    color:var(--texto-claro);
    padding:10px 14px;
    background:var(--gris-fondo);
    border-radius:var(--radio);
}
.matricula-sin-productos i,.matricula-demo-aviso i{margin-right:6px}
.matricula-demo-aviso{
    font-size:.8rem;
    color:#856404;
    background:#fff3cd;
    padding:8px 12px;
    border-radius:var(--radio);
    margin-bottom:12px;
}

/* ============================================================
   SECCIONES VACIAS - placeholder informativo
   ============================================================ */
.seccion-vacia{
    text-align:center;
    padding:48px 24px;
    background:var(--gris-fondo);
    border:2px dashed var(--gris-borde);
    border-radius:var(--radio-md);
}
.seccion-vacia p{color:var(--gris-texto);font-size:1rem;margin-bottom:16px;max-width:500px;margin-left:auto;margin-right:auto}

/* ============================================================
   CARRUSEL DE PRODUCTOS (scroll horizontal nativo)
   ============================================================ */
.productos-carrusel{
    display:flex;gap:16px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:8px;
    scrollbar-width:thin;
    scrollbar-color:var(--gris-borde) transparent;
}

.productos-carrusel::-webkit-scrollbar{height:6px}
.productos-carrusel::-webkit-scrollbar-track{background:transparent}
.productos-carrusel::-webkit-scrollbar-thumb{background:var(--gris-borde);border-radius:3px}
.productos-carrusel .producto-tarjeta{flex:0 0 calc(25% - 12px);min-width:260px;scroll-snap-align:start}

/* ============================================================
   GRID DE PRODUCTOS (catalogo)
   ============================================================ */
.productos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* ============================================================
   TARJETA DE PRODUCTO
   Original: .c-panel--gray-light-border, border 1px #e5e5e5, radius 6px
   ============================================================ */
.producto-tarjeta{
    background:var(--blanco);
    border:1px solid var(--gris-borde);
    border-radius:var(--radio-md);
    overflow:hidden;
    display:flex;flex-direction:column;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    box-shadow:0 1px 3px rgba(0,0,0,.04);
}

.producto-tarjeta:hover{box-shadow:var(--sombra-hover);transform:translateY(-3px);border-color:var(--gris-borde)}

/* Imagen: Original .c-product-image--product-slider, height 215px */
.producto-tarjeta-imagen{
    position:relative;
    height:215px;
    background:var(--gris-fondo);
    display:flex;align-items:center;justify-content:center;
    padding:16px;
    border-bottom:1px solid var(--gris-borde);
    overflow:hidden;
}

.producto-tarjeta-imagen img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}
.producto-tarjeta:hover .producto-tarjeta-imagen img{transform:scale(1.03)}
.producto-tarjeta-imagen a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}

/* Badge oferta/nuevo */
.producto-badge{position:absolute;top:10px;left:10px;background:var(--primario);color:var(--blanco);font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:var(--radio);text-transform:uppercase;letter-spacing:.3px;z-index:2;box-shadow:0 2px 4px rgba(0,0,0,.15)}
.producto-badge--nuevo{background:#2563EB}
.producto-badge--tipo{background:var(--negro);font-size:.6rem;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Link Ver producto */
.producto-tarjeta-ver{display:inline-block;margin-top:auto;padding:8px 0;color:var(--primario);font-weight:600;font-size:.85rem;text-decoration:none;transition:color .2s ease;letter-spacing:.2px}
.producto-tarjeta-ver:hover{color:var(--negro);text-decoration:underline}
.producto-tarjeta-ver::after{content:' \2192';font-size:.9em;transition:margin-left .2s ease;margin-left:0}
.producto-tarjeta-ver:hover::after{margin-left:4px}

/* Marca */
.producto-tarjeta-marca{font-size:.73rem;color:var(--gris-texto);margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px;font-weight:600}

/* Info: padding como original px-3 pt-3 pb-2 */
.producto-tarjeta-info{padding:14px 16px 14px;flex:1;display:flex;flex-direction:column;gap:2px}

/* Titulo: Original .c-product__title--product-slider, 1.125rem, 700, 2 lines clamp */
.producto-tarjeta-nombre{
    font-size:1rem;
    font-weight:700;
    color:var(--negro);
    line-height:1.4;
    height:2.8em;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:8px;
    word-break:break-word;
    transition:color .2s ease;
}

.producto-tarjeta-nombre:hover{color:var(--primario)}
.producto-tarjeta-ref{font-size:.78rem;color:var(--gris-texto);margin-bottom:10px;letter-spacing:.3px}

/* Precios: Original layout - precio grande izq + neto/tachado apilados derecha */
.producto-tarjeta-precios{
    margin-top:auto;
    margin-bottom:12px;
    min-height:3.3125rem;
    display:flex;
    align-items:center;
    gap:8px;
}

/* Original: .c-product__price-gross--product-slider, 1.875rem, 700, color #000001 */
.producto-precio-actual{font-size:1.75rem;font-weight:700;color:var(--negro);line-height:1;font-family:'Poppins','Open Sans',sans-serif}

.producto-precios-secundarios{display:flex;flex-direction:column;align-items:flex-start;padding-left:4px}

/* Original: .c-product__price-netto, .u-text-14, text-muted */
.producto-precio-neto{font-size:.875rem;color:var(--gris-texto);font-weight:400}

/* Original: .c-product__price-retail, text-decoration line-through */
.producto-precio-anterior{font-size:.875rem;color:var(--gris-texto);text-decoration:line-through}

/* Boton Anadir: Original .c-btn__product-add-to-basket */
.producto-tarjeta-btn{
    display:flex;align-items:center;justify-content:center;
    width:100%;
    min-height:48px;
    padding:10px 16px;
    background:var(--primario);
    color:var(--blanco);
    border:none;border-radius:0 0 var(--radio-md) var(--radio-md);
    font-size:1rem;font-weight:700;
    font-family:inherit;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .25s ease;
    letter-spacing:.3px;
    margin-top:auto;
}

.producto-tarjeta-btn:hover{color:var(--blanco);background:var(--negro)}

/* ============================================================
   VENTAJAS / POR QUE INDECO
   ============================================================ */
.ventajas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ventaja-tarjeta{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);padding:30px 22px;text-align:center;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.ventaja-tarjeta:hover{box-shadow:var(--sombra-hover);border-color:var(--primario);transform:translateY(-3px)}
.ventaja-icono{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:rgba(230,51,18,.08);color:var(--primario);margin-bottom:18px;transition:background .25s ease}
.ventaja-tarjeta:hover .ventaja-icono{background:rgba(230,51,18,.14)}
.ventaja-tarjeta h3{font-size:.95rem;font-weight:700;margin-bottom:8px;color:var(--negro)}
.ventaja-tarjeta p{font-size:.83rem;color:var(--gris-texto);line-height:1.55;margin:0}

/* ============================================================
   FOOTER
   Original: .c-page-footer, bg #000001, logo sobre fondo amarillo
   ============================================================ */
.footer{background-color:var(--negro);color:rgba(255,255,255,.7);margin-top:0}

/* Logo en footer */
.footer-logo-link{display:inline-block}
.footer-logo-img{height:48px;filter:brightness(0) invert(1);margin-bottom:16px}
.footer-columna-marca p{font-size:.85rem;line-height:1.6;color:rgba(255,255,255,.5);margin:0}

/* Contenido 4 columnas */
.footer-contenido{padding:36px 0 28px}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}

.footer-columna h3{color:var(--blanco);font-size:.9rem;font-weight:600;text-transform:uppercase;margin-bottom:18px;letter-spacing:.5px;position:relative;padding-bottom:10px}
.footer-columna h3::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--primario)}
.footer-columna p{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.6);margin:0}
.footer-columna ul{list-style:none}

.footer-columna li{padding:.4rem 0;font-size:.9rem;line-height:1.3rem;font-weight:400}
.footer-columna a{color:rgba(255,255,255,.7);font-size:.9rem;font-weight:400;transition:color .2s ease, padding-left .2s ease}
.footer-columna a:hover{color:var(--primario);padding-left:4px}

.footer-inferior{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:.82rem;color:rgba(255,255,255,.35);text-align:center}
.footer-inferior a{color:rgba(255,255,255,.45);transition:color .2s ease}
.footer-inferior a:hover{color:var(--blanco)}

/* ============================================================
   BOTONES GENERALES
   ============================================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border:2px solid transparent;border-radius:var(--radio);font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;text-align:center;transition:all .25s ease;gap:8px;letter-spacing:.2px}
.btn-primario{background:var(--primario);color:var(--blanco);border-color:var(--primario)}
.btn-primario:hover{background:var(--negro);color:var(--primario);border-color:var(--negro)}
.btn-secundario{background:var(--negro);color:var(--blanco);border-color:var(--negro)}
.btn-secundario:hover{color:var(--primario);border-color:var(--primario)}
.btn-borde{background:transparent;color:var(--texto);border-color:var(--gris-borde)}
.btn-borde:hover{border-color:var(--primario);color:var(--primario)}
.btn-grande{padding:14px 36px;font-size:1.1rem;min-height:50px}
.btn-pequeno,.btn-sm{padding:4px 10px;font-size:.75rem;white-space:nowrap}
.btn-completo{display:flex;width:100%}

/* ============================================================
   MENSAJES
   ============================================================ */
.mensaje{padding:14px 18px;border-radius:var(--radio-md);font-size:.9rem;margin-bottom:20px;font-weight:500}
.mensaje--exito{background:#d4edda;color:#155724;border:1px solid #c3e6cb}
.mensaje--error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}
.mensaje--info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}

/* ============================================================
   MIGAS DE PAN
   ============================================================ */
.migas{padding:14px 0;font-size:.82rem;color:var(--gris-texto);border-bottom:1px solid var(--gris-borde);margin-bottom:4px}
.migas a{color:var(--primario);font-weight:500;transition:color .2s ease}
.migas a:hover{color:var(--primario-oscuro);text-decoration:underline}
.migas span{margin:0 6px;color:var(--gris-borde)}

/* ============================================================
   CATALOGO
   ============================================================ */
.catalogo-layout{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:24px 0}
.catalogo-sidebar{align-self:start}
.filtro-grupo{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);margin-bottom:16px;overflow:hidden}
.filtro-titulo{padding:13px 16px;font-size:.82rem;font-weight:700;text-transform:uppercase;background:var(--negro);color:var(--blanco);border-bottom:3px solid var(--primario);letter-spacing:.3px}
.filtro-lista{list-style:none;padding:8px 0;max-height:300px;overflow-y:auto}
.filtro-lista li a{display:block;padding:6px 16px;font-size:.85rem;color:var(--texto)}
.filtro-lista li a:hover,.filtro-lista li a.activo{color:var(--primario);background:var(--gris-fondo);font-weight:600}
.catalogo-cabecera{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background:var(--gris-fondo);border:1px solid var(--gris-borde);border-radius:var(--radio-md)}
.catalogo-total{font-size:.85rem;color:var(--texto-claro)}
.catalogo-orden select{padding:8px 12px;border:1px solid var(--gris-borde);border-radius:var(--radio);font-size:.85rem;font-family:inherit;height:40px}

/* ============================================================
   PAGINACION
   ============================================================ */
.paginacion{display:flex;justify-content:center;gap:4px;margin-top:28px}
.paginacion a,.paginacion span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--gris-borde);border-radius:var(--radio);font-size:.85rem;font-weight:500;color:var(--texto);background:var(--blanco);transition:all .2s ease}
.paginacion a:hover{border-color:var(--primario);color:var(--primario);box-shadow:0 2px 6px rgba(230,51,18,.12)}
.paginacion .activo{background:var(--primario);color:var(--blanco);border-color:var(--primario);box-shadow:0 2px 8px rgba(230,51,18,.25)}

/* ============================================================
   PRODUCTO DETALLE
   ============================================================ */
.producto-detalle{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:24px 0}
.producto-galeria{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);padding:24px;text-align:center}
.producto-galeria-principal{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.producto-galeria-principal img{max-width:100%;max-height:100%;object-fit:contain}
.producto-galeria-miniaturas{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.producto-galeria-miniaturas img{width:60px;height:60px;object-fit:contain;border:2px solid var(--gris-borde);border-radius:var(--radio);cursor:pointer;padding:4px}
.producto-galeria-miniaturas img:hover,.producto-galeria-miniaturas img.activo{border-color:var(--primario)}
.producto-info{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);padding:28px}
.producto-info h1{font-size:1.5rem;font-weight:700;margin-bottom:10px;line-height:1.3}
.producto-info-ref,.producto-info-marca{font-size:.85rem;color:var(--gris-texto);margin-bottom:6px}
.producto-info-precio{margin:20px 0;padding:18px;background:var(--gris-fondo);border-radius:var(--radio-md);border:1px solid var(--gris-borde)}
.producto-info-precio .precio-actual{font-size:1.875rem;font-weight:700;color:var(--negro);font-family:'Poppins','Open Sans',sans-serif}
.producto-info-precio .precio-anterior{font-size:1rem;text-decoration:line-through;color:var(--gris-texto);margin-left:12px}
.producto-info-precio .precio-neto{display:block;font-size:.875rem;color:var(--gris-texto);margin-top:4px}
.producto-info-stock{font-size:.9rem;margin-bottom:20px;padding:8px 12px;border-radius:var(--radio)}
.producto-info-stock--disponible{color:var(--exito);background:#e8f5e9}
.producto-info-stock--agotado{color:var(--error);background:#fbe9e7}
.producto-comprar{display:flex;gap:12px;align-items:center;margin-bottom:24px}
.producto-cantidad{display:flex;align-items:center;border:1px solid var(--gris-borde);border-radius:var(--radio);overflow:hidden}
.producto-cantidad button{width:40px;height:50px;background:var(--gris-fondo);border:none;font-size:1.2rem;cursor:pointer;font-family:inherit;color:var(--texto)}
.producto-cantidad button:hover{background:var(--gris-borde)}
.producto-cantidad input{width:55px;height:50px;text-align:center;border:none;border-left:1px solid var(--gris-borde);border-right:1px solid var(--gris-borde);font-size:1rem;font-family:inherit}

/* Pestanas */
.producto-pestanas{margin-top:32px}
.pestanas-nav{display:flex;border-bottom:3px solid var(--gris-borde)}
.pestanas-nav button{padding:14px 24px;background:none;border:none;font-size:.95rem;font-weight:700;font-family:inherit;color:var(--gris-texto);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-3px;text-transform:uppercase;transition:var(--trans)}
.pestanas-nav button.activo,.pestanas-nav button:hover{color:var(--negro);border-bottom-color:var(--primario)}
.pestana-contenido{background:var(--blanco);border:1px solid var(--gris-borde);border-top:none;border-radius:0 0 var(--radio-md) var(--radio-md);padding:24px}
.pestana-panel{display:none}
.pestana-panel.activo{display:block}
.tabla-especificaciones{width:100%;border-collapse:collapse}
.tabla-especificaciones tr:nth-child(even){background:var(--gris-fondo)}
.tabla-especificaciones td{padding:10px 14px;font-size:.9rem;border-bottom:1px solid var(--gris-borde)}
.tabla-especificaciones td:first-child{font-weight:600;width:40%}
.productos-relacionados{margin-top:40px}

/* ============================================================
   CARRITO
   ============================================================ */
.carrito-pagina{padding:24px 0}
.carrito-tabla{width:100%;background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);overflow:hidden;border-collapse:collapse}
.carrito-tabla th{background:var(--negro);color:var(--blanco);padding:12px 16px;text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.3px;border-bottom:3px solid var(--primario)}
.carrito-tabla td{padding:14px 16px;border-bottom:1px solid var(--gris-borde);vertical-align:middle}
.carrito-producto{display:flex;align-items:center;gap:12px}
.carrito-producto img{width:60px;height:60px;object-fit:contain}
.carrito-producto-nombre{font-weight:700}
.carrito-producto-ref{font-size:.8rem;color:var(--gris-texto)}
.carrito-cantidad-control{display:flex;align-items:center;border:1px solid var(--gris-borde);border-radius:var(--radio);overflow:hidden}
.carrito-cantidad-control button{width:30px;height:36px;background:var(--gris-fondo);border:none;cursor:pointer;font-size:1rem;font-family:inherit}
.carrito-cantidad-control input{width:45px;height:36px;text-align:center;border:none;border-left:1px solid var(--gris-borde);border-right:1px solid var(--gris-borde);font-family:inherit}
.carrito-eliminar{background:none;border:none;color:var(--error);cursor:pointer;font-family:inherit;font-size:.85rem}
.carrito-resumen{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);padding:24px;margin-top:24px;max-width:400px;margin-left:auto}
.carrito-resumen-linea{display:flex;justify-content:space-between;padding:8px 0;font-size:.9rem;border-bottom:1px solid var(--gris-borde)}
.carrito-resumen-total{display:flex;justify-content:space-between;padding:14px 0 0;font-size:1.3rem;font-weight:700}
.carrito-resumen-total .precio{color:var(--primario)}
.carrito-vacio{text-align:center;padding:60px 20px;background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md)}
.carrito-vacio p{color:var(--gris-texto);margin-bottom:20px;font-size:1.1rem}

/* ============================================================
   CHECKOUT
   ============================================================ */
.checkout-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;padding:24px 0}
.checkout-formulario,.checkout-resumen{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);padding:24px}
.checkout-formulario h2,.checkout-resumen h2{font-size:1.1rem;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid var(--primario);text-transform:uppercase}
.checkout-resumen{align-self:start;position:sticky;top:20px}

/* ============================================================
   FORMULARIOS
   ============================================================ */
.formulario-grupo{margin-bottom:16px}
.formulario-grupo label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}
.formulario-grupo input,.formulario-grupo select,.formulario-grupo textarea{width:100%;height:48px;padding:0 14px;border:1px solid var(--gris-borde);border-radius:var(--radio);font-size:.9rem;font-family:inherit;color:var(--texto);transition:border-color .2s ease, box-shadow .2s ease}
.formulario-grupo input:focus,.formulario-grupo select:focus,.formulario-grupo textarea:focus{box-shadow:0 0 0 3px rgba(230,51,18,.08)}
.formulario-grupo textarea{height:auto;padding:12px 14px}
.formulario-grupo input:focus,.formulario-grupo select:focus,.formulario-grupo textarea:focus{outline:none;border-color:var(--primario)}
.formulario-fila{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.metodo-pago{display:flex;flex-direction:column;gap:8px}
.metodo-pago label{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--gris-borde);border-radius:var(--radio);cursor:pointer;font-size:.9rem;font-weight:400}
.metodo-pago label:has(input:checked){border-color:var(--primario);background:rgba(230,51,18,.04)}

/* ============================================================
   AUTH
   ============================================================ */
.auth-pagina{display:flex;justify-content:center;padding:40px 0}
.auth-caja{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);padding:32px;width:100%;max-width:440px}
.auth-caja h1{font-size:1.4rem;text-align:center;margin-bottom:24px}
.auth-caja .btn{width:100%;min-height:50px}
.auth-enlaces{text-align:center;margin-top:20px;font-size:.85rem;color:var(--gris-texto)}
.auth-enlaces a{color:var(--primario);font-weight:600}
.admin-login-body{margin:0;background:var(--gris-oscuro);font-family:var(--fuente);background:linear-gradient(135deg,var(--negro) 0%,#1a1a2e 50%,var(--negro) 100%)}
.admin-login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}
.admin-login-caja{box-shadow:0 8px 32px rgba(0,0,0,.3);border:none;text-align:center}
.admin-login-logo{margin-bottom:24px;display:flex;justify-content:center}
.admin-login-img{max-width:160px;height:auto}
.admin-login-subtitulo{font-size:.9rem;text-align:center;margin-bottom:24px;color:var(--gris-texto);font-weight:400;text-transform:uppercase;letter-spacing:2px}
.admin-login-caja .formulario-grupo{text-align:left}
.admin-login-caja .formulario-grupo label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--gris-texto)}
.admin-login-caja .formulario-grupo input{border-radius:var(--radio-sm);padding:12px 14px;font-size:.9rem}
.admin-login-caja .btn-primario{background:var(--primario);border:none;border-radius:var(--radio-sm);padding:14px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background .2s}
.admin-login-caja .btn-primario:hover{background:var(--primario-hover)}
.admin-login-creditos{font-size:.7rem;color:var(--gris-texto);margin-top:24px;letter-spacing:.5px}

/* ============================================================
   MI CUENTA
   ============================================================ */
.cuenta-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:24px 0}
.cuenta-menu{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);overflow:hidden;align-self:start}
.cuenta-menu-titulo{padding:16px;font-size:.85rem;font-weight:700;text-transform:uppercase;background:var(--gris-oscuro);color:var(--blanco);border-bottom:3px solid var(--primario)}
.cuenta-menu ul{list-style:none}
.cuenta-menu li a{display:block;padding:12px 16px;font-size:.9rem;color:var(--texto);border-bottom:1px solid var(--gris-borde)}
.cuenta-menu li a:hover,.cuenta-menu li a.activo{color:var(--primario);background:var(--gris-fondo)}
.cuenta-contenido{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);padding:24px}
.cuenta-contenido h2{font-size:1.2rem;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid var(--primario);text-transform:uppercase}

/* ============================================================
   TABLAS
   ============================================================ */
.tabla{width:100%;border-collapse:collapse;border:1px solid var(--gris-borde);border-radius:var(--radio-md);overflow:hidden}
.tabla th{background:var(--negro);color:var(--blanco);padding:11px 14px;text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.3px;font-weight:600;border-bottom:3px solid var(--primario)}
.tabla td{padding:8px 12px;font-size:.82rem;border-bottom:1px solid var(--gris-borde)}
.tabla tr:nth-child(even){background:var(--gris-fondo)}
.tabla tr:hover{background:#eef0f2}
.estado{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600}
.estado-pendiente,.estado--pendiente{background:#FEF3C7;color:#92400E}
.estado-procesando,.estado--procesando{background:#DBEAFE;color:#1E40AF}
.estado-enviado,.estado--enviado{background:#E0E7FF;color:#3730A3}
.estado-entregado,.estado--entregado{background:#DCFCE7;color:#166534}
.estado-cancelado,.estado--cancelado{background:#FEE2E2;color:#991B1B}

/* ============================================================
   CONTACTO
   ============================================================ */
.contacto-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 0}
.contacto-formulario,.contacto-info{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);padding:24px}
.contacto-formulario h2,.contacto-info h2{font-size:1.1rem;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid var(--primario);text-transform:uppercase}
.contacto-dato{margin-bottom:16px}
.contacto-dato strong{display:block;font-size:.85rem;margin-bottom:4px}
.contacto-dato span{color:var(--texto-claro)}

/* ============================================================
   CONFIRMACION
   ============================================================ */
.confirmacion{text-align:center;padding:48px 0}
.confirmacion-caja{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);padding:40px;max-width:600px;margin:0 auto}
.confirmacion-caja h1{color:var(--exito);margin-bottom:12px}
.confirmacion-numero{font-size:1.4rem;font-weight:700;margin:16px 0;padding:14px;background:var(--gris-fondo);border-radius:var(--radio)}

/* ============================================================
   MENU MOVIL
   ============================================================ */
.overlay-movil{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:150}
.overlay-movil.activo{display:block}
.menu-movil{position:fixed;top:0;left:-300px;width:280px;height:100%;background:var(--negro);z-index:151;overflow-y:auto;transition:left .3s ease}
.menu-movil.activo{left:0}
.menu-movil-cabecera{padding:16px 20px;background:var(--primario);color:var(--blanco);display:flex;justify-content:space-between;align-items:center;font-weight:700}
.menu-movil-cerrar{background:none;border:none;color:var(--blanco);font-size:1.5rem;cursor:pointer}
.menu-movil ul{list-style:none}
.menu-movil li a{display:block;padding:14px 20px;color:var(--blanco);font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.08);text-transform:uppercase}
.menu-movil li a:hover{color:var(--primario);background:rgba(255,255,255,.05)}

/* ============================================================
   ADMIN
   ============================================================ */
/* Layout principal */
.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}

/* Sidebar oscuro estilo login */
.admin-sidebar{background:#1a1a1a;padding:0;color:#fff;display:flex;flex-direction:column;border-right:1px solid #2a2a2a}
.admin-sidebar-logo{padding:24px 24px 16px;text-align:center}
.admin-sidebar-logo img{width:160px;height:auto;margin-bottom:8px}
.admin-sidebar-divider{width:40px;height:3px;background:var(--primario);margin:8px auto 12px;border-radius:2px}
.admin-sidebar-logo small{display:block;font-size:.65rem;color:#ffffff;text-transform:uppercase;letter-spacing:2px;font-family:'Poppins',sans-serif;font-weight:600}

/* Menu lateral */
.admin-menu{display:flex;flex-direction:column;flex:1;padding:8px 0}
/* Acordeón del menú */
.admin-acordeon{border-bottom:1px solid #2a2a2a}
.admin-acordeon-titulo{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--primario);font-weight:700;font-family:'Poppins',sans-serif;cursor:pointer;transition:background .15s;user-select:none}
.admin-acordeon-titulo:hover{background:rgba(255,255,255,.03)}
.admin-acordeon-flecha{font-size:.55rem;color:#555;transition:transform .2s}
.admin-acordeon.abierto .admin-acordeon-flecha{transform:rotate(180deg);color:var(--primario)}
.admin-acordeon-contenido{display:none;padding-bottom:8px}
.admin-acordeon.abierto .admin-acordeon-contenido{display:block}
.admin-menu-seccion{display:block;padding:20px 24px 6px;font-size:.65rem;text-transform:uppercase;letter-spacing:2px;color:var(--primario);font-weight:700;font-family:'Poppins',sans-serif}
.admin-menu a{display:flex;align-items:center;gap:10px;padding:10px 24px;color:rgba(255,255,255,.6);font-size:.85rem;text-decoration:none;border-left:3px solid transparent;transition:all .15s}
.admin-menu a svg{flex-shrink:0;opacity:.5;transition:opacity .15s}
.admin-menu a:hover{color:#fff;background:rgba(255,255,255,.05);border-left-color:rgba(255,255,255,.2)}
.admin-menu a:hover svg{opacity:1}
.admin-menu a.activo{color:#fff;background:rgba(230,51,18,.1);border-left-color:var(--primario);font-weight:600}
.admin-menu a.activo svg{opacity:1;stroke:var(--primario)}
.admin-menu-badge{margin-left:auto;font-size:.7rem;color:rgba(255,255,255,.35);font-weight:400}

/* Zona inferior del menu */
.admin-menu-bottom{margin-top:auto;padding:16px 0;border-top:1px solid #2a2a2a}
.admin-menu-externo{color:rgba(255,255,255,.5) !important;font-size:.8rem !important}
.admin-menu-logout{color:rgba(255,255,255,.35) !important;font-size:.8rem !important}
.admin-menu-logout:hover{color:var(--primario) !important}

/* Contenido principal */
.admin-contenido{padding:32px 40px;background:#f5f5f7;overflow-y:auto}

/* Cabecera de pagina */
.admin-cabecera{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.admin-cabecera h1{font-size:1.6rem;margin:0;font-family:'Poppins',sans-serif;font-weight:700;color:#1a1a1a}
.admin-bienvenida{font-size:.85rem;color:var(--gris-texto)}

/* KPIs minimalistas */
.admin-kpis{display:flex;align-items:center;background:#fff;border-radius:12px;padding:20px 0;margin-bottom:28px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.admin-kpi{flex:1;text-align:center;padding:0 20px}
.admin-kpi-num{display:block;font-size:1.4rem;font-weight:700;color:#1a1a1a;font-family:'Poppins',sans-serif;line-height:1}
.admin-kpi-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#aaa;margin-top:4px;font-weight:500}
.admin-kpi-sep{width:1px;height:36px;background:#eee;flex-shrink:0}

/* Tarjetas reutilizables */
.admin-resumen{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}

/* Cajas de contenido */
.admin-caja{background:#fff;border:none;border-radius:12px;padding:28px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.admin-caja h3{font-size:1rem;margin:0 0 16px;font-weight:700;font-family:'Poppins',sans-serif;color:#1a1a1a}

/* Acciones */
.admin-acciones{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}

/* CRUD grid (tabla + formulario lado a lado) */
.grid-crud{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
@media(max-width:900px){.grid-crud{grid-template-columns:1fr}}
.form-inline{display:inline}

/* Toggle switch */
.admin-toggle{display:inline-flex !important;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;user-select:none;margin:0}
.admin-toggle input[type="checkbox"]{display:none !important;position:absolute;opacity:0;width:0;height:0;margin:0}
.admin-toggle-slider{position:relative;display:inline-block;width:44px;height:24px;min-width:44px;background:#ccc;border-radius:24px;transition:background .2s;flex-shrink:0}
.admin-toggle-slider::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.admin-toggle input:checked + .admin-toggle-slider{background:var(--primario)}
.admin-toggle input:checked + .admin-toggle-slider::after{transform:translateX(20px)}
.admin-toggle-text{color:#555;font-weight:500}

/* Estadisticas */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stats-grid--3{grid-template-columns:repeat(3,1fr)}
.stats-grid--4{grid-template-columns:repeat(4,1fr)}
.stat-item{text-align:center;padding:16px 8px}
.stat-num{font-size:1.3rem;font-weight:700;color:#1a1a1a;font-family:'Poppins',sans-serif;line-height:1.2}
.stat-label{font-size:.7rem;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}
.stats-estados{display:flex;gap:16px;flex-wrap:wrap}
.stat-estado{display:flex;align-items:center;gap:8px;font-size:.85rem}
@media(max-width:900px){.stats-grid,.stats-grid--3,.stats-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.stats-grid,.stats-grid--3,.stats-grid--4{grid-template-columns:1fr}}

.texto-muted{color:var(--gris-texto);font-size:.9rem}

/* ============================================================
   MARCAS / VEHICULOS (selector de coche)
   ============================================================ */
.marcas-pagina{padding:32px 0}
.marcas-pagina h1{font-size:1.8rem;margin-bottom:8px}
.marcas-subtitulo{color:var(--gris-texto);margin-bottom:32px}
.marcas-populares{margin-bottom:40px}
.marcas-populares h2,.marcas-listado h2{font-size:1.1rem;text-transform:uppercase;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--primario)}
.marcas-grid-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.marca-logo-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);text-decoration:none;color:var(--texto);font-size:.8rem;font-weight:600;text-align:center;transition:var(--trans)}
.marca-logo-card:hover{border-color:var(--primario);box-shadow:0 2px 8px rgba(230,51,18,.15);transform:translateY(-2px)}
.marca-logo-card img{width:60px;height:60px;object-fit:contain}
.marcas-grid-texto{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px}
.marca-texto-link{display:flex;justify-content:space-between;padding:8px 12px;color:var(--texto);text-decoration:none;font-size:.9rem;border-radius:var(--radio);transition:var(--trans)}
.marca-texto-link:hover{background:var(--gris-fondo);color:var(--primario)}
.marca-count{color:var(--gris-texto);font-size:.8rem}

/* Vehiculos: breadcrumb */
.vehiculo-breadcrumb{padding:16px 0;font-size:.85rem;color:var(--gris-texto)}
.vehiculo-breadcrumb a{color:var(--primario);text-decoration:none}
.vehiculo-breadcrumb a:hover{text-decoration:underline}
.vehiculo-breadcrumb span{margin:0 6px}

/* Vehiculos: modelos */
.vehiculo-modelos,.vehiculo-tipos,.vehiculo-piezas{padding-bottom:32px}
.vehiculo-modelos h1,.vehiculo-tipos h1,.vehiculo-piezas h1{font-size:1.5rem;margin-bottom:8px}
.vehiculo-subtitulo,.vehiculo-total{color:var(--gris-texto);margin-bottom:24px}
.vehiculo-modelos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.vehiculo-modelo-card{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);text-decoration:none;color:var(--texto);transition:var(--trans)}
.vehiculo-modelo-card:hover{border-color:var(--primario);background:var(--gris-fondo)}
/* Páginas legales */
.pagina-legal{max-width:800px;margin:0 auto;padding:32px 0 48px}
.pagina-legal h1{font-size:1.8rem;margin-bottom:24px;font-family:'Poppins',sans-serif}
.pagina-legal h2{font-size:1.15rem;margin:28px 0 12px;color:var(--negro);font-family:'Poppins',sans-serif}
.pagina-legal p{font-size:.9rem;line-height:1.7;color:#444;margin-bottom:12px}
.pagina-legal ul{margin:0 0 16px 20px;font-size:.9rem;line-height:1.7;color:#444}
.pagina-legal ul li{margin-bottom:6px}
.pagina-legal a{color:var(--primario)}
.pagina-legal em{font-size:.8rem;color:#999}

.vehiculo-filtro{margin-bottom:20px}
.vehiculo-filtro input{width:100%;height:48px;padding:0 18px;font-size:.95rem;font-family:inherit;border:2px solid var(--gris-borde);border-radius:var(--radio-md);outline:none;transition:border-color .2s}
.vehiculo-filtro input:focus{border-color:var(--primario)}
.vehiculo-filtro input::placeholder{color:#aaa}
.vehiculo-modelo-nombre{font-weight:600;font-size:.95rem}
.vehiculo-modelo-codigo{font-size:.7rem;color:#999;margin-top:2px}
.vehiculo-modelo-count{font-size:.75rem;color:var(--primario);font-weight:600;margin-top:4px}

/* Vehiculos: tipos/motorizaciones */
.vehiculo-tipos-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.vehiculo-tipo-card{display:block;padding:16px 20px;background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);text-decoration:none;color:var(--texto);transition:var(--trans)}
.vehiculo-tipo-card:hover{border-color:var(--primario);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.vehiculo-tipo-nombre{font-weight:700;font-size:1rem;margin-bottom:2px}
.vehiculo-tipo-codigo{font-size:.7rem;color:#999;margin-bottom:4px}
.vehiculo-tipo-motor{font-size:.85rem;color:var(--gris-texto)}
.vehiculo-tipo-anios{font-size:.8rem;color:var(--gris-texto);margin-top:4px}
.vehiculo-tipo-piezas{font-size:.8rem;color:var(--primario);font-weight:600;margin-top:6px}

/* Vehiculos: piezas */
.vehiculo-piezas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.vehiculo-pieza-card{display:block;padding:16px 20px;background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);text-decoration:none;color:var(--texto);transition:var(--trans)}
.vehiculo-pieza-card:hover{border-color:var(--primario);box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-2px)}
.vehiculo-pieza-img{width:100%;height:140px;object-fit:contain;margin-bottom:10px}
.vehiculo-pieza-tipo{font-size:.7rem;text-transform:uppercase;color:var(--primario);font-weight:700;margin-bottom:4px}
.vehiculo-pieza-ref{font-size:1.05rem;font-weight:700;color:var(--negro)}
.vehiculo-pieza-nombre{font-size:.85rem;color:var(--gris-texto);margin-top:4px}
.vehiculo-pieza-ver{display:inline-block;margin-top:10px;font-size:.8rem;color:var(--primario);font-weight:600}
.producto-info-login-aviso{padding:20px;background:var(--gris-fondo);border:1px solid var(--gris-borde);border-radius:var(--radio-md);margin:16px 0;font-size:.9rem;color:var(--gris-texto)}
.producto-info-login-aviso a{color:var(--primario);font-weight:600}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:992px){
    .categorias-grid{grid-template-columns:repeat(3,1fr)}
    .productos-grid{grid-template-columns:repeat(3,1fr)}
    .productos-carrusel .producto-tarjeta{flex:0 0 calc(33.33% - 11px)}
    .catalogo-layout{grid-template-columns:220px 1fr}
    .producto-detalle{grid-template-columns:1fr}
    .checkout-layout{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr 1fr;gap:24px}
    .footer-columna-marca{grid-column:1/-1;text-align:center;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}
    .footer-logo-img{height:40px}
    .cuenta-layout{grid-template-columns:1fr}
    .contacto-layout{grid-template-columns:1fr}
    .marcas-grid{grid-template-columns:repeat(4,1fr)}
    .ventajas-grid{grid-template-columns:repeat(2,1fr)}
    .admin-resumen{grid-template-columns:repeat(2,1fr)}
    .admin-layout{grid-template-columns:220px 1fr}
}

@media(max-width:768px){
    /* --- Barra contacto: hide phone/email, keep login --- */
    .barra-contacto{padding:4px 0;font-size:.8rem}
    .barra-contacto-izq span:not(:first-child),
    .barra-contacto-izq a{display:none}
    .barra-contacto .contenedor{justify-content:space-between}

    /* --- Cabecera: compact for mobile --- */
    .cabecera{background-image:none}
    .cabecera .contenedor{flex-wrap:wrap;gap:8px;padding-top:6px;padding-bottom:6px}
    .cabecera-logo img{width:150px}
    .cabecera-buscador{flex:1 1 100%;order:5;margin-left:0}
    .cabecera-buscador input[type="text"]{height:40px;font-size:.85rem}
    .cabecera-buscador button[type="submit"]{width:40px;height:40px}
    .cabecera-elegir-vehiculo{display:none}
    .cabecera-acciones{gap:6px;margin-left:auto}
    .cabecera-btn{width:40px;height:40px}
    .cabecera-btn svg{width:18px;height:18px}
    .menu-hamburguesa{display:flex}

    /* --- Nav: hidden on mobile (hamburger menu instead) --- */
    .nav-principal{display:none}
    .nav-principal.activo{display:block}
    .nav-principal .contenedor{flex-direction:column}
    .nav-dropdown-panel{position:static;min-width:auto}

    /* --- Grids: 2 columns tablet --- */
    .categorias-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .productos-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .productos-carrusel .producto-tarjeta{flex:0 0 calc(50% - 8px);min-width:180px}

    /* --- Hero: stack columns on tablet --- */
    .hero{padding:16px 0 0}
    .hero-grid{grid-template-columns:1fr;min-height:auto}
    .hero-buscador{padding:20px 16px}
    .hero-slideshow{height:240px}
    .hero-slide-titulo{font-size:1.1rem}

    /* --- Matricula results --- */
    .matricula-vehiculo{flex-wrap:wrap;gap:10px}
    .matricula-producto{flex-wrap:wrap;gap:6px}
    .matricula-producto-ref{min-width:auto}

    /* --- Other sections --- */
    .marcas-grid{grid-template-columns:repeat(3,1fr)}
    .ventajas-grid{grid-template-columns:1fr 1fr}
    .catalogo-layout{grid-template-columns:1fr}
    .catalogo-sidebar{display:none}
    .footer-grid{grid-template-columns:1fr;gap:0}
    .footer-contenido{padding:16px 0 8px}
    .footer-columna-marca{text-align:center;padding:12px 0 16px;border-bottom:1px solid rgba(255,255,255,.08)}
    .footer-columna-marca p{font-size:.8rem}
    .footer-logo-img{height:36px;margin-bottom:10px}
    .footer-columna:not(.footer-columna-marca){border-bottom:1px solid rgba(255,255,255,.06);padding:0}
    .footer-titulo-movil{margin:0;padding:14px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:.85rem}
    .footer-titulo-movil::after{content:'+';font-size:1.1rem;font-weight:300;color:rgba(255,255,255,.4);transition:transform .2s}
    .footer-columna h3::after{display:none}
    .footer-lista-movil{max-height:0;overflow:hidden;transition:max-height .3s ease}
    .footer-col-open .footer-lista-movil{max-height:200px}
    .footer-col-open .footer-titulo-movil::after{content:'-'}
    .footer-columna li{padding:.3rem 0}
    .footer-inferior{padding:14px 0;font-size:.78rem}
    .formulario-fila{grid-template-columns:1fr}
    .seccion-headline{flex-direction:column;gap:10px;align-items:flex-start}
    .seccion-headline h2{font-size:1.15rem}
    .admin-layout{grid-template-columns:1fr}
    .admin-sidebar{display:none}
    .admin-resumen{grid-template-columns:1fr 1fr}
    .admin-contenido{padding:16px}

    /* --- Prevent horizontal overflow --- */
    html,body{overflow-x:hidden}
    .contenedor{padding:0 12px}
    .seccion{padding:24px 0 32px}
}

@media(max-width:480px){
    /* --- Barra contacto: hide entirely on small phones --- */
    .barra-contacto{display:none}

    /* --- Header even more compact --- */
    .cabecera-logo img{width:120px}
    .cabecera .contenedor{gap:6px}
    .cabecera-btn{width:40px;height:40px}
    .cabecera-buscador input[type="text"]{height:40px;padding:.5rem 1rem;font-size:.8rem}
    .cabecera-buscador button[type="submit"]{width:40px;height:40px}

    /* --- Product grid: single column --- */
    .productos-grid{grid-template-columns:1fr}
    .productos-carrusel .producto-tarjeta{flex:0 0 85%;min-width:0}
    .categorias-grid{grid-template-columns:1fr 1fr;gap:8px}
    .producto-comprar{flex-direction:column}
    .producto-comprar .btn{width:100%;min-height:44px}

    /* --- Hero compact on small phones --- */
    .hero{padding:10px 0 0}
    .hero-buscador{padding:16px 14px}
    .hero-buscador-titulo{font-size:.85rem;margin-bottom:14px}
    .hero-slideshow{height:200px}
    .hero-select{height:40px;font-size:.82rem}
    .hero-select-num{width:28px;height:40px;font-size:.75rem}
    .buscador-matricula-input{height:40px}
    .buscador-matricula-input input{font-size:.9rem;letter-spacing:1px}
    .buscador-vehiculo-btn{height:40px;padding:0 14px;font-size:.8rem}
    .hero-btn-buscar{height:40px;font-size:.85rem}

    /* --- Brands / advantages --- */
    .marcas-grid{grid-template-columns:repeat(2,1fr);gap:8px}
    .ventajas-grid{grid-template-columns:1fr}

    /* --- Footer compact --- */
    .footer-columna a,.footer-columna li{font-size:.82rem}

    /* --- General touch targets and spacing --- */
    .btn,.boton{min-height:44px}
    .seccion{padding:20px 0 24px}
    .seccion-headline h2{font-size:1.05rem}
}

@media print{.cabecera,.nav-principal,.footer{display:none}}

/* ============================================================
   ADMIN: TABLA THUMBNAILS
   ============================================================ */
.admin-tabla-img{width:50px;height:50px;object-fit:contain;border-radius:4px;background:var(--gris-fondo)}
.tabla-img-mini{width:50px;height:50px;object-fit:contain;border-radius:4px;background:var(--gris-fondo)}

/* ============================================================
   ADMIN: DASHBOARD MEJORADO
   ============================================================ */
.admin-resumen--6{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:28px}
.admin-tarjeta--acento{}
.admin-tarjeta .valor--sm{font-size:1.4rem}
.admin-tarjeta .etiqueta{font-size:.7rem;color:var(--gris-texto);margin-top:4px}

.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.admin-grid-crud{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
@media(max-width:900px){.admin-grid-crud{grid-template-columns:1fr}}

.admin-acciones-rapidas{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.admin-accion-link{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border:1px solid var(--gris-borde);border-radius:8px;font-size:.85rem;font-weight:600;color:var(--texto);transition:all .15s;text-decoration:none}
.admin-accion-link:hover{border-color:var(--primario);color:var(--primario);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.admin-accion-link svg{flex-shrink:0;stroke:var(--primario)}

.admin-barra-progreso{height:8px;background:var(--gris-fondo);border-radius:4px;overflow:hidden;margin-top:8px}
.admin-barra-progreso-fill{height:100%;background:var(--primario);border-radius:4px;transition:width .4s ease}

.admin-stat-fila{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--gris-fondo);font-size:.85rem}
.admin-stat-fila:last-child{border-bottom:none}
.admin-stat-label{color:var(--texto)}
.admin-stat-valor{font-weight:700;color:#1a1a1a;font-family:'Poppins',sans-serif}

@media(max-width:900px){
    .admin-resumen--6{grid-template-columns:repeat(3,1fr)}
    .admin-grid-2{grid-template-columns:1fr}
}
@media(max-width:600px){
    .admin-resumen--6{grid-template-columns:repeat(2,1fr)}
}

/* ============================================================
   STOCK BADGES - Indicadores de disponibilidad por almacén
   ============================================================ */
.stock-badge-disponible{background:#d4edda;color:#155724;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block}
.stock-badge-otro{background:#fff3cd;color:#856404;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block}
.stock-badge-consultar{background:#cce5ff;color:#004085;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block}
.stock-almacen-propio{background:rgba(212,237,218,.3)}

/* Cargo por casco */
.cargo-casco-aviso{background:#fff8e1;padding:10px 14px;border-radius:var(--radio);font-size:.85rem;color:#6d4c00;margin:10px 0}

/* FIN DE MASTER.CSS */