/* ==============================================================================
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.phlox.pro
Description: Phlox Pro Child Theme
Template: phlox-pro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-pro-child
================================================================================= */

/*boton whatsapp*/
.btnWhatsapp {
    bottom: 90px;
    transform: translateY(0%);
    position: fixed;
    left: 15px;
    width: 65px;
    height: 65px;
    line-height: var(--body-line-height);
    text-align: center;
    z-index: 100;
    cursor: pointer;
    color: var(--white) !important;
    transition: .3s;
    transform: translateY(100%);
    display: flex;
    justify-content: center;
    align-items: center;
    animation: 4s previewUp infinite;
}

/*Arregla el h1 */
h1{
	letter-spacing: 2px!important;
}


@media (max-width: 768px) {
    .elementor-85 .elementor-element.elementor-element-b09d103 .aux-modern-heading-primary {
        font-size: 30px !important;
    }
}


/*woocomerce
.woocommerce ul.products li.product a img {  
    border-radius: 20px 20px 20px 20px;
	padding-left: 50px;
	padding-right: 25px;
	
}

.product{
	line-height: auto;
    text-align: center;
	    box-shadow: 0px 5px 45px 0px rgba(0, 0, 0, 0.058823529411764705);

}

.product:hover{
	    --display: flex;
    animation-duration: 1500ms;
    --flex-direction: column;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --justify-content: flex-start;
    --align-items: center;
    --gap: 35px 0px;
    --row-gap: 35px;
    --column-gap: 0px;
    --background-transition: 0.3s;
    --border-radius: 20px 20px 20px 20px;
    	box-shadow: 0px 20px 45px 0px rgba(0, 0, 0, 0.1);

    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 25px;
    --padding-top: 0px;
    --padding-bottom: 40px;
    --padding-left: 50px;
    --padding-right: 50px;
    animation-delay: 200ms;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}*/

@media (max-width: 768px) {
    .woocommerce ul.products li.product img {
        width: 100%;
        max-height: none;
        height: auto;
        transform: scale(1.1);
		height: 280px;
        object-fit: cover;
		
    }
	
	.woocommerce .products ul, .woocommerce ul.products {
        padding: 20px 15px;
		margin: 0 -3em 0 -3em!important;
		
    }
	
	.woocommerce ul.products li.product{
		min-height: 15em!important;
	}

 
}

/*pc*/
@media (min-width: 768px) {
	
	 /* mismo alto para todas */
	.image-box{
		height: 350px!important;       /* mismo alto para todas */

	  }
}

.woocommerce ul.products li.product a {
    pointer-events: none;
    cursor: default;
}

.woocommerce ul.products li.product {
	margin-top:300px;
    background: #ffffff;
    border-radius: 24px;
    padding: 30px 25px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
    border: 1px solid #f2f2f2;
	min-height: 25em;
	z-index:99999
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

.woocommerce ul.products li.product a img {
    margin: -5em 0 0;
	border-radius: 20px;
}

.woocommerce ul.products li.product h2 {
    font-size: 20px!important;
    font-weight: 600;
    color: #222;
    margin: 15px 0px 0px 0px !important;
	line-height:1.5;
}

.woocommerce ul.products li.product .short-description {
    color: #777;
    font-size: 16px;
    line-height: 1.6;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
	margin: 3em 2% 2em 0!important;
}



.aux-widget-image .aux-media-image img {
    /* display: inline-block; */
    /* min-height: 400px !important; */
    object-fit: contain;
    max-height: 400px !important;
}


/*menu desplegable*/
/*Evita salto*/
span.aux-menu-label {
    white-space: nowrap;
	padding:5px;
}

/*Marca agua*/
.swiper-zoom-container::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://crbolasexpendedoras.com/wp-content/uploads/2026/03/Logo-CR-Bolas-Expendedoras-2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35%;
  opacity: 0.15;
  pointer-events: none;
  z-index: 2;
}
/*titulo*/
.titulo-vending {

  font-weight: 900;
  line-height: 0.95;
  letter-spacing: -2px;
  max-width: 720px;
  transform: rotate(-1deg);
}

.titulo-vending span {
  display: block;
  width: fit-content;
  margin-bottom: 10px;
  padding: 2px 14px 8px;

  font-size: clamp(40px, 4.8vw, 80px);
  color: #ffffff;

  -webkit-text-stroke: 3px #071d3a;
  text-stroke: 3px #071d3a;

  /*text-shadow:
    3px 3px 0 #071d3a,
    6px 6px 0 #041224,
    10px 10px 14px rgba(0, 0, 0, 0.28);*/

  filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.18));
  border-radius: 18px;

  animation: flotar 3s ease-in-out infinite;
}

/* Palabra pequeña "de" */
.titulo-vending .pequeño,
.titulo-vending .pequeno {
  font-size: clamp(30px, 3vw, 50px);
  margin-bottom: 2px;
}

/* Colores por palabra */
.titulo-vending .gris {
  background: linear-gradient(180deg, #ffffff 0%, #dcdcdc 45%, #8f8f8f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.titulo-vending .amarillo {
  background: linear-gradient(180deg, #fff56a 0%, #ffc400 45%, #ff8500 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.titulo-vending .rosa {
  background: linear-gradient(180deg, #ffacd2 0%, #ff3d94 50%, #bc0056 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.titulo-vending .verde {
  background: linear-gradient(180deg, #d7ff79 0%, #5ee131 50%, #159000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.titulo-vending .azul {
  background: linear-gradient(180deg, #96f2ff 0%, #19a7f2 50%, #0065b8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Movimiento suave */
.titulo-vending span:nth-child(2) {
  animation-delay: .15s;
}

.titulo-vending span:nth-child(3) {
  animation-delay: .3s;
}

.titulo-vending span:nth-child(4) {
  animation-delay: .45s;
}

.titulo-vending span:nth-child(5) {
  animation-delay: .6s;
}

.titulo-vending span:nth-child(6) {
  animation-delay: .75s;
}

@keyframes flotar {
  0%, 100% {
    transform: translateY(0) rotate(-1deg);
  }

  50% {
    transform: translateY(-4px) rotate(1deg);
  }
}

/* Versión móvil */
@media (max-width: 768px) {
  .titulo-vending {
    max-width: 100%;
    letter-spacing: -1px;
  }

  .titulo-vending span {
    font-size: clamp(36px, 11vw, 58px);
    -webkit-text-stroke: 2px #071d3a;
    text-stroke: 2px #071d3a;

   /* text-shadow:
      2px 2px 0 #071d3a,
      4px 4px 0 #041224,
      7px 7px 10px rgba(0, 0, 0, 0.25);*/
  }

  .titulo-vending .pequeño,
  .titulo-vending .pequeno {
    font-size: clamp(26px, 8vw, 40px);
  }
}
/*fin titulo*/