/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* 01. Globales */

/* 02. Header, menús */
.submenu li, .submenu li a {
    flex-direction: row-reverse; 
    justify-content: space-between!important;
}
.submenu li .elementor-icon-list-tex {
    padding-inline-start: 0px;
}

/* 03. Carruseles */
.elementor-swiper-button {z-index: 99!important;}
#carrusel-home .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
	display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 9999 !important;
    background: #00000080;
    padding: 8px 2px;
    border-radius: 50px;
    border: 1px solid #d2c5c5;
}
@media (max-width: 767px) {
    .wrapper-carrusel {
        overflow-x: scroll !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap !important;
        gap: 16px !important;
        scrollbar-width: none;
		flex-direction: initial!important;
        padding-bottom: 8px;
    }
    .wrapper-carrusel::-webkit-scrollbar {
        display: none;
    }
    .wrapper-carrusel > .card {
        scroll-snap-align: start;
        flex: 0 0 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
	.wrapper-carrusel > .card:nth-child(2) { order: 1; }
    .wrapper-carrusel > .card:nth-child(1) { order: 2; }
    .wrapper-carrusel > .card:nth-child(3) { order: 3; }
}

/* 04. Loops */
/* ── CARD ── */
.item-ponente {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 278px;
    overflow: hidden;
    transition: height 0.4s ease;
}

.item-ponente.expanded {
    height: auto;
    overflow: visible;
}

/* Degradado inferior */
.item-ponente:not(.expanded)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.95));
    pointer-events: none;
    z-index: 1;
}

/* Oculta Cargo 2 y Empresa 2 */
.item-ponente:not(.expanded) .ponente-datos .elementor-widget-text-editor:nth-child(3),
.item-ponente:not(.expanded) .ponente-datos .elementor-widget-text-editor:nth-child(4) {
    display: none;
}

.item-ponente.expanded .ponente-datos .elementor-widget-text-editor {
    display: block !important;
}

/* ── BOTÓN — abajo a la derecha ── */
.item-ponente .expand-btn {
    all: unset;
    box-sizing: border-box;
    position: absolute !important;
    bottom: 0px !important;
    right: 0px !important;
    z-index: 9 !important;
    width: 28px !important;
    height: 28px !important;
    /*border-radius: 50% !important;*/
	border-radius: 20px 0 0 0 !important;
    background: #f3ebd5 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s ease !important;
}

.item-ponente .expand-btn:hover {
    background: #e8e8e3 !important;
}

/* Chevron */
.item-ponente .expand-btn::after {
    content: '' !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid #444 !important;
    border-bottom: 2px solid #444 !important;
    transform: rotate(45deg) translateY(-2px) !important;
    transition: transform 0.3s ease !important;
}

.item-ponente.expanded .expand-btn::after {
    transform: rotate(-135deg) translateY(2px) !important;
	margin-top: 10px !important;
}

.item-ponente,
.item-ponente .e-con-inner,
.item-ponente .elementor-widget-container {
    pointer-events: auto !important;
}

/* Logo desbordando por arriba 
#trademark_img {
    top: -20px !important; // ajusta cuánto sobresale //
    z-index: 10 !important;
}

// El contenedor padre debe permitir el overflow //
.item-ponente {
    overflow: visible !important;
}

// Pero el contenido interno sigue cortado //
.item-ponente .e-con-inner {
    overflow: hidden;
}
*/
/* Altura fija para todos los logos */
#trademark_img {
   /* height: 40px !important;  ajusta al tamaño que quieras */
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

#trademark_img img {
    max-height: 40px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    height: auto !important;
}