/* 
Theme Name: LP Lyra
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Tema secundario de Hello Elementor para la landing page de Lyra, creado por el equipo de Olózfera.
Author: Olózfera
Author URI: https://olozfera.com/
Template: hello-elementor
Version: 2.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 */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}


/* --- Corrección de espacio inferior en Elementor --- */

.elementor-button .elementor-button-text {
    text-box: trim-both cap alphabetic !important;
    text-box-trim: trim-both !important;
    text-box-edge: cap alphabetic !important;
}




#formulario_lp .elementor-select-wrapper .select-caret-down-wrapper {
    display: none;
}


#formulario_lp .elementor-field-group .elementor-select-wrapper select{
    appearance: none !important;
    background-image: url("caret-down.svg");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 16px;
}



body:not(.elementor-editor-active) .tarjeta > * {
    pointer-events: none;
}

body:not(.elementor-editor-active) .tarjeta .contenedor-giratorio {
    cursor: default;
    width: 100%;
    height: 100%;
}

body:not(.elementor-editor-active) .tarjeta .contenedor-giratorio .frente,
body:not(.elementor-editor-active) .tarjeta .contenedor-giratorio .atras {
    width: 100%;
    height: 100%;
}


body:not(.elementor-editor-active) .tarjeta {
    perspective: 1000;
    aspect-ratio: 240 / 266;
}


body:not(.elementor-editor-active) .tarjeta.volteado .contenedor-giratorio {
    transform: rotateY(180deg);
}

@media(min-width: 992px){
    body:not(.elementor-editor-active) .tarjeta.volteado .contenedor-giratorio {
        transform: none;
    }    
}

body:not(.elementor-editor-active) .tarjeta .contenedor-giratorio {
    transition: 0.5s;
    transform-style: preserve-3d;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

@media (min-width: 992px) {
    body:not(.elementor-editor-active) .tarjeta:hover .contenedor-giratorio {
        transform: rotateY(180deg);
    }
}

body:not(.elementor-editor-active) .tarjeta .contenedor-giratorio .frente,
body:not(.elementor-editor-active) .tarjeta .contenedor-giratorio .atras {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

body:not(.elementor-editor-active) .tarjeta .contenedor-giratorio .atras {
    z-index: 2;
    transform: rotateY(180deg);
}

body:not(.elementor-editor-active) .tarjeta .contenedor-giratorio .frente {
    z-index: 3;
}