/*
Theme Name: Palacio de Bornos
Theme URI: https://baud.es
Template: qi
Author: Alfonso Puig
Author URI: https://baud.es
Description: Tema para Palacio de Bornos
Tags: food-and-drink,e-commerce,portfolio,grid-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,featured-images,custom-logo,custom-menu,footer-widgets,post-formats,full-width-template,sticky-post,threaded-comments,translation-ready,editor-style
Version: 1.3.1743512623
Updated: 2025-04-01 13:03:43

*/

.qodef-header--divided #qodef-page-header .qodef-divided-header-left-wrapper,
.qodef-header--divided #qodef-page-header .qodef-divided-header-right-wrapper {
    justify-content: space-around;   
}
  
body.post-type-archive-product #qodef-page-inner,
body.single-product #qodef-page-inner {
        width: 100% !important;
}

.post-type-archive-product a.qodef-shortcode.qodef-m.button.product_type_simple, 
.single-product a.qodef-shortcode.qodef-m.button.product_type_simple
{
	display: none;
}

.qodef-woo-thumbnails-wrapper {
	display: none;
}

footer a.qodef-qi-colors-link {
	margin: 0 20px !important;
}

/* botones ficha producto */
.boton-compra {
	padding: 10px;
	border: 1px solid #000;
}

.boton-compra:hover  {
	background-color: #000;	
}

.boton-compra:hover .qodef-m-text {
    color: white;
}

a.boton-enlace-compra {	
	font-style: italic;
	font-family: "PT Serif", Sans-serif;
    font-size: 18px;
}

a.boton-enlace-compra span.qodef-m-icon {
	display: none;
}
a.boton-enlace-compra span.qodef-m-text {
	transform: translateX(70%);
}

a.boton-enlace-ficha {
	font-style: italic;
	font-family: "PT Serif", Sans-serif;
    font-size: 18px;
}


/* arreglar linea icono */
.qodef-m-icon svg {    
    height: auto !important;
}

.qodef-qi-button .qodef-m-icon svg {
    width: 47px;
}

/* boton contact form */
.elementor-2337 .elementor-element.elementor-element-8126f50 .qodef-qi-contact-form-7 input[type=submit] {
    font-family: "PT Serif", Sans-serif;
    font-size: 23px;
    line-height: 33px;
    color: #242514;
}

/* reducir imagenes en grid en movil */
@media only screen and (max-width: 800px)  {
	.qodef-qi-woo-shortcode-product-list .qodef-e-product-image img {    
		max-width: 38%;
		margin: 0 auto;
	}
}

.wp-block-social-links svg {
  fill: white;
}
 
.page-id-2337 .elementor-element-554e2be h2 {
	color: #fff;
}

/* estilo descripcion corta en grid productos */
.descripcion-corta-acf {
  margin-top: 6px;
  font-size: 10px !important;
  color: #1e1e1e !important;;
  line-height: 1.4;
	font-weight: 500;
    text-transform: initial;
}

/* newsletter footer */
.wp-block-contact-form-7-contact-form-selector {
	max-width: 375px;
    margin: 0 auto;
}

/* negrita en titulos */
a.qodef-e-product-title-link {
	font-weight: 700 !important;
}

/* ocultar descripcion grid producto en escritorio */
@media only screen and (min-width: 750px)  {
	.descripcion-corta-acf {    
		display: none;
	}
}

/* Posicion de manchas y fondos en ficha de producto */

/* Palacio de Bornos Sauvignon Blanc */
.postid-650 .fondo-producto {
	left: 100px;
	opacity: 0.5;
}

.postid-650 .mancha-producto {
    left: 3%;
    top: 188px;
    z-index: -1;
    pointer-events: none;
    /* opacity: 0.7; */
    width: 274px;
}

@media only screen and (max-width: 750px)  {
	.postid-650 .fondo-producto {		
		bottom: 56%;
		left: 0 !important;
		max-width: 56%;
		z-index: 0;
	}
}

/* Palacio de Bornos Verdejo Fermentado en Barrica */
.postid-648 .fondo-producto {
    bottom: 26%;
    left: -154px;
    max-width: 45%;
    z-index: 0;
	opacity: 0.5;
}

@media only screen and (max-width: 750px)  {
	.postid-648 .fondo-producto {		
		bottom: 62%;
		left: -30px;
		max-width: 90%;
		z-index: 0;
	}
}

/* Palacio de Bornos Semidulce */
.postid-643 .fondo-producto {   
	opacity: 0.5;
}

.postid-643 .mancha-producto {
    left: -2%;
    top: 35%;
    z-index: -1;
    pointer-events: none;    
    width: 64%;
}

@media only screen and (max-width: 750px)  {
	.postid-643 .fondo-producto {
		bottom: 50%;
		left: -30px;
		max-width: 93%;
		z-index: 0;
	}
}

/* Bornos Frizzante Rosado 5,5° */

.postid-3642 .fondo-producto {
    bottom: 30%;
    left: -1%;
    max-width: 38%;
    z-index: 0;
	opacity: 0.5;
}

@media only screen and (max-width: 750px)  {
	.postid-3642 .fondo-producto {
		bottom: 54%;
		left: -30px;
		max-width: 93%;
		z-index: 0;
	}
}

/* Bornos Frizzante Verdejo 5,5° */

.postid-3641 .fondo-producto {    
	opacity: 0.5;
}

@media only screen and (max-width: 750px)  {
	.postid-3641 .fondo-producto {
		bottom: 53%;
		left: -30px;
		max-width: 93%;
		z-index: 0;
	}
}

/* Palacio de Bornos La Caprichosa */

.postid-646 .fondo-producto {    
	opacity: 0.5;
}

@media only screen and (max-width: 750px)  {
	.postid-646 .fondo-producto {
		bottom: 50%;
		left: -30px;
		max-width: 93%;
		z-index: 0;
	}
}

/* Palacio de Bornos Verdejo */
.postid-651 .fondo-producto {    
	opacity: 0.5;
}

@media only screen and (max-width: 750px)  {
	.postid-651 .fondo-producto {		
		bottom: 50%;
		left: -30px;
		max-width: 90%;
		z-index: 0;
	}
}

h1.qodef-e-title {
	z-index: 9999;
    position: relative;
}


/* centrar grid */
/*
.qodef-grid-inner {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap;
  gap: 20px;
}
*/


/*
.qodef-e.qodef-grid-item {
  flex: 0 0 auto;
  width: 132px;
}
*/

.qodef-e-product-image img {
  width: 100%;
  max-width: 150px;
  height: auto;
  object-fit: contain; /* para evitar deformación */
}

/* efecto homepage puntos hover */
.puntos {
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
}

.botella {
    z-index: 2;
}

/* Cuando se hace hover en la botella, los puntos aparecen */
.botella:hover ~ .puntos {
    opacity: 1;
}

/* Wrapper: activa el scroll horizontal */
.scroll-wrapper {
  display: flex !important;        /* fila via flex */
  flex-wrap: nowrap !important;    /* sin salto de fila */
  overflow-x: auto !important;
  overflow-y: hidden !important;
  width: 100%;
  height: 100vh;                   /* cada slide ocupará vista completa vertical */
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch; /* mejor touch en iOS */
  scroll-behavior: smooth;
}

/* Cada slide: ocupa todo el viewport (o ajusta a tu necesidad) */
.contenedor-vino {
  flex: 0 0 100vw !important;     /* ancho = 100% viewport, sin encoger */
  height: 100vh !important;
  scroll-snap-align: start;
  box-sizing: border-box;
}

/* Opcional: ocultar barra de scroll (estético) */
.scroll-wrapper::-webkit-scrollbar { display: none; }
.scroll-wrapper { -ms-overflow-style: none; scrollbar-width: none; }

/* Asegura que el contenido interno pueda desplazarse verticalmente si hace falta */
.contenedor-vino .elementor-widget-wrap {
  height: 100%;
  overflow-y: auto;
}

/* Evita que elementos internos (sticky u otros) rompan layout */
.scroll-wrapper * {
  -webkit-transform: translateZ(0);
}