@import url('/themes/classic-Child/assets/css/components/emailalerts.css');
@import url('/themes/classic-Child/assets/css/components/lateral_categorias.css');
@import url('/themes/classic-Child/assets/css/components/lateral_filtros.css');
@import url('/themes/classic-Child/assets/css/components/header.css');
@import url('/themes/classic-Child/assets/css/components/checkout-header.css');
@import url('/themes/classic-Child/assets/css/components/en_oferta.css');
@import url('/themes/classic-Child/assets/css/components/product_ficha_interna.css');
@import url('/themes/classic-Child/assets/css/components/product_ficha_miniatura.css');
/*@import url('/themes/classic-Child/assets/css/components/footer.css');*/


/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.product-availability-date {
  color: black !important;
  font-weight: bold !important;
  background-color: rgb(255, 255, 0) !important;
  padding: 5px 10px !important;
  border-radius: 5px !important;
  display: inline-block !important;
}


section.featured-products h2 {
    margin-bottom: 40px;
}

h1, h2, h3, .nav, .btn, .category-name {
    text-transform: uppercase;
}


/*------------------------------ DEFINICIÓN VARIABLES ------------------------------*/

:root {
  --verde_floristas: #018C39;
  --blanco: #fff;
  --negro: #000;
  --rosa_floristas: #ff7a8e;
  --verde_cabecera: #04612A;
  --marron_clarito: #E1D095;
}

/*------------------------------ FIN DEFINICIÓN VARIABLES ------------------------------*/

*{
	/*max-width: 1903px;*/
}

html, body{
	overflow-x: hidden;
}

#wrapper{
	background: var(--blanco)!important;
}

#index #wrapper{
	padding-top: unset!important;
}

#header .container, #footer .container, #index #wrapper .container{
	width: 100%!important;
	padding-left: unset!important;
	padding-right: unset!important;
}

#header .header-nav .blockcart.active a:hover, #header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i {
    color: #000000;
}

#category #wrapper .container, #product #wrapper .container{
	width: 100%!important;
}

@media (min-width: 1380px){
	#category #wrapper .container, #product #wrapper .container{
		padding-left: 10%!important;
		padding-right: 10%!important;
	}
}


/*------------------------------ HOME ------------------------------*/

#index #wrapper #carousel{
	width: 100%!important;
}

@media(min-width: 1500px){
	#carousel, #carousel .carousel-inner{
		height: 450px!important;
	}
}

#carousel figcaption {
	max-width: unset!important;
	width: 100%!important;
	left: unset!important;
}

#carousel figcaption .caption-description h1{
	font-size: 5em;
	font-weight: normal;
	text-shadow: 2px 2px 3px var(--negro);
}

#carousel figcaption .caption-description p{
	font-family: Montserrat;
	font-weight: 300;
	font-size: 1em;
	text-shadow: 2px 2px 3px var(--negro);
}

#carousel figcaption .caption-description a.btn.btn-default{
	border-radius: 20px;
}

#header .header-top #_desktop_top_menu{
	margin-bottom: unset!important;
}

#content .banner img{
	width: 100%!important;
}


#bloque-categorias-home{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;	
	max-width: 1300px!important;
}

#bloque-categorias-home .img-categoria img{
	width: 100%;
	height: auto;
	border-radius: 8px 8px 0px 0px;
}

#bloque-categorias-home h2{
	font-size: 2em;
	white-space: nowrap;
}

#bloque-categorias-home div{
	text-align: center;
}

#bloque-categorias-home .caja-categoria{
	border: 2px lightgray solid;
	padding: unset;
	border-radius: 10px;
	height: 100%;
}

#bloque-categorias-home .row{
	margin-left: unset!important;
	margin-right: unset!important;
	display: flex;
	justify-content: center;
}

@media (min-width: 769px){
	#bloque-categorias-home .row{
		margin-bottom: 2em;
	}
}

#bloque-categorias-home .caja-categoria{
	margin: 1em;
}

#bloque-categorias-home .caja-categoria .texto-categoria{
	margin-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
}

#bloque-categorias-home .caja-categoria .texto-categoria p.texto-gris a{
	color: #7a7a7a!important;
}

@media (max-width: 768px){
	#bloque-categorias-home .row{
		display: block!important;
	}
	
	#bloque-categorias-home .caja-categoria{
		margin-left: 0.5em!important;
		margin-right: 0.5em!important;
	}
	
	#bloque-categorias-home h2{
		font-size: 2em!important;
	}
}

@media (max-width: 992px) and (min-width: 767px){
	#bloque-categorias-home .caja-categoria .texto-categoria{
		padding-left: unset!important;
		padding-right: unset!important;
	}
	#bloque-categorias-home .caja-categoria .texto-categoria p{
		padding-left: 1em!important;
		padding-right: 1em!important;
	}
	#bloque-categorias-home .caja-categoria .col-md-6{
		padding-right: 0.4em!important;
		padding-left: 0.4em!important;
	}
	
	#bloque-categorias-home .caja-categoria{
		margin-left: unset!important;
		margin-right: unset!important;
	}
}

@media (max-width: 1171px) and (min-width: 768px){
	#bloque-categorias-home h2 {
		font-size: 1.6em!important;
	}
}

/*------------------------------ FOOTER ------------------------------*/
#footer{
	padding-top: unset!important;
}

#footer .row{
	margin-right: unset!important;
	margin-left: unset!important;
}

#footer .footer-container{
	box-shadow: none;
}

#footer .footer-container .row.primer-bloque-footer{
	padding-left: 10em;
	padding-right: 10em;
}
	
#footer .footer-container .row.seccion-copyright-enlaces{
	padding-left: unset!important;
	padding-right: unset!important;
	padding-top: 1em;
}

#footer .footer-container .links{
	padding: unset!important;
}

#footer .footer-container .seccion-copyright-enlaces .enlaces-legales{
	float: right;
	display: flex;
	justify-content: flex-end;	
}

#footer .footer-container .bloque-footer-logo .redes-sociales{
	display: flex;
}

#footer .footer-container .bloque-footer-logo .redes-sociales img{
	width: auto;
	height: 30px;
}

#footer .footer-container .bloque-footer-logo .redes-sociales .enlaces-rrss-margen{
	margin-left: 1.2em;
}

#footer .footer-container .bloque-footer-logo .texto-logo{
	margin-top: 2em;
}

#footer .footer-container .primer-bloque-footer{
	padding-top: 1em;
	padding-bottom: 3em;
}

#footer .footer-container .seccion-copyright-enlaces .enlaces-legales a{
	margin-left: 1em;
}

@media (max-width: 992px){
	#footer .footer-container .links{
		margin-top: 2em;
	}
}

#footer .footer-container .links .collapse-icons i{
}

#footer .footer-container .links ul{
	background-color: unset!important;
}

#footer .footer-container .links ul > li{
	border-bottom: unset!important;
}

@media (max-width: 575px){
	#footer .footer-container .row.primer-bloque-footer{
		padding-left: unset!important;
		padding-right: unset!important;
	}
}

@media (max-width: 768px){
	#footer .footer-container .seccion-copyright-enlaces{
		text-align: center;
	}
	
	#footer .footer-container .seccion-copyright-enlaces .enlaces-legales{
		display: block!important;
	}
}

.whatsappDiv a::before{
	animation: none!important;
}

.whatsappDiv a{
	border: none!important;
}

.whatsappDiv.right{
	margin-right: 1em;
	margin-bottom: 1em;
}

#enviar_whatsapp {
	position: fixed;
	left: 0;
	bottom: 15px;
	margin: 0 0 0 25px;
	z-index: 999;
	transition: 0.35s;
	width: 50px;
	height: 50px;
	opacity: 1;
	border-radius: 50%;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
}

a#enviar_whatsapp[href^="https://api.whatsapp.com/send/"]{
	display: block!important;
}

/*------------------------------ FIN FOOTER ------------------------------*/


/*------------------------------ LISTADO DE CATEGORÍAS ------------------------------*/
.div-fecha-disponibilidad{
	text-align: center;
	margin-bottom: 0.5em;
}

.fecha-disponibilidad{
	font-size: 0.8em;
	background-color: yellow;
	font-weight: bold;
	padding: 0.2em;
}

#category #div-img-lateral-izq div{
	margin-bottom: 3em;
}

@media (max-width: 767px){
	#category #div-img-lateral-izq{
		display:none!important;
	}
}

/*------------------------------ FIN LISTADO DE CATEGORÍAS ------------------------------*/


#checkout{overflow-y: auto;}
#checkout .modal-backdrop.in{opacity:0; display:none;}

/*------------------------------ BOTÓN FLOTANTE TELEGRAM ------------------------------*/
.telegram-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    transition: all 0.3s ease;
}

.telegram-float a {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #0088cc 0%, #0077b5 100%);
    color: white;
    padding: 12px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    box-shadow: 0 4px 15px rgba(0, 136, 204, 0.4);
    transition: all 0.3s ease;
    animation: pulse 2s infinite;
}

.telegram-float a:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 136, 204, 0.6);
    background: linear-gradient(135deg, #0099dd 0%, #0088cc 100%);
}

.telegram-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: white;
}

@keyframes pulse {
    0%   { box-shadow: 0 4px 15px rgba(0, 136, 204, 0.4); }
    50%  { box-shadow: 0 4px 25px rgba(0, 136, 204, 0.7); }
    100% { box-shadow: 0 4px 15px rgba(0, 136, 204, 0.4); }
}

@media (max-width: 768px) {
    .telegram-float a {
        padding: 10px 16px;
        font-size: 13px;
    }
    .telegram-icon {
        width: 20px;
        height: 20px;
    }
}

/*------------------------------ FIN BOTÓN FLOTANTE TELEGRAM ------------------------------*/


/*------------------------------ COLUMNAS CATEGORÍAS MÓVIL ------------------------------*/
@media (max-width: 767px) {
  #js-product-list .products,
  .products-selection ~ div .products {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  
  #js-product-list .products > article,
  #js-product-list .products > div {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding: 4px !important;
    box-sizing: border-box !important;
  }

  #js-product-list .product-title a {
    font-size: 12px !important;
  }
}

#js-product-list .products > article img,
#js-product-list .products > div img {
  width: 100% !important;
  height: auto !important;
}

/*------------------------------ FIN COLUMNAS CATEGORÍAS MÓVIL ------------------------------*/


/*------------------------------ STICKY HEADER + BARRA COMPRA FIJA MÓVIL ------------------------------*/

@media (max-width: 767px) {

  /* HEADER STICKY */
  #header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: #fff !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;
  }

  /* BARRA FIJA INFERIOR EN FICHA DE PRODUCTO */
  body.product .product-add-to-cart-wrapper {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 999 !important;
    background: #fff !important;
    padding: 10px 12px !important;
    box-shadow: 0 -3px 12px rgba(0,0,0,0.15) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  /* Ocultar WhatsApp y compra rápida de la barra fija, solo botón principal */
  body.product .product-add-to-cart-wrapper .btn-whatsapp-info,
  body.product .product-add-to-cart-wrapper #express-checkout-form {
    display: none !important;
  }

  /* Botón añadir al carrito ocupa todo el ancho */
  body.product .product-add-to-cart-wrapper .add-to-cart {
    width: 100% !important;
    padding: 14px !important;
    font-size: 16px !important;
    border-radius: 8px !important;
  }

  /* Espacio al fondo para que el contenido no quede tapado */
  body.product #main {
    padding-bottom: 90px !important;
  }

  /* Recolocar WhatsApp y Telegram para no tapar la barra */
  #enviar_whatsapp {
    bottom: 80px !important;
  }

  .telegram-float {
    bottom: 80px !important;
  }

}

/*------------------------------ FIN STICKY HEADER + BARRA COMPRA FIJA MÓVIL ------------------------------*/


/*------------------------------ STICKY COLUMNA DERECHA DESKTOP ------------------------------*/

@media (min-width: 768px) {

  /* El row necesita align-items: flex-start para que sticky funcione */
  .product-page-amazon-style .js-product-container {
    align-items: flex-start !important;
  }

  .product-page-amazon-style .product-info-box {
    position: sticky !important;
    top: 20px !important;
  }

}

/*------------------------------ FIN STICKY COLUMNA DERECHA DESKTOP ------------------------------*/