/*
 Theme Name:   Blocksy Child - Ancestral
 Theme URI:    https://ancestral.com.uy/
 Description:  Child theme de Blocksy para Ancestral
 Author:       Tu nombre
 Template:     blocksy
 Version:      1.0.0
*/

.woocommerce-order-details__title{margin-top: 32px;}

.woocommerce-thankyou-order-details{border-bottom: none;}

.woocommerce button.button{

    width: auto;
    flex-grow: 0;
    min-width: 200px;

}

.woocommerce-tabs[data-type*=type-4]>article .entry-content>h2:first-of-type{

  text-transform: none;
display: none;

}

.woocommerce .woocommerce-product-attributes.shop_attributes{

  border: none;

}

.woocommerce .woocommerce-product-attributes.shop_attributes table, .woocommerce .woocommerce-product-attributes.shop_attributes tr, .woocommerce .woocommerce-product-attributes.shop_attributes td, .woocommerce .woocommerce-product-attributes.shop_attributes th{

border: none;
padding: 0;
background: transparent;


}

 .woocommerce .woocommerce-product-attributes.shop_attributes th{

  font-weight: 600;

 }

.woocommerce .woocommerce-product-attributes.shop_attributes tr{
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}



/* Forzar galería apilada en Blocksy (Flexy) */
.woocommerce-product-gallery.flexy {
  overflow: visible !important;
}

.woocommerce-product-gallery .flexy-container {
  overflow: visible !important;
}

.woocommerce-product-gallery .flexy-items {
  display: block !important;
  transform: none !important;
}

.woocommerce-product-gallery .flexy-item {
  position: relative !important;
  width: 100% !important;
  margin-bottom: 24px;
  transform: none !important;
  height: fit-content!important;
}

.woocommerce-product-gallery .flexy-item:first-child{

  display: none;

}

/* Ocultar navegación y thumbnails */
.woocommerce-product-gallery .flexy-nav,
.woocommerce-product-gallery .flexy-pills,
.woocommerce-product-gallery .flexy-thumbnails {
  display: none !important;
}

.woocommerce-product-gallery .flexy .flexy-view{

  overflow: unset!important;

}

.woocommerce-product-gallery__trigger, .flexy-arrow-prev, .flexy-arrow-next{

  display: none;

}


.products li.product figure {
  position: relative;
  overflow: hidden;
}

.products li.product figure a::after {
  content: attr(aria-label);
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.90);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #000;
  opacity: 0;
  transition: opacity 0.3s ease;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 24px;
  color: #7f715c;
}

.products li.product:hover figure a::after {
  opacity: 1;
}


/* nosotras */

section.nosotras .container{


  max-width: 1080px; 
  margin: 40px auto 120px;
  padding-inline: 24px;

}

section.nosotras .container h1{margin-bottom: 32px; line-height: 1;}

.columnas-nosotras{

  gap: 64px;



}

/* contacto */

section.contacto .container{


  max-width: 680px; 
  margin: 40px auto 120px;
  padding-inline: 24px;

}

.datos-de-contacto{

  margin-top: 64px;

}

.flexy-arrow-prev, .flexy-arrow-next{

  display: none!important;

}

.footer-left-list{

  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;

}

.footer-left-list li:first-child{

  padding-right: 16px;
  border-right: 1px solid #a8977b

}

@media (max-width: 768px) {

#menu-menu-principal-1{

margin-block: 80px;

}

#menu-menu-principal-1 a{

  text-transform: uppercase;
  text-align: center;
  justify-content: center;


}

}

/*
:root{
  --logo-total-initial-h: 190px;
  --logo-total-final-h: 112px;
  --ancestral-height: 31px;
  --anagrama-height: 75px;
  --sub-height: 8px;
  --logo-transition: all 800ms ease;
}

.menu .menu-item {

  	transition: var(--logo-transition);
    padding-top: 64px;
}

header.custom-sticky .menu .menu-item{

  padding-top: 0;

}


.logo-wrap {
  position: relative; 
  height: var(--logo-total-initial-h);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  overflow: visible;
	transition: var(--logo-transition);
}


.logo-ancestral {
  height: var(--ancestral-height);
  display: block;
  pointer-events: auto;
  transition: var(--logo-transition);
  transform-origin: center;
  will-change: transform;
  margin-top: 66px;
}


.logo-anagrama {
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translate(-50%, 0) scale(1);
  height: var(--anagrama-height);
  opacity: 1;
  pointer-events: auto;
  transition: var(--logo-transition);
  transform-origin: center;
  will-change: transform, opacity;
}


.logo-sub {
  position: absolute;
  top: calc(var(--anagrama-height) + var(--ancestral-height) + 44px); 
  left: 50%;
  transform: translateX(-50%) scale(1);
  height: var(--sub-height);
  opacity: 1;
  pointer-events: auto;
  transition: var(--logo-transition);
  transform-origin: center;
  will-change: transform, opacity;
}



header.custom-sticky .logo-wrap {
    height: calc(var(--ancestral-height)); 
    transition: var(--logo-transition);
}


header.custom-sticky .logo-anagrama {
  transform: translate(-50%, -8px);
  margin-top: -112px;
  top: 24px;
  opacity: 0;
  pointer-events: none;
}

.logo-anagrama img,
.logo-anagrama svg, .logo-ancestral img, .logo-ancestral svg {
  height: 100%;
  width: auto;
  display: block;
}


header.custom-sticky .logo-sub {
  transform: translate(-50%, -50px);
  opacity: 0;
  pointer-events: none;
  top: calc(var(--anagrama-height) + var(--ancestral-height) - 8px); 
}


header.custom-sticky .logo-ancestral {

  margin-top: 0;
	
}

header.custom-sticky .logo-wrap {

	height: 32px

}


@media (max-width: 768px) {
  :root {
    --logo-total-initial: 120px;
    --anagrama-height: 80px;
    --sub-height: 14px;
    --ancestral-height: 28px;
  }

  .logo-wrap { height: var(--logo-total-initial); }
}


header#header, header#header [data-sticky="fixed:shrink"]{

  position: fixed;
  width: 100%;
  height: 190px;
  transition: var(--logo-transition);



}



header#header.custom-sticky, header#header.custom-sticky [data-sticky="fixed:shrink"]{

  height: var(--logo-total-final-h);

}

header#header [data-sticky] [data-row], 
header#header [data-sticky] [data-row] .ct-container,
header#header .ct-container{

  height: var(--logo-total-initial-h);
  transition: var(--logo-transition);
  overflow: hidden;

}


header#header.custom-sticky [data-sticky] [data-row],
header#header.custom-sticky [data-sticky] [data-row] .ct-container,
header#header.custom-sticky .ct-container
{
  height: var(--logo-total-final-h)!important;
  transition: var(--logo-transition);
  overflow: hidden;



}

header#header.custom-sticky [data-sticky] [data-row]{

  box-shadow: -1px 4px 16px -4px rgba(0,0,0,0.25);
  -webkit-box-shadow: -1px 4px 16px -4px rgba(0,0,0,0.25);
  -moz-box-shadow: -1px 4px 16px -4px rgba(0,0,0,0.25);

}
*/

