.elementor-53 .elementor-element.elementor-element-95bd48c{--display:flex;--min-height:8px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-53 .elementor-element.elementor-element-95bd48c:not(.elementor-motion-effects-element-type-background), .elementor-53 .elementor-element.elementor-element-95bd48c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-53 .elementor-element.elementor-element-8a4279f.elementor-element{--align-self:center;}.elementor-53 .elementor-element.elementor-element-44659b8{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-53 .elementor-element.elementor-element-44659b8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-53 .elementor-element.elementor-element-d72fc7b{width:var( --container-widget-width, 122.188% );max-width:122.188%;--container-widget-width:122.188%;--container-widget-flex-grow:0;text-align:start;}.elementor-53 .elementor-element.elementor-element-d72fc7b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-53 .elementor-element.elementor-element-d72fc7b img{width:100%;max-width:100%;height:76px;opacity:1;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-53 .elementor-element.elementor-element-95bd48c{--content-width:1600px;}.elementor-53 .elementor-element.elementor-element-44659b8{--width:237.55px;}}@media(max-width:1024px) and (min-width:768px){.elementor-53 .elementor-element.elementor-element-44659b8{--width:39%;}}@media(max-width:1024px){.elementor-53 .elementor-element.elementor-element-95bd48c{--min-height:274px;--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-53 .elementor-element.elementor-element-44659b8{--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;--align-items:center;}.elementor-53 .elementor-element.elementor-element-d72fc7b{--container-widget-width:185px;--container-widget-flex-grow:0;width:var( --container-widget-width, 185px );max-width:185px;}.elementor-53 .elementor-element.elementor-element-d72fc7b img{width:100%;max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-8a4279f *//* Estilo base del botón del header */
.park-header-btn {
    display: inline-block;
    padding: 10px 25px;
    border-radius: 50px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
    letter-spacing: 1px;
}

/* Estado: Iniciar Sesión (Out) */
.btn-logged-out {
    border: 2px solid #39FF14;
    color: #39FF14 !important;
    background: transparent;
}

.btn-logged-out:hover {
    background: #39FF14;
    color: #000 !important;
    box-shadow: 0 0 15px #39FF14;
}

/* Estado: Panel Alumno (In) */
.btn-logged-in {
    background: #39FF14;
    color: #000 !important;
    border: 2px solid #39FF14;
    box-shadow: 0 0 10px rgba(57, 255, 20, 0.3);
}

.btn-logged-in:hover {
    transform: scale(1.05);
    box-shadow: 0 0 20px #39FF14;
}

/* Actualizamos el estilo base del botón del header */
.park-header-btn {
    display: inline-block;
    padding: 10px 25px;
    border-radius: 50px;
    font-weight: 600; /* Roboto Mono se ve mejor con este peso */
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
    letter-spacing: 1px;
    
    /* Agregamos la fuente aquí */
    font-family: 'Roboto Mono', monospace !important;
}

.park-header-btn {
    display: inline-flex; /* Clave para alinear icono y texto */
    align-items: center;
    gap: 10px; /* Espacio exacto entre el logo y la letra */
    padding: 10px 22px;
    border-radius: 50px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 13px; /* Bajamos un punto para que entre bien con el icono */
    letter-spacing: 0.5px;
    font-family: 'Roboto Mono', monospace !important;
}

/* Estilo específico del icono */
.park-icon-svg {
    transition: transform 0.3s ease;
    flex-shrink: 0; /* Evita que el icono se aplaste en pantallas chicas */
}

/* Animación sutil: que el icono se mueva un poco al pasar el mouse */
.park-header-btn:hover .park-icon-svg {
    transform: scale(1.1);
}

/* Estado: Iniciar Sesión (Out) */
.btn-logged-out {
    border: 2px solid #39FF14;
    color: #39FF14 !important;
    background: transparent;
}

/* Estado: Panel Alumno (In) */
.btn-logged-in {
    background: #39FF14;
    color: #000 !important;
    border: 2px solid #39FF14;
}/* End custom CSS */