/* ==========================================================
   EMPRESA STORE
   Sistema de Arriendo de Equipos de Pruebas Eléctricas
   Style.css
   ========================================================== */


/* ==========================================================
   VARIABLES
   ========================================================== */

:root{

    --azul:#0F4C81;
    --azul-hover:#0B3A63;

    --naranjo:#F28C28;
    --naranjo-hover:#D97706;

    --verde:#16A34A;
    --rojo:#DC2626;
    --amarillo:#D97706;

    --gris-50:#F8FAFC;
    --gris-100:#F1F5F9;
    --gris-200:#E2E8F0;
    --gris-300:#CBD5E1;
    --gris-500:#64748B;
    --gris-700:#334155;
    --gris-900:#0F172A;

    --texto:#1E293B;

    --radio:12px;

    --radio-lg:18px;

    --sombra:
        0 10px 30px rgba(0,0,0,.08);

    --transicion:.25s;

}


/* ==========================================================
   RESET
   ========================================================== */

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:
        "Poppins",
        Arial,
        Helvetica,
        sans-serif;

    background:var(--gris-100);

    color:var(--texto);

    line-height:1.6;

}

img{

    display:block;

    max-width:100%;

}

a{

    text-decoration:none;

    color:inherit;

}

ul{

    list-style:none;

}

button{

    font-family:inherit;

}


/* ==========================================================
   CONTENEDOR
   ========================================================== */

.container{

    width:min(1400px,94%);

    margin:auto;

}


/* ==========================================================
   HEADER
   ========================================================== */

header{

    position:sticky;

    top:0;

    z-index:999;

    background:white;

    box-shadow:var(--sombra);

}

.header-container{

    width:min(1400px,94%);

    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    min-height:85px;

}


/* ==========================================================
   LOGO
   ========================================================== */

.logo{

    display:flex;

    align-items:center;

    gap:12px;

}

.logo img{

    width:52px;

}

.logo h1{

    font-size:28px;

    color:var(--azul);

}

.logo span{

    color:var(--naranjo);

}


/* ==========================================================
   MENÚ
   ========================================================== */

nav{

    display:flex;

    gap:30px;

}

nav a{

    position:relative;

    font-weight:600;

    transition:var(--transicion);

}

nav a:hover{

    color:var(--azul);

}

nav a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-6px;

    width:0;

    height:3px;

    background:var(--naranjo);

    transition:.3s;

}

nav a:hover::after{

    width:100%;

}


/* ==========================================================
   ACCIONES
   ========================================================== */

.acciones{

    display:flex;

    align-items:center;

    gap:15px;

}


/* ==========================================================
   BUSCADOR
   ========================================================== */

.busqueda{

    width:260px;

    padding:12px 18px;

    border:1px solid var(--gris-300);

    border-radius:50px;

    outline:none;

    transition:.3s;

}

.busqueda:focus{

    border-color:var(--azul);

}


/* ==========================================================
   BOTONES
   ========================================================== */

.btn{

    display:inline-block;

    padding:12px 24px;

    border-radius:10px;

    background:var(--azul);

    color:white;

    font-weight:600;

    transition:.3s;

}

.btn:hover{

    background:var(--azul-hover);

}


.boton-principal{

    display:inline-block;

    padding:16px 34px;

    border-radius:10px;

    background:var(--naranjo);

    color:white;

    font-weight:700;

    transition:.3s;

}

.boton-principal:hover{

    background:var(--naranjo-hover);

    transform:translateY(-2px);

}


/* ==========================================================
   HERO
   ========================================================== */

.hero{

    min-height:620px;

    margin:35px auto;

    border-radius:20px;

    overflow:hidden;

    display:flex;

    align-items:center;

    padding:80px;

    background:

    linear-gradient(

        rgba(0,0,0,.55),

        rgba(0,0,0,.45)

    ),

    url("../img/hero.jpg");

    background-size:cover;

    background-position:center;

}


.hero-contenido{

    max-width:700px;

    color:white;

}

.hero h2{

    font-size:58px;

    line-height:1.1;

    margin-bottom:25px;

}

.hero p{

    font-size:22px;

    margin-bottom:40px;

}
/* ==========================================================
   TITULOS DE PÁGINA
   ========================================================== */

.titulo-pagina{

    text-align:center;

    padding:60px 20px 40px;

}

.titulo-pagina h1{

    font-size:42px;

    color:var(--azul);

    margin-bottom:15px;

}

.titulo-pagina p{

    max-width:700px;

    margin:auto;

    color:var(--gris-500);

    font-size:18px;

}



/* ==========================================================
   CATÁLOGO DE EQUIPOS
   ========================================================== */

.productos{

    display:grid;

    grid-template-columns:
        repeat(auto-fill,minmax(320px,1fr));

    gap:30px;

    margin-bottom:60px;

}



/* ==========================================================
   TARJETAS
   ========================================================== */

.card{

    background:white;

    border-radius:18px;

    overflow:hidden;

    box-shadow:var(--sombra);

    transition:.30s;

}

.card:hover{

    transform:translateY(-8px);

    box-shadow:
        0 20px 45px rgba(0,0,0,.15);

}



.card img{

    width:100%;

    height:250px;

    object-fit:cover;

}



/* ==========================================================
   CONTENIDO TARJETA
   ========================================================== */

.card-body{

    padding:25px;

}



.card h3{

    font-size:24px;

    margin-bottom:10px;

    color:var(--gris-900);

}



.marca{

    color:var(--gris-500);

    font-weight:600;

    margin-bottom:15px;

}



.descripcion{

    color:var(--gris-700);

    font-size:15px;

    line-height:1.7;

    margin-bottom:20px;

}



/* ==========================================================
   PRECIOS
   ========================================================== */

.precio{

    font-size:30px;

    color:var(--azul);

    font-weight:700;

}

.precio small{

    font-size:15px;

    color:var(--gris-500);

}



/* ==========================================================
   ESTADOS
   ========================================================== */

.estado{

    display:inline-block;

    margin-top:20px;

    padding:8px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:bold;

}

.disponible{

    background:#DCFCE7;

    color:#166534;

}

.arrendado{

    background:#FEE2E2;

    color:#991B1B;

}

.mantenimiento{

    background:#FEF3C7;

    color:#92400E;

}



/* ==========================================================
   BOTÓN TARJETA
   ========================================================== */

.card .boton{

    display:block;

    text-align:center;

    margin-top:25px;

    padding:14px;

    border-radius:10px;

    background:var(--azul);

    color:white;

    font-weight:600;

    transition:.3s;

}

.card .boton:hover{

    background:var(--azul-hover);

}



/* ==========================================================
   INSIGNIAS
   ========================================================== */

.badge{

    display:inline-block;

    padding:6px 12px;

    border-radius:20px;

    font-size:12px;

    font-weight:bold;

    background:var(--gris-200);

    color:var(--gris-700);

}

.badge-calibrado{

    background:#DBEAFE;

    color:#1E40AF;

}

.badge-certificado{

    background:#DCFCE7;

    color:#166534;

}



/* ==========================================================
   FILTROS
   ========================================================== */

.filtros{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

    margin-bottom:35px;

    background:white;

    padding:25px;

    border-radius:15px;

    box-shadow:var(--sombra);

}

.filtros input,

.filtros select{

    padding:12px 15px;

    border:1px solid var(--gris-300);

    border-radius:10px;

    min-width:220px;

}

.filtros button{

    padding:12px 22px;

    background:var(--azul);

    color:white;

    border:none;

    border-radius:10px;

    cursor:pointer;

}



/* ==========================================================
   TARJETA INFORMACIÓN
   ========================================================== */

.info-box{

    background:white;

    border-radius:15px;

    padding:30px;

    box-shadow:var(--sombra);

}



/* ==========================================================
   TABLAS
   ========================================================== */

table{

    width:100%;

    border-collapse:collapse;

    background:white;

    box-shadow:var(--sombra);

}

th{

    background:var(--azul);

    color:white;

    padding:16px;

    text-align:left;

}

td{

    padding:16px;

    border-bottom:1px solid var(--gris-200);

}

tr:hover{

    background:var(--gris-50);

}
/* ==========================================================
   DETALLE DEL EQUIPO
   ========================================================== */

.detalle-equipo{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    margin:50px 0;

    padding:40px;

    background:white;

    border-radius:20px;

    box-shadow:var(--sombra);

}

.imagen-equipo{

    display:flex;

    align-items:center;

    justify-content:center;

}

.imagen-equipo img{

    width:100%;

    border-radius:18px;

    border:1px solid var(--gris-200);

}

.informacion-equipo h1{

    font-size:42px;

    color:var(--azul);

    margin-bottom:15px;

}

.informacion-equipo h2{

    margin:30px 0 15px;

    color:var(--azul);

    font-size:24px;

}

.informacion-equipo h3{

    color:var(--gris-700);

    margin-bottom:25px;

}

.informacion-equipo p{

    margin-bottom:12px;

    color:var(--gris-700);

    line-height:1.7;

}

.informacion-equipo hr{

    margin:30px 0;

    border:none;

    border-top:1px solid var(--gris-200);

}



/* ==========================================================
   TABLA DE ESPECIFICACIONES
   ========================================================== */

.tabla-especificaciones{

    width:100%;

    margin-top:20px;

}

.tabla-especificaciones tr td{

    padding:12px;

}

.tabla-especificaciones td:first-child{

    width:220px;

    font-weight:bold;

    background:var(--gris-50);

}



/* ==========================================================
   FORMULARIOS
   ========================================================== */

form{

    display:flex;

    flex-direction:column;

    gap:16px;

}

label{

    font-weight:600;

    color:var(--gris-700);

}

input,
select,
textarea{

    padding:14px;

    border:1px solid var(--gris-300);

    border-radius:10px;

    font-size:16px;

    transition:.25s;

    background:white;

}

input:focus,
select:focus,
textarea:focus{

    border-color:var(--azul);

    outline:none;

    box-shadow:0 0 0 3px rgba(15,76,129,.15);

}

textarea{

    resize:vertical;

}



/* ==========================================================
   FORMULARIO DE COTIZACIÓN
   ========================================================== */

.formulario-cotizacion{

    background:white;

    max-width:900px;

    margin:50px auto;

    padding:40px;

    border-radius:20px;

    box-shadow:var(--sombra);

}

.formulario-cotizacion h1{

    color:var(--azul);

    margin-bottom:30px;

}

.equipo-seleccionado{

    background:var(--gris-50);

    border-left:5px solid var(--azul);

    padding:20px;

    margin-bottom:30px;

    border-radius:10px;

}



/* ==========================================================
   MENSAJES
   ========================================================== */

.mensaje-exito{

    background:#DCFCE7;

    border-left:6px solid #16A34A;

    color:#166534;

    padding:20px;

    margin-bottom:30px;

    border-radius:10px;

}

.mensaje-error{

    background:#FEE2E2;

    border-left:6px solid #DC2626;

    color:#991B1B;

    padding:20px;

    margin-bottom:30px;

    border-radius:10px;

}

.mensaje-info{

    background:#DBEAFE;

    border-left:6px solid var(--azul);

    color:#1E3A8A;

    padding:20px;

    margin-bottom:30px;

    border-radius:10px;

}



/* ==========================================================
   CARRITO
   ========================================================== */

.carrito{

    background:white;

    padding:40px;

    margin:50px 0;

    border-radius:20px;

    box-shadow:var(--sombra);

}

.carrito h1{

    color:var(--azul);

    margin-bottom:30px;

}

.carrito table{

    margin-top:20px;

}

.carrito tfoot td{

    font-weight:bold;

    background:var(--gris-50);

}

.eliminar{

    color:var(--rojo);

    font-weight:bold;

}

.eliminar:hover{

    text-decoration:underline;

}



/* ==========================================================
   BOTONES SECUNDARIOS
   ========================================================== */

.btn-secundario{

    display:inline-block;

    padding:14px 24px;

    border-radius:10px;

    border:2px solid var(--azul);

    color:var(--azul);

    font-weight:600;

    transition:.3s;

}

.btn-secundario:hover{

    background:var(--azul);

    color:white;

}



/* ==========================================================
   BOTÓN DESHABILITADO
   ========================================================== */

.boton-desactivado{

    display:inline-block;

    padding:16px 34px;

    background:#9CA3AF;

    color:white;

    border:none;

    border-radius:10px;

    cursor:not-allowed;

}
/* ==========================================================
   PANEL DE ADMINISTRACIÓN
   ========================================================== */

.admin{

    display:grid;

    grid-template-columns:260px 1fr;

    min-height:100vh;

}

.sidebar{

    background:var(--gris-900);

    color:white;

    padding:30px;

}

.sidebar h2{

    margin-bottom:30px;

    color:white;

}

.sidebar ul{

    display:flex;

    flex-direction:column;

    gap:10px;

}

.sidebar a{

    display:block;

    padding:14px 18px;

    border-radius:10px;

    transition:.25s;

}

.sidebar a:hover{

    background:rgba(255,255,255,.10);

}

.sidebar a.activo{

    background:var(--azul);

}

.admin-contenido{

    padding:40px;

}



/* ==========================================================
   DASHBOARD
   ========================================================== */

.dashboard{

    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(260px,1fr));

    gap:25px;

    margin-bottom:40px;

}

.dashboard-card{

    background:white;

    padding:30px;

    border-radius:15px;

    box-shadow:var(--sombra);

}

.dashboard-card h3{

    color:var(--gris-500);

    margin-bottom:10px;

}

.dashboard-card .numero{

    font-size:42px;

    font-weight:bold;

    color:var(--azul);

}



/* ==========================================================
   TABLAS ADMINISTRACIÓN
   ========================================================== */

.tabla-admin{

    width:100%;

    background:white;

    border-radius:15px;

    overflow:hidden;

    box-shadow:var(--sombra);

}

.tabla-admin th{

    background:var(--azul);

}

.tabla-admin td{

    padding:16px;

}



/* ==========================================================
   BOTONES ADMINISTRACIÓN
   ========================================================== */

.btn-editar{

    background:#2563EB;

    color:white;

    padding:10px 18px;

    border-radius:8px;

}

.btn-eliminar{

    background:#DC2626;

    color:white;

    padding:10px 18px;

    border-radius:8px;

}

.btn-nuevo{

    background:#16A34A;

    color:white;

    padding:14px 24px;

    border-radius:10px;

}



/* ==========================================================
   FOOTER
   ========================================================== */

footer{

    margin-top:80px;

    background:var(--gris-900);

    color:white;

}

.footer-contenido{

    width:min(1400px,94%);

    margin:auto;

    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(250px,1fr));

    gap:40px;

    padding:60px 0;

}

.footer-columna h3{

    margin-bottom:20px;

}

.footer-columna p{

    color:#CBD5E1;

    margin-bottom:12px;

}

.footer-columna a{

    display:block;

    color:#CBD5E1;

    margin-bottom:12px;

    transition:.25s;

}

.footer-columna a:hover{

    color:white;

}

.footer-copy{

    text-align:center;

    padding:20px;

    border-top:1px solid rgba(255,255,255,.10);

}



/* ==========================================================
   UTILIDADES
   ========================================================== */

.text-center{

    text-align:center;

}

.mt-1{margin-top:10px;}
.mt-2{margin-top:20px;}
.mt-3{margin-top:30px;}
.mt-4{margin-top:40px;}

.mb-1{margin-bottom:10px;}
.mb-2{margin-bottom:20px;}
.mb-3{margin-bottom:30px;}
.mb-4{margin-bottom:40px;}

.oculto{

    display:none;

}



/* ==========================================================
   ANIMACIONES
   ========================================================== */

.fade{

    animation:fade .5s ease;

}

@keyframes fade{

    from{

        opacity:0;

        transform:translateY(15px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}



/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1024px){

    .detalle-equipo{

        grid-template-columns:1fr;

    }

    .hero{

        padding:50px;

    }

    .hero h2{

        font-size:42px;

    }

}

@media(max-width:768px){

    .header-container{

        flex-direction:column;

        gap:20px;

        padding:20px 0;

    }

    nav{

        flex-wrap:wrap;

        justify-content:center;

    }

    .acciones{

        width:100%;

        flex-direction:column;

    }

    .busqueda{

        width:100%;

    }

    .hero{

        min-height:auto;

        padding:40px 25px;

    }

    .hero h2{

        font-size:34px;

    }

    .hero p{

        font-size:18px;

    }

    .productos{

        grid-template-columns:1fr;

    }

    .dashboard{

        grid-template-columns:1fr;

    }

    .admin{

        grid-template-columns:1fr;

    }

    .sidebar{

        display:none;

    }

}

@media(max-width:480px){

    .titulo-pagina h1{

        font-size:30px;

    }

    .informacion-equipo h1{

        font-size:30px;

    }

    .boton-principal{

        width:100%;

        text-align:center;

    }

    .btn{

        width:100%;

        text-align:center;

    }

}
.marcas{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(180px,1fr));

gap:20px;

margin:50px 0;

}

.marcas div{

background:white;

padding:30px;

text-align:center;

font-size:22px;

font-weight:bold;

border-radius:15px;

box-shadow:var(--sombra);

color:var(--azul);

transition:.3s;

}

.marcas div:hover{

transform:translateY(-5px);

}
.acciones-equipo{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:15px;

    margin-top:30px;

}

.acciones-equipo .boton-principal,
.acciones-equipo .btn-secundario{

    text-align:center;

}

@media(max-width:600px){

    .acciones-equipo{

        flex-direction:column;

        align-items:stretch;

    }

    .acciones-equipo .boton-principal,
    .acciones-equipo .btn-secundario{

        width:100%;

    }

}
.card{
    display:flex;
    flex-direction:column;
    height:100%;
}

.card-body{
    display:flex;
    flex-direction:column;
    flex:1;
}

.descripcion{
    flex:1;
}

.card-info{
    margin-top:auto;
}

.card-acciones{
    margin-top:25px;
}

.card .boton{
    width:100%;
}
.tabla-responsive{

    width:100%;

    overflow-x:auto;

}


.admin-contenido > h1{

    color:var(--azul);

}


.tabla-admin small{

    color:var(--gris-500);

}


@media(max-width:768px){

    .admin-contenido{

        padding:20px;

    }

}
.admin-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    margin-bottom:30px;

}

.admin-header h1{

    color:var(--azul);

}

@media(max-width:768px){

    .admin-header{

        flex-direction:column;

        align-items:flex-start;

    }

}

.checkbox-label{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:10px;

}

.checkbox-label input{

    width:auto;

}

.form-estado{

    display:flex;

    gap:10px;

    align-items:center;

}

.form-estado select{

    min-width:130px;

}

.form-estado button{

    border:none;

    cursor:pointer;

}

@media(max-width:768px){

    .form-estado{

        flex-direction:column;

        align-items:stretch;

    }

}
.acciones-tabla{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.fila-inactiva{
    opacity:.55;
    background:#f8fafc;
}
/* ==========================================================
   MEJORAS OMEGA - CONTINUACIÓN
   ========================================================== */

.imagen-placeholder{
    width:100%;
    height:250px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    background:linear-gradient(135deg,#F8FAFC,#E2E8F0);
    color:var(--gris-500);
    text-align:center;
    font-weight:600;
}

.imagen-placeholder i{
    font-size:44px;
    color:var(--azul);
}

.imagen-placeholder-detalle{
    min-height:360px;
    border-radius:18px;
    border:1px solid var(--gris-200);
}

.filtros .btn-secundario{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 22px;
}

.pagina-contenido p{
    color:var(--gris-500);
    line-height:1.8;
    margin-bottom:20px;
}

.grid-info,
.contacto-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:25px;
    margin-bottom:60px;
}

.grid-info article{
    background:var(--gris-50);
    border:1px solid var(--gris-200);
    border-radius:14px;
    padding:22px;
}

.grid-info h3,
.contacto-grid h2{
    color:var(--azul);
    margin-bottom:12px;
}


/* ==========================================================
   HOME OMEGA - HERO CORREGIDO
   Se activa solo con body.pagina-home.
   ========================================================== */

body.pagina-home {
    background: #00101f;
}

body.pagina-home header {
    background: #00101f !important;
    border-bottom: 1px solid rgba(35, 140, 255, .25);
    box-shadow: none;
}

body.pagina-home .header-container,
body.pagina-home .contenedor-header,
body.pagina-home .navbar {
    min-height: 92px;
}

body.pagina-home nav a,
body.pagina-home .menu a {
    color: #fff !important;
}

body.pagina-home .busqueda {
    display: none !important;
}

body.pagina-home main,
body.pagina-home main.container,
body.pagina-home .container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.omega-home-hero {
    position: relative;
    min-height: 840px;
    overflow: hidden;
    padding: 76px max(4%, calc((100vw - 1420px) / 2)) 180px;
    background:
        radial-gradient(circle at 73% 38%, rgba(35, 140, 255, .28), transparent 30%),
        linear-gradient(90deg, #00101f 0%, #001426 42%, #05284d 78%, #03182d 100%);
}

.omega-home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0, 16, 31, .1), transparent 55%),
        linear-gradient(0deg, #00101f 0%, transparent 28%);
    pointer-events: none;
    z-index: 1;
}

.omega-home-copy {
    position: relative;
    z-index: 4;
    width: min(590px, 45vw);
}

.omega-eyebrow {
    color: #2492ff;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .8px;
    margin: 0 0 18px;
}

.omega-home-copy h1 {
    color: #fff;
    font-size: clamp(48px, 4.6vw, 70px);
    line-height: 1.08;
    letter-spacing: -2px;
    margin: 0 0 26px;
    font-weight: 800;
}

.omega-home-lead {
    color: rgba(255,255,255,.96);
    font-size: 19px;
    line-height: 1.65;
    max-width: 570px;
    margin: 0 0 36px;
}

.omega-mini-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 40px;
}

.omega-mini-benefits div {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-size: 14px;
    line-height: 1.45;
}

.omega-mini-benefits i {
    color: #2492ff;
    font-size: 33px;
    width: 40px;
    text-align: center;
    flex: 0 0 40px;
}

.omega-home-actions {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.omega-btn-primary,
.omega-btn-outline {
    min-height: 62px;
    padding: 0 34px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #fff !important;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}

.omega-btn-primary {
    background: #147df5;
    border: 1px solid #147df5;
}

.omega-btn-outline {
    background: rgba(0, 16, 31, .55);
    border: 1px solid rgba(255,255,255,.75);
}

.omega-hero-visual {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 62vw;
    height: 720px;
    overflow: hidden;
    pointer-events: none;
}

.omega-grid-glow {
    position: absolute;
    inset: 0;
    opacity: .35;
    background:
        linear-gradient(112deg, transparent 0 48%, rgba(41,149,255,.25) 49%, transparent 50%),
        linear-gradient(68deg, transparent 0 63%, rgba(41,149,255,.16) 64%, transparent 65%);
}

.omega-hero-equipment {
    position: absolute !important;
    display: block !important;
    object-fit: contain !important;
    width: auto;
    max-width: none !important;
    height: auto;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 28px 34px rgba(0,0,0,.6));
}

.omega-equipment-1 {
    width: min(530px, 35vw) !important;
    right: 14%;
    top: 130px;
    z-index: 3;
}

.omega-equipment-2 {
    width: min(330px, 22vw) !important;
    right: 50%;
    top: 355px;
    z-index: 4;
}

.omega-equipment-3 {
    width: min(280px, 19vw) !important;
    right: 3%;
    top: 455px;
    z-index: 5;
}

.omega-equipment-4 {
    width: min(220px, 15vw) !important;
    right: 37%;
    top: 505px;
    z-index: 6;
}

.omega-trust-strip {
    position: absolute;
    z-index: 5;
    left: max(4%, calc((100vw - 1420px) / 2));
    right: max(4%, calc((100vw - 1420px) / 2));
    bottom: 34px;
    min-height: 136px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid rgba(35, 140, 255, .48);
    border-radius: 12px;
    background: rgba(0, 13, 27, .86);
    backdrop-filter: blur(8px);
}

.omega-trust-strip > div {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 28px 42px;
}

.omega-trust-strip > div + div {
    border-left: 1px solid rgba(35, 140, 255, .42);
}

.omega-trust-strip i {
    color: #2492ff;
    font-size: 45px;
    min-width: 48px;
    text-align: center;
}

.omega-trust-strip p {
    margin: 0;
    color: #fff;
}

.omega-trust-strip strong {
    display: block;
    font-size: 18px;
    margin-bottom: 4px;
}

.omega-trust-strip span {
    display: block;
    color: rgba(255,255,255,.82);
    font-size: 15px;
    line-height: 1.5;
}

body.pagina-home .omega-after-hero {
    background: #f4f7fb;
    padding-top: 55px;
}

body.pagina-home .omega-after-hero,
body.pagina-home .omega-after-hero ~ .productos,
body.pagina-home .omega-after-hero ~ .titulo-pagina,
body.pagina-home .omega-after-hero ~ .marcas {
    width: min(1400px, 94%);
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1100px) {
    .omega-home-copy {
        width: min(650px, 90vw);
    }

    .omega-hero-visual {
        width: 72vw;
        opacity: .55;
    }

    .omega-trust-strip {
        grid-template-columns: repeat(2, 1fr);
    }

    .omega-trust-strip > div:nth-child(3) {
        border-left: 0;
        border-top: 1px solid rgba(35, 140, 255, .42);
    }

    .omega-trust-strip > div:nth-child(4) {
        border-top: 1px solid rgba(35, 140, 255, .42);
    }
}

@media (max-width: 760px) {
    .omega-home-hero {
        min-height: auto;
        padding: 46px 6% 430px;
    }

    .omega-home-copy {
        width: 100%;
    }

    .omega-home-copy h1 {
        font-size: 42px;
    }

    .omega-home-lead {
        font-size: 16px;
    }

    .omega-mini-benefits {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .omega-home-actions {
        flex-direction: column;
    }

    .omega-btn-primary,
    .omega-btn-outline {
        width: 100%;
    }

    .omega-hero-visual {
        top: auto;
        bottom: 295px;
        width: 100%;
        height: 300px;
        opacity: .82;
    }

    .omega-equipment-1 {
        width: 300px !important;
        right: 8%;
        top: 0;
    }

    .omega-equipment-2 {
        width: 175px !important;
        left: 2%;
        right: auto;
        top: 105px;
    }

    .omega-equipment-3 {
        width: 155px !important;
        right: -18px;
        top: 150px;
    }

    .omega-equipment-4 {
        display: none !important;
    }

    .omega-trust-strip {
        grid-template-columns: 1fr 1fr;
        bottom: 18px;
    }

    .omega-trust-strip > div {
        padding: 18px 14px;
        gap: 10px;
    }

    .omega-trust-strip i {
        font-size: 28px;
        min-width: 30px;
    }

    .omega-trust-strip strong {
        font-size: 14px;
    }

    .omega-trust-strip span {
        font-size: 11px;
    }
}


/* ==========================================================
   HOME HERO FINAL - OMEGA EQUIPOS
   Corrección responsive/zoom
   Usa assets/img/hero-omega.jpg como fondo.
   ========================================================== */

html {
    overflow-x: hidden;
}

body.pagina-home {
    background: #00101f;
    overflow-x: hidden;
}

body.pagina-home main,
body.pagina-home main.container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.pagina-home .omega-reference-hero,
body.pagina-home .omega-hero-visual,
body.pagina-home .omega-trust-strip,
body.pagina-home .omega-grid-glow {
    display: none !important;
}

.omega-home-hero-final {
    position: relative;
    width: 100%;
    min-height: clamp(560px, 54vw, 780px);
    overflow: hidden;
    isolation: isolate;
    background-image:
        linear-gradient(90deg,
            rgba(0, 14, 29, .99) 0%,
            rgba(0, 14, 29, .96) 21%,
            rgba(0, 14, 29, .72) 39%,
            rgba(0, 14, 29, .24) 61%,
            rgba(0, 14, 29, .04) 100%),
        url("../img/hero-omega.jpg");
    background-repeat: no-repeat;
    background-position: 42% center;
    background-size: cover;
}

.omega-home-hero-final::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(0, 16, 31, .12) 0%, rgba(0, 16, 31, .08) 62%, #00101f 100%);
}

.omega-home-content-final {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: min(620px, 42vw);
    min-width: 420px;
    padding: clamp(34px, 4.4vw, 72px) 24px 40px;
    margin-left: max(24px, calc((100vw - 1440px) / 2 + 24px));
}

.omega-eyebrow-final {
    margin: 0 0 clamp(12px, 1.3vw, 20px);
    color: #2492ff;
    font-size: clamp(14px, 1.25vw, 19px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .06em;
}

.omega-home-content-final h1 {
    margin: 0 0 clamp(18px, 2vw, 30px);
    color: #fff;
    font-size: clamp(44px, 4.65vw, 76px);
    line-height: 1.08;
    letter-spacing: -0.035em;
    font-weight: 800;
    text-wrap: balance;
}

.omega-lead-final {
    max-width: 40rem;
    margin: 0 0 clamp(26px, 3vw, 42px);
    color: rgba(255, 255, 255, .94);
    font-size: clamp(16px, 1.45vw, 21px);
    line-height: 1.58;
}

.omega-benefits-final {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(18px, 2.7vw, 46px);
    align-items: center;
}

.omega-benefits-final div {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    min-width: 155px;
}

.omega-benefits-final i {
    width: clamp(30px, 2.8vw, 42px);
    min-width: clamp(30px, 2.8vw, 42px);
    color: #2090ff;
    font-size: clamp(26px, 2.6vw, 36px);
    text-align: center;
}

.omega-benefits-final span {
    display: block;
    font-size: clamp(12px, 1.05vw, 15px);
    line-height: 1.45;
    font-weight: 500;
}

body.pagina-home .omega-after-hero {
    padding-top: 54px;
    background: #f4f7fb;
}

/* Pantallas medianas o zoom alto: se mantiene legible y no se rompe. */
@media (max-width: 980px) {
    .omega-home-hero-final {
        min-height: 620px;
        background-position: 50% center;
    }

    .omega-home-content-final {
        width: min(680px, 92%);
        min-width: 0;
        margin-left: 0;
        padding-left: 22px;
        padding-right: 22px;
    }

    .omega-home-content-final h1 {
        font-size: clamp(40px, 8vw, 58px);
    }

    .omega-lead-final {
        font-size: 17px;
        max-width: 610px;
    }

    .omega-benefits-final {
        gap: 18px 28px;
    }
}

/* Celular: el fondo se desplaza, pero el texto conserva proporción. */
@media (max-width: 620px) {
    .omega-home-hero-final {
        min-height: 610px;
        background-position: 66% center;
        background-image:
            linear-gradient(90deg,
                rgba(0, 14, 29, .99) 0%,
                rgba(0, 14, 29, .94) 42%,
                rgba(0, 14, 29, .42) 78%,
                rgba(0, 14, 29, .12) 100%),
            url("../img/hero-omega.jpg");
    }

    .omega-home-content-final {
        width: 100%;
        padding: 28px 16px 36px;
    }

    .omega-eyebrow-final {
        font-size: 13px;
    }

    .omega-home-content-final h1 {
        font-size: clamp(36px, 11vw, 44px);
        letter-spacing: -0.03em;
    }

    .omega-lead-final {
        font-size: 16px;
        margin-bottom: 26px;
    }

    .omega-benefits-final {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .omega-benefits-final div {
        min-width: 0;
    }

    .omega-benefits-final span {
        font-size: 13px;
    }
}
/* AJUSTE FINAL HERO - mover imagen realmente */
.omega-home-hero-final {
    background-size: 125% auto !important;
    background-position: 32% center !important;
}

.omega-home-content-final {
    margin-left: 24px !important;
    width: min(620px, 42vw) !important;
}
/* EQUIPOS DESTACADOS - estilo home oscuro */

body.pagina-home .omega-after-hero {
    background: #00101f !important;
    color: #fff;
    padding: 80px 20px 35px;
    text-align: center;
}

body.pagina-home .omega-after-hero h1 {
    color: #fff;
    font-size: clamp(32px, 3vw, 48px);
    margin-bottom: 12px;
}

body.pagina-home .omega-after-hero p {
    color: rgba(255,255,255,.72);
    font-size: 17px;
}

body.pagina-home .omega-after-hero ~ .productos {
    background: #00101f;
    padding: 20px 20px 80px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 28px;
}

body.pagina-home .omega-after-hero ~ .productos .card {
    background: rgba(5, 25, 45, .92);
    border: 1px solid rgba(36, 146, 255, .28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0,0,0,.28);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

body.pagina-home .omega-after-hero ~ .productos .card:hover {
    transform: translateY(-6px);
    border-color: rgba(36, 146, 255, .65);
    box-shadow: 0 24px 55px rgba(0,0,0,.42);
}

body.pagina-home .omega-after-hero ~ .productos .card img {
    width: 100%;
    height: 230px;
    object-fit: contain;
    background: #fff;
    padding: 18px;
}

body.pagina-home .omega-after-hero ~ .productos .card-body {
    padding: 22px;
}

body.pagina-home .omega-after-hero ~ .productos .card h3 {
    color: #fff;
    font-size: 18px;
    line-height: 1.35;
}

body.pagina-home .omega-after-hero ~ .productos .marca {
    color: #2492ff;
    font-weight: 600;
}

body.pagina-home .omega-after-hero ~ .productos .precio {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
}

body.pagina-home .omega-after-hero ~ .productos .precio small {
    color: rgba(255,255,255,.6);
}

body.pagina-home .omega-after-hero ~ .productos .estado.disponible {
    background: rgba(46, 204, 113, .16);
    color: #5dffa0;
    border: 1px solid rgba(46, 204, 113, .35);
}

body.pagina-home .omega-after-hero ~ .productos .boton {
    background: #147df5;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
}
/* ==========================================================
   ALINEAR BOTONES - EQUIPOS DESTACADOS
   ========================================================== */

body.pagina-home .omega-after-hero ~ .productos .card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

body.pagina-home .omega-after-hero ~ .productos .card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}

body.pagina-home .omega-after-hero ~ .productos .card h3 {
    min-height: 58px;
}

body.pagina-home .omega-after-hero ~ .productos .marca {
    min-height: 24px;
}

body.pagina-home .omega-after-hero ~ .productos .precio {
    min-height: 36px;
}

body.pagina-home .omega-after-hero ~ .productos .estado {
    margin-bottom: 22px;
}

body.pagina-home .omega-after-hero ~ .productos .boton {
    margin-top: auto;
    width: 100%;
}
/* Alineación interna de tarjetas destacados */

body.pagina-home .omega-after-hero ~ .productos .card-body {
    display: grid !important;
    grid-template-rows:
        72px   /* título */
        28px   /* marca */
        42px   /* precio */
        46px   /* disponible */
        1fr    /* espacio flexible */
        48px;  /* botón */
    gap: 12px;
}

body.pagina-home .omega-after-hero ~ .productos .card h3,
body.pagina-home .omega-after-hero ~ .productos .marca,
body.pagina-home .omega-after-hero ~ .productos .precio,
body.pagina-home .omega-after-hero ~ .productos .estado,
body.pagina-home .omega-after-hero ~ .productos .boton {
    margin: 0 !important;
}

body.pagina-home .omega-after-hero ~ .productos .estado {
    align-self: center;
    display: flex;
    align-items: center;
}

body.pagina-home .omega-after-hero ~ .productos .boton {
    align-self: end;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ==========================================================
   CONTINUACIÓN - CARRITO Y HEADER MEJORADOS
   ========================================================== */

.logo-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
}

.logo-fallback{
    width:52px;
    height:52px;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,var(--azul),#1E40AF);
    color:white !important;
    font-size:30px;
    font-weight:700;
    line-height:1;
}

nav a.activo{
    color:var(--azul);
}

nav a.activo::after{
    width:100%;
}

.btn-carrito{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.contador-carrito{
    min-width:22px;
    height:22px;
    padding:0 7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:var(--naranjo);
    color:white;
    font-size:12px;
    font-weight:700;
}

.card-acciones{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.btn-card-secundario{
    width:100%;
    text-align:center;
}

.carrito-mejorado{
    overflow:hidden;
}

.carrito-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:28px;
}

.carrito-header p{
    color:var(--gris-500);
    margin-top:-18px;
}

.carrito-lista{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.carrito-item{
    display:grid;
    grid-template-columns:110px 1fr auto auto;
    align-items:center;
    gap:18px;
    padding:16px;
    border:1px solid var(--gris-200);
    border-radius:18px;
    background:var(--gris-50);
}

.carrito-item-img,
.carrito-item-img img,
.imagen-placeholder-carrito{
    width:110px;
    height:86px;
    border-radius:14px;
    overflow:hidden;
}

.carrito-item-img img{
    object-fit:cover;
}

.imagen-placeholder-carrito{
    min-height:86px;
    font-size:11px;
}

.imagen-placeholder-carrito i{
    font-size:22px;
}

.carrito-item-info h2{
    color:var(--gris-900);
    font-size:20px;
    margin-bottom:4px;
}

.carrito-item-info p{
    color:var(--gris-500);
    margin-bottom:8px;
}

.carrito-item-info .estado{
    margin-top:0;
}

.carrito-item-precio{
    text-align:right;
    white-space:nowrap;
}

.carrito-item-precio strong{
    display:block;
    color:var(--azul);
    font-size:22px;
}

.carrito-item-precio small{
    color:var(--gris-500);
}

.carrito-resumen{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    margin-top:22px;
    padding:22px;
    border-radius:18px;
    background:#EFF6FF;
    border:1px solid #BFDBFE;
}

.carrito-resumen span{
    display:block;
    color:var(--gris-500);
    font-weight:600;
}

.carrito-resumen strong{
    color:var(--azul);
    font-size:30px;
}

.carrito-resumen small{
    max-width:560px;
    color:var(--gris-500);
    line-height:1.6;
}

.carrito-acciones-finales{
    display:flex;
    justify-content:flex-end;
    margin-top:24px;
}

@media(max-width:900px){
    .carrito-header,
    .carrito-resumen{
        flex-direction:column;
        align-items:stretch;
    }

    .carrito-item{
        grid-template-columns:86px 1fr;
    }

    .carrito-item-img,
    .carrito-item-img img,
    .imagen-placeholder-carrito{
        width:86px;
        height:72px;
    }

    .carrito-item-precio,
    .carrito-item .eliminar{
        grid-column:2;
        text-align:left;
    }
}

/* ==========================================================
   ESTILO UNIFICADO OMEGA - PÁGINAS PÚBLICAS Y ADMIN
   Inspirado en el home/index.php.
   ========================================================== */

body.omega-public:not(.pagina-home){
    background:
        radial-gradient(circle at 78% 6%, rgba(36,146,255,.18), transparent 28%),
        linear-gradient(180deg,#00101f 0%,#00172d 44%,#f4f7fb 44%,#f4f7fb 100%);
    color:#fff;
    overflow-x:hidden;
}

body.omega-public:not(.pagina-home) header{
    background:#00101f !important;
    border-bottom:1px solid rgba(36,146,255,.25);
    box-shadow:none;
}

body.omega-public:not(.pagina-home) .logo h1,
body.omega-public:not(.pagina-home) nav a{
    color:#fff;
}

body.omega-public:not(.pagina-home) .logo span{
    color:#2492ff;
}

body.omega-public:not(.pagina-home) nav a:hover,
body.omega-public:not(.pagina-home) nav a.activo{
    color:#2492ff;
}

body.omega-public:not(.pagina-home) .omega-main{
    padding-top:34px;
    padding-bottom:34px;
}

body.omega-public:not(.pagina-home) .titulo-pagina{
    position:relative;
    overflow:hidden;
    margin:0 0 30px;
    padding:70px 28px 58px;
    border:1px solid rgba(36,146,255,.28);
    border-radius:22px;
    background:
        linear-gradient(90deg, rgba(0,16,31,.96), rgba(0,32,61,.88)),
        radial-gradient(circle at 84% 18%, rgba(36,146,255,.25), transparent 36%);
    box-shadow:0 22px 60px rgba(0,0,0,.26);
}

body.omega-public:not(.pagina-home) .titulo-pagina::after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:4px;
    background:linear-gradient(90deg,#147df5,#2492ff,#F28C28);
}

body.omega-public:not(.pagina-home) .titulo-pagina h1{
    color:#fff;
    font-size:clamp(32px,3.4vw,52px);
    line-height:1.08;
}

body.omega-public:not(.pagina-home) .titulo-pagina p{
    color:rgba(255,255,255,.78);
}

body.omega-public:not(.pagina-home) .filtros,
body.omega-public:not(.pagina-home) .info-box,
body.omega-public:not(.pagina-home) .formulario-cotizacion,
body.omega-public:not(.pagina-home) .detalle-equipo,
body.omega-public:not(.pagina-home) .carrito{
    background:rgba(5,25,45,.94);
    border:1px solid rgba(36,146,255,.24);
    color:#fff;
    box-shadow:0 20px 55px rgba(0,0,0,.25);
}

body.omega-public:not(.pagina-home) .info-box h1,
body.omega-public:not(.pagina-home) .info-box h2,
body.omega-public:not(.pagina-home) .info-box h3,
body.omega-public:not(.pagina-home) .formulario-cotizacion h1,
body.omega-public:not(.pagina-home) .formulario-cotizacion h2,
body.omega-public:not(.pagina-home) .carrito h1,
body.omega-public:not(.pagina-home) .detalle-equipo h1,
body.omega-public:not(.pagina-home) .detalle-equipo h2,
body.omega-public:not(.pagina-home) .detalle-equipo h3,
body.omega-public:not(.pagina-home) .informacion-equipo h1,
body.omega-public:not(.pagina-home) .informacion-equipo h2,
body.omega-public:not(.pagina-home) .contacto-grid h2,
body.omega-public:not(.pagina-home) .grid-info h3{
    color:#fff;
}

body.omega-public:not(.pagina-home) .info-box p,
body.omega-public:not(.pagina-home) .info-box li,
body.omega-public:not(.pagina-home) .pagina-contenido p,
body.omega-public:not(.pagina-home) .informacion-equipo p,
body.omega-public:not(.pagina-home) .carrito-header p,
body.omega-public:not(.pagina-home) .carrito-item-info p,
body.omega-public:not(.pagina-home) .carrito-resumen small,
body.omega-public:not(.pagina-home) label{
    color:rgba(255,255,255,.76);
}

body.omega-public:not(.pagina-home) .grid-info article,
body.omega-public:not(.pagina-home) .equipo-seleccionado,
body.omega-public:not(.pagina-home) .carrito-item{
    background:rgba(0,16,31,.55);
    border:1px solid rgba(36,146,255,.22);
}

body.omega-public:not(.pagina-home) .productos .card{
    background:rgba(5,25,45,.94);
    border:1px solid rgba(36,146,255,.24);
    box-shadow:0 18px 45px rgba(0,0,0,.28);
}

body.omega-public:not(.pagina-home) .productos .card:hover{
    border-color:rgba(36,146,255,.62);
    box-shadow:0 24px 58px rgba(0,0,0,.42);
}

body.omega-public:not(.pagina-home) .productos .card img{
    object-fit:contain;
    background:#fff;
    padding:18px;
}

body.omega-public:not(.pagina-home) .productos .card h3,
body.omega-public:not(.pagina-home) .carrito-item-info h2{
    color:#fff;
}

body.omega-public:not(.pagina-home) .productos .marca,
body.omega-public:not(.pagina-home) .productos .precio small,
body.omega-public:not(.pagina-home) .tabla-admin small{
    color:rgba(255,255,255,.66);
}

body.omega-public:not(.pagina-home) .productos .descripcion{
    color:rgba(255,255,255,.88);
    line-height:1.75;
}

body.omega-public:not(.pagina-home) .productos .precio,
body.omega-public:not(.pagina-home) .carrito-item-precio strong,
body.omega-public:not(.pagina-home) .carrito-resumen strong{
    color:#fff;
}

body.omega-public:not(.pagina-home) input,
body.omega-public:not(.pagina-home) select,
body.omega-public:not(.pagina-home) textarea{
    background:rgba(255,255,255,.96);
    color:var(--gris-900);
}

body.omega-public:not(.pagina-home) .busqueda{
    background:rgba(255,255,255,.08);
    color:#fff;
    border-color:rgba(255,255,255,.22);
}

body.omega-public:not(.pagina-home) .busqueda::placeholder{
    color:rgba(255,255,255,.62);
}

body.omega-public:not(.pagina-home) .btn,
body.omega-public:not(.pagina-home) .boton,
body.omega-public:not(.pagina-home) .boton-principal{
    background:#147df5;
    color:#fff;
    border:1px solid #147df5;
}

body.omega-public:not(.pagina-home) .btn:hover,
body.omega-public:not(.pagina-home) .boton:hover,
body.omega-public:not(.pagina-home) .boton-principal:hover{
    background:#0b66cf;
}

body.omega-public:not(.pagina-home) .btn-secundario{
    border-color:rgba(255,255,255,.72);
    color:#fff;
    background:rgba(0,16,31,.35);
}

body.omega-public:not(.pagina-home) .btn-secundario:hover{
    background:#fff;
    color:#00101f;
}

body.omega-public:not(.pagina-home) .carrito-resumen{
    background:rgba(20,125,245,.14);
    border-color:rgba(36,146,255,.3);
}

body.omega-public:not(.pagina-home) .carrito-resumen span{
    color:rgba(255,255,255,.72);
}

body.omega-public:not(.pagina-home) .imagen-placeholder{
    background:linear-gradient(135deg,#fff,#eaf3ff);
    color:#334155;
}

body.omega-public:not(.pagina-home) .informacion-equipo hr{
    border-top-color:rgba(255,255,255,.14);
}

body.omega-public:not(.pagina-home) footer{
    margin-top:0;
}

@media(max-width:768px){
    body.omega-public:not(.pagina-home) .omega-main{
        padding-top:20px;
    }

    body.omega-public:not(.pagina-home) .titulo-pagina{
        padding:46px 18px 38px;
    }
}

/* ==========================================================
   ESTILO UNIFICADO OMEGA - ADMIN
   ========================================================== */

body.admin-body,
body.admin-login-body{
    min-height:100vh;
    background:
        radial-gradient(circle at 88% 0%, rgba(36,146,255,.22), transparent 30%),
        linear-gradient(180deg,#00101f 0%,#00182f 100%);
    color:var(--texto);
}

body.admin-body .admin{
    background:transparent;
}

body.admin-body .sidebar{
    background:rgba(0,16,31,.96);
    border-right:1px solid rgba(36,146,255,.26);
    box-shadow:18px 0 50px rgba(0,0,0,.22);
}

body.admin-body .sidebar h2{
    color:#fff;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.12);
}

body.admin-body .sidebar a{
    color:rgba(255,255,255,.82);
}

body.admin-body .sidebar a:hover,
body.admin-body .sidebar a.activo{
    color:#fff;
    background:#147df5;
}

body.admin-body .admin-contenido{
    background:#f4f7fb;
    border-radius:28px 0 0 28px;
    margin:22px 22px 22px 0;
    min-width:0;
}

body.admin-body .admin-header,
body.admin-body .admin-contenido > h1{
    padding:26px 28px;
    border-radius:20px;
    background:linear-gradient(90deg,#00101f,#062c52);
    color:#fff;
    box-shadow:0 18px 46px rgba(0,0,0,.18);
}

body.admin-body .admin-header h1,
body.admin-body .admin-contenido > h1{
    color:#fff;
    margin:0;
}

body.admin-body .dashboard-card,
body.admin-body .info-box,
body.admin-body .tabla-admin,
body.admin-body table{
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 18px 42px rgba(15,23,42,.08);
}

body.admin-body .dashboard-card{
    border-top:4px solid #147df5;
}

body.admin-body .tabla-admin th,
body.admin-body th{
    background:#001f3d;
}

body.admin-body .btn-nuevo,
body.admin-body .btn-editar{
    background:#147df5;
    color:#fff;
}

body.admin-body .btn-eliminar{
    background:#DC2626;
    color:#fff;
}

body.admin-login-body{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
}

body.admin-login-body .login-box,
body.admin-login-body .info-box{
    width:min(440px,100%);
    background:rgba(5,25,45,.96);
    border:1px solid rgba(36,146,255,.28);
    color:#fff;
    border-radius:22px;
    box-shadow:0 24px 70px rgba(0,0,0,.35);
}

body.admin-login-body h1,
body.admin-login-body h2,
body.admin-login-body label{
    color:#fff;
}

body.admin-login-body input{
    background:#fff;
    color:var(--gris-900);
}

body.admin-login-body .boton-principal,
body.admin-login-body .btn{
    background:#147df5;
    border:1px solid #147df5;
}

@media(max-width:768px){
    body.admin-body .admin-contenido{
        margin:0;
        border-radius:0;
    }
}

body.admin-login-body .formulario-cotizacion{
    width:min(460px,100%);
    margin:0;
    background:rgba(5,25,45,.96);
    border:1px solid rgba(36,146,255,.28);
    color:#fff;
    border-radius:22px;
    box-shadow:0 24px 70px rgba(0,0,0,.35);
}

/* ==========================================================
   CONTINUACIÓN ADMIN - FILTROS Y TABLAS MÁS PROFESIONALES
   ========================================================== */
.admin-panel-box{
    padding:24px;
}

body.admin-body .admin-header p{
    margin-top:8px;
    color:rgba(255,255,255,.74);
    max-width:760px;
}

.admin-filtros{
    display:grid;
    grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(160px,1fr)) auto auto;
    gap:12px;
    align-items:center;
    margin-bottom:18px;
}

.admin-filtros-solicitudes{
    grid-template-columns:minmax(260px,1.4fr) minmax(160px,1fr) repeat(2,minmax(150px,1fr)) auto auto;
}

.admin-filtros input,
.admin-filtros select{
    width:100%;
    min-height:44px;
    margin:0;
}

.admin-filtros .btn-secundario,
.admin-filtros .btn-editar{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    border:none;
}

.admin-resumen-linea{
    display:flex;
    align-items:center;
    gap:6px;
    margin:0 0 18px;
    color:#475569;
    font-size:14px;
}

.admin-resumen-linea strong{
    color:#147df5;
    font-size:18px;
}

.tabla-admin td,
.tabla-admin th{
    vertical-align:top;
}

.acciones-tabla{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.fila-inactiva{
    opacity:.58;
    background:#f8fafc;
}

.comentario-tabla{
    max-width:320px;
    white-space:normal;
    line-height:1.45;
}

.estado-admin-solicitud{
    display:inline-flex;
    margin-bottom:10px;
}

.estado.nueva{
    background:#DBEAFE;
    color:#1D4ED8;
}

.estado.revisada{
    background:#FEF3C7;
    color:#92400E;
}

.estado.aceptada{
    background:#DCFCE7;
    color:#166534;
}

.estado.rechazada{
    background:#FEE2E2;
    color:#991B1B;
}

body.admin-body .tabla-admin a:not(.btn-editar):not(.btn-eliminar):not(.btn-nuevo){
    color:#0F62BD;
    font-weight:600;
}

@media(max-width:1180px){
    .admin-filtros,
    .admin-filtros-solicitudes{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:680px){
    .admin-filtros,
    .admin-filtros-solicitudes{
        grid-template-columns:1fr;
    }

    .admin-panel-box{
        padding:16px;
    }

    .acciones-tabla,
    .form-estado{
        flex-direction:column;
        align-items:stretch;
    }

    .acciones-tabla a,
    .form-estado button,
    .form-estado select{
        width:100%;
    }
}


/* ==========================================================
   FIX FONDO EQUIPOS
   Evita franjas blancas/grises entre tarjetas y al final
   ========================================================== */

body.omega-public.pagina-equipos,
body.omega-public.pagina-detalle-equipos,
body.omega-public.pagina-carrito,
body.omega-public.pagina-checkout,
body.omega-public.pagina-solicitar-cotizacion{
    background:#001d35;
}

body.omega-public.pagina-equipos .omega-main,
body.omega-public.pagina-detalle-equipos .omega-main,
body.omega-public.pagina-carrito .omega-main,
body.omega-public.pagina-checkout .omega-main,
body.omega-public.pagina-solicitar-cotizacion .omega-main{
    background:
        radial-gradient(circle at top left, rgba(20,125,245,.18), transparent 34%),
        linear-gradient(180deg, #001d35 0%, #001526 100%);
    min-height:calc(100vh - 85px);
    padding-bottom:70px;
}

body.omega-public.pagina-equipos .productos{
    background:transparent;
}


/* ==========================================================
   TEXTO IVA EN TARIFAS
   ========================================================== */

.informacion-equipo p small{
    color:rgba(255,255,255,.72);
    font-weight:600;
    margin-left:6px;
}

body.omega-public .precio small{
    white-space:nowrap;
}


/* ==========================================================
   FIX HEADER PÁGINAS INTERNAS
   Iguala Equipos / Nosotros / Contacto con el header del inicio
   ========================================================== */

body.omega-public.pagina-equipos header,
body.omega-public.pagina-nosotros header,
body.omega-public.pagina-contacto header{
    background:#00101f !important;
    border-bottom:1px solid rgba(35,140,255,.25);
    box-shadow:none;
}

body.omega-public.pagina-equipos .header-container,
body.omega-public.pagina-nosotros .header-container,
body.omega-public.pagina-contacto .header-container{
    min-height:92px;
}

body.omega-public.pagina-equipos .logo span,
body.omega-public.pagina-nosotros .logo span,
body.omega-public.pagina-contacto .logo span{
    color:var(--naranjo);
}

body.omega-public.pagina-equipos nav a,
body.omega-public.pagina-nosotros nav a,
body.omega-public.pagina-contacto nav a{
    color:#fff !important;
}

body.omega-public.pagina-equipos nav a:hover,
body.omega-public.pagina-nosotros nav a:hover,
body.omega-public.pagina-contacto nav a:hover,
body.omega-public.pagina-equipos nav a.activo,
body.omega-public.pagina-nosotros nav a.activo,
body.omega-public.pagina-contacto nav a.activo{
    color:#fff !important;
}

body.omega-public.pagina-equipos nav a::after,
body.omega-public.pagina-nosotros nav a::after,
body.omega-public.pagina-contacto nav a::after{
    background:var(--naranjo);
}

/* ==========================================================
   FIX FONDO NOSOTROS Y CONTACTO
   Elimina franja/cuadro blanco inferior
   ========================================================== */

body.omega-public.pagina-nosotros,
body.omega-public.pagina-contacto{
    background:#001d35 !important;
}

body.omega-public.pagina-nosotros .omega-main,
body.omega-public.pagina-contacto .omega-main{
    background:
        radial-gradient(circle at top left, rgba(20,125,245,.18), transparent 34%),
        linear-gradient(180deg, #001d35 0%, #001526 100%) !important;
    min-height:calc(100vh - 85px);
    padding-bottom:70px;
}

body.omega-public.pagina-nosotros .titulo-pagina,
body.omega-public.pagina-contacto .titulo-pagina,
body.omega-public.pagina-nosotros .info-box,
body.omega-public.pagina-contacto .info-box,
body.omega-public.pagina-contacto .contacto-grid{
    background-color:rgba(5,25,45,.94);
}
/* ==========================================================
   BUSCADOR HEADER CON SUGERENCIAS
   ========================================================== */

.form-busqueda-header{
    position:relative;
}

.buscador-header-autocomplete{
    position:relative;
    width:100%;
}

.sugerencias-header{
    display:none;
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    right:0;
    z-index:9999;
    background:#001526;
    border:1px solid rgba(36,146,255,.35);
    border-radius:14px;
    box-shadow:0 18px 45px rgba(0,0,0,.45);
    overflow:hidden;
    min-width:320px;
}

.sugerencias-header a{
    display:block;
    padding:13px 16px;
    color:#fff;
    font-size:14px;
    font-weight:600;
    line-height:1.4;
    border-bottom:1px solid rgba(255,255,255,.08);
    transition:.2s;
}

.sugerencias-header a:last-child{
    border-bottom:none;
}

.sugerencias-header a:hover{
    background:#147df5;
    color:#fff;
}