/* =========================================================
   BRAND REFRESH · Naranja predominante + detalles teal
   Base trabajada sobre tu CSS actual
   ========================================================= */

:root{
  --brand-primary: #EA6422;
  --brand-primary-2: #f07a41;
  --brand-accent: #179EA4;
  --brand-accent-2: #31b7bd;
  --brand-dark: #2f241f;
  --brand-text: #4b3a32;
  --brand-muted: #7a6a63;
  --brand-soft: #fff8f4;
  --brand-soft-2: #fff1ea;
  --brand-line: rgba(234,100,34,.12);
  --brand-line-strong: rgba(234,100,34,.22);
  --brand-white: #ffffff;
  --brand-success: #179EA4;
  --brand-price: #EA6422;

  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;

  --shadow-xs: 0 4px 14px rgba(47, 36, 31, .05);
  --shadow-sm: 0 8px 24px rgba(47, 36, 31, .08);
  --shadow-md: 0 12px 34px rgba(47, 36, 31, .10);
  --shadow-lg: 0 18px 48px rgba(47, 36, 31, .14);

  --transition-fast: .20s ease;
  --transition-med: .30s ease;
}

body{
  color: var(--brand-text);
  background: #ffffff;
}

a{
  transition: color var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);
}

.btn,
button,
input,
select,
textarea{
  transition: all var(--transition-med);
}

img{
  border-radius: var(--radius-sm);
}



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

.angulo-header-main .top-nav{
  background: linear-gradient(90deg, var(--brand-primary) 0%, var(--brand-primary-2) 100%);
}

.angulo-header-main .top-nav *{
  color: #ffffff !important;
}

.navbar-dark-v .navbar-nav .nav-link{
  font-size: 13px;
  font-weight: 500;
  color: var(--brand-primary) !important;
  padding: 15px 20px;
  border-radius: 999px;
  transition: background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
}

.navbar-dark-v .navbar-nav .nav-link:hover,
.navbar-dark-v .navbar-nav .nav-link:focus{
  background: rgba(234,100,34,.10);
  color: var(--brand-primary) !important;
  transform: translateY(-1px);
}

#mainHeader{
  background: rgba(255,255,255,.96);
  box-shadow: 0 8px 24px rgba(47,36,31,.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.angulo-header-main form input.form-control,
.angulo-header-main form input.form-control:focus{
  border-radius: 999px;
  border: 1px solid var(--brand-line-strong);
  background: #fffaf7;
  box-shadow: none;
}

.angulo-header-main form input.form-control:focus{
  border-color: rgba(23,158,164,.45);
  box-shadow: 0 0 0 4px rgba(23,158,164,.10);
}

.dropdownSectionInformation .dropdown-menu{
  min-width: 250px !important;
  border: 1px solid var(--brand-line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

.navbar-top .navbar-nav .nav-item{
  margin-right: 24px;
  border-bottom: 2px solid transparent;
}

#dropdown-submenu-products .dsp-categoria-titulo a{
  text-transform: capitalize !important;
  color: var(--brand-primary) !important;
  font-weight: 500;
}

#dropdown-submenu-products .dsp-categoria-titulo a:hover{
  color: var(--brand-accent) !important;
  text-decoration: none;
}

#dropdown-submenu-products.dropdown-menu{
  background: linear-gradient(180deg, #ffffff 0%, #fff7f2 100%) !important;
  border-radius: var(--radius-lg);
  border: 1px solid var(--brand-line);
  box-shadow: var(--shadow-lg);
  padding: 10px;
}

.search-box.active{
  top: 10px;
  box-shadow: var(--shadow-lg);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,.98);
  border: 1px solid var(--brand-line);
}

.search-box{
  padding-left: 15px;
  padding-right: 15px;
}

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

footer{
  --bg: #fff8f4;
  --ink: #4b3a32;
  --muted:#7a6a63;
  --line: rgba(234,100,34,.10);
  --radius-lg: 22px;
  --radius-sm: 14px;
  --shadow-lg: 0 18px 60px rgba(47,36,31,.12);
  --shadow-sm: 0 8px 24px rgba(47,36,31,.08);
}

footer{
  color: var(--ink);
  background:
    radial-gradient(900px 320px at 10% -10%, rgba(234,100,34,.12), transparent 60%),
    radial-gradient(900px 320px at 90% -10%, rgba(23,158,164,.08), transparent 60%),
    linear-gradient(180deg, #fffaf7 0%, #fff4ed 100%);
  border-top: 4px solid var(--brand-primary);
  position: relative;
  isolation: isolate;
}

footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.70)),
    repeating-linear-gradient(0deg, rgba(234,100,34,.025), rgba(234,100,34,.025) 1px, transparent 1px, transparent 14px),
    repeating-linear-gradient(90deg, rgba(234,100,34,.025), rgba(234,100,34,.025) 1px, transparent 1px, transparent 14px);
  z-index:0;
  pointer-events:none;
}

footer ul li{
  font-size: 13px;
  font-weight: 400;
  color: var(--muted);
}

footer .pre-footer{
  padding:56px 18px 28px !important;
  background:transparent !important;
  position:relative;
  z-index:1;
}

footer .pre-footer .row{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
}

footer .pre-footer .row > .col-md-3{
  flex:1 1 100%;
  max-width:100%;
  border-radius: var(--radius-lg);
  border:1px solid rgba(255,255,255,.65);
  background: rgba(255,255,255,.80);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--shadow-sm);
  padding: 24px 20px;
  position:relative;
  overflow:hidden;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

footer .pre-footer .row > .col-md-3::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:10px;
  height:4px;
  border-radius:999px;
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-primary-2));
  opacity:.95;
}

@media (min-width:992px){
  footer .pre-footer .row > .col-md-3{
    flex:0 0 calc((100% - 52px)/3);
    max-width:calc((100% - 52px)/3);
  }
}

footer .pre-footer .row > .col-md-3:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-color: rgba(234,100,34,.22);
}

footer h6{
  margin: 2px 0 16px 0;
  font-weight: 800;
  color: var(--brand-primary);
  letter-spacing:.2px;
  display:flex;
  align-items:center;
  gap:12px;
}

footer h6::before{
  content:"";
  width:10px;
  height:18px;
  border-radius:4px;
  background: linear-gradient(180deg, var(--brand-primary), var(--brand-primary-2));
  box-shadow: 0 4px 14px rgba(234,100,34,.25);
}

footer h6::after{
  content:"";
  height:3px;
  width:34px;
  border-radius:3px;
  background: linear-gradient(90deg, var(--brand-accent), rgba(23,158,164,0));
}

footer .list-unstyled.ml-3,
footer .list-unstyled.ml-1{
  margin-left:0 !important;
}

footer .pre-footer a{
  color: var(--brand-text);
  text-decoration: none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 0;
  line-height:1.35;
  position:relative;
  transition: color .2s ease, transform .2s ease;
}

footer .pre-footer a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:2px;
  height:2px;
  width:100%;
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-accent));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s ease;
  border-radius:2px;
}

footer .pre-footer a:hover{
  color: var(--brand-primary);
  transform: translateX(2px);
}

footer .pre-footer a:hover::after{
  transform: scaleX(1);
}

footer .pre-footer i.fa-angle-right{
  color: var(--brand-accent);
  font-size: 12px;
  margin-top:1px;
  transition: transform .25s ease;
}

footer .pre-footer li:hover i.fa-angle-right{
  transform: translateX(4px);
}

footer #redes .list-inline{
  margin-top:14px;
}

footer #redes .list-inline-item a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:999px;
  color: var(--brand-primary);
  background:#fff;
  border:1px solid rgba(234,100,34,.10);
  box-shadow: 0 8px 24px rgba(47,36,31,.08);
  transition: transform .25s ease, box-shadow .25s ease, color .2s ease, border-color .2s ease;
}

footer #redes .list-inline-item a:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(47,36,31,.12);
  color: var(--brand-accent);
  border-color: rgba(23,158,164,.25);
}

footer .footer-copy{
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-top: 1px solid var(--line);
  margin-top:26px;
  position:relative;
  z-index:1;
}

footer .footer-copy .row{
  padding:18px 10px;
}

footer .copyright_text span,
footer .copyright_text a{
  color:#7a6a63;
  font-size:14px;
}

footer .copyright_text a{
  color: var(--brand-primary);
  font-weight:700;
  text-decoration:none;
}

footer .copyright_text a:hover{
  color: var(--brand-accent);
}

/* =========================
   PRODUCTOS
   ========================= */

.product-status{
  display: none;
}

.btn.angulo-item-outline{
  color: #ffffff !important;
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-primary-2));
  border: none;
  border-radius: 999px;
  box-shadow: var(--shadow-sm);
}

.btn.angulo-item-outline:hover{
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.angulo-item-img{
  border-radius: var(--radius-md);
  background-size: contain !important;
  height: 220px !important;
  overflow: hidden;
  background-color: #fff;
}

.angulo-item-img .bg-image-center{
  background-size: contain !important;
}

.angulo-item-name-container{
  justify-content: space-evenly !important;
}

.col-md-1.text-center{
  display: none;
}

.product-description p{
  margin-top: 2.5rem;
  font-size: 1.06rem;
  line-height: 1.8;
  color: var(--brand-text);
}

.angulo-item-producto{
  background: #ffffff;
  border: 1px solid var(--brand-line);
  box-shadow: var(--shadow-sm);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform var(--transition-med), box-shadow var(--transition-med), border-color var(--transition-med);
}

.angulo-item-producto:hover{
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: rgba(234,100,34,.22);
  filter: none;
}

.text-left{
  text-align: center !important;
}

.angulo-item-producto .angulo-item-name{
  font-size: 1rem;
  padding-top: 15px;
  font-weight: 600;
  color: var(--brand-primary);
  line-height: 1.4;
}

.angulo-item-price .price{
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--brand-price);
}

.angulo-item-img:hover{
  border: 0px solid var(--color-border-hover);
}

.btn.angulo-item-button{
  border-radius: 999px;
  width: 100%;
  color: #ffffff;
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-primary-2));
  border: none;
  box-shadow: var(--shadow-xs);
  font-weight: 600;
}

.btn.angulo-item-button:hover{
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.angulo-item-producto .angulo-item-button{
  display: none;
}

/* Altos imágenes */
#product-container .item-image-preview,
#product-container .item-image-preview .angulo-item-img{
  height: 210px !important;
  overflow: hidden;
}

.relatedProductsContainer .angulo-item-img{
  height: 250px !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.relatedProductsContainer .item-image-preview{
  display: block;
  position: relative;
}

.relatedProductsContainer .item-image-preview .bg-image-primary,
.relatedProductsContainer .item-image-preview .bg-image-secondary{
  width: 100%;
  height: 250px;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-bottom: 0 !important;
}

.relatedProductsContainer .item-image-preview .bg-image-secondary{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .3s ease;
}

.relatedProductsContainer .item-image-preview:hover .bg-image-secondary{
  opacity: 1;
}

.relatedProductsContainer .item-image-preview:hover .bg-image-primary{
  opacity: 0;
  transition: opacity .3s ease;
}

.relatedProductsContainer .angulo-item-name-container{
  margin-top: 8px !important;
}

/* =========================
   BLOG
   ========================= */

.angulo-item-img.blog-list-image{
  background-size: cover !important;
}

.blog-title-container{
  color: var(--brand-primary);
  font-weight: 700;
}

.blog-description{
  color: var(--brand-muted);
}

/* =========================
   FICHA PRODUCTO
   ========================= */

#main-fancy div{
  background-size: contain !important;
}

.product-price{
  color: var(--brand-price) !important;
}

.product-price h3{
  font-size: 1.5rem !important;
  font-weight: 700;
}

h3.m-0{
  font-size: 1.5rem;
  color: var(--brand-primary);
  font-weight: 700;
}

h5.font-weight-bold.mr-3{
  font-size: 1rem;
  color: var(--brand-text);
}

[data-section="normal-price"] label,
[data-section="normal-price"] h4,
[data-section="base-price"] label,
[data-section="base-price"] h4{
  color: #4a4a4a !important;
}

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

.form-contact{
  margin-top: 40px;
}

section.mb-5.mt-5 .form-contact{
  display:none !important;
}

.form-control,
.custom-select,
select,
textarea,
input{
  border-radius: 14px !important;
  border: 1px solid var(--brand-line-strong);
  box-shadow: none !important;
}

.form-control:focus,
.custom-select:focus,
select:focus,
textarea:focus,
input:focus{
  border-color: rgba(23,158,164,.55) !important;
  box-shadow: 0 0 0 4px rgba(23,158,164,.10) !important;
}

/* =========================
   HOME / CATEGORÍAS
   ========================= */

.border-top-theme{
  border-top: 0px solid #151515;
  padding-top: 0px;
}

.angulo-item-categories .angulo-item-img{
  background-size: cover !important;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.angulo-widgets{
  padding: 0px 0;
}

.angulo-item-categories .angulo-item-name{
  display: none;
}

.btn-lg-item{
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-primary-2));
  border: none;
  color: #fff !important;
  box-shadow: var(--shadow-sm);
}

.btn-lg-item:hover{
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

/* =========================
   LISTADO CATEGORÍAS
   ========================= */

#accordion .card-header a{
  font-weight: 500;
  text-transform: capitalize;
  font-size: 13px;
  color: var(--brand-primary);
}

.text-uppercase{
  text-transform: capitalize !important;
}

/* =========================
   BANNER
   ========================= */

h1.titulo-h1{
  font-family: "Inter", sans-serif;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -.02em;
  text-shadow: 0 10px 30px rgba(47,36,31,.25);
  animation: sliderFadeUp 1s ease .2s both;
}

.carousel-item-verti-center{
  top: 50%;
}

@keyframes sliderFadeUp{
  from{
    opacity: 0;
    transform: translateY(20px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================
   ACORDEÓN
   ========================= */

.wrapper{
  display: block;
  width: 90%;
  margin: auto;
  left: 0;
  right: 0;
  margin-top: 2%;
}

.acordeon{
  font-size: 15px;
  color: var(--brand-text);
}

.acordeon-item{
  background: #fff8f4;
  color: var(--brand-text);
  border-radius: var(--radius-lg);
  margin-bottom: 10px;
  border: 1px solid var(--brand-line);
  box-shadow: var(--shadow-xs);
  overflow: hidden;
}

.acrd-item-name{
  padding: 14px 22px;
  position: relative;
  border-radius: var(--radius-lg);
  cursor: pointer;
  font-weight: 600;
  color: var(--brand-primary);
  background: #ffffff;
}

ul.acrd-item-submenu{
  list-style: none !important;
  display: none;
  margin: 0;
  line-height: 26px;
  padding: 0;
}

.active + ul.acrd-item-submenu{
  display: block;
  height: initial;
  opacity: 1;
  padding: 10px 20px 16px;
  transition: opacity .3s ease;
}

.acrd-item-name:after{
  content: '';
  position: absolute;
  right: 21px;
  top: 18px;
  border: 7px solid transparent;
  border-top: 10px solid var(--brand-accent);
}

.acrd-item-name.active:after{
  top: 11px;
  border: 7px solid transparent;
  border-bottom: 10px solid #ffffff;
}

.acrd-logo{
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

.acordeon-item:nth-child(2n+1) .acrd-item-name{
  color: var(--brand-primary);
  background: #ffffff;
}

.acordeon-item:nth-child(2n+1) .acrd-item-name.active,
.acrd-item-name.active{
  color: white;
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-primary-2));
}

/* =========================
   CARDS
   ========================= */

.card2{
  width: 315px;
  text-align: center;
  transition: all .2s ease;
  transform: scale(1) translateY(0px);
  display: inline-block;
  margin-right: 15px;
  margin-left: 15px;
}

.card__wrapper{
  padding-top: .1px;
  padding-bottom: .1px;
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, #fff9f5 100%);
  color: var(--brand-muted);
  border-radius: var(--radius-lg);
  border: 1px solid var(--brand-line);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.card__wrapper:after{
  content: '';
  position: absolute;
  z-index: -1;
  top: 15px;
  right: 15px;
  bottom: 0;
  left: 15px;
  box-shadow: 0 12px 28px rgba(47,36,31,.10);
  transition: all .2s ease;
  transform: scale(1) translateY(0px);
  border-radius: var(--radius-lg);
}

.card__box{
  padding-right: 35px;
  padding-left: 35px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.card__item{
  margin-top: 20px;
  margin-bottom: 20px;
}

.card__item--small{
  margin-top: 10px;
  margin-bottom: 10px;
}

.card__feature{
  margin: 0;
}

.card__img{
  display: block;
  max-width: 100%;
  height: 220px;
  width: 315px;
  border-radius: 0;
}

.card__title{
  color: var(--brand-primary);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.25;
}

.card__label{
  color: var(--brand-accent);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-weight: 700;
}

.card__divider{
  display: block;
  width: 64px;
  height: 4px;
  border: none;
  margin: 0 auto;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-accent));
}

.card__body{
  font-size: 13px;
  line-height: 1.75;
  color: var(--brand-muted);
}

.card2:hover{
  cursor: pointer;
  transform: translateY(-6px);
}

.card2:hover .card__wrapper{
  box-shadow: var(--shadow-lg);
  border-color: rgba(234,100,34,.18);
}

.card2:hover .card__wrapper:after{
  transform: scale(.97) translateY(10px);
}

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

@media only screen and (max-width: 768px){
  .widgets-footer .container-fluid,
  .widgets-footer .row,
  .widgets-footer .col-md-4{
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .widgets-footer .angulo-item-categories{
    width: 100% !important;
    margin: 0 !important;
  }

  .widgets-footer .angulo-item-img{
    width: 100% !important;
    height: 250px !important;
  }
}

@media (max-width: 991.98px){
  footer .pre-footer{
    padding:40px 14px 18px !important;
  }

  footer .pre-footer .row > .col-md-3{
    padding:20px 16px;
  }
}

@media (max-width: 575.98px){
  footer h6{
    font-size:17px;
  }

  footer .pre-footer a,
  footer .col-md-3 ul li{
    font-size:14px;
  }

  footer #redes .list-inline-item a{
    width:44px;
    height:44px;
  }

  footer .copyright_text span,
  footer .copyright_text a{
    font-size:13px;
  }

  .angulo-item-producto{
    border-radius: 18px;
  }

  .btn.angulo-item-button,
  .btn.angulo-item-outline,
  .btn-lg-item{
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  h1.titulo-h1{
    font-size: 2rem;
    line-height: 1.1;
  }
}

@media (prefers-reduced-motion: reduce){
  *{
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

footer .list-unstyled[style],
footer .col-md-3 ul[style*="color"] li,
footer .col-md-3 ul[style*="color"] a{
  color:inherit !important;
}




/* Quitar línea negra inferior en hover y active del menú */
.navbar-top .navbar-nav .nav-item,
.navbar-top .navbar-nav .nav-item:hover,
.navbar-top .navbar-nav .nav-item.active,
.navbar-dark-v .navbar-nav .nav-item,
.navbar-dark-v .navbar-nav .nav-item:hover,
.navbar-dark-v .navbar-nav .nav-item.active {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Quitar cualquier subrayado o línea en los links */
.navbar-dark-v .navbar-nav .nav-link,
.navbar-dark-v .navbar-nav .nav-link:hover,
.navbar-dark-v .navbar-nav .nav-link:focus,
.navbar-dark-v .navbar-nav .active > .nav-link,
.navbar-dark-v .navbar-nav .show > .nav-link {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Por si la línea viene de un pseudo-elemento */
.navbar-dark-v .navbar-nav .nav-link::after,
.navbar-dark-v .navbar-nav .nav-link::before,
.navbar-dark-v .navbar-nav .nav-item::after,
.navbar-dark-v .navbar-nav .nav-item::before {
  display: none !important;
  content: none !important;
}





/* ==============================
   FIX: resultados por encima del banner
   ============================== */

/* Sube el bloque completo del buscador */
html body .form-box,
html body .form-box .d-none.d-md-block,
html body .form-box form.w-100,
html body .form-box form.w-100 > div {
  position: relative !important;
  z-index: 2147483647 !important;
  overflow: visible !important;
}

/* Asegura que el dropdown quede flotando arriba */
html body .form-box #resultados {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;

  z-index: 2147483647 !important;
  overflow: visible !important;

  background: #ffffff !important;
  border: 1px solid rgba(241, 95, 34, 0.24) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18) !important;
}

/* Evita que la lista se corte */
html body .form-box #resultados ul.list-group {
  position: relative !important;
  z-index: 2147483647 !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow: visible !important;
  background: #ffffff !important;
  border-radius: 14px !important;
}

/* Ítems */
html body .form-box #resultados ul.list-group li.list-group-item.item-search-list {
  position: relative !important;
  z-index: 2147483647 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Link */
html body .form-box #resultados ul.list-group li.list-group-item.item-search-list > a {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;

  padding: 11px 135px 11px 14px !important;

  color: #3a3a3a !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  text-decoration: none !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  border-radius: 10px !important;
  background: #ffffff !important;
}

/* Hover */
html body .form-box #resultados ul.list-group li.list-group-item.item-search-list > a:hover {
  color: #f15f22 !important;
  background: rgba(241, 95, 34, 0.08) !important;
}

/* Tapador del precio */
html body .form-box #resultados ul.list-group li.list-group-item.item-search-list > a::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  width: 135px !important;

  background: inherit !important;
  border-radius: 0 10px 10px 0 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

html body .form-box #resultados ul.list-group li.list-group-item.item-search-list > a:hover::after {
  background: rgba(241, 95, 34, 0.08) !important;
}


html body header,
html body .header,
html body .navbar,
html body .menu,
html body .main-header,
html body .header-area,
html body .navigation,
html body .top-header {
  position: relative !important;
  z-index: 2147483647 !important;
  overflow: visible !important;
}




/* Ocultar precios en todas las tarjetas de producto */
html body #product-container .angulo-item-producto .angulo-item-price,
html body #product-container .angulo-item-producto .angulo-item-price .price,
html body #product-container .angulo-item-producto h4.price {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}




/* Ocultar precios en cards de productos */
.angulo-item-producto .angulo-item-price,
.angulo-item-producto .price,
.angulo-item-price,
h4.price {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Ajuste para que no quede espacio vacío entre nombre y botón */
.angulo-item-producto .angulo-item-name-container {
  margin-bottom: 12px !important;
}

.angulo-item-producto .angulo-item-button {
  margin-top: 8px !important;
}


/* Separación entre precio y envío gratis en ficha de producto */
.container-product-description_info .product-price {
  margin-bottom: 18px !important;
}

/* Estilo y separación del enlace de envío gratis */
.container-product-description_info .custom-shipping-link {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
  padding-top: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #878583 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* Separación específica del ícono del camión */
.container-product-description_info .custom-shipping-link i,
.container-product-description_info .custom-shipping-link .fa-truck {
  margin-right: 8px !important;
  color: #878583 !important;
}

/* Evita que los textos del envío queden pegados */
.container-product-description_info .custom-shipping-link span {
  display: inline-block !important;
  line-height: 1.3 !important;
}

/* Mobile: un poco más de aire */
@media (max-width: 575.98px) {
  .container-product-description_info .product-price {
    margin-bottom: 20px !important;
  }

  .container-product-description_info .custom-shipping-link {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}