/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */

.boton-sec {border-radius: 24px;
background: rgba(255, 255, 255, 0.52);
box-shadow: 0 4px 4px 0 rgba(97, 44, 112, 0.06);}

.cky-btn:last-child{
	color: #FFFFFF !important;
    background-color: #8902BD !important;
    border-color: #8902BD !important;
}

/*fondo animacion*/

.zoom-fondo{
    position: relative;
    overflow: hidden;
}

.zoom-fondo::before{
    content: "";
    position: absolute;

    top: -8%;
    left: -8%;
    width: 116%;
    height: 116%;

    background-image: var(--zoom-bg);
    background-position: var(--zoom-position);
    background-size: var(--zoom-size);
    background-repeat: var(--zoom-repeat);

    transform: scale(1);
    transform-origin: center center;

    animation: zoomHero 20s ease-out forwards;

    z-index: 0;
    pointer-events: none;
}

.zoom-fondo > *{
    position: relative;
    z-index: 1;
}

@keyframes zoomHero{
    from{
        transform: scale(1);
    }
    to{
        transform: scale(1.12);
    }
}

@media (max-width: 1024px) {
    .elementor-13 .elementor-element.elementor-element-99a6c33 .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal {
		background-color: #F3F3FD ! IMPORTANT;}
		.pharm-arrow {max-width:35px !important;}
    }
	
}

div#tahefobu-header {
	--ta-sticky-top: 0px !important;
}

.elementor-13 .elementor-element.elementor-element-99a6c33 .eael-simple-menu.eael-simple-menu-horizontal.eael-simple-menu-responsive > li:not(:last-child) > a {
	border:none;
}

.eael-simple-menu-container.preset-2 .eael-simple-menu.eael-simple-menu-horizontal:not(.eael-advanced-menu-responsive)>li>a {
	border:none;
}

@media (max-width: 768px) {

    .carrusel {
        display: flex !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;

        width: 100% !important;
        max-width: 100% !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;

        gap: 20px !important;
        padding: 10px 20px 25px !important;

        scrollbar-width: none;
    }

    .carrusel::-webkit-scrollbar {
        display: none;
    }

    /* Todos los elementos directos mantienen su anchura */
    .carrusel > .e-con {
        flex-shrink: 0 !important;
        width: auto !important;
    }

    /* Bloques con icono y texto */
    .carrusel > .e-con:nth-child(odd) {
        flex-basis: 160px !important;
        min-width: 160px !important;
        scroll-snap-align: start;
    }

    /* Bloques que contienen las flechas */
    .carrusel > .e-con:nth-child(even) {
        flex-basis: 32px !important;
        min-width: 32px !important;
        align-self: center;
    }
}

@media (max-width: 768px) {

    .carruseltwo {
        display: flex !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;

        width: 100% !important;
        max-width: 100% !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        gap: 24px !important;
        padding: 10px 20px 25px !important;

        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        overscroll-behavior-x: contain;

        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .carruseltwo::-webkit-scrollbar {
        display: none;
    }

    /* Cada tarjeta */
    .carruseltwo > .e-con {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
}
@media (max-width: 768px) {

    .carruselthree {
        display: flex !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;

        width: 100% !important;
        max-width: 100% !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        gap: 18px !important;
        padding: 10px 20px 25px !important;

        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        overscroll-behavior-x: contain;

        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .carruselthree::-webkit-scrollbar {
        display: none;
    }

    /* Etapas: hijos impares */
    .carruselthree > .e-con:nth-child(odd) {
        flex: 0 0 180px !important;
        width: 180px !important;
        min-width: 180px !important;
        max-width: 180px !important;

        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    /* Flechas: hijos pares */
    .carruselthree > .elementor-widget-icon:nth-child(even) {
        display: flex !important;

        flex: 0 0 45px !important;
        width: 45px !important;
        min-width: 45px !important;
        max-width: 45px !important;

        align-items: center;
        justify-content: center;
        align-self: center;
    }
}