/*
Theme Name: Ecomus Child
Theme URI: https://wpecomus.com/
Author: DrFuri
Author URI: http://drfuri.com/
Description: Multipurpose WooCommerce WordPress Theme
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ecomus
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: ecomus
*/

:root {
    --em-font__main: 'Albert Sans', Arial, sans-serif;
    --em-line-height__body: 1.6;
    --em-color__base: #545454;
    --em-color__dark: #ffffff;
    --em-color__light: #013042;
    --em-color__primary: #0173BB;
    --em-color__grayer: #d9d9d9;
    --em-text-color-on-primary: #fff;
    --em-link-color: #000000;
    --em-link-color-hover: #DB1215;
    --em-header-color: #000000;
    --em-color-price-sale: #db1215;
    --em-border-color: #EBEBEB;
    --em-image-rounded: 0px;
    --em-image-rounded-post-card: 0;
    --em-image-rounded-featured-post: 0;
    --em-image-rounded-product-card: 0;
    --em-image-rounded-product-gallery: 0;
    --em-image-rounded-product-thumbnail: 0;
    --em-rounded-xs: 2.5px;
    --em-rounded-sm: 5px;
    --em-rounded-md: 10px;
    --em-rounded-full: 9999px;
    --em-image-rounded-post-card-small: min(5px, var(--em-image-rounded-post-card));
    --em-image-rounded-product-card-small: min(5px, var(--em-image-rounded-product-card));
    --em-image-eff-scale: 1.1;
    --em-image-eff-scale-product-card: 1.09;
    --em-heading-font: var(--em-font__main);
    --em-heading-color: #000000;
    --em-heading-font-weight: 400;
    --em-heading-line-height: 1.2;
    --em-heading-text-transform: none;
    --em-button-color: #ffffff;
    --em-button-bg-color: #000000;
    --em-button-border-color: var(--em-button-bg-color);
    --em-button-color-hover: #ffffff;
    --em-button-bg-color-hover: #000000;
    --em-button-border-color-hover: var(--em-button-bg-color-hover);
    --em-button-eff-bg-color-hover: rgba(255, 255, 255, 0.25);
    --em-button-padding-top: 15px;
    --em-button-padding-right: 20px;
    --em-button-padding-bottom: 14px;
    --em-button-padding-left: 20px;
    --em-button-line-height: 1;
    --em-button-font-size: 14px;
    --em-button-rounded: 0px;
    --em-button-font-weight: 600;
    --em-button-icon-spacing: 10px;
    --em-button-icon-size: 8px;
    --em-loading-color: #000000;
}

.header-items {
    justify-content: space-between;
	padding-left: 40px;
	padding-right: 40px;
}

.header-logo {
	float:left;
}

.main-navigation {
	float:right;
}

.primary-navigation .nav-menu > li > a {
	text-transform:uppercase;	
	font-size: 14px;
	font-weight:bold;
}

.primary-navigation .nav-menu > li > a:after {
	border-bottom: solid 3px #FEC401;
}

.product-featured-icons {
	display:none;
}

.star-rating .user-rating {
	color: #FEC401 !important;
}

.product-card-layout-1 .product-summary {
    position: relative;	
    background: #ffffff;
    margin-top: -15px;
    border-top: solid 1px #f1f1f1;
    border-radius: 15px;
}

.em-post-grid article {
	border: solid 3px #f1f1f1;
	border-radius: 15px;
    /* box-shadow: -4px 4px 5px 0px rgba(240.99999999999997, 240.99999999999997, 240.99999999999997, 0.95);	*/
}

.em-post-grid article .entry-summary {
	padding: 0px 15px 15px 15px;
}

.product-card-layout-1 .product-inner {
	border: solid 3px #f1f1f1;	
	border-radius: 15px;
}

.product-card-layout-1 .product-summary {
	padding: 15px;
}

.product-card-layout-1 .woocommerce-loop-product__title {
	margin-bottom: 10px !important;
}

.single-product div.product .ecomus-product-gallery-thumbnails .swiper-slide-thumb-active::after {
	border-color: #FEC401 !important;
}



/* ==========================================================================
   Pizarra de Eventos - Estilos Unificados (Tabs & Carousel)
   ========================================================================== */

/* --- Contenedores Base --- */
.amintur-eventos-wrapper, .amintur-carousel-wrapper { width: 100%; position: relative; }

/* --- Estilos de Pestañas (Tabs) --- */
.amintur-tabs-header {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 35px;
    flex-wrap: wrap;
}

.amintur-tab-btn {
    background: #f4f5f7;
    border: 1px solid #e5e8ec;
    padding: 10px 24px;
    font-size: 15px;
    font-weight: 600;
    color: #111;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.amintur-tab-btn.active, .amintur-tab-btn:hover {
    background: #0f172a;
    color: #fff;
    border-color: #0f172a;
}

/* --- Grilla de Productos (Modo TABS) --- */
.amintur-products-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 columnas */
    gap: 20px; /* Reducimos un poco el gap para que quepan bien */
    width: 100%;
}

/* Ajuste específico para que la grilla no se rompa */
.amintur-tabs-content {
    width: 100%;
    margin-top: 20px;
}

/* Limpieza de pestañas */
.tab-pane { 
    display: none !important; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px;
}

.tab-pane.active { 
    display: grid !important; 
}

/* --- Carrusel Horizontal --- */
.amintur-carousel-grid {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 20px;
    scroll-snap-type: x mandatory;
    width: 100%;
}

.amintur-carousel-grid::-webkit-scrollbar { display: none; }

.amintur-carousel-grid .amintur-product-card {
    flex: 0 0 calc((100% / var(--items-visibles)) - (20px * (var(--items-visibles) - 1) / var(--items-visibles)));
    scroll-snap-align: start;
}

/* --- Flechas del Carrusel --- */
.amintur-nav-btn {
    position: absolute;
    top: 30%;
    z-index: 10;
    background: #fff;
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    cursor: pointer;
    font-size: 20px;
    color: #0f172a;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.amintur-nav-btn.prev { left: 10px; }
.amintur-nav-btn.next { right: 10px; }
.amintur-nav-btn:disabled { opacity: 0.15; background-color: rgba(0, 0, 0, 0.15); color:#000000; cursor: not-allowed; pointer-events: auto !important; }
.amintur-nav-btn:not(:disabled):hover { background: #FFD700; transform: scale(1.1); }

/* --- Tarjeta Individual (Estilos Comunes) --- */
.amintur-product-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    /* box-shadow: 0 5px 20px rgba(0,0,0,0.05); */
    border: 3px solid #eee;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
}

.amintur-card-image-wrap { position: relative; height: 220px; overflow: hidden; }
.amintur-card-image-wrap img { width: 100%; height: 100%; object-fit: cover; }

.amintur-date-badge-overlay {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #FFD700;
    color: #111;
    padding: 5px 12px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
}

.amintur-card-info { padding: 20px; flex-grow: 1; }
.amintur-meta-row { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 12px; }
.amintur-meta-date { color: #0284c7; font-weight: 600; }
.amintur-meta-cat { background: #FEA401; color: #FFFFFF; font-weight: 600; padding: 2px 8px; border-radius: 4px; font-size: 10px; text-transform: uppercase; }
/* Excursiones: Fondo verde y letras blancas */
.amintur-meta-cat.badge-excursion {
    background-color: #01A454 !important;
    color: #ffffff !important;
}
/* Eventos: Fondo anaranjado y letras blancas */
.amintur-meta-cat.badge-evento {
    background-color: #FEA401 !important;
    color: #ffffff !important;
}

.amintur-event-title { font-size: 16px; margin: 0 0 15px 0; }
.amintur-event-title a { color: #1e293b; text-decoration: none; }
.amintur-detail-link { font-weight: 700; color: #0f172a; text-decoration: none; }


/* --- Responsive --- */
@media (max-width: 1200px) { 
    .amintur-products-grid { grid-template-columns: repeat(3, 1fr) !important; } 
}
@media (max-width: 992px) { 
    .amintur-products-grid { grid-template-columns: repeat(2, 1fr) !important; } 
}
@media (max-width: 768px) {
    .amintur-products-grid { grid-template-columns: 1fr !important; } 
    .amintur-carousel-grid .amintur-product-card { flex: 0 0 85%; }
    .amintur-nav-btn { display: none; } /* Ocultar flechas en móvil */
}