@import url('variables.css');

/* ==========================================================================
   LOGO TEXTUAL PREMIUM
   ========================================================================== */
.nav-logo {
    text-decoration: none;
    display: flex;
    align-items: center;
}

.logo-text {
    font-family: var(--fuente-titulos);
    /* Space Grotesk */
    font-size: 1.5rem;
    font-weight: 800;
    /* Extra Bold */
    color: var(--negro);
    letter-spacing: -1px;
    /* Espaciado ajustado estilo premium */
    transition: transform 0.3s ease;
}

.logo-text .dot {
    color: var(--color-principal);
    /* El punto final en verde corporativo */
}

/* Efecto sutil al pasar el ratón */
.nav-logo:hover .logo-text {
    transform: scale(0.98);
}

/* Ajuste de tamaño para móviles */
@media (max-width: 950px) {
    .logo-text {
        font-size: 1.3rem;
    }
}

/* ==========================================================================
   1. NAVBAR PRINCIPAL
   ========================================================================== */

.nav-moderno {
    background: var(--blanco);
    backdrop-filter: blur(15px);
    border-bottom: 1px solid var(--borde);
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: background-color 0.4s ease;
}

.nav-container {
    max-width: 1300px;
    margin: 0 auto;
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
}

.nav-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.nav-logo .logo-icon {
    height: 30px;
    width: 186px;
    background-color: var(--color-principal);
    -webkit-mask: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMzY2IDc2OCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4wIEJ1aWxkIDE4NikgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiBub25lOwogICAgICAgIHN0cm9rZTogIzAwMDsKICAgICAgICBzdHJva2Utd2lkdGg6IDEwcHg7CiAgICAgIH0KCiAgICAgIC5zdDEgewogICAgICAgIG9wYWNpdHk6IC4yOwogICAgICB9CgogICAgICAuc3QyIHsKICAgICAgICBkaXNwbGF5OiBub25lOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8ZyBpZD0iQ2FwYV8yIiBjbGFzcz0ic3QyIj4KICAgIDxpbWFnZSBjbGFzcz0ic3QxIiB3aWR0aD0iNDE5IiBoZWlnaHQ9IjIyMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg4LjEgMTg4KSBzY2FsZSgyLjMpIiB4bGluazpocmVmPSIuLi8uLi8uLi8uLi8uLi9Eb3dubG9hZHMvQ29waWEgZGUgbW92ZS5wbmciLz4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBkPSJNMzIyLjcsMjQ4LjZ2OTJjMCw4LjktNy4yLDE2LjEtMTYuMSwxNi4xaDBjLTEuMywwLTIuMy0xLTIuMy0yLjNoMGMwLTEuOS0yLjItMy0zLjctMS44LTQuNCwzLjQtMTAuMiw1LjEtMTcuMSw1LjFzLTExLjktMS40LTE3LTQuMmMtNS4xLTIuOC05LjEtNi44LTExLjktMTItMi45LTUuMi00LjMtMTEuMi00LjMtMTguMXMxLjQtMTIuOSw0LjMtMTguMWMyLjktNS4yLDYuOS05LjIsMTEuOS0xMiw1LjEtMi44LDEwLjctNC4yLDE3LTQuMnMxMS45LDEuNiwxNi4zLDQuNywzLjcsMCwzLjctMS44di00My41YzAtNS4zLDQuMy05LjcsOS43LTkuN2gwYzUuMywwLDkuNyw0LjMsOS43LDkuN1pNMjk5LDMzNi45YzMuMi0zLjMsNC44LTcuOCw0LjgtMTMuNHMtMS42LTEwLjEtNC44LTEzLjRjLTMuMi0zLjMtNy4zLTUtMTIuMS01cy05LDEuNy0xMi4zLDVjLTMuMiwzLjMtNC44LDcuOC00LjgsMTMuNHMxLjYsMTAuMSw0LjgsMTMuNGMzLjIsMy4zLDcuMyw1LDEyLjMsNXM4LjktMS43LDEyLjEtNVoiLz4KICAgICAgICA8cGF0aCBkPSJNNDAwLjQsMzI4LjloLTM1LjljLTUuMiwwLTcuNCw2LjYtMy4yLDkuN3MwLDAsLjEuMWMzLjQsMi40LDcuNiwzLjYsMTIuNiwzLjZzNi41LS41LDkuMi0xLjVjMS40LS41LDIuNy0xLjIsNC0yLjEsMi4yLTEuNCw1LjEtMS4xLDYuOS44bDMuMywzLjZjMi4yLDIuNCwxLjgsNi0uOCw4LTUuOSw0LjUtMTMuNiw2LjctMjMuMSw2LjdzLTE0LjItMS41LTE5LjktNC40Yy01LjgtMi45LTEwLjItNy0xMy40LTEyLjItMy4xLTUuMi00LjctMTEuMS00LjctMTcuN3MxLjUtMTIuNCw0LjYtMTcuNmMzLjEtNS4yLDcuMy05LjMsMTIuNy0xMi4zLDUuNC0yLjksMTEuNC00LjQsMTguMS00LjRzMTIuNCwxLjQsMTcuNyw0LjJjNS4zLDIuOCw5LjQsNi44LDEyLjQsMTIuMSwzLDUuMiw0LjUsMTEuMyw0LjUsMTguM3MwLDAsMCwwYy0uMSwyLjktMi41LDUuMS01LjQsNS4xWk0zNjAuMiwzMDcuNWMtLjQuMy0uNy42LTEuMSwxLTMuNCwzLjQtMSw5LjIsMy44LDkuMmgxNi4zYzQuOCwwLDcuMi01LjgsMy44LTkuMXMtLjctLjYtMS0uOWMtMy0yLjUtNi42LTMuOC0xMC45LTMuOHMtOCwxLjItMTEsMy43WiIvPgogICAgICAgIDxwYXRoIGQ9Ik00MjQuOCwzNTUuN2MtMi0uNS0zLjktMS4xLTUuNi0xLjctNC0xLjQtNS45LTYtNC4xLTkuOGwuNC0uOGMxLjYtMy41LDUuNy01LDkuMi0zLjZzMywxLjEsNC42LDEuNmM0LjIsMS4yLDguMywxLjgsMTIuNCwxLjgsOC4yLDAsMTIuMy0yLDEyLjMtNi4xcy0xLjEtMy4zLTMuMy00LjFjLTIuMi0uOC01LjctMS41LTEwLjMtMi4xLTUuNC0uOC05LjktMS44LTEzLjUtMi44LTMuNS0xLjEtNi42LTMtOS4yLTUuNy0yLjYtMi43LTMuOS02LjYtMy45LTExLjZzMS4yLTcuOSwzLjctMTEuMmMyLjQtMy4zLDYtNS44LDEwLjYtNy42LDQuNy0xLjgsMTAuMi0yLjcsMTYuNS0yLjdzOS40LjUsMTQsMS41YzEuNC4zLDIuNy43LDQsMSw0LjIsMS4zLDYuMyw2LDQuNSw5LjlsLS4zLjZjLTEuNiwzLjQtNS41LDQuOS05LDMuN3MtOC41LTIuMi0xMy4xLTIuMi03LjIuNi05LjMsMS43Yy0yLjEsMS4yLTMuMSwyLjYtMy4xLDQuNXMxLjEsMy41LDMuMyw0LjNjMi4yLjgsNS44LDEuNiwxMC42LDIuNCw1LjQuOSw5LjksMS45LDEzLjQsMi45LDMuNSwxLDYuNSwyLjksOSw1LjYsMi42LDIuNywzLjgsNi41LDMuOCwxMS40cy0xLjIsNy44LTMuNywxMWMtMi41LDMuMi02LjEsNS43LTEwLjgsNy41LTQuNywxLjgtMTAuNCwyLjctMTYuOSwyLjdzLTEwLjktLjctMTYuMi0yWiIvPgogICAgICAgIDxwYXRoIGQ9Ik00OTcuNCwzNTMuNGMtNS43LTIuOS0xMC4xLTctMTMuMi0xMi4yLTMuMi01LjItNC44LTExLjEtNC44LTE3LjdzMS42LTEyLjUsNC44LTE3LjdjMy4yLTUuMiw3LjYtOS4zLDEzLjItMTIuMiw1LjctMi45LDEyLTQuNCwxOS4xLTQuNHMxMy4xLDEuNSwxOC40LDQuNGMxLjgsMSwzLjUsMi4yLDQuOSwzLjUsNC4zLDMuOCwzLjMsMTAuOC0xLjcsMTMuNWwtLjUuM2MtMy4zLDEuOC03LjIsMS4xLTkuOS0xLjVzLTYuOC00LjMtMTEuMy00LjMtOS4yLDEuNy0xMi41LDUtNSw3LjgtNSwxMy41LDEuNiwxMC4yLDUsMTMuNWMzLjMsMy4zLDcuNSw1LDEyLjUsNXM4LjQtMS41LDExLjQtNC40LDYuNi0zLjEsOS44LTEuM2wuNC4yYzUsMi43LDYsOS43LDEuNywxMy41cy0zLDIuNC00LjgsMy40Yy01LjIsMy0xMS40LDQuNS0xOC40LDQuNXMtMTMuNS0xLjUtMTkuMS00LjRaIi8+CiAgICAgICAgPHBhdGggZD0iTTU2OS40LDM1My40Yy01LjYtMi45LTkuOS03LTEzLjEtMTIuMi0zLjEtNS4yLTQuNy0xMS4xLTQuNy0xNy43czEuNi0xMi41LDQuNy0xNy43YzMuMS01LjIsNy41LTkuMywxMy4xLTEyLjIsNS42LTIuOSwxMS45LTQuNCwxOC45LTQuNHMxMy4zLDEuNSwxOC44LDQuNGM1LjUsMi45LDkuOSw3LDEzLDEyLjIsMy4xLDUuMiw0LjcsMTEuMSw0LjcsMTcuN3MtMS42LDEyLjUtNC43LDE3LjdjLTMuMSw1LjItNy41LDkuMy0xMywxMi4yLTUuNSwyLjktMTEuOCw0LjQtMTguOCw0LjRzLTEzLjMtMS41LTE4LjktNC40Wk02MDAuNSwzMzYuOWMzLjItMy4zLDQuOC03LjgsNC44LTEzLjRzLTEuNi0xMC4xLTQuOC0xMy40Yy0zLjItMy4zLTcuMi01LTEyLjItNXMtOSwxLjctMTIuMyw1Yy0zLjIsMy4zLTQuOCw3LjgtNC44LDEzLjRzMS42LDEwLjEsNC44LDEzLjRjMy4yLDMuMyw3LjMsNSwxMi4zLDVzOS0xLjcsMTIuMi01WiIvPgogICAgICAgIDxwYXRoIGQ9Ik02OTMuOSwyOTMuNWM1LjEsMi44LDkuMSw2LjgsMTEuOSwxMiwyLjksNS4yLDQuMywxMS4yLDQuMywxOHMtMS40LDEyLjktNC4zLDE4Yy0yLjksNS4yLTYuOSw5LjItMTEuOSwxMi01LjEsMi44LTEwLjcsNC4zLTE2LjksNC4zcy0xMi44LTEuNy0xNy4zLTUuMS0zLjcsMC0zLjcsMS44aDBjMCwxLjMtMSwyLjMtMi4zLDIuM2gwYy04LjksMC0xNi4xLTcuMi0xNi4xLTE2LjF2LTkyYzAtNS4zLDQuMy05LjcsOS43LTkuN2gwYzUuMywwLDkuNyw0LjMsOS43LDkuN3Y0My41YzAsMS45LDIuMSwyLjksMy43LDEuOCw0LjQtMy4yLDkuOS00LjgsMTYuNC00LjhzMTEuOCwxLjQsMTYuOSw0LjNaTTY4NS45LDMzNi45YzMuMi0zLjMsNC44LTcuOCw0LjgtMTMuNHMtMS42LTEwLjEtNC44LTEzLjRjLTMuMi0zLjMtNy4yLTUtMTIuMi01cy05LDEuNy0xMi4yLDVjLTMuMiwzLjMtNC44LDcuOC00LjgsMTMuNHMxLjYsMTAuMSw0LjgsMTMuNGMzLjIsMy4zLDcuMiw1LDEyLjIsNXM5LTEuNywxMi4yLTVaIi8+CiAgICAgICAgPHBhdGggZD0iTTc1MC45LDI5MS43YzIuNy0xLjEsNS42LTEuOSw4LjktMi4yczQuNywxLjcsNC43LDQuM3Y4LjdjMCwyLjQtMS45LDQuMy00LjMsNC4zaDBjLTUuNSwwLTkuOSwxLjUtMTMsNC42LTMuMSwzLjEtNC43LDcuNy00LjcsMTMuOXYyMS44YzAsNS4zLTQuMyw5LjctOS43LDkuN2gwYy01LjMsMC05LjctNC4zLTkuNy05Ljd2LTQwLjhjMC04LjksNy4yLTE2LjEsMTYuMS0xNi4xaDBjMS4zLDAsMi4zLDEsMi4zLDIuM3YuN2MwLDEuOSwyLjIsMywzLjgsMS44czMuNS0yLjQsNS42LTMuM1oiLz4KICAgICAgICA8cGF0aCBkPSJNODM1LjIsMzI4LjloLTM1LjljLTUuMiwwLTcuNCw2LjctMy4yLDkuN3MwLDAsLjEuMWMzLjQsMi40LDcuNiwzLjYsMTIuNiwzLjZzNi41LS41LDkuMi0xLjVjMS40LS41LDIuNy0xLjIsNC0yLjEsMi4yLTEuNCw1LjEtMS4xLDYuOS44bDMuMywzLjZjMi4yLDIuNCwxLjgsNi0uOCw4LTUuOSw0LjUtMTMuNiw2LjctMjMuMSw2LjdzLTE0LjItMS41LTE5LjktNC40Yy01LjgtMi45LTEwLjItNy0xMy40LTEyLjItMy4xLTUuMi00LjctMTEuMS00LjctMTcuN3MxLjUtMTIuNCw0LjYtMTcuNmMzLjEtNS4yLDcuMy05LjMsMTIuNy0xMi4zLDUuNC0yLjksMTEuNC00LjQsMTguMS00LjRzMTIuNCwxLjQsMTcuNyw0LjJjNS4zLDIuOCw5LjQsNi44LDEyLjQsMTIuMSwzLDUuMiw0LjUsMTEuMyw0LjUsMTguM3MwLDAsMCwwYy0uMSwyLjktMi41LDUuMS01LjQsNS4xWk03OTUsMzA3LjVjLS40LjMtLjcuNi0xLjEsMS0zLjQsMy40LTEsOS4yLDMuOCw5LjJoMTYuM2M0LjgsMCw3LjItNS44LDMuOC05LjFzLS43LS42LTEtLjljLTMtMi41LTYuNi0zLjgtMTAuOS0zLjhzLTgsMS4yLTExLDMuN1oiLz4KICAgICAgICA8cGF0aCBkPSJNODU0LjQsMjc3LjhjLTIuMi0yLjEtMy4zLTQuNi0zLjMtNy43czEuMS01LjYsMy4zLTcuN2MyLjItMi4xLDUuMS0zLjEsOC43LTMuMXM2LjQsMSw4LjcsMywzLjMsNC41LDMuMyw3LjQtMS4xLDUuOS0zLjMsOGMtMi4yLDIuMS01LjEsMy4yLTguNywzLjJzLTYuNC0xLTguNy0zLjFaTTg2MywyOTAuMmgwYzUuMywwLDkuNyw0LjMsOS43LDkuN3Y0Ny4zYzAsNS4zLTQuMyw5LjctOS43LDkuN2gwYy01LjMsMC05LjctNC4zLTkuNy05Ljd2LTQ3LjNjMC01LjMsNC4zLTkuNyw5LjctOS43WiIvPgogICAgICAgIDxwYXRoIGQ9Ik05MzAuNSwzNTMuNGwtNS42LTcuOWMtMy4yLTQuNS05LjktNC42LTEzLjItLjFsLTYsOC4xYy0xLjUsMi4xLTQsMy4zLTYuNiwzLjNoLS40Yy02LjgsMC0xMC42LTcuNy02LjUtMTMuMWwxMS45LTE1LjVjMi4yLTIuOSwyLjItNi45LDAtOS44bC0xMS4zLTE1LjFjLTQtNS40LS4yLTEzLDYuNS0xM2gxLjJjMi42LDAsNS4xLDEuMyw2LjYsMy40bDUuMiw3LjFjMy4yLDQuNSw5LjksNC41LDEzLjEsMGw1LjQtNy4zYzEuNS0yLjEsNC0zLjMsNi41LTMuM2gwYzYuNywwLDEwLjYsNy43LDYuNSwxMy4xbC0xMSwxNC41Yy0yLjIsMi45LTIuMiw2LjksMCw5LjlsMTIuMSwxNmM0LjEsNS40LjIsMTMuMS02LjUsMTMuMWgtMS4zYy0yLjYsMC01LjEtMS4zLTYuNi0zLjRaIi8+CiAgICAgIDwvZz4KICAgICAgPGc+CiAgICAgICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTU5OC43LDQwNC4zYzEwLjQsMTAuNCwxNS42LDI2LDE1LjYsNDYuOHY2MC4zYzAsMTEuMy05LjIsMjAuNS0yMC41LDIwLjVoMGMtMTEuMywwLTIwLjUtOS4yLTIwLjUtMjAuNXYtNTRjMC0xMS4yLTIuMy0xOS41LTctMjUtNC42LTUuNS0xMS4yLTguMy0xOS44LTguM3MtMTcuMiwzLjEtMjIuOCw5LjNjLTUuNiw2LjItOC40LDE1LjQtOC40LDI3Ljd2NTAuNGMwLDExLjMtOS4yLDIwLjUtMjAuNSwyMC41aDBjLTExLjMsMC0yMC41LTkuMi0yMC41LTIwLjV2LTU0YzAtMjIuMi04LjktMzMuMy0yNi44LTMzLjNzLTE3LDMuMS0yMi42LDkuM2MtNS42LDYuMi04LjQsMTUuNC04LjQsMjcuN3Y1MC40YzAsMTEuMy05LjIsMjAuNS0yMC41LDIwLjVoMGMtMTEuMywwLTIwLjUtOS4yLTIwLjUtMjAuNXYtODYuNmMwLTE4LjgsMTUuMy0zNC4xLDM0LjEtMzQuMWgwYzIuOCwwLDUsMi4yLDUsNWgwYzAsNC4xLDQuNiw2LjQsNy45LDRzNy4yLTQuNywxMS4zLTYuNGM3LjYtMy4xLDE2LTQuNywyNS00LjdzMTksMiwyNyw1LjljNi4zLDMuMSwxMS42LDcuMywxNiwxMi41czUuMywyLjMsNy4zLjJjNS01LjIsMTEtOS40LDE4LTEyLjYsOC44LTQsMTguNS02LDI5LTYsMTcuNywwLDMxLjcsNS4yLDQyLjEsMTUuNloiLz4KICAgICAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjc5LjgsNTI0LjdjLTExLjgtNi4yLTIxLTE0LjgtMjcuNy0yNS44LTYuNi0xMS0xMC0yMy41LTEwLTM3LjVzMy4zLTI2LjUsMTAtMzcuNWM2LjYtMTEsMTUuOS0xOS42LDI3LjctMjUuOCwxMS44LTYuMiwyNS4xLTkuMyw0MC05LjNzMjguMSwzLjEsMzkuOSw5LjNjMTEuNyw2LjIsMjAuOSwxNC44LDI3LjUsMjUuOCw2LjYsMTEsMTAsMjMuNSwxMCwzNy41cy0zLjMsMjYuNS0xMCwzNy41Yy02LjYsMTEtMTUuOCwxOS42LTI3LjUsMjUuOC0xMS43LDYuMi0yNSw5LjMtMzkuOSw5LjNzLTI4LjItMy4xLTQwLTkuM1oiLz4KICAgICAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTQ5LjksNDE2bC00MC43LDk2LjVjLTUsMTEuOC0xNi41LDE5LjQtMjkuMywxOS40aDBjLTEyLjgsMC0yNC40LTcuNy0yOS4zLTE5LjVsLTQwLjUtOTYuNWMtNS0xMS45LDMuOC0yNS4xLDE2LjctMjUuMWgyLjhjNy40LDAsMTQsNC41LDE2LjgsMTEuM2wyOS45LDczLjZjMS43LDQuMSw3LjUsNC4xLDkuMiwwbDMxLjEtNzMuOGMyLjgtNi43LDkuNC0xMS4xLDE2LjctMTEuMWgwYzEzLDAsMjEuNywxMy4yLDE2LjcsMjUuMloiLz4KICAgICAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEwMC4yLDQ3Mi45aC04OS4zYy0zLjYsMC02LDMuNy00LjYsNywyLjQsNS41LDYuMiwxMC4xLDExLjQsMTMuNyw3LjIsNS4xLDE2LjEsNy42LDI2LjgsNy42czEzLjktMS4xLDE5LjUtMy4zYzEuOS0uNywzLjgtMS42LDUuNi0yLjYsNi43LTMuOCwxNS4xLTIuNSwyMC4zLDMuMmgwYzcuMiw3LjgsNS4zLDIwLjMtMy45LDI1LjZzLTI1LjcsMTAtNDIuNiwxMC0zMC0zLjEtNDIuMi05LjNjLTEyLjItNi4yLTIxLjctMTQuOC0yOC4zLTI1LjgtNi42LTExLTEwLTIzLjUtMTAtMzcuNXMzLjMtMjYuMyw5LjgtMzcuNGM2LjYtMTEuMSwxNS42LTE5LjgsMjctMjYsMTEuNS02LjIsMjQuMy05LjMsMzguNC05LjNzMjYuMywzLDM3LjUsOC45YzExLjIsNS45LDIwLDE0LjUsMjYuNCwyNS42LDYuNCwxMS4xLDkuNiwyNCw5LjYsMzguN3MwLDAsMCwuMWMtLjIsNi4xLTUuMywxMC45LTExLjQsMTAuOVpNMTAxNS4xLDQyNy42YzAsMC0uMi4yLS4zLjItOC41LDcuMy0zLjIsMjEuMyw4LDIxLjNoMzAuOGMxMS4yLDAsMTYuNS0xMy45LDguMS0yMS4yLDAsMC0uMS0uMS0uMi0uMi02LjMtNS4zLTE0LTgtMjMuMS04cy0xNywyLjYtMjMuMyw3LjlaIi8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+CiAgPGcgaWQ9IkNhcGFfMSIgY2xhc3M9InN0MiI+CiAgICA8cGF0aCBkPSJNMTAyOC4yLDQ0Ni40Yy00LjctMy42LTExLTYuOS0xNy4yLTEwLTUwLjYtMjEuOC03NS41LTYxLjctNzYuMS0xMTcuMy0xLjQtMjQuMywyLjEtNTAuNS01LjQtNzMuNy01LjktMTguNS0yNS4yLTMwLjQtNDQtMjUuMi0yMSw1LjUtMzYuNSwyNS41LTQ5LjcsNDIuMS02LjMsNy45LTEzLjYsMTctMjMuNywxOC43LTUuOCwxLTEyLjMtLjItMTkuMy0yLjQtMTAuMy0zLjQtMjEuMS03LjQtMzEuNy0xMC42LTI2LjctOC41LTUzLjctMTIuOS04MS43LTE1LjgtMjkuMS0yLjctNTguMy01LjEtODcuNC0yLjMtNjcuMyw2LjEtMTM0LjEsMjAuOC0xOTYuNyw0Ny4xLTI1LjIsMTAuOC00OS43LDI1LjEtNzMuNywzNy43LTI3LjgsMTYuMi03NC43LDQyLjMtNzUuNyw3OC4zLS44LDE1LjEsNi44LDMyLDIyLjYsMzMuMiwxMS43LDEuMSwyMy40LTMuNSwzNC42LTYuNyw5LjItMywxOC4yLTUuOCwyNy41LTguNyw0NC4xLTEzLjgsODgtMjkuMSwxMzQtMzQuOSwxNC0yLDI4LjQtMy40LDQyLjgtMy4zLDEzLjQtLjMsMjYuOSw1LjIsMzEuNSwxOC4yLDUuMSwxMy40LDQuOCwzMS42LDUuOSw0Ni41LDEsMTcuNS0zLjgsMzAtMjQuNCwyOS45LTE3LjktLjQtMzYuNC0xLjItNTEuNC05LTQuNi0yLjUtOS41LTQuOS0xMi40LTkuMi0xLjgtMS45LTQuNy0xMC02LjgtNC43LTEuOCwxMiw0LDI1LjksMTIuMSwzNSwxMy41LDE1LjYsMzIuNSwyNi4yLDUyLjEsMzIuNCwxNS41LDQuNiwzMS41LDguOCwzNS4xLDI2LjcsMy44LDIxLjUsNC41LDUxLjQsMjAuOSw2OSwyMS42LDE5LjEsMjUuMy0zNy44LDI4LjgtNTAuNCwxLjUtOSw0LjYtMjAuMywxMC40LTI1LjgsNy4yLTcuNiwxOS04LDI5LjEtOC40LDguNy0uNCwxNy4xLTEuNCwyNi4xLTIuNyw1OS41LTksMTMzLjYtMzUsMTgwLjMtNzMuMywxOS4zLTE3LjQsMzguOC0zOCw0MC40LTY1LjUsMS4yLTIwLjYtNi41LTQxLjItMTUuNi01OS43LTUuOS0xMS42LTE1LjktMjQuMS0xNi0zNi42LS40LTEwLjMsNS41LTE5LjYsMTEuNS0yNy43LDgtMTAuNSwxNi43LTIwLjksMjIuMi0yMi4xLDkuNi0xLjYsNi42LDIzLjEsNywzMC45LS4zLDEwLjYtLjcsMjEuMy0uOCwzMC45LTMuOSw3OC43LDQxLjEsMTQ0LjEsMTIyLjksMTQ4LjgsMTQuOS44LDI5LTYuMiwxMS45LTE5LjFoLS4xWk01MzcuNSwzMzUuNWMtNC4zLDUuNi0xMi4zLDYuMS0xOS40LDUuNS02LS41LTEyLjItMS4xLTE4LjMtMS4zLTIzLjctLjYtNDcuOSw0LjMtNzEuMSw5LTExLjgsMi4zLTI0LjcsNi0zNi4xLDcuOS0zLC40LTQuMiwwLTMuMS0uOSw3LjQtNS4yLDE5LjYtOS4yLDI4LjUtMTMsMjEuMi04LjEsNDEuOS0xNi4yLDYzLjktMjIuNiw3LjgtMi4zLDE1LjctNC4zLDIzLjctNi4yLDguOS0xLjksMTkuOS00LjgsMjcuOS0uNCw3LjUsNC40LDkuNSwxNS4yLDQuMSwyMS44aDBaTTU4MS44LDQ3NS4zYy01LDIzLTExLDQtMTMuNC04LjUtMi42LTEzLjktNi0zMi04LjctNDYuOS0uNi00LjctNC4xLTE5LjUsMi4zLTE5LjEsNy45LDIuMSwxNC44LDE0LjMsMTcuNiwyMi44LDIuNSw3LjgsMy4zLDE2LDMuNSwyNC4xLjEsOC44LjQsMTktMS4yLDI3LjR2LjJaTTg0NC44LDM1OC44YzExLjYsMTguNS05LDM4LjctMjIuMSw1MC40LTguNSw3LjMtMTcuNywxNC4zLTI3LjMsMjAuMy0xNC45LDkuMi0zMS4yLDE2LjEtNDcuMywyMi42LTE3LDctMzQuNiwxMy40LTUyLjMsMTguNi0xOS43LDYuMi00MCwxMC02MC41LDEyLjItMjIuNCwyLjItMzAuMy00LjQtMzMuNy0yNi43LTUuNC0zMS0xMC41LTY0LjktMzAuNi04OS4xLTMuNS00LjItNy4zLTguMy0xMC43LTEyLjUtMTEuNy0xMy43LTE5LjQtMzQuNS0xLTQ1LjksNS4zLTMuMSwxMi4xLTQuNSwxOC41LTUuMywxNS40LTEuNywzMC44LTMsNDUuOS0zLjUsOC4xLS4yLDE1LjguMiwyNC4xLjUsMTcuOS42LDM2LjYsMi4yLDU0LjIsNS4yLDE3LjEsMy4xLDMyLjgsNi41LDUwLjEsMTAuNSwxNi41LDQuMSwzOS42LDcuOSwzMi45LDMwLjUtMS42LDUuOC00LjMsMTEuNC03LDE2LjgtNC45LDkuMS0xMi44LDI4LTIyLjgsMjQuOS04LjgtMy45LTEzLTIzLjktMTcuNS0zMi44LTkuNS0yMi41LTI3LjktMzkuOC00NC44LTEyLjMtNCw2LjMtNy41LDEzLjQtMTAuNywyMC4zLTEzLjcsMjkuNi0yNS4yLDU4LjMtNDEuMSw4Ni4yLTIuNiw1LjMtNi45LDEzLjctNC41LDE3LjksMS41LDEuNiwzLjcuNSw1LjQtLjQsOC4yLTUuMSwxMy42LTE1LjQsMTguMy0yNCw5LjctMTguNiwxOS4xLTM3LjQsMjguOC01NiwzLTUuMiw4LjYtMTcuOSwxNC43LTE4LDIuOS0uMyw2LjMsNi4xLDguMSwxMC45LDMsNy41LDYuMiwxNywxMS4zLDI0LjEsOS40LDEzLjksMjYuOSwyMC44LDQzLjIsMTgsMTcuNi0yLjgsMjguNC0xNy4xLDM2LjktMzIuNiw2LjktMTEuMywxMi0yNy44LDIzLTM0LjQsNi4yLTMuNywxNC42LTIuNiwxOC43LDMuN2gwWiIvPgogIDwvZz4KICA8ZyBpZD0iQ2FwYV8zIj4KICAgIDxnPgogICAgICA8cGF0aCBkPSJNMjcwLjMsMzE1LjJjMTUuOSwyMiw3Ny43LDM3LjIsMTAzLjEsNDIuOSwxNTIuNCwyNy44LDQyOCw1NS42LDU1NC40LTUxLjksNTAuMS01MS01LjktODcuMS00NS4xLTEwOC0xNDYuMy03MS44LTM4Ny41LTEwOC01MzkuOC00Ny42LTMyLjMsMTQuOS02Mi40LDQwLjMtMTguNiw2OC44LDQ3LjYsMzIuMiwyNjUuNiw0Ni41LDMwMi40LDMuNSwxLjYtNy0xMy4xLTYtMTguMy01LjktNjAsNC40LTEyMC42LDYuMi0xODAuNywxLjgtMTUtMS43LTkxLjQtNS4yLTkyLjktMjMuMy0uNy02LjMsNC40LTEyLjMsMTEuOC0xNy45LDEyNC45LTY0LjEsMzQ0LjQtMzkuNCw0NzMuMSwxMi43LDQ1LjEsMTkuMyw2Niw0Mi43LDE3LjMsODAuNy0xMzQuOSw4OC4xLTM5OCw3Ni41LTU0OCw0NC4yLTQuOS0uOS0xOC4yLTUtMTguNy0uMmgwWiIvPgogICAgICA8cGF0aCBkPSJNMTMwNS43LDQxNS4zYy0yOS4yLDQ3LjQtMTgxLjUtMTE0LjktMjIzLTEzMC42LTI1LjUtMTIuMi0zNC44LDIxLjQtNDguMiw0Mi45LTExLjksMjEuMy0zMy41LDM0LjMtNTIuNywxOS43LTE5LjktMTUuOS04LjQtNDQuNiwxLjctNjQuOCw1LjctMTQuMSwyNS43LTQyLjMsMTMuOS01My4zLTMzLjctMjYuNC0xMDcuNC03NS42LTE0MC42LTk5LjctMi0xLjQtMy43LTIuNy01LTMuOC0yLjUtMi0zLjYtMy40LTMuMy00LjIuNC0xLjEsNC0uOSw5LjguMiw0Ny4xLDkuOCw5MC41LDM4LjUsMTMzLjksNjMuMiw4LjksNC45LDE5LjUsMTAuNiwyOSw4LjEsMTUuOC01LjEsMjEtMjQuNSwzMS00MS4xLDQuMy03LjYsOC45LTE0LjUsMTQuMS0xOS40LDE4LjYtMTguMiwzOC43LTIuOCwzNi45LDI2LS42LDE5LjMtOC45LDQyLjctMTMuOCw1OC42LTcuNiwyMi4yLDIuNSwzMCwxOC40LDM5LjIsNTEuOSwzMCw5OS44LDY0LjIsMTQ4LjEsMTAyLjksMTEuOCwxMSw1My44LDM4LDQ5LjksNTUuOXYuM1oiLz4KICAgICAgPHBhdGggZD0iTTIwOS43LDM3OC4xYy45LDcuNy0xMi4yLDEzLTIxLjEsMTUuOS00MC42LDEzLjMtNzguNywzNS4xLTEwMC4yLDY1LjUtMjEuNywyOC4xLTIyLjYsNjguMi0yNi4xLDEwNi40LS43LDIwLjktNiw0NywyLjUsNjcsNC42LDEwLjMsMTUuOCwxNi4xLDI3LDE0LjksMjAuMi0xLjYsMzEuOS0yMi43LDM0LjQtMzkuOSw3LjUtNjkuMS0xMi42LTE0Ny44LDU0LjktMTg1LjIsMTItNywyNS40LTEyLDQwLjItMTUuNSwxOS40LTUuNSw1My01LjgsNjAuNy0yMS4zLDcuNC0yNS43LTU1LjMtNDYuOS00OC42LTgxLjMsNi40LTMxLjEsNTcuNS00NS44LDk0LjQtMjUuNCwxOS44LDkuNywzNy44LDM4LjksNTIuMSwyMS43LDE0LjktMjUuOC0yMS41LTQ3LjUtNTIuNC00OS41LTYwLjYtNC44LTEzNy43LDE1LjQtMTQ0LjIsNjgtLjMsNS40LjUsMTEsMi41LDE2LjUsNS4yLDE2LDIyLDI4LDI0LjIsNDEuOHYuM1oiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==') no-repeat center / contain;
    mask: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMzY2IDc2OCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4wIEJ1aWxkIDE4NikgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiBub25lOwogICAgICAgIHN0cm9rZTogIzAwMDsKICAgICAgICBzdHJva2Utd2lkdGg6IDEwcHg7CiAgICAgIH0KCiAgICAgIC5zdDEgewogICAgICAgIG9wYWNpdHk6IC4yOwogICAgICB9CgogICAgICAuc3QyIHsKICAgICAgICBkaXNwbGF5OiBub25lOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8ZyBpZD0iQ2FwYV8yIiBjbGFzcz0ic3QyIj4KICAgIDxpbWFnZSBjbGFzcz0ic3QxIiB3aWR0aD0iNDE5IiBoZWlnaHQ9IjIyMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg4LjEgMTg4KSBzY2FsZSgyLjMpIiB4bGluazpocmVmPSIuLi8uLi8uLi8uLi8uLi9Eb3dubG9hZHMvQ29waWEgZGUgbW92ZS5wbmciLz4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBkPSJNMzIyLjcsMjQ4LjZ2OTJjMCw4LjktNy4yLDE2LjEtMTYuMSwxNi4xaDBjLTEuMywwLTIuMy0xLTIuMy0yLjNoMGMwLTEuOS0yLjItMy0zLjctMS44LTQuNCwzLjQtMTAuMiw1LjEtMTcuMSw1LjFzLTExLjktMS40LTE3LTQuMmMtNS4xLTIuOC05LjEtNi44LTExLjktMTItMi45LTUuMi00LjMtMTEuMi00LjMtMTguMXMxLjQtMTIuOSw0LjMtMTguMWMyLjktNS4yLDYuOS05LjIsMTEuOS0xMiw1LjEtMi44LDEwLjctNC4yLDE3LTQuMnMxMS45LDEuNiwxNi4zLDQuNywzLjcsMCwzLjctMS44di00My41YzAtNS4zLDQuMy05LjcsOS43LTkuN2gwYzUuMywwLDkuNyw0LjMsOS43LDkuN1pNMjk5LDMzNi45YzMuMi0zLjMsNC44LTcuOCw0LjgtMTMuNHMtMS42LTEwLjEtNC44LTEzLjRjLTMuMi0zLjMtNy4zLTUtMTIuMS01cy05LDEuNy0xMi4zLDVjLTMuMiwzLjMtNC44LDcuOC00LjgsMTMuNHMxLjYsMTAuMSw0LjgsMTMuNGMzLjIsMy4zLDcuMyw1LDEyLjMsNXM4LjktMS43LDEyLjEtNVoiLz4KICAgICAgICA8cGF0aCBkPSJNNDAwLjQsMzI4LjloLTM1LjljLTUuMiwwLTcuNCw2LjYtMy4yLDkuN3MwLDAsLjEuMWMzLjQsMi40LDcuNiwzLjYsMTIuNiwzLjZzNi41LS41LDkuMi0xLjVjMS40LS41LDIuNy0xLjIsNC0yLjEsMi4yLTEuNCw1LjEtMS4xLDYuOS44bDMuMywzLjZjMi4yLDIuNCwxLjgsNi0uOCw4LTUuOSw0LjUtMTMuNiw2LjctMjMuMSw2LjdzLTE0LjItMS41LTE5LjktNC40Yy01LjgtMi45LTEwLjItNy0xMy40LTEyLjItMy4xLTUuMi00LjctMTEuMS00LjctMTcuN3MxLjUtMTIuNCw0LjYtMTcuNmMzLjEtNS4yLDcuMy05LjMsMTIuNy0xMi4zLDUuNC0yLjksMTEuNC00LjQsMTguMS00LjRzMTIuNCwxLjQsMTcuNyw0LjJjNS4zLDIuOCw5LjQsNi44LDEyLjQsMTIuMSwzLDUuMiw0LjUsMTEuMyw0LjUsMTguM3MwLDAsMCwwYy0uMSwyLjktMi41LDUuMS01LjQsNS4xWk0zNjAuMiwzMDcuNWMtLjQuMy0uNy42LTEuMSwxLTMuNCwzLjQtMSw5LjIsMy44LDkuMmgxNi4zYzQuOCwwLDcuMi01LjgsMy44LTkuMXMtLjctLjYtMS0uOWMtMy0yLjUtNi42LTMuOC0xMC45LTMuOHMtOCwxLjItMTEsMy43WiIvPgogICAgICAgIDxwYXRoIGQ9Ik00MjQuOCwzNTUuN2MtMi0uNS0zLjktMS4xLTUuNi0xLjctNC0xLjQtNS45LTYtNC4xLTkuOGwuNC0uOGMxLjYtMy41LDUuNy01LDkuMi0zLjZzMywxLjEsNC42LDEuNmM0LjIsMS4yLDguMywxLjgsMTIuNCwxLjgsOC4yLDAsMTIuMy0yLDEyLjMtNi4xcy0xLjEtMy4zLTMuMy00LjFjLTIuMi0uOC01LjctMS41LTEwLjMtMi4xLTUuNC0uOC05LjktMS44LTEzLjUtMi44LTMuNS0xLjEtNi42LTMtOS4yLTUuNy0yLjYtMi43LTMuOS02LjYtMy45LTExLjZzMS4yLTcuOSwzLjctMTEuMmMyLjQtMy4zLDYtNS44LDEwLjYtNy42LDQuNy0xLjgsMTAuMi0yLjcsMTYuNS0yLjdzOS40LjUsMTQsMS41YzEuNC4zLDIuNy43LDQsMSw0LjIsMS4zLDYuMyw2LDQuNSw5LjlsLS4zLjZjLTEuNiwzLjQtNS41LDQuOS05LDMuN3MtOC41LTIuMi0xMy4xLTIuMi03LjIuNi05LjMsMS43Yy0yLjEsMS4yLTMuMSwyLjYtMy4xLDQuNXMxLjEsMy41LDMuMyw0LjNjMi4yLjgsNS44LDEuNiwxMC42LDIuNCw1LjQuOSw5LjksMS45LDEzLjQsMi45LDMuNSwxLDYuNSwyLjksOSw1LjYsMi42LDIuNywzLjgsNi41LDMuOCwxMS40cy0xLjIsNy44LTMuNywxMWMtMi41LDMuMi02LjEsNS43LTEwLjgsNy41LTQuNywxLjgtMTAuNCwyLjctMTYuOSwyLjdzLTEwLjktLjctMTYuMi0yWiIvPgogICAgICAgIDxwYXRoIGQ9Ik00OTcuNCwzNTMuNGMtNS43LTIuOS0xMC4xLTctMTMuMi0xMi4yLTMuMi01LjItNC44LTExLjEtNC44LTE3LjdzMS42LTEyLjUsNC44LTE3LjdjMy4yLTUuMiw3LjYtOS4zLDEzLjItMTIuMiw1LjctMi45LDEyLTQuNCwxOS4xLTQuNHMxMy4xLDEuNSwxOC40LDQuNGMxLjgsMSwzLjUsMi4yLDQuOSwzLjUsNC4zLDMuOCwzLjMsMTAuOC0xLjcsMTMuNWwtLjUuM2MtMy4zLDEuOC03LjIsMS4xLTkuOS0xLjVzLTYuOC00LjMtMTEuMy00LjMtOS4yLDEuNy0xMi41LDUtNSw3LjgtNSwxMy41LDEuNiwxMC4yLDUsMTMuNWMzLjMsMy4zLDcuNSw1LDEyLjUsNXM4LjQtMS41LDExLjQtNC40LDYuNi0zLjEsOS44LTEuM2wuNC4yYzUsMi43LDYsOS43LDEuNywxMy41cy0zLDIuNC00LjgsMy40Yy01LjIsMy0xMS40LDQuNS0xOC40LDQuNXMtMTMuNS0xLjUtMTkuMS00LjRaIi8+CiAgICAgICAgPHBhdGggZD0iTTU2OS40LDM1My40Yy01LjYtMi45LTkuOS03LTEzLjEtMTIuMi0zLjEtNS4yLTQuNy0xMS4xLTQuNy0xNy43czEuNi0xMi41LDQuNy0xNy43YzMuMS01LjIsNy41LTkuMywxMy4xLTEyLjIsNS42LTIuOSwxMS45LTQuNCwxOC45LTQuNHMxMy4zLDEuNSwxOC44LDQuNGM1LjUsMi45LDkuOSw3LDEzLDEyLjIsMy4xLDUuMiw0LjcsMTEuMSw0LjcsMTcuN3MtMS42LDEyLjUtNC43LDE3LjdjLTMuMSw1LjItNy41LDkuMy0xMywxMi4yLTUuNSwyLjktMTEuOCw0LjQtMTguOCw0LjRzLTEzLjMtMS41LTE4LjktNC40Wk02MDAuNSwzMzYuOWMzLjItMy4zLDQuOC03LjgsNC44LTEzLjRzLTEuNi0xMC4xLTQuOC0xMy40Yy0zLjItMy4zLTcuMi01LTEyLjItNXMtOSwxLjctMTIuMyw1Yy0zLjIsMy4zLTQuOCw3LjgtNC44LDEzLjRzMS42LDEwLjEsNC44LDEzLjRjMy4yLDMuMyw3LjMsNSwxMi4zLDVzOS0xLjcsMTIuMi01WiIvPgogICAgICAgIDxwYXRoIGQ9Ik02OTMuOSwyOTMuNWM1LjEsMi44LDkuMSw2LjgsMTEuOSwxMiwyLjksNS4yLDQuMywxMS4yLDQuMywxOHMtMS40LDEyLjktNC4zLDE4Yy0yLjksNS4yLTYuOSw5LjItMTEuOSwxMi01LjEsMi44LTEwLjcsNC4zLTE2LjksNC4zcy0xMi44LTEuNy0xNy4zLTUuMS0zLjcsMC0zLjcsMS44aDBjMCwxLjMtMSwyLjMtMi4zLDIuM2gwYy04LjksMC0xNi4xLTcuMi0xNi4xLTE2LjF2LTkyYzAtNS4zLDQuMy05LjcsOS43LTkuN2gwYzUuMywwLDkuNyw0LjMsOS43LDkuN3Y0My41YzAsMS45LDIuMSwyLjksMy43LDEuOCw0LjQtMy4yLDkuOS00LjgsMTYuNC00LjhzMTEuOCwxLjQsMTYuOSw0LjNaTTY4NS45LDMzNi45YzMuMi0zLjMsNC44LTcuOCw0LjgtMTMuNHMtMS42LTEwLjEtNC44LTEzLjRjLTMuMi0zLjMtNy4yLTUtMTIuMi01cy05LDEuNy0xMi4yLDVjLTMuMiwzLjMtNC44LDcuOC00LjgsMTMuNHMxLjYsMTAuMSw0LjgsMTMuNGMzLjIsMy4zLDcuMiw1LDEyLjIsNXM5LTEuNywxMi4yLTVaIi8+CiAgICAgICAgPHBhdGggZD0iTTc1MC45LDI5MS43YzIuNy0xLjEsNS42LTEuOSw4LjktMi4yczQuNywxLjcsNC43LDQuM3Y4LjdjMCwyLjQtMS45LDQuMy00LjMsNC4zaDBjLTUuNSwwLTkuOSwxLjUtMTMsNC42LTMuMSwzLjEtNC43LDcuNy00LjcsMTMuOXYyMS44YzAsNS4zLTQuMyw5LjctOS43LDkuN2gwYy01LjMsMC05LjctNC4zLTkuNy05Ljd2LTQwLjhjMC04LjksNy4yLTE2LjEsMTYuMS0xNi4xaDBjMS4zLDAsMi4zLDEsMi4zLDIuM3YuN2MwLDEuOSwyLjIsMywzLjgsMS44czMuNS0yLjQsNS42LTMuM1oiLz4KICAgICAgICA8cGF0aCBkPSJNODM1LjIsMzI4LjloLTM1LjljLTUuMiwwLTcuNCw2LjctMy4yLDkuN3MwLDAsLjEuMWMzLjQsMi40LDcuNiwzLjYsMTIuNiwzLjZzNi41LS41LDkuMi0xLjVjMS40LS41LDIuNy0xLjIsNC0yLjEsMi4yLTEuNCw1LjEtMS4xLDYuOS44bDMuMywzLjZjMi4yLDIuNCwxLjgsNi0uOCw4LTUuOSw0LjUtMTMuNiw2LjctMjMuMSw2LjdzLTE0LjItMS41LTE5LjktNC40Yy01LjgtMi45LTEwLjItNy0xMy40LTEyLjItMy4xLTUuMi00LjctMTEuMS00LjctMTcuN3MxLjUtMTIuNCw0LjYtMTcuNmMzLjEtNS4yLDcuMy05LjMsMTIuNy0xMi4zLDUuNC0yLjksMTEuNC00LjQsMTguMS00LjRzMTIuNCwxLjQsMTcuNyw0LjJjNS4zLDIuOCw5LjQsNi44LDEyLjQsMTIuMSwzLDUuMiw0LjUsMTEuMyw0LjUsMTguM3MwLDAsMCwwYy0uMSwyLjktMi41LDUuMS01LjQsNS4xWk03OTUsMzA3LjVjLS40LjMtLjcuNi0xLjEsMS0zLjQsMy40LTEsOS4yLDMuOCw5LjJoMTYuM2M0LjgsMCw3LjItNS44LDMuOC05LjFzLS43LS42LTEtLjljLTMtMi41LTYuNi0zLjgtMTAuOS0zLjhzLTgsMS4yLTExLDMuN1oiLz4KICAgICAgICA8cGF0aCBkPSJNODU0LjQsMjc3LjhjLTIuMi0yLjEtMy4zLTQuNi0zLjMtNy43czEuMS01LjYsMy4zLTcuN2MyLjItMi4xLDUuMS0zLjEsOC43LTMuMXM2LjQsMSw4LjcsMywzLjMsNC41LDMuMyw3LjQtMS4xLDUuOS0zLjMsOGMtMi4yLDIuMS01LjEsMy4yLTguNywzLjJzLTYuNC0xLTguNy0zLjFaTTg2MywyOTAuMmgwYzUuMywwLDkuNyw0LjMsOS43LDkuN3Y0Ny4zYzAsNS4zLTQuMyw5LjctOS43LDkuN2gwYy01LjMsMC05LjctNC4zLTkuNy05Ljd2LTQ3LjNjMC01LjMsNC4zLTkuNyw5LjctOS43WiIvPgogICAgICAgIDxwYXRoIGQ9Ik05MzAuNSwzNTMuNGwtNS42LTcuOWMtMy4yLTQuNS05LjktNC42LTEzLjItLjFsLTYsOC4xYy0xLjUsMi4xLTQsMy4zLTYuNiwzLjNoLS40Yy02LjgsMC0xMC42LTcuNy02LjUtMTMuMWwxMS45LTE1LjVjMi4yLTIuOSwyLjItNi45LDAtOS44bC0xMS4zLTE1LjFjLTQtNS40LS4yLTEzLDYuNS0xM2gxLjJjMi42LDAsNS4xLDEuMyw2LjYsMy40bDUuMiw3LjFjMy4yLDQuNSw5LjksNC41LDEzLjEsMGw1LjQtNy4zYzEuNS0yLjEsNC0zLjMsNi41LTMuM2gwYzYuNywwLDEwLjYsNy43LDYuNSwxMy4xbC0xMSwxNC41Yy0yLjIsMi45LTIuMiw2LjksMCw5LjlsMTIuMSwxNmM0LjEsNS40LjIsMTMuMS02LjUsMTMuMWgtMS4zYy0yLjYsMC01LjEtMS4zLTYuNi0zLjRaIi8+CiAgICAgIDwvZz4KICAgICAgPGc+CiAgICAgICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTU5OC43LDQwNC4zYzEwLjQsMTAuNCwxNS42LDI2LDE1LjYsNDYuOHY2MC4zYzAsMTEuMy05LjIsMjAuNS0yMC41LDIwLjVoMGMtMTEuMywwLTIwLjUtOS4yLTIwLjUtMjAuNXYtNTRjMC0xMS4yLTIuMy0xOS41LTctMjUtNC42LTUuNS0xMS4yLTguMy0xOS44LTguM3MtMTcuMiwzLjEtMjIuOCw5LjNjLTUuNiw2LjItOC40LDE1LjQtOC40LDI3Ljd2NTAuNGMwLDExLjMtOS4yLDIwLjUtMjAuNSwyMC41aDBjLTExLjMsMC0yMC41LTkuMi0yMC41LTIwLjV2LTU0YzAtMjIuMi04LjktMzMuMy0yNi44LTMzLjNzLTE3LDMuMS0yMi42LDkuM2MtNS42LDYuMi04LjQsMTUuNC04LjQsMjcuN3Y1MC40YzAsMTEuMy05LjIsMjAuNS0yMC41LDIwLjVoMGMtMTEuMywwLTIwLjUtOS4yLTIwLjUtMjAuNXYtODYuNmMwLTE4LjgsMTUuMy0zNC4xLDM0LjEtMzQuMWgwYzIuOCwwLDUsMi4yLDUsNWgwYzAsNC4xLDQuNiw2LjQsNy45LDRzNy4yLTQuNywxMS4zLTYuNGM3LjYtMy4xLDE2LTQuNywyNS00LjdzMTksMiwyNyw1LjljNi4zLDMuMSwxMS42LDcuMywxNiwxMi41czUuMywyLjMsNy4zLjJjNS01LjIsMTEtOS40LDE4LTEyLjYsOC44LTQsMTguNS02LDI5LTYsMTcuNywwLDMxLjcsNS4yLDQyLjEsMTUuNloiLz4KICAgICAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjc5LjgsNTI0LjdjLTExLjgtNi4yLTIxLTE0LjgtMjcuNy0yNS44LTYuNi0xMS0xMC0yMy41LTEwLTM3LjVzMy4zLTI2LjUsMTAtMzcuNWM2LjYtMTEsMTUuOS0xOS42LDI3LjctMjUuOCwxMS44LTYuMiwyNS4xLTkuMyw0MC05LjNzMjguMSwzLjEsMzkuOSw5LjNjMTEuNyw2LjIsMjAuOSwxNC44LDI3LjUsMjUuOCw2LjYsMTEsMTAsMjMuNSwxMCwzNy41cy0zLjMsMjYuNS0xMCwzNy41Yy02LjYsMTEtMTUuOCwxOS42LTI3LjUsMjUuOC0xMS43LDYuMi0yNSw5LjMtMzkuOSw5LjNzLTI4LjItMy4xLTQwLTkuM1oiLz4KICAgICAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTQ5LjksNDE2bC00MC43LDk2LjVjLTUsMTEuOC0xNi41LDE5LjQtMjkuMywxOS40aDBjLTEyLjgsMC0yNC40LTcuNy0yOS4zLTE5LjVsLTQwLjUtOTYuNWMtNS0xMS45LDMuOC0yNS4xLDE2LjctMjUuMWgyLjhjNy40LDAsMTQsNC41LDE2LjgsMTEuM2wyOS45LDczLjZjMS43LDQuMSw3LjUsNC4xLDkuMiwwbDMxLjEtNzMuOGMyLjgtNi43LDkuNC0xMS4xLDE2LjctMTEuMWgwYzEzLDAsMjEuNywxMy4yLDE2LjcsMjUuMloiLz4KICAgICAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEwMC4yLDQ3Mi45aC04OS4zYy0zLjYsMC02LDMuNy00LjYsNywyLjQsNS41LDYuMiwxMC4xLDExLjQsMTMuNyw3LjIsNS4xLDE2LjEsNy42LDI2LjgsNy42czEzLjktMS4xLDE5LjUtMy4zYzEuOS0uNywzLjgtMS42LDUuNi0yLjYsNi43LTMuOCwxNS4xLTIuNSwyMC4zLDMuMmgwYzcuMiw3LjgsNS4zLDIwLjMtMy45LDI1LjZzLTI1LjcsMTAtNDIuNiwxMC0zMC0zLjEtNDIuMi05LjNjLTEyLjItNi4yLTIxLjctMTQuOC0yOC4zLTI1LjgtNi42LTExLTEwLTIzLjUtMTAtMzcuNXMzLjMtMjYuMyw5LjgtMzcuNGM2LjYtMTEuMSwxNS42LTE5LjgsMjctMjYsMTEuNS02LjIsMjQuMy05LjMsMzguNC05LjNzMjYuMywzLDM3LjUsOC45YzExLjIsNS45LDIwLDE0LjUsMjYuNCwyNS42LDYuNCwxMS4xLDkuNiwyNCw5LjYsMzguN3MwLDAsMCwuMWMtLjIsNi4xLTUuMywxMC45LTExLjQsMTAuOVpNMTAxNS4xLDQyNy42YzAsMC0uMi4yLS4zLjItOC41LDcuMy0zLjIsMjEuMyw4LDIxLjNoMzAuOGMxMS4yLDAsMTYuNS0xMy45LDguMS0yMS4yLDAsMC0uMS0uMS0uMi0uMi02LjMtNS4zLTE0LTgtMjMuMS04cy0xNywyLjYtMjMuMyw3LjlaIi8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+CiAgPGcgaWQ9IkNhcGFfMSIgY2xhc3M9InN0MiI+CiAgICA8cGF0aCBkPSJNMTAyOC4yLDQ0Ni40Yy00LjctMy42LTExLTYuOS0xNy4yLTEwLTUwLjYtMjEuOC03NS41LTYxLjctNzYuMS0xMTcuMy0xLjQtMjQuMywyLjEtNTAuNS01LjQtNzMuNy01LjktMTguNS0yNS4yLTMwLjQtNDQtMjUuMi0yMSw1LjUtMzYuNSwyNS41LTQ5LjcsNDIuMS02LjMsNy45LTEzLjYsMTctMjMuNywxOC43LTUuOCwxLTEyLjMtLjItMTkuMy0yLjQtMTAuMy0zLjQtMjEuMS03LjQtMzEuNy0xMC42LTI2LjctOC41LTUzLjctMTIuOS04MS43LTE1LjgtMjkuMS0yLjctNTguMy01LjEtODcuNC0yLjMtNjcuMyw2LjEtMTM0LjEsMjAuOC0xOTYuNyw0Ny4xLTI1LjIsMTAuOC00OS43LDI1LjEtNzMuNywzNy43LTI3LjgsMTYuMi03NC43LDQyLjMtNzUuNyw3OC4zLS44LDE1LjEsNi44LDMyLDIyLjYsMzMuMiwxMS43LDEuMSwyMy40LTMuNSwzNC42LTYuNyw5LjItMywxOC4yLTUuOCwyNy41LTguNyw0NC4xLTEzLjgsODgtMjkuMSwxMzQtMzQuOSwxNC0yLDI4LjQtMy40LDQyLjgtMy4zLDEzLjQtLjMsMjYuOSw1LjIsMzEuNSwxOC4yLDUuMSwxMy40LDQuOCwzMS42LDUuOSw0Ni41LDEsMTcuNS0zLjgsMzAtMjQuNCwyOS45LTE3LjktLjQtMzYuNC0xLjItNTEuNC05LTQuNi0yLjUtOS41LTQuOS0xMi40LTkuMi0xLjgtMS45LTQuNy0xMC02LjgtNC43LTEuOCwxMiw0LDI1LjksMTIuMSwzNSwxMy41LDE1LjYsMzIuNSwyNi4yLDUyLjEsMzIuNCwxNS41LDQuNiwzMS41LDguOCwzNS4xLDI2LjcsMy44LDIxLjUsNC41LDUxLjQsMjAuOSw2OSwyMS42LDE5LjEsMjUuMy0zNy44LDI4LjgtNTAuNCwxLjUtOSw0LjYtMjAuMywxMC40LTI1LjgsNy4yLTcuNiwxOS04LDI5LjEtOC40LDguNy0uNCwxNy4xLTEuNCwyNi4xLTIuNyw1OS41LTksMTMzLjYtMzUsMTgwLjMtNzMuMywxOS4zLTE3LjQsMzguOC0zOCw0MC40LTY1LjUsMS4yLTIwLjYtNi41LTQxLjItMTUuNi01OS43LTUuOS0xMS42LTE1LjktMjQuMS0xNi0zNi42LS40LTEwLjMsNS41LTE5LjYsMTEuNS0yNy43LDgtMTAuNSwxNi43LTIwLjksMjIuMi0yMi4xLDkuNi0xLjYsNi42LDIzLjEsNywzMC45LS4zLDEwLjYtLjcsMjEuMy0uOCwzMC45LTMuOSw3OC43LDQxLjEsMTQ0LjEsMTIyLjksMTQ4LjgsMTQuOS44LDI5LTYuMiwxMS45LTE5LjFoLS4xWk01MzcuNSwzMzUuNWMtNC4zLDUuNi0xMi4zLDYuMS0xOS40LDUuNS02LS41LTEyLjItMS4xLTE4LjMtMS4zLTIzLjctLjYtNDcuOSw0LjMtNzEuMSw5LTExLjgsMi4zLTI0LjcsNi0zNi4xLDcuOS0zLC40LTQuMiwwLTMuMS0uOSw3LjQtNS4yLDE5LjYtOS4yLDI4LjUtMTMsMjEuMi04LjEsNDEuOS0xNi4yLDYzLjktMjIuNiw3LjgtMi4zLDE1LjctNC4zLDIzLjctNi4yLDguOS0xLjksMTkuOS00LjgsMjcuOS0uNCw3LjUsNC40LDkuNSwxNS4yLDQuMSwyMS44aDBaTTU4MS44LDQ3NS4zYy01LDIzLTExLDQtMTMuNC04LjUtMi42LTEzLjktNi0zMi04LjctNDYuOS0uNi00LjctNC4xLTE5LjUsMi4zLTE5LjEsNy45LDIuMSwxNC44LDE0LjMsMTcuNiwyMi44LDIuNSw3LjgsMy4zLDE2LDMuNSwyNC4xLjEsOC44LjQsMTktMS4yLDI3LjR2LjJaTTg0NC44LDM1OC44YzExLjYsMTguNS05LDM4LjctMjIuMSw1MC40LTguNSw3LjMtMTcuNywxNC4zLTI3LjMsMjAuMy0xNC45LDkuMi0zMS4yLDE2LjEtNDcuMywyMi42LTE3LDctMzQuNiwxMy40LTUyLjMsMTguNi0xOS43LDYuMi00MCwxMC02MC41LDEyLjItMjIuNCwyLjItMzAuMy00LjQtMzMuNy0yNi43LTUuNC0zMS0xMC41LTY0LjktMzAuNi04OS4xLTMuNS00LjItNy4zLTguMy0xMC43LTEyLjUtMTEuNy0xMy43LTE5LjQtMzQuNS0xLTQ1LjksNS4zLTMuMSwxMi4xLTQuNSwxOC41LTUuMywxNS40LTEuNywzMC44LTMsNDUuOS0zLjUsOC4xLS4yLDE1LjguMiwyNC4xLjUsMTcuOS42LDM2LjYsMi4yLDU0LjIsNS4yLDE3LjEsMy4xLDMyLjgsNi41LDUwLjEsMTAuNSwxNi41LDQuMSwzOS42LDcuOSwzMi45LDMwLjUtMS42LDUuOC00LjMsMTEuNC03LDE2LjgtNC45LDkuMS0xMi44LDI4LTIyLjgsMjQuOS04LjgtMy45LTEzLTIzLjktMTcuNS0zMi44LTkuNS0yMi41LTI3LjktMzkuOC00NC44LTEyLjMtNCw2LjMtNy41LDEzLjQtMTAuNywyMC4zLTEzLjcsMjkuNi0yNS4yLDU4LjMtNDEuMSw4Ni4yLTIuNiw1LjMtNi45LDEzLjctNC41LDE3LjksMS41LDEuNiwzLjcuNSw1LjQtLjQsOC4yLTUuMSwxMy42LTE1LjQsMTguMy0yNCw5LjctMTguNiwxOS4xLTM3LjQsMjguOC01NiwzLTUuMiw4LjYtMTcuOSwxNC43LTE4LDIuOS0uMyw2LjMsNi4xLDguMSwxMC45LDMsNy41LDYuMiwxNywxMS4zLDI0LjEsOS40LDEzLjksMjYuOSwyMC44LDQzLjIsMTgsMTcuNi0yLjgsMjguNC0xNy4xLDM2LjktMzIuNiw2LjktMTEuMywxMi0yNy44LDIzLTM0LjQsNi4yLTMuNywxNC42LTIuNiwxOC43LDMuN2gwWiIvPgogIDwvZz4KICA8ZyBpZD0iQ2FwYV8zIj4KICAgIDxnPgogICAgICA8cGF0aCBkPSJNMjcwLjMsMzE1LjJjMTUuOSwyMiw3Ny43LDM3LjIsMTAzLjEsNDIuOSwxNTIuNCwyNy44LDQyOCw1NS42LDU1NC40LTUxLjksNTAuMS01MS01LjktODcuMS00NS4xLTEwOC0xNDYuMy03MS44LTM4Ny41LTEwOC01MzkuOC00Ny42LTMyLjMsMTQuOS02Mi40LDQwLjMtMTguNiw2OC44LDQ3LjYsMzIuMiwyNjUuNiw0Ni41LDMwMi40LDMuNSwxLjYtNy0xMy4xLTYtMTguMy01LjktNjAsNC40LTEyMC42LDYuMi0xODAuNywxLjgtMTUtMS43LTkxLjQtNS4yLTkyLjktMjMuMy0uNy02LjMsNC40LTEyLjMsMTEuOC0xNy45LDEyNC45LTY0LjEsMzQ0LjQtMzkuNCw0NzMuMSwxMi43LDQ1LjEsMTkuMyw2Niw0Mi43LDE3LjMsODAuNy0xMzQuOSw4OC4xLTM5OCw3Ni41LTU0OCw0NC4yLTQuOS0uOS0xOC4yLTUtMTguNy0uMmgwWiIvPgogICAgICA8cGF0aCBkPSJNMTMwNS43LDQxNS4zYy0yOS4yLDQ3LjQtMTgxLjUtMTE0LjktMjIzLTEzMC42LTI1LjUtMTIuMi0zNC44LDIxLjQtNDguMiw0Mi45LTExLjksMjEuMy0zMy41LDM0LjMtNTIuNywxOS43LTE5LjktMTUuOS04LjQtNDQuNiwxLjctNjQuOCw1LjctMTQuMSwyNS43LTQyLjMsMTMuOS01My4zLTMzLjctMjYuNC0xMDcuNC03NS42LTE0MC42LTk5LjctMi0xLjQtMy43LTIuNy01LTMuOC0yLjUtMi0zLjYtMy40LTMuMy00LjIuNC0xLjEsNC0uOSw5LjguMiw0Ny4xLDkuOCw5MC41LDM4LjUsMTMzLjksNjMuMiw4LjksNC45LDE5LjUsMTAuNiwyOSw4LjEsMTUuOC01LjEsMjEtMjQuNSwzMS00MS4xLDQuMy03LjYsOC45LTE0LjUsMTQuMS0xOS40LDE4LjYtMTguMiwzOC43LTIuOCwzNi45LDI2LS42LDE5LjMtOC45LDQyLjctMTMuOCw1OC42LTcuNiwyMi4yLDIuNSwzMCwxOC40LDM5LjIsNTEuOSwzMCw5OS44LDY0LjIsMTQ4LjEsMTAyLjksMTEuOCwxMSw1My44LDM4LDQ5LjksNTUuOXYuM1oiLz4KICAgICAgPHBhdGggZD0iTTIwOS43LDM3OC4xYy45LDcuNy0xMi4yLDEzLTIxLjEsMTUuOS00MC42LDEzLjMtNzguNywzNS4xLTEwMC4yLDY1LjUtMjEuNywyOC4xLTIyLjYsNjguMi0yNi4xLDEwNi40LS43LDIwLjktNiw0NywyLjUsNjcsNC42LDEwLjMsMTUuOCwxNi4xLDI3LDE0LjksMjAuMi0xLjYsMzEuOS0yMi43LDM0LjQtMzkuOSw3LjUtNjkuMS0xMi42LTE0Ny44LDU0LjktMTg1LjIsMTItNywyNS40LTEyLDQwLjItMTUuNSwxOS40LTUuNSw1My01LjgsNjAuNy0yMS4zLDcuNC0yNS43LTU1LjMtNDYuOS00OC42LTgxLjMsNi40LTMxLjEsNTcuNS00NS44LDk0LjQtMjUuNCwxOS44LDkuNywzNy44LDM4LjksNTIuMSwyMS43LDE0LjktMjUuOC0yMS41LTQ3LjUtNTIuNC00OS41LTYwLjYtNC44LTEzNy43LDE1LjQtMTQ0LjIsNjgtLjMsNS40LjUsMTEsMi41LDE2LjUsNS4yLDE2LDIyLDI4LDI0LjIsNDEuOHYuM1oiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==') no-repeat center / contain;
    display: inline-block;
}

/* Menú Escritorio */
.nav-links {
    display: flex;
    list-style: none;
    gap: 30px;
}

.nav-links a {
    text-decoration: none;
    color: var(--negro);
    font-weight: 600;
    font-size: 0.9rem;
    transition: 0.3s;
}

.nav-links a:hover {
    color: var(--color-principal);
}

.nav-links li.admin-only-item {
    display: none;
}

body.is-admin .nav-links li.admin-only-item {
    display: block;
}

.btn-blog {
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Base style for active links (like the current Blog button) */
.nav-links a.nav-active,
.mobile-nav a.nav-active {
    background: var(--color-principal);
    color: var(--blanco) !important;
    padding: 8px 18px;
    border-radius: 10px;
    font-weight: 700;
}

.nav-links a.nav-active:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(var(--color-principal-rgb), 0.3);
    filter: brightness(1.1);
}

.btn-blog-mobile.nav-active {
    display: inline-block !important;
    background: var(--color-principal) !important;
    color: var(--blanco) !important;
    padding: 12px 24px !important;
    border-radius: 12px !important;
    text-align: center;
    margin-top: 10px;
    font-size: 1.2rem !important;
    transition: all 0.3s ease;
}

.btn-blog-mobile.nav-active:active {
    transform: scale(0.95);
}

/* Mobile Menu Items Extensions */
.mobile-settings-title {
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--color-principal);
    margin: 30px 0 15px 0;
    padding-top: 20px;
    border-top: 1px solid var(--border-color, rgba(0, 0, 0, 0.1));
}

.mobile-theme-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    margin-top: 20px;
    border-top: 1px solid var(--border-color, rgba(0, 0, 0, 0.1));
}

.theme-label {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.1rem;
    font-weight: 500;
}

/* Switch UI */
.switch-container {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 28px;
}

.switch-container input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked+.slider {
    background-color: var(--color-principal);
}

input:checked+.slider:before {
    transform: translateX(22px);
}

.cart-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--negro);
    display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 50%;
    transition: background 0.3s, color 0.3s;
}

.cart-btn:hover {
    background: var(--gris-claro);
    color: var(--color-principal);
}

/* Herramientas (Idiomas, Tema, Search) */
.nav-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

.nav-tools {
    display: flex;
    align-items: center;
    gap: 12px;
    /* Espacio uniforme entre iconos y separadores */
}

.divider {
    width: 1px;
    height: 18px;
    /* Altura sutil, no ocupa todo el alto de la barra */
    background-color: var(--borde);
    /* Gris muy suave */
    display: inline-block;
    margin: 0 4px;
}

.btn-icon,
.btn-theme,
.lang-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--negro);
    display: flex;
    align-items: center;
    transition: 0.3s;
}

/* ==========================================================================
   2. MENÚ MÓVIL FULL-SCREEN
   ========================================================================== */
.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--blanco);
    z-index: 2000;
    transform: translateY(-100%);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    display: flex;
    flex-direction: column;
}

.mobile-menu-overlay.active {
    transform: translateY(0);
}

.mobile-menu-header {
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-header-spacer {
    width: 28px;
    /* Same width as close button for balance */
}

.close-menu-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--negro);
    transition: transform 0.3s ease, color 0.3s ease;
}

.close-menu-btn:active {
    transform: scale(0.8) rotate(90deg);
}

.mobile-menu-body {
    flex: 1;
    overflow-y: auto;
    padding: 20px 40px;
}

.mobile-nav ul {
    list-style: none;
}

.mobile-nav a {
    font-size: 2.2rem;
    font-family: var(--fuente-titulos);
    font-weight: 800;
    text-decoration: none;
    color: var(--negro);
}

.menu-divider {
    height: 1px;
    background: var(--borde);
    margin: 15px 0;
}

/* Footer dentro del menú */
.mobile-menu-footer {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid var(--borde);
}

.m-footer-section {
    margin-bottom: 25px;
}

.m-footer-section h4 {
    font-size: 0.7rem;
    color: var(--gris-oscuro);
    text-transform: uppercase;
    margin-bottom: 10px;
}

.m-footer-section a {
    display: block;
    font-size: 1rem;
    color: var(--negro);
    text-decoration: none;
    margin-bottom: 8px;
    font-weight: 600;
}

/* ==========================================================================
   BOTÓN HAMBURGUESA (LÓGICA DE VISIBILIDAD)
   ========================================================================== */

.mobile-toggle {
    display: none;
    /* Oculto por defecto en escritorio */
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    color: var(--negro);
    transition: transform 0.2s ease, color 0.3s ease;
}

/* Solo se muestra en pantallas menores a 950px (Tablet y Móvil) */
@media (max-width: 950px) {
    .mobile-toggle {
        display: none !important;
        /* Aparece solo aquí */
    }

    /* Ocultamos el menú de texto largo para que no choque con el logo */
    .nav-links.desk-only {
        display: none !important;
    }
}

/* Efecto al pulsar la hamburguesa */
.mobile-toggle:active {
    transform: scale(0.9);
}

/* ==========================================================================
   3. RESPONSIVE LOGIC
   ========================================================================== */
@media (max-width: 950px) {

    .desk-only,
    .site-footer {
        display: none !important;
    }
}

/* ==========================================================================
   SELECTOR DE IDIOMAS PREMIUM
   ========================================================================== */

.lang-selector {
    position: relative;
    display: inline-block;
}

/* El botón principal que dice "CA" */
.lang-btn {
    background: transparent;
    border: none;
    font-family: var(--fuente-titulos);
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--negro);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    transition: color 0.3s ease;
}

.lang-btn:hover {
    color: var(--color-principal);
}

.lang-btn .chevron {
    transition: transform 0.3s ease;
}

/* Contenedor del menú desplegable */
.lang-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    background: var(--blanco);
    border: 1px solid var(--borde);
    border-radius: 12px;
    padding: 8px;
    min-width: 140px;
    box-shadow: var(--shadow-premium);
    display: none;
    /* Se activa con el hover del padre (.lang-selector) */
    flex-direction: column;
    z-index: 1100;
}

/* Las opciones dentro del menú desplegable */
.lang-dropdown a {
    padding: 8px 15px;
    font-size: 0.85rem;
    font-weight: 400;
    /* PESO REGULAR: QUITA LA NEGRITA */
    text-transform: lowercase;
    text-decoration: none;
    color: var(--negro);
    border-radius: 8px;
    transition: all 0.2s ease;
}

/* Efecto Hover en las opciones */
.lang-dropdown a:hover {
    background-color: var(--gris-claro);
    color: var(--color-principal);
    /* Cambia a verde al pasar el ratón */
}

/* Mostrar dropdown y rotar flecha */
.lang-selector:hover .lang-dropdown {
    display: flex;
    transform: translateY(0);
}

.lang-selector:hover .lang-btn .chevron {
    transform: rotate(180deg);
}

/* Opciones del menú */
.lang-option {
    padding: 10px 14px;
    font-size: 0.85rem;
    text-decoration: none;
    color: var(--gris-oscuro);
    border-radius: 8px;
    transition: all 0.2s ease;
    font-weight: 500;
}

.lang-option:hover {
    background: rgba(var(--color-principal-rgb), 0.08);
    /* Verde muy sutil */
    color: var(--color-principal);
}

.lang-option.active {
    color: var(--negro);
    font-weight: 700;
    background: var(--gris-claro);
}

/* ==========================================================================
   BUSCADOR EXPANSIBLE PREMIUM
   ========================================================================== */
.search-wrapper {
    display: flex;
    align-items: center;
    margin-right: 10px;
    /* Espacio extra con el separador */
}

.search-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* Asegura que empiece por la izquierda */
    gap: 8px;
    padding: 0 16px;
    /* Más padding */
    width: 42px;
    /* Espacio suficiente para el icono sin cortar */
    border-radius: 20px;
    /* Más circular */
    transition: width 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
        background-color 0.3s ease,
        border-color 0.3s ease;
}

.search-container.active {
    width: 280px;
    /* Más ancho */
    background: var(--gris-claro);
    /* Usa la variable que ya cambia en modo oscuro */
    border: 1px solid var(--borde);
    padding: 8px 16px;
    /* Más padding vertical cuando está activo */
}

#search-btn {
    padding: 0;
    margin-right: 5px;
    /* Pequeño margen para que respire */
    color: var(--negro);
    /* Cambiará a blanco automáticamente en modo oscuro */
}

.search-input {
    width: 100%;
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.85rem;
    font-weight: 400;
    text-transform: lowercase;
    color: var(--negro);
    padding-left: 10px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.search-container.active .search-input {
    opacity: 1;
}

.btn-icon {
    flex-shrink: 0;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    color: var(--negro);
    transition: color 0.3s ease;
}

/* ==========================================================================
   iOS-STYLE MOBILE SETTINGS & SECTIONS
   ========================================================================== */

/* Sections and Headers */
.mobile-settings-title {
    font-size: 0.75rem;
    color: var(--gris-oscuro);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 35px 0 15px 5px;
    font-weight: 800;
}

/* Item Container */
.m-setting-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 5px;
    margin-bottom: 5px;
    border-radius: 12px;
    transition: background-color 0.2s ease;
}

.m-setting-link {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.m-setting-link:active {
    background-color: var(--gris-claro);
}

/* Label & Icon group */
.m-setting-label {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--negro);
}

.m-setting-label svg {
    color: var(--gris-oscuro);
    transition: color 0.3s ease;
}

/* Specific Controls */
.m-setting-control {
    display: flex;
    align-items: center;
}

/* iOS-Style Segmented Language Selector */
.m-lang-selector {
    display: flex;
    background: var(--gris-claro);
    border-radius: 10px;
    padding: 3px;
    gap: 3px;
    transition: background-color 0.3s ease;
}

.mobile-lang-btn {
    background: transparent;
    border: none;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--negro);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 45px;
}

.mobile-lang-btn.active {
    background: var(--blanco);
    color: var(--color-principal);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* iOS-Style Toggle Switch */
.switch-container {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 26px;
}

.switch-container input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gris-oscuro);
    transition: .4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

input:checked+.slider {
    background-color: var(--color-principal);
}

input:checked+.slider:before {
    transform: translateX(20px);
}

/* Dark mode specific overrides for mobile controls */
[data-theme="dark"] .m-lang-selector {
    background: #2a2a2a;
}

[data-theme="dark"] .m-lang-option.active {
    background: #3a3a3a;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .toggle-track {
    background: #4a4a4a;
}

/* Copyright text */
.copyright {
    margin-top: 30px;
    text-align: center;
    font-size: 0.85rem;
    color: var(--gris-oscuro);
    transition: color 0.3s ease;
}

/* ==========================================================================
   MOBILE SEARCH BAR
   ========================================================================== */

.mobile-search-container {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--gris-claro);
    border: 1px solid var(--borde);
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.mobile-search-container:focus-within {
    border-color: var(--negro);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.mobile-search-icon {
    color: var(--gris-oscuro);
    flex-shrink: 0;
    transition: color 0.3s ease;
}

.mobile-search-input {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 1rem;
    font-weight: 400;
    color: var(--negro);
    transition: color 0.3s ease;
}

.mobile-search-input::placeholder {
    color: var(--gris-oscuro);
    opacity: 0.7;
}

/* Dark mode overrides for mobile search */
[data-theme="dark"] .mobile-search-container {
    background: #2a2a2a;
}