/* 
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 */


.selva-lang-switcher{
    position: relative;
    display: inline-flex;
    align-items: center;
    font-family: inherit;
    z-index: 999;
}

/* Botón */

.selva-lang-toggle{
    display: flex;
    align-items: center;
    gap: .65rem;
    height: 42px;
    padding: 0 18px;
    background: rgba(255,255,255,.12);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    color: #fff;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: .25s ease;
}

.selva-lang-toggle:hover{
    background: rgba(255,255,255,.18);
    border-color: rgba(255,255,255,.35);
}

/* Globo */
.selva-lang-globe{
    display: block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFEC00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='2' y1='12' x2='22' y2='12'/><path d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.selva-lang-code{
    line-height:1;
    font-family: "Cooper Light", Sans-serif;
}

/* Flecha */

.selva-lang-arrow{
    width:8px;
    height:8px;
    border-right:2px solid #FEE600;
    border-bottom:2px solid #FEE600;
    transform:rotate(45deg);
    transition:.25s;
    margin-top:-2px;
}

/* Dropdown */

.selva-lang-dropdown{
    position:absolute;
    top:calc(100% + 12px);
    right:0;
    min-width:100%;
    padding:8px;
    margin:0;
    list-style:none;
    background:#f9f5ea;
    border-radius:16px;
    border:1px solid rgba(78,72,44,.15);
    box-shadow:0 18px 45px rgba(0,0,0,.15);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:.25s ease;
}

.selva-lang-dropdown li{
    margin:0;
}

.selva-lang-dropdown a{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:11px 16px;
    border-radius:10px;
    text-decoration:none;
    color:#28572f;
    font-family: "Cooper Light", Sans-serif;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    transition:.2s;
}

.selva-lang-dropdown a:hover{
    background:#2f5a2d;
    color:#FEE600;
}

/* Apertura */

.selva-lang-switcher:hover .selva-lang-dropdown,
.selva-lang-switcher:focus-within .selva-lang-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.selva-lang-switcher:hover .selva-lang-arrow,
.selva-lang-switcher:focus-within .selva-lang-arrow{
    transform:rotate(225deg);
}

/* Responsive */

@media (max-width:991px){

    .selva-lang-toggle{
        height:38px;
        padding:0 15px;
        font-size:.78rem;
    }

    .selva-lang-dropdown{
        right:auto;
        left:0;
    }

}