/* MEDIA QUERY para pantallas grandes (mínimo 1200px) */
@media (min-width: 1200px) {
   div#left-column {
        padding-left: 3%;
    }
}

/*Ajustamos las resoluciones más utilizadas superiores a 1200px que no están bien contempladas en el theme.css*/

@media (min-width: 1280px) {
.container {
    max-width: 1152px;
}
}
@media (min-width: 1366px) {
.container {
    max-width: 1230px;
}
}
@media (min-width: 1440px) {
.container {
    max-width: 1296px;
}
}

@media (min-width: 1536px) {
.container {
    max-width: 1382px;
}
}

@media (min-width: 1600px) {
.container {
    max-width: 1440px;
}
}
@media (min-width: 1920px) {
.container {
    max-width: 1728px;
}
}
/* Transición suave para la imagen logo dentro del header y logo desktop */
#header #_desktop_logo img.logo {
  transition: all 0.5s ease; /* Transición de 0.5 segundos para todos los cambios */
}

/* Cuando el header tiene clase "scrolled", limita el tamaño máximo del logo */
#header.scrolled #_desktop_logo img.logo {
  max-width: 240px;
  max-height: 240px;
}

/* Reseteo de márgenes y paddings para la estructura del menú en el header */
#header .menu,
#header .menu > ul,
#header .menu > ul > li {
  margin: 0 !important;
  padding: 0 !important;
}

/* El menú del header ocupa el 100% del ancho disponible */
#header .menu {
  width: 100% !important;
}

/* Contenedores en el header sin padding, margen y con ancho completo */
#header .container,
#header .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Quitar bordes y sombras en varios elementos del header para un diseño limpio */
#_desktop_logo,
#header,
#header .menu,
#header .header-nav {
  border: none !important;
  box-shadow: none !important;
}

/* Estilos para la sección con clase "an_advantages" */
.an_advantages {
    background: #f3f3f3; /* Fondo gris claro */
    padding: 20px; /* Espaciado interno */
    margin: 0 auto; /* Centrado horizontal */
    border-radius: 10px; /* Bordes redondeados */
    margin-bottom: 40px; /* Espacio debajo */
}

/* En pantallas grandes, el ancho de "an_advantages" se reduce al 80% */
@media (min-width: 1200px) {
  .an_advantages {
    width: 80%;
  }
}

/* Párrafos dentro de .an_advantages-head que no tengan la clase .an_advantages-title */
.an_advantages-head p:not(.an_advantages-title) {
    font-size: 16px; /* Tamaño de fuente estándar */
}

/* Elementos de categorías principales con un ancho del 15% */
.an_homecategories-item {
    width: 15%;
}

/* Padding interno para descripción de ítems de categorías */
.an_homecategories-item-desc {
    padding: 10px;
}

/* Título h6 dentro de la descripción de ítems de categorías con fuente grande */
.an_homecategories-item-desc .h6 {
    font-size: 22px;
}

/* Fondo blanco para títulos h2 y párrafos dentro del slider de la home y bloques relacionados */
.an_homeslider .an_homeslider-desc .h2,
.anthemeblocks-homeslider-desc h2,
.an_homeslider .an_homeslider-desc p {
  background: #ffffff;
}

/* Ocultar el encabezado h3 dentro de la sección "product-features" */
section.product-features h3 {
    display: none;
}

/* Imágenes dentro de la descripción de categoría no superan tamaño del contenedor */
.block-category #category-description img {
    max-width: 100%;
    max-height: 100%;
}

/* Color del texto dentro de los inputs y selects con clase form-control */
.form-control {
    color: #000; /* Texto negro */
}

/* Ocultar metadatos de blogs */
.blog-meta {
    display: none;
}

.row.recaptcha {
    margin-top: 5%;
}
.footer-container {
    border-top: 2px solid black;
}
.an_copyright p{
	color:#ffffff;
}
#amegamenu.fixed-menu .fixed-menu-container {
    min-height: 90px;
}
.an-sfsl p {
    font-weight: bolder;
}
/*Subcategorías en categoría*/
#subcategories, .product-information, .products.row {
    background-color: #fff;
}
#subcategories ul {
    display: flex
;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -10px 0 -10px;
}
#subcategories ul li {
    width: calc(100% / 6 - 20px);
    margin: 12px;
    text-align: center;
    background-color: #FFF;
    max-width: 16.6%;
    flex-grow: 1;  
    list-style: none;
}
#subcategories ul li .subcategory-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    color: var(--color_font);
    font-size: 15px;
    line-height: 24px;
    flex-wrap: wrap;
    align-items: center;
    padding: 16px;
}
#subcategories ul li .subcategory-name img {
    height: auto;
    width: 80px;
    display: block;
    margin: 0 auto;
}
/*Mejoras para el megaproduct*/
.mpstep {
    border-top: 2px solid #fd886f;
    padding: 10px 10px;
}
.mega-attrlabel {
    border: none;
    font-weight: normal;
    min-height: 16px;
    margin-bottom: 0;
    line-height: 16px;
    padding: 10px 0px 0px 10px;
}
ul.megabuttons_list {
    margin-top: 0px;
	}
	
.product-additional-info label {
    color: black;
    font-size: 16px;
	}
.mpstep input[type=text] {    
    font-size: 16px;
}
div#megaproducterror:before {
    content: 'IMPORTANTE: Revisa las medidas introducidas para que estén dentro de los límites propuestos por favor.';
    color: #fd886f;
}
div#megaproducterror {
    border: 2px solid #fd886f;
    padding: 20px;
    margin: 10px 0px;
    border-radius: 25px;
}
/*Botones en página de categoría*/
.viewmore {
    width: 100%;
    padding: 0 5px;
    height: 35px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: normal;
    min-width: unset;
    margin-top: 2px;
    border-radius: 4px;
}
span.avisomegaproduct {
    font-style: italic;
    font-weight: 400;
    font-size: 0.7em;
    color: #fd9a6f;
}
#header .header-nav .right-nav {
    justify-content: center;
}
.cart-subtotals:after,.cart-detailed-totals .card-block.cart-summary-totals:after,.card-block.cart-summary-totals.js-cart-summary-totals:after {
    content: '*Envío gratuito a partir de 125€. El descuento se aplica en el carrito, si llegas a ese importe en tu pedido, el envío será descontado.';
    font-size: 0.9rem;
    line-height: 0.8rem;
    color: #e84546;
}

.tingle-modal-box {
    width: auto !important;
}
.product-flags .product-flag, #product .discount-percentage, #product .discount-percentage, #product .on-sale, #product .online-only, #product .product-flags .new, #product .product-flags .pack, #product .product-flags .out_of_stock, #products .product-miniature .discount-percentage, #products .product-miniature .on-sale, #products .product-miniature .online-only, #products .product-miniature .product-flags .new, #products .product-miniature .product-flags .pack, #products .product-miniature .product-flags .out_of_stock, .featured-products .product-miniature .discount-percentage, .featured-products .product-miniature .on-sale, .featured-products .product-miniature .online-only, .featured-products .product-miniature .product-flags .new, .featured-products .product-miniature .product-flags .pack, .featured-products .product-miniature .product-flags .out_of_stock, .product-accessories .product-miniature .discount-percentage, .product-accessories .product-miniature .on-sale, .product-accessories .product-miniature .online-only, .product-accessories .product-miniature .product-flags .new, .product-accessories .product-miniature .product-flags .pack, .product-accessories .product-miniature .product-flags .out_of_stock, .product-miniature .product-miniature .discount-percentage, .product-miniature .product-miniature .on-sale, .product-miniature .product-miniature .online-only, .product-miniature .product-miniature .product-flags .new, .product-miniature .product-miniature .product-flags .pack, .product-miniature .product-flags .out_of_stock, .anthemeblocks-products-columns .product-miniature .product-flags .out_of_stock, .anthemeblocks-products-columns .product-container .on-sale, .anthemeblocks-products-columns .product-container .online-only, .anthemeblocks-products-columns .product-container .product-flags .new, .anthemeblocks-products-columns .product-container .product-flags .pack, .anthemeblocks-products-columns .product-container .product-flags .discount-percentage{
font-size:16px;
}
.prestacraft-special-text {
    width: 600px !important;
}


/* ==========================================================================
   OFERTAS / CUENTA ATRÁS
   ========================================================================== */

span.fecha_oferta {
  display: block;
  padding: 4px 8px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
  font-style: italic;
  color: #fff;
  background-color: #f99207;
}

span.fecha_oferta svg {
  width: 32px;
  height: auto;
  vertical-align: middle;
  fill: #fff;
}

#countdown {
  display: inline-flex;
  justify-content: left;
  align-items: center;
  gap: 2px;
  width: 100%;
  max-width: 610px;
  margin: 0 10px 10px 0;
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: #fff;
}

#countdown:empty {
  display: none;
}

.countdown-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 70px;
  padding: 15px;
  text-align: center;
  background: linear-gradient(145deg, #2b2d2f, #121315);
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

.countdown-item:not(:last-child) {
  margin-right: 1px;
}

.countdown-number {
    font-size: 32px;
    font-weight: 700;
    color: #0081c6;
    text-shadow: 0 0 10px #0081c6;
}

.countdown-label {
  margin-top: 5px;
  font-size: 12px;
  color: #bbb;
  text-transform: uppercase;
}

.oferta-side-img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .oferta-side-img {
    width: 450px;
    max-width: 100%;
  }
}
/*Opiniones*/
span.comment_anchor {
    font-size: 0.8rem;
}
div#googleRichSnippets {
    display: none;
}
.copyright-container {
    background: #004cba;
}