/*
Theme Name: Horizon Automóviles
Author: Native Software
Version: 1.0
Text Domain: horizon
*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Inter',sans-serif;
    background:#fff;
    color:#111;
    overflow-x:hidden;
    padding-top:20px;
}

a{
    text-decoration:none;
}

img{
    max-width:100%;
    display:block;
}

.container{
    width:90%;
    max-width:1450px;
    margin:auto;
}

/* ==========================
   NAVBAR
========================== */

.navbar{

    position:fixed;
    top:0px;
    left:50%;
    transform:translateX(-50%);

    width:94%;
    height:94px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 34px;

    z-index:99999;

    border-radius:30px;

    background:
    linear-gradient(
        135deg,
        rgba(8,8,8,.96),
        rgba(20,20,20,.96)
    );

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.08);

    box-shadow:
    0 20px 60px rgba(0,0,0,.38);
}

.logo img{
    height:54px;
}

.nav-menu{
    display:flex;
    align-items:center;
    gap:12px;
}

.nav-link{

    height:56px;

    padding:0 24px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:18px;

    color:rgba(255,255,255,.75);

    font-size:13px;
    font-weight:800;

    letter-spacing:1px;
    text-transform:uppercase;

    transition:.3s;
}

.nav-link:hover{
    background:rgba(255,255,255,.05);
    color:white;
}

.nav-link.active{

    background:
    linear-gradient(
        135deg,
        #b5122b,
        #720a18
    );

    color:white;
}

@media(max-width:1100px){

    .nav-menu{
        display:none;
    }

}

.footer{
    margin-top:120px;
}

/* ==================================================
SHOP PREMIUM
================================================== */
/* =========================================================
   HORIZON SHOP PREMIUM
========================================================= */

.woocommerce-page,
.post-type-archive-product{

    background:
    linear-gradient(
        180deg,
        #080808 0%,
        #111111 260px,
        #f6f7f9 260px,
        #ffffff 100%
    );
}

/* TITULO */

.woocommerce-products-header{

    text-align:center;

    padding:220px 0 90px;
}

.woocommerce-products-header h1{

    color:white;

    font-size:72px;

    font-weight:900;

    letter-spacing:-2px;

    margin-bottom:18px;
}

.term-description,
.woocommerce-products-header p{

    color:#d5d5d5;

    font-size:18px;
}

/* TOP BAR */

.woocommerce-result-count{

    color:#666;

    font-weight:700;

    margin-bottom:35px;
}

.woocommerce-ordering select{

    height:56px;

    padding:0 20px;

    border:none;

    border-radius:18px;

    background:white;

    box-shadow:
    0 15px 35px rgba(0,0,0,.08);
}

/* GRID */

ul.products{

    display:grid !important;

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

    gap:36px;

    margin-top:50px !important;
}

/* CARD */

ul.products li.product{

    background:white;

    border-radius:34px;

    overflow:hidden;

    border:1px solid rgba(0,0,0,.05);

    box-shadow:
    0 25px 60px rgba(0,0,0,.08);

    transition:.4s;

    padding:0 !important;
}

ul.products li.product:hover{

    transform:translateY(-10px);

    box-shadow:
    0 35px 80px rgba(0,0,0,.14);
}

/* FOTO */

ul.products li.product img{

    width:100% !important;

    height:260px !important;

    object-fit:cover;
}

/* TITULO AUTO */

ul.products li.product h2{

    padding:28px 28px 10px;

    font-size:30px !important;

    font-weight:900 !important;

    color:#111;
}

/* PRECIO */

ul.products li.product .price{

    padding:0 28px;

    display:block;

    color:#b5122b !important;

    font-size:28px !important;

    font-weight:900 !important;
}

/* BOTON */

ul.products li.product .button{

    margin:28px !important;

    width:calc(100% - 56px);

    height:60px;

    border-radius:18px;

    display:flex !important;
    align-items:center;
    justify-content:center;

    background:
    linear-gradient(
        135deg,
        #b5122b,
        #720a18
    ) !important;

    color:white !important;

    font-size:13px;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:1px;

    transition:.3s;
}

ul.products li.product .button:hover{

    transform:translateY(-3px);
}

/* PAGINACION */

.woocommerce-pagination{

    margin:90px 0;
}

.woocommerce-pagination ul{

    border:none !important;

    display:flex;
    justify-content:center;
    gap:12px;
}

.woocommerce-pagination li{

    border:none !important;
}

.woocommerce-pagination a,
.woocommerce-pagination span{

    width:56px;
    height:56px;

    border-radius:16px;

    background:white;

    display:flex !important;
    align-items:center;
    justify-content:center;

    box-shadow:
    0 12px 25px rgba(0,0,0,.08);
}

/* FOOTER */

.footer{

    background:#050505;

    color:white;

    margin-top:120px;

    padding:80px 0 0;
}

.footer-container{

    display:flex;
    justify-content:center;

    text-align:center;
}

.footer-brand img{

    width:220px;

    margin:auto auto 20px;
}

.footer-brand p{

    color:#bfbfbf;

    font-size:16px;
}

.footer-bottom{

    margin-top:50px;

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

    padding:25px 0;

    color:#888;

    text-align:center;
}


/* =========================================================
   VEHICLE CARDS PREMIUM
========================================================= */

ul.products li.product{

    position:relative;

    background:white;

    border-radius:34px;

    overflow:hidden;

    box-shadow:
    0 25px 60px rgba(0,0,0,.08);

    transition:.45s ease;

    border:1px solid rgba(0,0,0,.04);
}

ul.products li.product::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:5px;

    background:
    linear-gradient(
        90deg,
        #b5122b,
        #720a18
    );

    z-index:5;
}

/* FOTO */

ul.products li.product img{

    width:100% !important;

    height:280px !important;

    object-fit:cover;

    transition:.6s ease;
}

ul.products li.product:hover img{

    transform:scale(1.06);
}

/* CONTENIDO */

ul.products li.product .woocommerce-loop-product__title{

    padding:30px 30px 12px;

    font-size:32px !important;

    font-weight:900 !important;

    color:#111;

    line-height:1.15;
}

/* PRECIO */

ul.products li.product .price{

    padding:0 30px;

    display:block;

    color:#b5122b !important;

    font-size:30px !important;

    font-weight:900 !important;

    margin-bottom:22px;
}

/* BOTON */

ul.products li.product .button{

    margin:0 30px 30px !important;

    height:60px;

    width:calc(100% - 60px);

    border-radius:18px;

    background:
    linear-gradient(
        135deg,
        #b5122b,
        #720a18
    ) !important;

    display:flex !important;
    align-items:center;
    justify-content:center;

    font-size:13px;

    font-weight:900;

    letter-spacing:1px;

    text-transform:uppercase;

    box-shadow:
    0 15px 35px rgba(181,18,43,.25);

    transition:.35s ease;
}

ul.products li.product .button:hover{

    transform:translateY(-3px);

    box-shadow:
    0 25px 50px rgba(181,18,43,.35);
}

/* BADGE DESTACADO */

ul.products li.product .onsale{

    position:absolute !important;

    top:18px !important;
    left:18px !important;

    margin:0 !important;

    min-height:auto !important;

    min-width:auto !important;

    padding:10px 18px !important;

    border-radius:999px !important;

    background:
    linear-gradient(
        135deg,
        #b5122b,
        #720a18
    ) !important;

    color:white !important;

    font-size:11px !important;

    font-weight:900 !important;

    letter-spacing:1px;

    text-transform:uppercase;

    z-index:10;
}

/* HOVER */

ul.products li.product:hover{

    transform:translateY(-12px);

    box-shadow:
    0 40px 90px rgba(0,0,0,.16);
}


/* =========================================================
   FIX DEFINITIVO GRID WOOCOMMERCE
========================================================= */

.woocommerce ul.products,
.woocommerce-page ul.products{

    display:grid !important;

    grid-template-columns:repeat(3,1fr) !important;

    gap:35px !important;

    width:100% !important;

    margin:40px 0 !important;

    padding:0 !important;

    list-style:none !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after{

    display:none !important;
    content:none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{

    width:100% !important;

    max-width:none !important;

    margin:0 !important;

    float:none !important;

    clear:none !important;

    display:flex !important;

    flex-direction:column;

    overflow:hidden;
}

@media(max-width:1200px){

    .woocommerce ul.products,
    .woocommerce-page ul.products{

        grid-template-columns:repeat(2,1fr) !important;
    }
}

@media(max-width:768px){

    .woocommerce ul.products,
    .woocommerce-page ul.products{

        grid-template-columns:1fr !important;
    }
}


/* =========================================================
   SHOP PREMIUM V2
========================================================= */

/* BANNER MÁS ALTO */

.horizon-shop-hero{
    height:650px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* MÁS SEPARACIÓN ENTRE BANNER Y CARDS */

.horizon-shop-container{

    margin-top:60px !important;
    padding-bottom:100px;
}

/* FONDO GENERAL MÁS PREMIUM */

.woocommerce-shop{

    background:
    radial-gradient(
        circle at top,
        rgba(59, 21, 27, 0.08),
        transparent 35%
    ),
    linear-gradient(
        180deg,
        #fafafa,
        #f2f3f5
    );
}

/* GRID MÁS PRO */

ul.products{

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

    gap:40px !important;
}

/* CARD MÁS PREMIUM */

ul.products li.product{

    border-radius:32px !important;

    overflow:hidden;

    background:white;

    box-shadow:
    0 20px 50px rgba(0,0,0,.08);

    transition:.4s ease;

    border:1px solid rgba(0,0,0,.05);
}

ul.products li.product:hover{

    transform:translateY(-10px);

    box-shadow:
    0 35px 80px rgba(0,0,0,.14);
}

/* FOTO */

ul.products li.product img{

    height:240px !important;
    object-fit:cover;
}

/* TITULO CENTRADO */

ul.products li.product .woocommerce-loop-product__title{

    text-align:center !important;

    padding:28px 25px 12px !important;

    font-size:28px !important;

    font-weight:900 !important;

    line-height:1.15 !important;

    min-height:90px;
}

/* PRECIO CENTRADO */

ul.products li.product .price{

    text-align:center !important;

    display:block;

    padding:0 20px !important;

    margin-bottom:25px !important;

    color:#b5122b !important;

    font-size:28px !important;

    font-weight:900 !important;
}

/* BOTON */

ul.products li.product .button{

    width:calc(100% - 50px) !important;

    margin:0 auto 25px auto !important;

    height:58px !important;

    border-radius:18px !important;

    background:
    linear-gradient(
        135deg,
        #b5122b,
        #720a18
    ) !important;

    color:white !important;

    font-weight:900 !important;

    letter-spacing:1px !important;

    box-shadow:
    0 15px 35px rgba(181,18,43,.25);
}

/* EFECTO CONCESIONARIA */

ul.products li.product::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:32px;

    border:1px solid rgba(255,255,255,.6);

    pointer-events:none;
}

/* PAGINACIÓN */

.woocommerce-pagination{

    margin-top:90px !important;
}

.woocommerce-pagination a,
.woocommerce-pagination span{

    border-radius:16px !important;

    background:white !important;

    box-shadow:
    0 10px 25px rgba(0,0,0,.08);
}











/* MÁS AIRE EN LOS COSTADOS DEL SHOP */

.horizon-shop-container{

    width:88% !important;
    max-width:1400px !important;

    margin-left:auto !important;
    margin-right:auto !important;
}

/* AIRE EXTRA EN PANTALLAS GRANDES */

@media(min-width:1600px){

    .horizon-shop-container{

        width:82% !important;
    }

}

.horizon-shop-container{

    width:86% !important;

    max-width:1450px !important;

    margin:80px auto !important;
}

body.post-type-archive-product,
body.woocommerce-shop{

    padding-top:0 !important;
}


.horizon-shop-hero{

    margin-top:0 !important;

    height:750px;

    position:relative;
}






.hero-overlay{
    display:none !important;
}































































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

.footer{

  position:relative;

  overflow:hidden;

  background:
    linear-gradient(
      180deg,
      #050505 0%,
      #090909 40%,
      #111111 100%
    );

  padding-top:110px;

  margin-top:120px;

  border-top:
    1px solid rgba(255,255,255,0.06);
}

/* =========================================================
   TOP LINE
========================================================= */

.footer-top-line{

  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #b5122b,
      #ff274d,
      #b5122b,
      transparent
    );

  box-shadow:
    0 0 30px rgba(181,18,43,0.7);
}

/* =========================================================
   BLURS
========================================================= */

.footer-blur{

  position:absolute;

  border-radius:50%;

  filter:blur(120px);

  opacity:0.18;

  pointer-events:none;
}

.footer-blur-1{

  width:320px;
  height:320px;

  background:#b5122b;

  top:-80px;
  left:-100px;
}

.footer-blur-2{

  width:260px;
  height:260px;

  background:#ff274d;

  bottom:-120px;
  right:-100px;
}

/* =========================================================
   CONTAINER
========================================================= */

.footer-container{

  width:90%;
  max-width:1450px;

  margin:auto;

  display:flex;
  justify-content:space-between;
  gap:90px;

  position:relative;
  z-index:2;
}

/* =========================================================
   BRAND
========================================================= */

.footer-brand{

  width:420px;
}

.footer-brand img{

  width:320px;

  object-fit:contain;

  margin-bottom:28px;

  filter:
    drop-shadow(0 10px 24px rgba(181,18,43,0.18));
}

.footer-brand p{

  color:rgba(255,255,255,0.62);

  font-size:15px;

  line-height:1.9;

  font-weight:400;

  max-width:390px;
}

/* =========================================================
   LINKS
========================================================= */

.footer-links-wrapper{

  display:flex;

  gap:90px;
}

/* COLUMN */

.footer-column{

  display:flex;
  flex-direction:column;
}

/* TITLE */

.footer-title{

  color:white;

  font-size:15px;
  font-weight:800;

  letter-spacing:1.5px;

  text-transform:uppercase;

  margin-bottom:28px;

  position:relative;
}

/* RED LINE */

.footer-title::after{

  content:"";

  position:absolute;

  left:0;
  bottom:-12px;

  width:42px;
  height:2px;

  background:
    linear-gradient(
      90deg,
      #b5122b,
      #ff274d
    );

  border-radius:20px;
}

/* LINKS */

.footer-column a{

  color:rgba(255,255,255,0.62);

  text-decoration:none;

  margin-bottom:16px;

  font-size:15px;

  transition:0.3s ease;

  width:fit-content;
}

/* HOVER */

.footer-column a:hover{

  color:white;

  transform:translateX(5px);
}

/* =========================================================
   BOTTOM
========================================================= */

.footer-bottom{

  width:90%;
  max-width:1450px;

  margin:auto;
  margin-top:90px;

  min-height:100px;

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

  display:flex;
  align-items:center;
  justify-content:space-between;

  position:relative;
  z-index:2;
}

/* =========================================================
   DOWNLOAD LINK
========================================================= */

.footer-quality-link{

  display:flex;
  align-items:center;

  gap:14px;

  height:56px;

  padding:0 24px;

  border-radius:18px;

  background:
    linear-gradient(
      135deg,
      rgba(181,18,43,0.14),
      rgba(181,18,43,0.06)
    );

  border:
    1px solid rgba(255,255,255,0.06);

  transition:0.35s ease;
}

.footer-quality-link:hover{

  transform:translateY(-3px);

  border-color:
    rgba(255,255,255,0.12);
}

/* ICON */

.footer-quality-link i{

  color:#ff274d;

  font-size:16px;
}

/* LINK */

.footer-quality-link a{

  text-decoration:none;

  color:white;

  font-size:13px;
  font-weight:700;

  letter-spacing:0.5px;
}

/* =========================================================
   COPYRIGHT
========================================================= */

.footer-copy{

  color:rgba(255,255,255,0.48);

  font-size:13px;

  letter-spacing:0.7px;
}

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

@media(max-width:1100px){

  .footer-container{

    flex-direction:column;

    gap:70px;
  }

  .footer-brand{

    width:100%;
  }

  .footer-links-wrapper{

    width:100%;

    justify-content:space-between;

    gap:40px;
  }

  .footer-bottom{

    flex-direction:column;

    justify-content:center;

    gap:24px;

    padding:35px 0;
  }
}

@media(max-width:768px){

  .footer{

    padding-top:80px;
  }

  .footer-brand img{

    width:240px;
  }

  .footer-links-wrapper{

    flex-direction:column;

    gap:50px;
  }

  .footer-copy{

    text-align:center;

    line-height:1.7;
  }

  .footer-quality-link{

    width:100%;

    justify-content:center;
  }
}













/* DISENO DEL MENUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU */














/* =========================================================
   NAVBAR PREMIUM NUEVO
========================================================= */

.navbar{

  position:fixed;

  top:0px;
  left:50%;

  transform:translateX(-50%);

  width:94%;
  height:94px;

  padding:0 34px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  z-index:99999;

  border-radius:30px;

  background:
    linear-gradient(
      135deg,
      rgba(8,8,8,0.96),
      rgba(20,20,20,0.96)
    );

  backdrop-filter:blur(18px);

  border:1px solid rgba(255,255,255,0.08);

  box-shadow:
    0 20px 60px rgba(0,0,0,0.38);
}

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

.logo{
  display:flex;
  align-items:center;
}

.logo img{

  height:54px;

  object-fit:contain;
}

/* =========================================================
   MENU
========================================================= */

.nav-menu{

  display:flex;
  align-items:center;

  gap:12px;
}

/* LINKS */

.nav-link{

  position:relative;

  height:56px;

  padding:0 24px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:18px;

  text-decoration:none;

  color:rgba(255,255,255,0.72);

  font-size:13px;
  font-weight:800;

  letter-spacing:1.4px;

  text-transform:uppercase;

  transition:0.35s ease;
}

/* HOVER */

.nav-link:hover{

  color:white;

  background:rgba(255,255,255,0.05);
}

/* ACTIVE */

.nav-link.active{

  background:
    linear-gradient(
      135deg,
      #b5122b,
      #720a18
    );

  color:white;

  box-shadow:
    0 14px 34px rgba(181,18,43,0.35);
}

/* =========================================================
   DROPDOWN
========================================================= */

.nav-dropdown{

  position:relative;
}

/* BUTTON */

.dropdown-trigger{

  height:56px;

  padding:0 24px;

  border:none;
  outline:none;

  border-radius:18px;

  background:
    linear-gradient(
      135deg,
      #b5122b,
      #720a18
    );

  color:white;

  display:flex;
  align-items:center;

  gap:12px;

  cursor:pointer;

  font-family:'Inter',sans-serif;

  font-size:13px;
  font-weight:900;

  letter-spacing:1.4px;

  text-transform:uppercase;

  transition:0.35s ease;

  box-shadow:
    0 14px 34px rgba(181,18,43,0.34);
}

.dropdown-trigger:hover{

  transform:translateY(-3px);
}

/* ICON */

.dropdown-trigger i{

  font-size:11px;

  transition:0.3s ease;
}

.nav-dropdown:hover .dropdown-trigger i{

  transform:rotate(180deg);
}

/* =========================================================
   MENU DROPDOWN
========================================================= */

.dropdown-menu{

  position:absolute;

  top:78px;
  left:0;

  width:300px;

  padding:20px;

  border-radius:28px;

  background:
    linear-gradient(
      145deg,
      rgba(16,16,16,0.98),
      rgba(24,24,24,0.98)
    );

  border:1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(20px);

  box-shadow:
    0 30px 70px rgba(0,0,0,0.45);

  opacity:0;
  visibility:hidden;

  transform:translateY(15px);

  transition:0.35s ease;

  z-index:999;
}

/* SHOW */

.nav-dropdown:hover .dropdown-menu{

  opacity:1;
  visibility:visible;

  transform:translateY(0);
}

/* LINKS */

.dropdown-menu a{

  width:100%;

  min-height:58px;

  padding:0 18px;

  border-radius:18px;

  display:flex;
  align-items:center;

  gap:14px;

  text-decoration:none;

  color:white;

  transition:0.3s ease;
}

/* NORMAL LINKS */

.dropdown-menu a:not(.used-link):hover{

  background:rgba(255,255,255,0.05);
}

/* DOT */

.dropdown-dot{

  width:10px;
  height:10px;

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      #d91e3b,
      #8b0f22
    );

  box-shadow:
    0 0 14px rgba(217,30,59,0.5);
}

/* TEXT */

.dropdown-menu a{

  font-size:14px;
  font-weight:700;
}

/* DIVIDER */

.dropdown-divider{

  width:100%;
  height:1px;

  background:rgba(255,255,255,0.08);

  margin:12px 0;
}

/* =========================================================
   USED CARD
========================================================= */

.used-link{

  margin-top:6px;

  min-height:88px !important;

  background:
    linear-gradient(
      135deg,
      rgba(181,18,43,0.18),
      rgba(114,10,24,0.18)
    );

  border:1px solid rgba(255,255,255,0.08);
}

.used-link:hover{

  transform:translateY(-3px);

  border-color:rgba(255,255,255,0.14);
}

/* ICON */

.used-badge{

  width:54px;
  height:54px;

  border-radius:18px;

  background:
    linear-gradient(
      135deg,
      #b5122b,
      #720a18
    );

  display:flex;
  align-items:center;
  justify-content:center;

  color:white;

  box-shadow:
    0 12px 24px rgba(181,18,43,0.28);
}

.used-badge i{

  font-size:20px;
}

/* CONTENT */

.used-content{

  display:flex;
  flex-direction:column;
}

.used-content strong{

  color:white;

  font-size:15px;

  margin-bottom:5px;
}

.used-content span{

  color:rgba(255,255,255,0.62);

  font-size:12px;

  letter-spacing:0.4px;
}

/* =========================================================
   ACTIONS
========================================================= */

.nav-actions{

  display:flex;
  align-items:center;

  gap:16px;
}

/* BUTTON */

.catalog-btn{

  height:58px;

  padding:0 30px;

  border-radius:18px;

  display:flex;
  align-items:center;
  justify-content:center;

  text-decoration:none;

  background:white;

  color:#111;

  font-size:13px;
  font-weight:900;

  letter-spacing:1px;

  text-transform:uppercase;

  transition:0.35s ease;
}

.catalog-btn:hover{

  transform:translateY(-3px);

  box-shadow:
    0 18px 34px rgba(255,255,255,0.12);
}

/* MOBILE */

.mobile-toggle{

  width:54px;
  height:54px;

  border-radius:16px;

background:transparent !important;
  display:none;
  align-items:center;
  justify-content:center;

  color:white;

  cursor:pointer;
}

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

@media(max-width:1100px){

  .nav-menu{
    display:none;
  }

  .mobile-toggle{
    display:flex;
  }

  .catalog-btn{

    height:52px;

    padding:0 22px;

    font-size:11px;
  }
}

@media(max-width:768px){

  .navbar{

    width:95%;
    height:82px;

    padding:0 18px;

    border-radius:24px;
  }

  .logo img{
    height:44px;
  }

  .catalog-btn{
    display:none;
  }

  .mobile-toggle{

    width:48px;
    height:48px;
  }
}
/* ==========================================
   HERO SHOP
========================================== */


.horizon-shop-hero{
    width:100%;
    height:750px;
    min-height:750px;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    display:block;
}

/* =========================
   BASE
========================= */

.vp-container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

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

.vp-hero{
    position:relative;
    height:65vh;
    display:flex;
    align-items:center;
    color:#fff;
    background:#0b0f14;
    overflow:hidden;
}

.vp-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(0,0,0,0.85), rgba(0,0,0,0.4));
}

.vp-hero-content{
    position:relative;
    z-index:2;
}

.vp-title{
    font-size:48px;
    font-weight:700;
    margin:10px 0;
}

.vp-price{
    font-size:28px;
    color:#00d084;
    margin-bottom:20px;
}

.vp-cta{
    display:inline-block;
    padding:14px 26px;
    background:#00d084;
    color:#fff;
    border-radius:12px;
    font-weight:600;
    text-decoration:none;
}

/* badges */
.vp-badges{
    display:flex;
    gap:10px;
}

.vp-badge{
    padding:6px 12px;
    border-radius:20px;
    font-size:12px;
    background:#333;
}

.vp-badge.green{ background:#00d084; }
.vp-badge.red{ background:#ff4d4d; }

/* =========================
   MAIN LAYOUT
========================= */

.vp-main{
    display:grid;
    grid-template-columns:1.6fr 1fr;
    gap:40px;
    margin-top:50px;
}

/* gallery */
.vp-gallery img{
    border-radius:16px;
}

/* summary sticky */
.vp-summary{
    position:relative;
}

.vp-box{
    position:sticky;
    top:100px;
    background:#fff;
    padding:20px;
    border-radius:16px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.vp-actions{
    margin-top:20px;
}

.vp-whatsapp{
    display:block;
    margin-top:15px;
    padding:12px;
    text-align:center;
    background:#25D366;
    color:#fff;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
}

/* =========================
   FICHA TÉCNICA
========================= */

.vp-specs{
    margin-top:80px;
}

.vp-specs-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:15px;
}

.vp-spec-item{
    padding:14px;
    border-radius:14px;
    background:#f7f7f9;
    display:flex;
    justify-content:space-between;
}

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

@media(max-width:900px){
    .vp-main{
        grid-template-columns:1fr;
    }

    .vp-title{
        font-size:32px;
    }
}

/* ==================================================
   HORIZON VEHICLE PAGE PREMIUM
================================================== */

.vp-single{
    background:#f5f7fa;
    padding:70px 0 100px;
}

.vp-container{
    width:92%;
    max-width:1500px;
    margin:auto;
}

.vp-main{
    display:grid;
    grid-template-columns: minmax(0,1.7fr) 420px;
    gap:50px;
    align-items:start;
}

/* =========================
   GALERIA
========================= */

.vp-gallery{
    background:#fff;
    border-radius:28px;
    padding:35px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    overflow:hidden;
}

.woocommerce-product-gallery{
    width:100% !important;
}

.woocommerce-product-gallery__wrapper{
    border-radius:20px;
    overflow:hidden;
}

.woocommerce-product-gallery__image img{
    width:100%;
    border-radius:18px;
}

.flex-control-thumbs{
    margin-top:20px !important;
    display:flex !important;
    gap:12px;
}

.flex-control-thumbs li{
    border-radius:14px;
    overflow:hidden;
    transition:.3s;
}

.flex-control-thumbs li:hover{
    transform:translateY(-4px);
}

/* =========================
   COLUMNA DERECHA
========================= */

.vp-summary{
    position:sticky;
    top:120px;
}

.vp-box{
    background:#fff;
    border-radius:28px;
    padding:35px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.vp-box h3{
    font-size:32px;
    margin-bottom:18px;
    color:#111;
}

.vp-title{
    font-size:52px;
    font-weight:800;
    color:#0d0d0d;
    margin-bottom:10px;
}

.vp-price,
.summary .price{
    color:#b10d25 !important;
    font-size:46px !important;
    font-weight:800;
    margin:20px 0;
}

.vp-summary p{
    color:#666;
    line-height:1.8;
}

/* =========================
   SELECT VERSION
========================= */

.variations{
    width:100%;
    margin-top:25px;
}

.variations label{
    font-weight:700;
}

.variations select{
    width:100%;
    height:52px;
    border:1px solid #ddd;
    border-radius:12px;
    padding:0 15px;
    background:#fff;
}

/* =========================
   BOTON PRINCIPAL
========================= */

.single_add_to_cart_button,
.vp-cta{
    width:100%;
    height:58px;
    border:none !important;
    border-radius:14px !important;
    background:linear-gradient(
        135deg,
        #d4142a,
        #8f0718
    ) !important;
    color:#fff !important;
    font-weight:700 !important;
    font-size:16px !important;
    cursor:pointer;
    transition:.3s;
    box-shadow:0 10px 25px rgba(177,13,37,.35);
}

.single_add_to_cart_button:hover,
.vp-cta:hover{
    transform:translateY(-3px);
}

/* =========================
   WHATSAPP
========================= */

.vp-whatsapp{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:58px;
    border-radius:14px;
    text-decoration:none;
    background:#25D366;
    color:#fff;
    font-weight:700;
    margin-top:15px;
    transition:.3s;
}

.vp-whatsapp:hover{
    transform:translateY(-3px);
}

/* =========================
   BLOQUES
========================= */

.vp-specs,
.vp-description,
.vp-related{
    margin-top:50px;
    background:#fff;
    border-radius:28px;
    padding:45px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.vp-specs h2,
.vp-description h2,
.vp-related h2{
    font-size:34px;
    margin-bottom:25px;
    position:relative;
}

.vp-specs h2::after,
.vp-description h2::after,
.vp-related h2::after{
    content:'';
    display:block;
    width:80px;
    height:4px;
    background:#b10d25;
    margin-top:12px;
    border-radius:50px;
}

/* =========================
   FICHA TECNICA
========================= */

.vp-specs-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.spec-card{
    background:#f8f8f8;
    border-radius:18px;
    padding:25px;
    text-align:center;
}

.spec-value{
    font-size:34px;
    font-weight:800;
    color:#b10d25;
}

.spec-label{
    color:#666;
    margin-top:8px;
}

/* =========================
   DESCRIPCION
========================= */

.vp-content{
    color:#444;
    line-height:1.9;
    font-size:17px;
}

/* =========================
   RELACIONADOS
========================= */

.related ul.products{
    display:grid !important;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.related ul.products li.product{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    padding:20px;
}

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

@media(max-width:1200px){

    .vp-main{
        grid-template-columns:1fr;
    }

    .vp-summary{
        position:relative;
        top:auto;
    }

    .vp-specs-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .vp-specs-grid{
        grid-template-columns:1fr;
    }

    .related ul.products{
        grid-template-columns:1fr;
    }

}


/* =========================================
   HORIZON VEHICLE PAGE V2
========================================= */

.horizon-single-product{
    max-width:1450px;
    margin:60px auto 120px;
    padding:0 40px;
}

/* TOP */

.vehicle-top{
    display:grid;
    grid-template-columns:1.6fr .9fr;
    gap:40px;
    align-items:start;
}

/* GALERIA */

.vehicle-gallery{
    background:#fff;
    border-radius:28px;
    padding:40px;
    overflow:hidden;
    box-shadow:
    0 20px 50px rgba(0,0,0,.06);
}

.vehicle-gallery img{
    width:100%;
    height:auto;
    display:block;
}

/* SIDEBAR */

.vehicle-sidebar{
    background:#fff;
    border-radius:28px;
    padding:40px;
    box-shadow:
    0 20px 50px rgba(0,0,0,.06);

    position:sticky;
    top:120px;
}

.vehicle-brand{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    color:#777;
    margin-bottom:15px;
}

.vehicle-title{
    font-size:52px;
    line-height:1;
    margin:0 0 20px;
    color:#111;
    font-weight:900;
}

.vehicle-price{
    font-size:48px;
    font-weight:900;
    color:#d4001f;
    margin-bottom:25px;
}

.vehicle-excerpt{
    font-size:16px;
    line-height:1.8;
    color:#666;
    margin-bottom:30px;
}

/* BOTONES */

.single_add_to_cart_button{
    width:100%;
    border:none !important;
    border-radius:14px !important;
    padding:18px !important;
    font-size:16px !important;
    font-weight:700 !important;
    background:#d4001f !important;
}

.single_add_to_cart_button:hover{
    transform:translateY(-2px);
}

/* VARIACIONES */

.variations{
    width:100%;
}

.variations select{
    width:100%;
    padding:14px;
    border-radius:12px;
    border:1px solid #ddd;
}

/* SECCIONES */

.vehicle-technical-section,
.vehicle-description-section,
.vehicle-related-section{
    margin-top:80px;
}

/* HEADER */

.vehicle-section-header{
    margin-bottom:35px;
}

.vehicle-subtitle{
    color:#d4001f;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
}

.vehicle-section-header h2{
    margin-top:8px;
    font-size:42px;
    font-weight:800;
    color:#111;
}

/* FICHA */

#hvm-output{
    background:#fff;
    border-radius:24px;
    padding:35px;
    min-height:200px;
    box-shadow:
    0 20px 50px rgba(0,0,0,.05);
}

.vehicle-placeholder{
    color:#777;
    font-size:18px;
}

/* DESCRIPCION */

.vehicle-content-card{
    background:#fff;
    border-radius:24px;
    padding:50px;
    box-shadow:
    0 20px 50px rgba(0,0,0,.05);
}

.vehicle-content-card p{
    line-height:1.9;
    color:#555;
    margin-bottom:25px;
}

/* TABS WOOCOMMERCE */

.woocommerce-tabs{
    margin-top:40px;
}

.woocommerce-tabs ul.tabs{
    display:flex;
    gap:15px;
    border:none;
    padding:0;
}

.woocommerce-tabs ul.tabs li{
    border:none !important;
    background:#f4f5f7 !important;
    border-radius:12px !important;
}

.woocommerce-tabs ul.tabs li a{
    padding:14px 22px;
    font-weight:700;
}

.woocommerce-tabs .panel{
    background:#fff;
    border-radius:24px;
    padding:40px;
    margin-top:20px;
    box-shadow:
    0 20px 50px rgba(0,0,0,.05);
}

/* RELACIONADOS */

.vehicle-related-section ul.products{
    margin-top:40px !important;
}

.vehicle-related-section ul.products li.product{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    padding:20px;
    box-shadow:
    0 15px 35px rgba(0,0,0,.05);
}

.vehicle-related-section ul.products li.product img{
    border-radius:14px;
}

/* GALERIA PREMIUM */

.flex-control-thumbs{
    display:flex !important;
    gap:10px;
    margin-top:20px !important;
}

.flex-control-thumbs li{
    border-radius:12px;
    overflow:hidden;
}

/* MOBILE */

@media(max-width:1100px){

    .vehicle-top{
        grid-template-columns:1fr;
    }

    .vehicle-sidebar{
        position:relative;
        top:auto;
    }

}

@media(max-width:768px){

    .horizon-single-product{
        padding:0 20px;
    }

    .vehicle-title{
        font-size:38px;
    }

    .vehicle-price{
        font-size:36px;
    }

    .vehicle-content-card{
        padding:30px;
    }

}



/* =====================================
   GALERÍA PREMIUM HORIZON
===================================== */

.vehicle-gallery{
    background:#fff;
    border-radius:24px;
    padding:20px;
    border:1px solid rgba(10,63,82,.08);
    box-shadow:0 20px 50px rgba(11,35,48,.08);
}

/* IMAGEN PRINCIPAL */

.vehicle-main-image{
    width:100%;
    height:480px;
    overflow:hidden;
    border-radius:18px;
    border:2px solid rgba(10,63,82,.08);
}

.vehicle-main-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.35s ease;
}

.vehicle-main-image:hover img{
    transform:scale(1.03);
}

/* MINIATURAS */

.vehicle-thumbnails{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-top:16px;
}

.vehicle-thumb{
    width:100%;
    height:90px;
    object-fit:cover;
    border-radius:12px;

    cursor:pointer;

    border:3px solid transparent;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

/* HOVER */

.vehicle-thumb:hover{
    border-color:#0a3f52;
    transform:translateY(-2px);
}

/* ACTIVA */

.vehicle-thumb.active{
    border-color:#d4001f;
    box-shadow:0 0 0 4px rgba(212,0,31,.15);
}

/* RESPONSIVE */

@media(max-width:1200px){

    .vehicle-main-image{
        height:420px;
    }

    .vehicle-thumb{
        height:80px;
    }

}

@media(max-width:768px){

    .vehicle-main-image{
        height:300px;
    }

    .vehicle-thumbnails{
        grid-template-columns:repeat(2,1fr);
    }

    .vehicle-thumb{
        height:70px;
    }

}
.reset_variations{
    display:none !important;
}

.variations{
    width:100%;
    margin:30px 0;
}

.variations label{
    display:block;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#0a3f52;
    margin-bottom:10px;
}

.variations select{
    width:100%;
    height:58px;

    border:2px solid #e5e7eb;
    border-radius:14px;

    background:#fff;

    padding:0 20px;

    font-size:15px;
    font-weight:600;

    transition:.3s;
}

.variations select:hover{
    border-color:#0a3f52;
}

.variations select:focus{
    outline:none;
    border-color:#d4001f;
    box-shadow:0 0 0 4px rgba(212,0,31,.10);
}

.vehicle-content-card a,
.vehicle-description-section a{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:14px 28px;

    border-radius:999px;

    text-decoration:none;

    font-weight:700;

    background:#0a3f52;
    color:#fff;

    transition:.3s;

    margin-right:10px;
    margin-bottom:10px;
}

.vehicle-content-card a:hover,
.vehicle-description-section a:hover{

    background:#d4001f;
    transform:translateY(-2px);
}

.vehicle-content-card ul{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;

    margin:50px 0;
    padding:0;

    list-style:none;
}

.vehicle-content-card ul li{

    background:#fff;

    border:1px solid #edf2f7;

    border-radius:18px;

    padding:25px;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.vehicle-section-header{
    text-align:center;
    margin-bottom:50px;
}

.vehicle-subtitle{
    display:inline-block;

    padding:8px 18px;

    border-radius:999px;

    background:rgba(10,63,82,.08);

    color:#0a3f52;

    font-size:12px;
    font-weight:700;

    letter-spacing:1px;

    margin-bottom:15px;
}

.vehicle-section-header h2{

    font-size:42px;
    font-weight:800;

    color:#0b2330;

    margin-top:10px;
}

#hvm-output{

    background:#fff;

    border-radius:24px;

    padding:40px;

    border:1px solid #edf2f7;

    box-shadow:0 20px 40px rgba(0,0,0,.06);

}

.vehicle-whatsapp-btn{

    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;

    height:60px;

    border-radius:16px;

    background:#16c787;
    color:#fff;

    text-decoration:none;

    font-size:16px;
    font-weight:700;

    transition:.3s;
}

.vehicle-whatsapp-btn:hover{

    background:#0a3f52;

    transform:translateY(-2px);
}

/* ==========================================
   SPEC GRID HORIZON
========================================== */

.spec-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    margin:40px 0 60px;
}

.spec-card{
    background:#fff;
    border:1px solid #e8edf2;

    border-radius:18px;

    padding:28px 20px;

    text-align:center;

    box-shadow:
    0 10px 30px rgba(0,0,0,.05);

    transition:.3s;
}

.spec-card:hover{
    transform:translateY(-4px);
    box-shadow:
    0 18px 40px rgba(0,0,0,.08);
}

.spec-card strong{
    display:block;

    font-size:34px;
    font-weight:800;

    color:#0a3f52;

    margin-bottom:10px;

    line-height:1;
}

.spec-card{
    font-size:15px;
    color:#64748b;
    line-height:1.5;
}

/* ==========================================
   INFO BLOCKS
========================================== */

.info-block{
    background:#fff;

    border-radius:22px;

    padding:35px;

    margin-bottom:24px;

    border:1px solid #e8edf2;

    box-shadow:
    0 12px 35px rgba(0,0,0,.05);
}

.info-block h3{
    font-size:24px;

    color:#0a3f52;

    margin-bottom:15px;

    font-weight:800;
}

@media(max-width:900px){

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

}

@media(max-width:600px){

    .spec-grid{
        grid-template-columns:1fr;
    }

}


.whatsapp-float{
    position:fixed;
    bottom:28px;
    right:28px;

    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#25D366;
    border-radius:50%;

    z-index:999999;

    box-shadow:0 18px 40px rgba(0,0,0,.25);

    transition:.3s ease;
}

.whatsapp-float img{
    width:30px;
    height:30px;
}

.whatsapp-float:hover{
    transform:translateY(-4px) scale(1.08);
}


.horizon-whatsapp-float{
    position:fixed !important;
    bottom:28px !important;
    right:28px !important;
    left:auto !important;
    top:auto !important;

    width:64px !important;
    height:64px !important;

    background:#25D366 !important;
    color:#fff !important;

    border-radius:50% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:28px !important;

    z-index:999999999 !important;

    text-decoration:none !important;

    box-shadow:0 20px 40px rgba(0,0,0,.25) !important;
}

.footer-social{
    margin-top:30px;
}

.footer-social-icons{
    display:flex;
    gap:14px;
    margin-top:12px;
}

.footer-social-icons a{
    width:44px;
    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:rgba(255,255,255,0.06);
    color:white;

    font-size:18px;

    transition:0.3s ease;

    border:1px solid rgba(255,255,255,0.08);
}

.footer-social-icons a:hover{
    transform:translateY(-3px);
    background:rgba(181,18,43,0.25);
    border-color:rgba(181,18,43,0.4);
}

.footer-social{
    margin-top:30px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;
}

.footer-social-icons{
    display:flex;
    gap:14px;
    margin-top:12px;

    justify-content:center; /* 🔥 esto es lo que faltaba */
}



.horizon-filters{
    margin:40px 0;
    display:flex;
    justify-content:center;
}

.filters-form{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    background:#fff;
    padding:18px;
    border-radius:18px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.filters-form select{
    height:48px;
    padding:0 16px;
    border-radius:12px;
    border:1px solid #ddd;
    font-weight:600;
    background:#fff;
    cursor:pointer;
}

.filter-btn{
    height:48px;
    padding:0 22px;
    border:none;
    border-radius:12px;
    background:#b5122b;
    color:#fff;
    font-weight:800;
    cursor:pointer;
}


.hvm-box{
    margin-top: 20px;
    padding: 18px 20px;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    background: #fff;
}

.hvm-box h3{
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: 600;
}

/* cada fila */
#hvm-output > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

/* última fila sin borde */
#hvm-output > div:last-child{
    border-bottom: none;
}

/* nombre */
#hvm-output strong{
    font-size: 14px;
    font-weight: 600;
    color: #111;
}

/* valor */
#hvm-output span{
    font-size: 14px;
    color: #555;
}


.hvm-box{
    margin-top: 22px;
    padding: 22px;
    border: 1px solid #eaeaea;
    border-radius: 14px;
    background: #fff;
}

.hvm-box h3{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #111;
    letter-spacing: 0.2px;
}

/* contenedor */
#hvm-output{
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* fila */
#hvm-output > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f2f2f2;
}

/* hover sutil (sensación premium) */
#hvm-output > div:hover{
    background: #fafafa;
}

/* último item */
#hvm-output > div:last-child{
    border-bottom: none;
}

/* key */
#hvm-output strong{
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
}

/* value */
#hvm-output span{
    font-size: 14px;
    font-weight: 500;
    color: #666;
}


.hvm-box{
    margin-top: 22px;
    padding: 24px;
    border: 1px solid #e9e9e9;
    border-radius: 14px;
    background: #fff;
}

.hvm-box h3{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
}

/* contenedor */
#hvm-output{
    display: flex;
    flex-direction: column;
}

/* fila MUCHO más compacta */
#hvm-output > div{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    align-items: center;

    padding: 10px 0;
    border-bottom: 1px solid #f3f3f3;
}

/* texto izquierdo */
#hvm-output strong{
    font-size: 15px;
    font-weight: 600;
    color: #1a1a1a;
}

/* valor derecho */
#hvm-output span{
    font-size: 15px;
    font-weight: 500;
    color: #555;
}

/* última fila */
#hvm-output > div:last-child{
    border-bottom: none;
}


#hvm-output{
    display: flex !important;
    flex-direction: column !important;
}

#hvm-output > div{
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 24px !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #eee !important;
}

#hvm-output strong{
    font-size: 15px !important;
    font-weight: 600 !important;
}

#hvm-output span{
    font-size: 15px !important;
    color: #555 !important;
}


















@media (max-width: 768px) {

    .nav-menu {
        transform: translateX(-100%);
        transition: 0.3s ease;
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        height: calc(100vh - 70px);
        background: #fff;
        flex-direction: column;
        padding: 30px;
        display: flex;
    }

    .nav-menu.active {
        transform: translateX(0);
    }

    .mobile-toggle {
        cursor: pointer;
        display: block;
    }


}


@media (max-width: 768px) {

    .nav-menu {
        display: none !important;
        position: absolute;
        top: 80px;
        left: 0;
        width: 100%;
        background: white;
        z-index: 99999;
        flex-direction: column;
    }

    .nav-menu.active {
        display: flex !important;
    }

    .mobile-toggle {
        display: block;
        cursor: pointer;
        z-index: 100000;
    }
}

@media (max-width: 768px) {

    .nav-menu {
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        height: calc(100vh - 70px);

        background: rgba(10,10,10,0.98);
        backdrop-filter: blur(10px);

        display: flex;
        flex-direction: column;

        gap: 18px;
        padding: 30px 20px;

        transform: translateX(100%);
        transition: 0.3s ease;

        z-index: 9999;
    }

    .nav-menu.active {
        transform: translateX(0);
    }

    .nav-menu a,
    .nav-dropdown button {
        color: white;
        font-size: 18px;
        padding: 12px;
        text-align: left;
    }

    .nav-dropdown .dropdown-menu {
        position: static;
        background: transparent;
        box-shadow: none;
        padding-left: 10px;
    }

    .mobile-toggle {
        display: block;
        z-index: 10000;
        color: white;
        font-size: 22px;
    }
}

/* =========================
   NAVBAR AJUSTE GENERAL
   ========================= */

.navbar {
  height: 70px; /* baja un poco el alto */
  display: flex;
  align-items: center;
  padding: 0 20px;
  position: relative;
  z-index: 9999;
}

/* Logo más compacto si hace falta */
.navbar .logo img {
  max-height: 45px;
  width: auto;
  display: block;
}

/* =========================
   MENU CENTRADO
   ========================= */

.navbar nav {
  display: flex;
  align-items: center;
}

/* Links del menú */
.navbar nav ul {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* =========================
   DROPDOWN FIX (IMPORTANTE)
   ========================= */

.navbar nav ul li {
  position: relative;
}

/* submenu */
.navbar nav ul li ul {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 200px;
  padding: 10px 0;

  /* CLAVE: evita que se corte */
  max-height: 300px;
  overflow-y: auto;

  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  z-index: 99999;
}

/* items del dropdown */
.navbar nav ul li ul li {
  padding: 10px 15px;
  white-space: nowrap;
}

/* hover */
.navbar nav ul li ul li:hover {
  background: #f5f5f5;
}


@media (max-width: 768px) {

    .nav-menu {
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        height: calc(100vh - 70px);

        background: rgba(10,10,10,0.98);
        backdrop-filter: blur(10px);

        display: flex;
        flex-direction: column;

        gap: 16px;
        padding: 25px 20px;

        transform: translateX(100%);
        transition: 0.3s ease;

        z-index: 99999;
    }

    .nav-menu.active {
        transform: translateX(0);
    }

    .nav-menu a,
    .nav-dropdown button {
        color: #fff;
        font-size: 18px;
    }

    .nav-dropdown .dropdown-menu {
        position: static;
        background: transparent;
        box-shadow: none;
        padding-left: 10px;
    }

    .mobile-toggle {
        display: block;
        z-index: 100000;
    }
}

/* =========================
   NAVBAR AJUSTE GENERAL
   ========================= */

.navbar {
  height: 70px; /* baja un poco el alto */
  display: flex;
  align-items: center;
  padding: 0 20px;
  position: relative;
  z-index: 9999;
}

/* Logo más compacto si hace falta */
.navbar .logo img {
  max-height: 45px;
  width: auto;
  display: block;
}

/* =========================
   MENU CENTRADO
   ========================= */

.navbar nav {
  display: flex;
  align-items: center;
}

/* Links del menú */
.navbar nav ul {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* =========================
   DROPDOWN FIX (IMPORTANTE)
   ========================= */

.navbar nav ul li {
  position: relative;
}

/* submenu */
.navbar nav ul li ul {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 200px;
  padding: 10px 0;

  /* CLAVE: evita que se corte */
  max-height: 300px;
  overflow-y: auto;

  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  z-index: 99999;
}

/* items del dropdown */
.navbar nav ul li ul li {
  padding: 10px 15px;
  white-space: nowrap;
}

/* hover */
.navbar nav ul li ul li:hover {
  background: #f5f5f5;
}


/* =========================
   DROPDOWN PRO (CENTRADO Y LIMPIO)
   ========================= */

.navbar nav ul li ul {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%); /* CENTRA el dropdown */
  
  background: #fff;
  min-width: 220px;
  padding: 10px 0;

  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
  border-radius: 10px;

  z-index: 99999;

  /* evita “cortes raros” */
  white-space: nowrap;
}

/* opcional: mejor UX */
.navbar nav ul li ul li {
  display: block;
}


/* asegura comportamiento hover correcto */
.navbar nav ul li:hover > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.navbar nav ul li ul {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s ease;
}

.footer-brand {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* fuerza alineación correcta */
.footer-social {
  margin-top: 10px;
}

.footer-social-icons {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer-social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
}


/* =========================
   FOOTER MOBILE FIX (CENTRADO)
   ========================= */

@media (max-width: 768px) {

  .footer-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 30px;
  }

  /* Brand (logo + texto + social) */
  .footer-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-brand img {
    max-width: 180px;
    height: auto;
  }

  /* Columnas de links */
  .footer-links-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    width: 100%;
  }

  .footer-column {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer-column a {
    text-align: center;
  }

  /* Social centrado */
  .footer-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .footer-social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
  }

  /* Bottom section */
  .footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
  }

  .footer-quality-link {
    justify-content: center;
  }
}
/* ==========================================
   SHOP HERO FIX
========================================== */

/* Reduce espacio negro superior */

body.woocommerce .horizon-shop-hero{
    margin-top:-60px !important;
}

/* Reduce altura del banner */

.horizon-shop-hero{
    height:280px !important;

    min-height:280px !important;

    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

/* Ajuste tablet */

@media(max-width:991px){

    .horizon-shop-hero{
        height:220px !important;
        min-height:220px !important;
    }

}

/* Ajuste mobile */

@media(max-width:768px){

    .horizon-shop-hero{
        height:180px !important;
        min-height:180px !important;
    }

}


/* ==========================================
   HORIZON SHOP HERO OVERRIDE TOTAL
========================================== */

body.woocommerce,
body.post-type-archive-product,
body.tax-product_cat{
    margin:0 !important;
    padding:0 !important;
}

body.woocommerce header,
body.woocommerce .site-header,
body.woocommerce .navbar{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

/* mata cualquier espacio generado por wrappers */

body.woocommerce #content,
body.woocommerce #primary,
body.woocommerce .site-content,
body.woocommerce .content-area,
body.woocommerce main,
body.woocommerce .woocommerce{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* fuerza el banner hacia arriba */

body.woocommerce .horizon-shop-hero{
    margin-top:-150px !important;
    padding-top:0 !important;

    height:240px !important;
    min-height:240px !important;

    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;

    position:relative !important;
    z-index:1 !important;
}



/* =========================================
   HORIZON SHOP EMERGENCY FIX
========================================= */

body.post-type-archive-product,
body.woocommerce-shop,
body.tax-product_cat{

    padding-top:0 !important;
}

body.post-type-archive-product .horizon-shop-hero,
body.woocommerce-shop .horizon-shop-hero,
body.tax-product_cat .horizon-shop-hero{

    margin-top:-22px !important;

    height:520px !important;
    min-height:520px !important;

    position:relative !important;
    z-index:1 !important;
}


/* ==========================================
   HORIZON SHOP FINAL FIX
========================================== */

body.woocommerce,
body.woocommerce-page,
body.post-type-archive-product,
body.tax-product_cat{
    padding-top:0 !important;
    margin-top:0 !important;
}

.horizon-shop-hero{
    margin-top:0 !important;
    padding-top:0 !important;

    height:650px !important;
    min-height:650px !important;

    position:relative !important;
}

/* elimina cualquier bloque fantasma antes del banner */

body.woocommerce .horizon-shop-hero::before,
body.woocommerce-page .horizon-shop-hero::before{
    display:none !important;
    content:none !important;
}



/* ==========================================
   HORIZON NAVBAR TOP FIX
========================================== */

/* Menú mucho más cerca del techo */

body .navbar{
    position:fixed !important;

    top:4px !important;
    left:50% !important;

    transform:translateX(-50%) !important;

    height:88px !important;
    min-height:88px !important;

    z-index:999999 !important;
}

/* Logo proporcional */

body .navbar .logo img{
    height:50px !important;
}

/* Ajusta el espacio reservado para el menú */

body{
    padding-top:96px !important;
}

/* Shop sin separación extra */

body.woocommerce,
body.woocommerce-shop,
body.post-type-archive-product,
body.tax-product_cat{
    padding-top:96px !important;
}

/* El banner arranca inmediatamente después del header */

.horizon-shop-hero{
    margin-top:-10px !important;

    position:relative !important;

    z-index:1 !important;

    height:650px !important;
    min-height:650px !important;
}

/* Mata espacios superiores típicos */

#page,
#content,
.site,
.site-content,
.site-main,
.content-area,
#primary,
main,
main#main{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* WooCommerce */

.woocommerce-products-header,
.page-header,
.archive-header{
    display:none !important;
}



/* ==========================================
   HORIZON - NAVBAR PEGADO AL TECHO
========================================== */

.navbar{
    top:0 !important;
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Por si algún contenedor padre genera espacio */

html,
body{
    margin:0 !important;
    padding:0 !important;
}

/* Eliminar offset de WordPress */

html{
    margin-top:0 !important;
}

body.admin-bar{
    margin-top:0 !important;
}

body.admin-bar .navbar{
    top:0 !important;
}


/* ==========================================
   HORIZON NAVBAR
   DESKTOP = NO FIJO
   MOBILE = FIJO
========================================== */

/* Desktop */

@media (min-width: 992px){

    .navbar{
        position:absolute !important;
        top:0 !important;
        left:50% !important;
        transform:translateX(-50%) !important;
        z-index:999999 !important;
    }

}

/* Mobile */

@media (max-width: 991px){

    .navbar{
        position:fixed !important;
        top:0 !important;
        left:50% !important;
        transform:translateX(-50%) !important;
        z-index:999999 !important;
    }

}


.navbar{
    position:absolute;
}






.footer-social{
    margin-top:25px;
}

.footer-social-icons{
    display:flex;
    gap:12px;
    margin-top:15px;
}

.footer-social-icons a{
    display:flex;
    align-items:center;
    justify-content:center;
}

























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

.footer{

  position:relative;

  overflow:hidden;

  background:
    linear-gradient(
      180deg,
      #050505 0%,
      #090909 40%,
      #111111 100%
    );

  padding-top:110px;

  margin-top:120px;

  border-top:
    1px solid rgba(255,255,255,0.06);
}

/* =========================================================
   TOP LINE
========================================================= */

.footer-top-line{

  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #b5122b,
      #ff274d,
      #b5122b,
      transparent
    );

  box-shadow:
    0 0 30px rgba(181,18,43,0.7);
}

/* =========================================================
   BLURS
========================================================= */

.footer-blur{

  position:absolute;

  border-radius:50%;

  filter:blur(120px);

  opacity:0.18;

  pointer-events:none;
}

.footer-blur-1{

  width:320px;
  height:320px;

  background:#b5122b;

  top:-80px;
  left:-100px;
}

.footer-blur-2{

  width:260px;
  height:260px;

  background:#ff274d;

  bottom:-120px;
  right:-100px;
}

/* =========================================================
   CONTAINER
========================================================= */

.footer-container{

  width:90%;
  max-width:1450px;

  margin:auto;

  display:flex;
  justify-content:space-between;
  gap:90px;

  position:relative;
  z-index:2;
}

/* =========================================================
   BRAND
========================================================= */

.footer-brand{

  width:420px;
}

.footer-brand img{

  width:320px;

  object-fit:contain;

  margin-bottom:28px;

  filter:
    drop-shadow(0 10px 24px rgba(181,18,43,0.18));
}

.footer-brand p{

  color:rgba(255,255,255,0.62);

  font-size:15px;

  line-height:1.9;

  font-weight:400;

  max-width:390px;
}

/* =========================================================
   LINKS
========================================================= */

.footer-links-wrapper{

  display:flex;

  gap:90px;
}

/* COLUMN */

.footer-column{

  display:flex;
  flex-direction:column;
}

/* TITLE */

.footer-title{

  color:white;

  font-size:15px;
  font-weight:800;

  letter-spacing:1.5px;

  text-transform:uppercase;

  margin-bottom:28px;

  position:relative;
}

/* RED LINE */

.footer-title::after{

  content:"";

  position:absolute;

  left:0;
  bottom:-12px;

  width:42px;
  height:2px;

  background:
    linear-gradient(
      90deg,
      #b5122b,
      #ff274d
    );

  border-radius:20px;
}

/* LINKS */

.footer-column a{

  color:rgba(255,255,255,0.62);

  text-decoration:none;

  margin-bottom:16px;

  font-size:15px;

  transition:0.3s ease;

  width:fit-content;
}

/* HOVER */

.footer-column a:hover{

  color:white;

  transform:translateX(5px);
}

/* =========================================================
   BOTTOM
========================================================= */

.footer-bottom{

  width:90%;
  max-width:1450px;

  margin:auto;
  margin-top:90px;

  min-height:100px;

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

  display:flex;
  align-items:center;
  justify-content:space-between;

  position:relative;
  z-index:2;
}

/* =========================================================
   DOWNLOAD LINK
========================================================= */

.footer-quality-link{

  display:flex;
  align-items:center;

  gap:14px;

  height:56px;

  padding:0 24px;

  border-radius:18px;

  background:
    linear-gradient(
      135deg,
      rgba(181,18,43,0.14),
      rgba(181,18,43,0.06)
    );

  border:
    1px solid rgba(255,255,255,0.06);

  transition:0.35s ease;
}

.footer-quality-link:hover{

  transform:translateY(-3px);

  border-color:
    rgba(255,255,255,0.12);
}

/* ICON */

.footer-quality-link i{

  color:#ff274d;

  font-size:16px;
}

/* LINK */

.footer-quality-link a{

  text-decoration:none;

  color:white;

  font-size:13px;
  font-weight:700;

  letter-spacing:0.5px;
}

/* =========================================================
   COPYRIGHT
========================================================= */

.footer-copy{

  color:rgba(255,255,255,0.48);

  font-size:13px;

  letter-spacing:0.7px;
}

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

@media(max-width:1100px){

  .footer-container{

    flex-direction:column;

    gap:70px;
  }

  .footer-brand{

    width:100%;
  }

  .footer-links-wrapper{

    width:100%;

    justify-content:space-between;

    gap:40px;
  }

  .footer-bottom{

    flex-direction:column;

    justify-content:center;

    gap:24px;

    padding:35px 0;
  }
}

@media(max-width:768px){

  .footer{

    padding-top:80px;
  }

  .footer-brand img{

    width:240px;
  }

  .footer-links-wrapper{

    flex-direction:column;

    gap:50px;
  }

  .footer-copy{

    text-align:center;

    line-height:1.7;
  }

  .footer-quality-link{

    width:100%;

    justify-content:center;
  }
}



.footer-social{
    margin-top:30px;
}

.footer-social-icons{
    display:flex;
    gap:14px;
    margin-top:12px;
}

.footer-social-icons a{
    width:44px;
    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:rgba(255,255,255,0.06);
    color:white;

    font-size:18px;

    transition:0.3s ease;

    border:1px solid rgba(255,255,255,0.08);
}

.footer-social-icons a:hover{
    transform:translateY(-3px);
    background:rgba(181,18,43,0.25);
    border-color:rgba(181,18,43,0.4);
}

.footer-social{
    margin-top:30px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;
}

.footer-social-icons{
    display:flex;
    gap:14px;
    margin-top:12px;

    justify-content:center; /* 🔥 esto es lo que faltaba */
}

@media (max-width: 768px) {

    .nav-menu {
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        height: calc(100vh - 70px);

        background: rgba(10,10,10,0.98);
        backdrop-filter: blur(10px);

        display: flex;
        flex-direction: column;

        gap: 16px;
        padding: 25px 20px;

        transform: translateX(100%);
        transition: 0.3s ease;

        z-index: 99999;
    }

    .nav-menu.active {
        transform: translateX(0);
    }

    .nav-menu a,
    .nav-dropdown button {
        color: #fff;
        font-size: 18px;
    }

    .nav-dropdown .dropdown-menu {
        position: static;
        background: transparent;
        box-shadow: none;
        padding-left: 10px;
    }

    .mobile-toggle {
        display: block;
        z-index: 100000;
    }
}

/* =========================
   NAVBAR AJUSTE GENERAL
   ========================= */

.navbar {
  height: 70px; /* baja un poco el alto */
  display: flex;
  align-items: center;
  padding: 0 20px;
  position: relative;
  z-index: 9999;
}

/* Logo más compacto si hace falta */
.navbar .logo img {
  max-height: 45px;
  width: auto;
  display: block;
}

/* =========================
   MENU CENTRADO
   ========================= */

.navbar nav {
  display: flex;
  align-items: center;
}

/* Links del menú */
.navbar nav ul {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* =========================
   DROPDOWN FIX (IMPORTANTE)
   ========================= */

.navbar nav ul li {
  position: relative;
}

/* submenu */
.navbar nav ul li ul {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 200px;
  padding: 10px 0;

  /* CLAVE: evita que se corte */
  max-height: 300px;
  overflow-y: auto;

  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  z-index: 99999;
}

/* items del dropdown */
.navbar nav ul li ul li {
  padding: 10px 15px;
  white-space: nowrap;
}

/* hover */
.navbar nav ul li ul li:hover {
  background: #f5f5f5;
}


/* =========================
   DROPDOWN PRO (CENTRADO Y LIMPIO)
   ========================= */

.navbar nav ul li ul {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%); /* CENTRA el dropdown */
  
  background: #fff;
  min-width: 220px;
  padding: 10px 0;

  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
  border-radius: 10px;

  z-index: 99999;

  /* evita “cortes raros” */
  white-space: nowrap;
}

/* opcional: mejor UX */
.navbar nav ul li ul li {
  display: block;
}


/* asegura comportamiento hover correcto */
.navbar nav ul li:hover > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.navbar nav ul li ul {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s ease;
}

.footer-brand {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* fuerza alineación correcta */
.footer-social {
  margin-top: 10px;
}

.footer-social-icons {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer-social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
}


/* =========================
   FOOTER MOBILE FIX (CENTRADO)
   ========================= */

@media (max-width: 768px) {

  .footer-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 30px;
  }

  /* Brand (logo + texto + social) */
  .footer-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-brand img {
    max-width: 180px;
    height: auto;
  }

  /* Columnas de links */
  .footer-links-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    width: 100%;
  }

  .footer-column {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer-column a {
    text-align: center;
  }

  /* Social centrado */
  .footer-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .footer-social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
  }

  /* Bottom section */
  .footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
  }

  .footer-quality-link {
    justify-content: center;
  }
}



/* =====================================================
   CONCESIONARIOS OFICIALES
===================================================== */

.brands-grid-premium{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.brand-premium-card{
    height:180px;
}

.used-card{
    grid-column:1/-1;
    height:160px;
}

/* =====================================================
   TITULO CONCESIONARIOS
===================================================== */

.brands .section-header h2{
    font-size:48px;
}

.brands .section-header p{
    max-width:700px;
    margin:auto;
}

/* =====================================================
   TARJETA MD SEGUROS
===================================================== */






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

.footer-social{
    margin-top:25px;
}

.footer-social-icons{
    display:flex;
    gap:12px;
    margin-top:15px;
}

.footer-social-icons a{
    display:flex;
    align-items:center;
    justify-content:center;
}

/* =====================================================
   MOBILE
===================================================== */

@media(max-width:768px){

    .brands-grid-premium{
        grid-template-columns:1fr;
    }

    .used-card{
        grid-column:auto;
    }

}


#celeste{



  background:#1696d2;

}























@media (max-width: 1100px) {

  html,
  body {
    overflow-x: hidden !important;
  }

  /* Header */

  .navbar {
    position: fixed !important;
    top: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: 95% !important;
    z-index: 999999 !important;

    overflow: visible !important;
  }

  /* Elimina manchas raras */

  .mobile-toggle,
  .mobile-toggle::before,
  .mobile-toggle::after {
    backdrop-filter: none !important;
    filter: none !important;
    box-shadow: none !important;
  }

  .mobile-toggle {
    position: relative !important;
    z-index: 1000000 !important;
    background: #1b1b1b !important;
    overflow: hidden !important;
  }

  /* Menú móvil */

  .nav-menu {

    position: fixed !important;

    top: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    margin: 0 !important;

    padding-top: 130px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;

    background: #080808 !important;

    transform: translateX(100%) !important;

    transition: transform .35s ease !important;

    z-index: 999998 !important;

    display: flex !important;
    flex-direction: column !important;

    box-sizing: border-box !important;
  }

  .nav-menu.active {
    transform: translateX(0) !important;
  }

  /* Links */

  .nav-link,
  .dropdown-trigger {

    width: 100% !important;

    justify-content: center !important;

    min-height: 58px !important;
  }

  /* Dropdown */

  .dropdown-menu {

    position: relative !important;

    top: auto !important;
    left: auto !important;

    width: 100% !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    margin-top: 10px !important;
  }
}

@media (max-width:1100px){

  .mobile-toggle,
  .mobile-toggle *,
  .mobile-toggle::before,
  .mobile-toggle::after{
      background:transparent !important;
      box-shadow:none !important;
      backdrop-filter:none !important;
      filter:none !important;
  }

  .mobile-toggle{
      width:48px !important;
      height:48px !important;
      min-width:48px !important;
      max-width:48px !important;
      overflow:hidden !important;
      border-radius:12px !important;
      position:relative !important;
  }

}

@media (max-width:1100px){

  .nav-actions,
  .nav-actions::before,
  .nav-actions::after,
  .navbar::before,
  .navbar::after{
      background:transparent !important;
      box-shadow:none !important;
      backdrop-filter:none !important;
      filter:none !important;
  }

}































































/* ======================================
   FIX MOBILE MENU HORIZONTE
====================================== */

@media (max-width:1100px){

  html,
  body{
      overflow-x:hidden !important;
  }

  /* HEADER */

  .navbar{
      position:fixed !important;
      top:20px !important;
      left:50% !important;
      transform:translateX(-50%) !important;

      width:95% !important;

      z-index:999999 !important;

      overflow:visible !important;
  }

  /* ELIMINA MANCHAS */

  .nav-actions,
  .nav-actions::before,
  .nav-actions::after,
  .navbar::before,
  .navbar::after,
  .mobile-toggle,
  .mobile-toggle *,
  .mobile-toggle::before,
  .mobile-toggle::after{

      backdrop-filter:none !important;
      filter:none !important;
      box-shadow:none !important;
      background:transparent !important;
  }

  .mobile-toggle{

      width:48px !important;
      height:48px !important;

      min-width:48px !important;
      max-width:48px !important;

      border-radius:12px !important;

      overflow:hidden !important;

      position:relative !important;

      z-index:1000000 !important;
  }

  /* MENU MOBILE */

  .nav-menu{

      position:fixed !important;

      top:0 !important;
      left:0 !important;

      width:100vw !important;
      height:100vh !important;

      background:#080808 !important;

      padding-top:130px !important;
      padding-left:25px !important;
      padding-right:25px !important;
      padding-bottom:180px !important;

      display:flex !important;
      flex-direction:column !important;

      gap:16px !important;

      box-sizing:border-box !important;

      overflow-y:auto !important;
      overflow-x:hidden !important;

      -webkit-overflow-scrolling:touch !important;

      transform:translateX(100%) !important;

      transition:transform .35s ease !important;

      z-index:999998 !important;
  }

  .nav-menu.active{
      transform:translateX(0) !important;
  }

  /* LINKS */

  .nav-link,
  .dropdown-trigger{

      width:100% !important;

      min-height:58px !important;

      justify-content:center !important;

      font-size:18px !important;

      color:#fff !important;
  }

  /* DROPDOWN MOBILE */

  .dropdown-menu{

      display:none !important;

      position:relative !important;

      top:auto !important;
      left:auto !important;

      width:100% !important;

      margin-top:10px !important;

      padding-left:10px !important;

      background:transparent !important;

      box-shadow:none !important;

      opacity:1 !important;
      visibility:visible !important;

      transform:none !important;
  }

  .nav-dropdown.active .dropdown-menu{
      display:block !important;
  }

}













/* TODOS LOS VEHICULOS */

.all-vehicles-link{

    display:flex;
    align-items:center;
    gap:14px;

    padding:16px 18px !important;

    border-radius:14px;

    margin-top:10px;

    background:
    linear-gradient(
        135deg,
        rgba(217,30,59,.12),
        rgba(217,30,59,.04)
    );

    border:1px solid rgba(217,30,59,.25);

    transition:.35s ease;
}

.all-vehicles-link:hover{

    transform:translateY(-2px);

    border-color:rgba(217,30,59,.5);

    background:
    linear-gradient(
        135deg,
        rgba(217,30,59,.18),
        rgba(217,30,59,.08)
    );
}

.all-badge{

    width:44px;
    height:44px;

    border-radius:12px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:white;

    background:#d91e3b;

    flex-shrink:0;
}

.all-content{

    display:flex;
    flex-direction:column;
}

.all-content strong{

    color:#fff;
    font-size:15px;
    font-weight:700;
}

.all-content span{

    color:rgba(255,255,255,.65);
    font-size:12px;
}

.woocommerce-variation-price{

display:none !important;

}

.single_variation_wrap .price{

display:none !important;

}