.elementor-kit-15757{--e-global-color-primary:#786A80;--e-global-color-secondary:#B8A2C5;--e-global-color-text:#747A8D;--e-global-color-accent:#885C90;--e-global-color-31a15b2:#D99C51;--e-global-color-166cfc2:#FFFFFF;--e-global-color-026da56:#ECE8F0;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;--e-global-typography-84b411b-font-size:0.75em;--e-global-typography-84b411b-font-weight:400;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-15757 e-page-transition{background-color:#FFBC7D;}.elementor-kit-15757 a{color:var( --e-global-color-31a15b2 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-15757 h1{font-size:2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-15757 h1{font-size:1.8em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */#content {
    padding-top: 2em;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}

.reset_variations,
.woocommerce-variation-price {
    display: none !important;
}

mark.count {
    background: transparent;
    color: #aaa;
}

/* Fuerza cuadrado en grid */
.woocommerce ul.products li.product a img {
  aspect-ratio: 1 / 1;     /* o 4 / 5, 3 / 4… */
  width: 100%;
  height: auto;            /* si usas aspect-ratio basta */
  object-fit: contain;     /* mantiene el frasco completo sin recorte */
  background: #fff;        /* opcional, relleno uniforme */
}


.single-product {
    .price {
        color: var(--e-global-color-primary) !important;
    }
    
    .woocommerce-variation-price {
        padding-bottom: 10px;
    }
    
    /* Parte entera del precio */
    .precio-entero {
      font-size: 4rem;
      font-weight: 700;
      line-height: 1;
    }
    
    /* Parte decimal como superíndice */
    .precio-decimal {
      font-size: 1rem;
      font-weight: 700;
      vertical-align: 30px;
      margin-left: 2px;
    }
    
    .woocommerce-Price-currencySymbol {
        font-size: 1.5rem;
        font-weight: 700;
        margin-left: -24px;
        vertical-align: 5px;
        color: var(--e-global-color-text);
    }
    
    .woocommerce-price-suffix {
        font-size: .7rem;
        margin-left: 4px;
        display: inline-block;
        vertical-align: 20px;
        width: 20px;
        text-align: left;
    }
}


:root{
  --verde:#a2cccd;
  --gris:#ebe9eb;
  --txt:#000;
}

/* ========= [grafica] ========= */
.shortcodeGrafica h2{font-family:'poppins',Helvetica,Arial,sans-serif;font-weight:300;text-align:left;margin:0;}
.shortcodeGrafica .conjunto{display:flex;justify-content:space-between;width:100%;}
.shortcodeGrafica .pieza{flex:0 0 10%;display:flex;flex-direction:column;align-items:center;text-align:center;}
.shortcodeGrafica .categoria p{margin:10px 0 30px;text-transform:uppercase;font-size:.8em;}
.shortcodeGrafica .niveles{
  position:relative;overflow:hidden;background:#fff;height:150px;margin:0 12%;
  border:1px solid #1d1d1b;border-radius:7px;width:70%;max-width:60px;
  display:flex;justify-content:center;align-items:flex-end;
}
.shortcodeGrafica .niveles::before{
  content:"";position:absolute;inset:0;background:url('/wp-content/themes/creanic-v1/images/lineas-cata.png') no-repeat 0 0/100% 100%;
  mix-blend-mode:multiply;
}
.shortcodeGrafica .alturaNivel{
  width:100%;background:var(--verde);border:2px solid #fff;border-radius:7px;
  display:flex;justify-content:center;align-items:flex-end;
}
.shortcodeGrafica .alturaNivel p{margin:4px 0;color:#176a84;font-weight:700;background:var(--verde);padding:0 5px;}

/* ======== [recomendado] ======== */
.pack_recomendado h2{font-size:1.1em;line-height:2.5em;margin:0;}
.pack_recomendado .shortcode_recomendado .conjunto{display:flex;justify-content:space-around;gap:10px;margin:25px 0;}
.pack_recomendado .shortcode_recomendado .conjunto > div{display:flex;flex-direction:column;align-items:center;text-align:center;}
.pack_recomendado .shortcode_recomendado svg{width:72px;height:auto;display:block}
.pack_recomendado .shortcode_recomendado svg path{fill:var(--gris);}
.pack_recomendado .shortcode_recomendado p{margin:0;color:var(--gris);}
.pack_recomendado .shortcode_recomendado .activo svg path{fill:var(--verde);}
.pack_recomendado .shortcode_recomendado .activo p{color:#000;}

/* ========== [tes] ========== */
.pack_tes h2{font-size:1.1em;line-height:2.5em;margin:0;}
.pack_tes .shortcode_tes .conjunto{display:flex;flex-wrap:wrap;gap:10px;}
/* bloque de tipos */
.pack_tes .bloqueClaseTe.ocultar{display:none;}
.pack_tes .bloqueClaseTe{display:flex;gap:10px;width:100%;justify-content:space-around;}
.pack_tes .bloqueClaseTe .colorTe{text-align:center;background-position:top center;background-repeat:no-repeat;background-size:100% auto;}
.pack_tes .bloqueClaseTe .colorTe p{margin:0;color:#c0bec0;line-height:1;}
/* activo por tipo */
.pack_tes .activoNegro,
.pack_tes .activoRojo,
.pack_tes .activoAzul,
.pack_tes .activoVerde,
.pack_tes .activoAmarillo,
.pack_tes .activoBlanco{background-image:url('../images/clase-te-activo.svg');}
.pack_tes .activoNegro p,
.pack_tes .activoRojo p,
.pack_tes .activoAzul p,
.pack_tes .activoVerde p,
.pack_tes .activoAmarillo p,
.pack_tes .activoBlanco p{color:var(--txt);}

/* bloque de características (infusión/temperatura/combina…) */
.pack_tes .bloqueCaracteristicasTe{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;width:100%;}
.pack_tes .bloqueCaracteristicasTe svg{width:72px;height:auto;display:block}
.pack_tes .bloqueCaracteristicasTe svg path{fill:var(--gris);}
.pack_tes .bloqueCaracteristicasTe p{margin:0;color:#c0bec0;line-height:1;}
/* estados activos */
.pack_tes .infusionadoEstadoInicial,
.pack_tes .temperaturaEstadoInicial{display:none;}
.pack_tes .infusionadoEstadoInicial.infusionadoActivo,
.pack_tes .temperaturaEstadoInicial.temperaturaActivo{display:inline-flex;flex-direction:column;align-items:center;}
.pack_tes .infusionadoEstadoInicial.infusionadoActivo svg path,
.pack_tes .temperaturaEstadoInicial.temperaturaActivo svg path{fill:var(--verde);}
.pack_tes .infusionadoEstadoInicial.infusionadoActivo p,
.pack_tes .temperaturaEstadoInicial.temperaturaActivo p{color:var(--txt);}

/* “combina con …” (clases activo/empty del PHP) */
.pack_tes .combinaVisible{display:none;flex-direction:column;align-items:center;text-align:center;}
.pack_tes .combinaVisible.activo{display:inline-flex;}
.pack_tes .combinaVisible.activo svg path{fill:var(--verde);}
.pack_tes .combinaVisible.activo p{color:var(--txt);}/* End custom CSS */