/*
Theme Name: Chronicle Child
Template: chronicle
Theme URI: https://chronicle.ancorathemes.com/
Description: Chronicle is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AncoraThemes
Author URI: https://ancorathemes.com/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
/*Switch del Header del menu*/
.alura-lang-switcher{ position:relative; display:inline-block; }

.alura-lang__btn{
  display:inline-flex; align-items:center; gap:8px;
  border:0; background:transparent; cursor:pointer;
  padding:6px 8px; border-radius:8px;
}

.alura-lang__item{
  display:inline-flex; align-items:center; gap:8px;
  text-decoration:none; color:#111; font-size:14px; font-weight:600;
}

.alura-lang__flag img{ width:22px; height:auto; display:block; }
.alura-lang__current{ display:inline-flex; align-items:center; gap:8px; }
.alura-lang__caret{ font-size:14px; line-height:1; }

.alura-lang__dropdown{
  position:absolute; right:0; top:calc(100% + 8px);
  background:#fff; border:1px solid #eee; border-radius:12px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  padding:8px; min-width:120px; z-index:9999;
  display:flex; flex-direction:column; gap:6px;
}

.alura-lang__dropdown .alura-lang__item{
  padding:8px 10px; border-radius:10px;
}
.alura-lang__dropdown .alura-lang__item:hover{ background:#f6f6f6; }
/* Respeta el atributo hidden */
.alura-lang__dropdown[hidden] {
  display: none !important;
}

/* Cuando NO está hidden, se muestra normal */
.alura-lang__dropdown {
  display: flex;
}
/* Asegura que el dropdown se vea sobre todo */
.alura-lang-switcher { position: relative; z-index: 999999; }

/* Dropdown por encima */
.alura-lang__dropdown{
  z-index: 999999;
}

/* Si algún contenedor padre corta el dropdown */
.elementor, .elementor-section, .elementor-container, .elementor-widget-wrap {
  overflow: visible !important;
}

/*Display de interiores de productos*/
.alura-top-specs{
  margin:18px 0 18px;
  display:flex;
  flex-direction:column;

  gap:18px;               /* separación entre bloques */

}

.alura-top-specs__block{
  display:block;
  flex-direction:column;
  gap:8px;
}

.alura-top-specs__label{
  font-weight:500;
  text-transform:uppercase;
  font-size:18px;
  color:#111;
  letter-spacing:.02em;
  float: left;
  margin-right: 10px;
}

.alura-top-specs__value{
  font-size:18px;
  text-transform:uppercase;
  color:#111;
}

.alura-top-specs__swatch{
  width:16px;
  height:16px;
  border-radius:0; /* cuadrado */
  display:inline-block;
}


/* ======= BLOQUE INFERIOR 2 COLS + SEPARADOR ======= */
.alura-bottom-grid{
  position: relative;
}
.alura-bottom-grid:before{
  content:"";
  position:absolute;
  left:50%;
  top:20px;
  bottom:20px;
  width:1px;
  background:#d9d9d9;
  transform:translateX(-50%);
}

/* ======= TITULOS GRISES (DESCRIPCIÓN / DESCARGAS...) ======= */
.alura-specs__title,
.alura-downloads__title{
  font-size:16px;
  letter-spacing:.14em;
  color:#c5c5c5;
  text-transform:uppercase;
  margin:0 0 18px;
}

/* ======= TABLA DESCRIPCIÓN ======= */
.alura-specs__grid{ display:flex; flex-direction:column; gap:16px; }
.alura-specs__row{
  display:grid;
  grid-template-columns: 210px 1fr; /* label fijo como maqueta */
  gap:26px;
  align-items:start;
}
.alura-specs__label{
  font-weight:700;
  text-transform:uppercase;
  font-size:16px;
  color:#111;
}
.alura-specs__value{
  font-size:16px;
  text-transform:uppercase;
  color:#333;
}

/* ======= DESCARGAS ======= */
.alura-downloads__list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.alura-downloads__item{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:16px;
  text-transform:uppercase;
  color:#111;
  font-family: Montserrat;
  font-weight: 500;
}
.alura-downloads__item input{ width:12px; height:12px; }

.alura-downloads__btn{
  margin-top:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border:3px solid #20c997;
  color:#111;
  background:#fff;
  font-size:18px;
  cursor:pointer;
}
.alura-downloads{
  text-align: center;
}
/* 🔴 Forzar estilo rojo en Add to Cart (Elementor + WooCommerce) */
.elementor .cart .single_add_to_cart_button.button,
.elementor .cart button.single_add_to_cart_button {
    background-color: #e30613 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 14px 28px;
    border-radius: 0px !important;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

/* Hover */
.elementor .cart .single_add_to_cart_button.button:hover {
    background-color: #b8040f !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* Quitar focus azul de Elementor */
.elementor .cart .single_add_to_cart_button:focus,
.elementor .cart .single_add_to_cart_button:active {
    outline: none;
    box-shadow: none;
}

.elementor-307 .elementor-element.elementor-element-756ef66 .cart button, .elementor-307 .elementor-element.elementor-element-756ef66 .cart .button {
  font-family: "Montserrat";
  color: #FFFFFF;
  border-color: #000;
  transition: all 0.2s;
}

/*Estilos para productos destacados en el home*/
.alura-feat{
  position:relative;
  width:100%;
}

.alura-feat__track{
  display:flex;
  gap:28px;
  overflow:hidden;
  scroll-behavior:smooth;
}

.alura-feat__item{
  flex:0 0 calc((100% - 28px*3)/4); /* 4 visibles */
  text-decoration:none;
  color:#111;
  text-align:center;
}

.alura-feat__img{
  height:290px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.alura-feat__img img{
  max-height:290px;
  width:auto;
  display:block;
}

.alura-feat__name{
  margin-top: 10px;
  font-weight: 500;
  font-size: 25px;
  text-transform: uppercase;
}

/* Flechas como botones cuadrados verdes */
.alura-feat__nav{
  display:flex;
  justify-content:flex-end;
  gap:14px;
  margin-top:14px;
}

.alura-feat__btn{
  width:80px;
  height:40px;
  border:1px solid #20c997;
  background:transparent;
  color:#20c997;
  cursor:pointer;
  font-size:20px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
}
.alura-feat__btn:hover{
  background:#20c997;
  color:#fff;
}

[class*="scheme_"].footer_wrap, .footer_wrap [class*="scheme_"].vc_row {
  background-color: #fff !important;
}

/* ===== SLIDER DE CATEGORÍAS (IMÁGENES REDONDAS) ===== */
.alura-feat--cats .alura-feat__img{
  width:200px;           /* ajusta según diseño */
  height:200px;
  margin:0 auto;
  border-radius:50%;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.alura-feat--cats .alura-feat__img img{
  width:100%;
  height:100%;
  object-fit:cover;      /* llena el círculo */
  border-radius:50%;
}

/* Nombre debajo */
.alura-feat--cats .alura-feat__name{
  font-weight: 500;
  font-size: 25px;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.alura-feat--cats .alura-feat__track{
  gap:42px;
}
/*Css para la pagina de archivo de productos */
.alura-cat-vertical{
  position: relative;
  left: 40px;              /* distancia al borde */
  bottom: 0%;
  transform: rotate(-90deg) translateY(-50%);
  transform-origin: left center;
  font-weight: 700;
  font-size: 64px;
  color: #1c2b5a;
  white-space: nowrap;
}
/*Estilos para los filtros de la pagina de productos por categoria*/
.alura-filters{
  display:flex;
  gap:28px;
  align-items:flex-start;
  justify-content:center;
  flex-wrap:wrap;
  margin:24px 0;
}

.alura-filter{ min-width:160px; }

.alura-filter__opt {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  text-transform: uppercase;
  font-family: Montserrat;
  color: black;
}

.alura-filter__opt input{ width:12px; height:12px; }

/* Header clickeable */
.alura-filter__title{
  width:100%;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  font-weight:700;
  font-size: 18px;
  letter-spacing:.06em;
  text-transform:uppercase;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}

/* Chevron rota */
.alura-filter__chev{
  display:inline-block;
  transition:transform .2s ease;
}

/* Cerrado */
.alura-filter.is-collapsed .alura-filter__chev{
  transform:rotate(-90deg);
}

/* Caja colapsable */
.alura-filter__box{
  background:#d9d9d9;
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  gap:8px;

  max-height:420px;            /* abierto */
  overflow:hidden;
  transition:max-height .25s ease, padding .25s ease;
}

/* Animación de cerrado */
.alura-filter.is-collapsed .alura-filter__box{
  max-height:0;
  padding-top:0;
  padding-bottom:0;
}

.alura-filters{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}
.alura-filters__col{width:180px}
.alura-filters__toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #eee;background:#fff;cursor:pointer}
.alura-filters__panel{display:none;padding:10px 12px;border:1px solid #eee;border-top:0;background:#fff}
.alura-filters__col.is-open .alura-filters__panel{display:block}
.alura-filters__opt{display:flex;gap:8px;align-items:center;margin:8px 0;font-size:13px}

/*Menu lateral desktop*/
/* Banner lateral con degradado elegante */
.sc_layouts_panel_inner {
    background: linear-gradient(
        90deg,
        rgba(210, 210, 210, 0.85) 0%,
        rgba(210, 210, 210, 0.55) 50%,
        rgba(210, 210, 210, 0) 100%
    );
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.sc_layouts_panel_inner {
    box-shadow: 6px 0 20px rgba(0, 0, 0, 0.15);
}
/*Color del ancla derecha*/
.trx_addons_scroll_to_top, .trx_addons_cv .trx_addons_scroll_to_top {
  color: #6FC5D7 !important;
  border-color: #6FC5D7 !important;
  background-color: #fff !important;
}
#color_scheme_switcher{
  display: none;
}
/*Estilo del buscador*/
/* === WooCommerce Search (TRX Addons) estilo minimal con línea inferior === */
.trx_addons_woocommerce_search_form {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  max-width: 760px;              /* ajusta si querés */
  margin-left: auto;             /* para alinear a la derecha como tu header */
}

/* Quitar fondos/bordes del wrapper del input */
.trx_addons_woocommerce_search_form .trx_addons_woocommerce_search_form_field {
  flex: 1;
  display: flex;
  align-items: center;
}

/* Input: sin caja, solo línea inferior */
.trx_addons_woocommerce_search_form input[type="text"][name="s"]{
  width: 100%;
  border: none !important;
  border-bottom: 2px solid #111 !important;
  background: transparent !important;
  padding: 14px 0 14px 0 !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: 400;
  color: #222 !important;
}

/* Placeholder como el anterior */
.trx_addons_woocommerce_search_form input[type="text"][name="s"]::placeholder{
  color: #777;
  opacity: 1;
}

/* Botón: lo convertimos en solo icono (lupa) y lo ponemos a la izquierda */
.trx_addons_woocommerce_search_form_button{
  order: -1;                     /* mover a la izquierda */
  display: inline-flex;
  align-items: center;
}

/* Botón real (si existe) */
.trx_addons_woocommerce_search_form_button button,
.trx_addons_woocommerce_search_form_button input[type="submit"],
.trx_addons_woocommerce_search_form_button a{
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  text-indent: -9999px;          /* ocultar texto "Buscar" */
  width: 28px;
  height: 28px;
  position: relative;
  cursor: pointer;
}

/* Dibujar la lupa (si el tema no la pone) */
.trx_addons_woocommerce_search_form_button button::before,
.trx_addons_woocommerce_search_form_button input[type="submit"]::before,
.trx_addons_woocommerce_search_form_button a::before{
  content: "🔍";
  text-indent: 0;
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 18px;
  color: #222;
}

/* Hover icono */
.trx_addons_woocommerce_search_form_button button:hover::before,
.trx_addons_woocommerce_search_form_button input[type="submit"]:hover::before,
.trx_addons_woocommerce_search_form_button a:hover::before{
  opacity: .8;
}