/*
Theme Name: Galdana 2025
Theme URI: https://www.estudioweb360.com
Author: PSD + eStudio Web 360
Author URI: https://www.estudioweb360.com
Description: Tema WordPress compatible con Elementor.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: galdana-2025
Domain Path: /languages
*/
/** Fuentes **/
/* ==========================================================================
   @font-face - Fuente Zodiak
   ========================================================================== */

   @font-face {
    font-family: 'Zodiak';
    src: url('assets/fonts/Zodiak-Light.woff2') format('woff2'),
         url('assets/fonts/assets/fonts/Zodiak-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Zodiak';
    src: url('assets/fonts/Zodiak-LightItalic.woff2') format('woff2'),
         url('assets/fonts/Zodiak-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Zodiak';
    src: url('assets/fonts/Zodiak-Regular.woff2') format('woff2'),
         url('assets/fonts/Zodiak-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Zodiak';
    src: url('assets/fonts/Zodiak-Italic.woff2') format('woff2'),
         url('assets/fonts/Zodiak-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Zodiak';
    src: url('assets/fonts/Zodiak-Bold.woff2') format('woff2'),
         url('assets/fonts/Zodiak-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Zodiak';
    src: url('assets/fonts/Zodiak-BoldItalic.woff2') format('woff2'),
         url('assets/fonts/Zodiak-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* ==========================================================================
   CSS RESET
   ========================================================================== */

   *, *::before, *::after {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }
 
 html {
     -webkit-text-size-adjust: 100%;
     -webkit-font-smoothing: antialiased;
     scroll-behavior: smooth;
 }
 
 body {
     line-height: 1.6;
     font-family: sans-serif;
     color: #333;
     background-color: #fff;
     word-wrap: break-word;
 }

 img, video {
     max-width: 100%;
     height: auto;
     display: block;
 }
 
 button, input, select, textarea {
     font: inherit;
     border: none;
     outline: none;
     background: none;
 }
 
 ul, ol {
     list-style: none;
 }
 
 a {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
 }
 
 table {
     border-collapse: collapse;
     width: 100%;
 }
 
 h1, h2, h3, h4, h5, h6 {
     font-weight: normal;
 }
 
 blockquote, q {
     quotes: none;
 }

 /* ==========================================================================
   Galdana HTML elements
   ========================================================================== */
body {
    font-family: var(--gldn-font-default);
    font-size: var(--gldn-font-size-default);
    line-height: var(--gldn-line-height-default);
}

 /* ==========================================================================
   Galdana Menu - Estilos de Navegación
   ========================================================================== */
/* posición */
.fallback-header > div {
    width: 1184px;
    max-width: 97%;
    margin: 0 auto;
}
.galdana-menu-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 
 .galdana-menu {
     width: 100%;
 }
 
 .galdana-menu-list {
     list-style: none;
     padding: 0;
     margin: 0;
     width: 100%;
     overflow-y: hidden;
     display: flex;     
     align-items: center;
     justify-content: flex-end;
 }
 
 .galdana-menu-list .galdana-menu-logo-wrapper {
    flex-grow: 1;
    padding:10px 0;
 }

 .galdana-menu-list li {
     list-style: none;

 }
 .galdana-menu-list li {    
    padding: 10px 15px;
 }
 .galdana-menu-list li:last-child {
    padding: 10px 0px 10px 15px;
 }  
 .galdana-menu-list a {
     font-family: 'Montserrat';
     font-weight: medium;
     font-size: 16px;
     text-decoration: none;
     color: inherit;
 }

.galdana-menu-wrapper .galdana-menu .galdana-menu-list .galdana-menu-item.is-active a {
    font-weight: 700;
}


 /* Menú móvil: estructura básica */
.galdana-mobile-menu {
    display: none;
    align-items: center;
    justify-content: space-between; /* Espaciado entre logo y hamburguesa */
    width: 100%;
    padding: 10px 0;
    position: relative;
}

/* Logo en el menú móvil */
.galdana-mobile-logo {
    flex: 1; /* Ocupa el espacio disponible a la izquierda */
    display: flex;
    align-items: center;
}
.galdana-home-link{
    display: none;
}
/* Estilos básicos de la hamburguesa */
.galdana-burger-icon {
    width: 30px;
    height: 12px;
    position: relative;
    cursor: pointer;
}

.galdana-burger-icon::before,
.galdana-burger-icon::after {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    background-color: var(--gldn-dark-blue); /* Fallback */
    background-color: var(--e-global-color-text); /* Elementor */
    transition: transform 0.3s ease, top 0.3s ease;
    border-radius: 6px;
}

/* Línea superior */
.galdana-burger-icon::before {
    top: 0;
    transform-origin: center;
    transition: transform .5s linear;
    transition: top .5s linear .2s;
}

/* Línea inferior */
.galdana-burger-icon::after {
    top: 100%;
    transform-origin: center;    
    transition: transform .5s linear;
    transition: top .5s linear .2s;
}

/* Estado activo: forma la "X" */
.gldn-active .galdana-burger-icon::before {
    transform-origin: center; 
    transform: rotate(45deg);
    top: 50%;  
    transition: transform .5s linear 0.2s;
}

.gldn-active .galdana-burger-icon::after {
    transform-origin: center;
    transform: rotate(-45deg);
    top: 50%;
    transition: transform .5s linear 0.2s;
}

/* efecto centrado al abrise el menú */
.galdana-mobile-menu {    
    margin: 0 auto;
    max-width: 1023px;
    transition: max-width 0.5s;
}
.galdana-mobile-menu.gldn-active{
    max-width: 250px;
}

/* Mostrar menú móvil en los breakpoints correctos */
@media (max-width: 1023px) {
    .toggle-mobile-tablet .galdana-menu-list {
        display: block;
        max-height: 0;
        transition: max-height 0.5s ease 0s;
    }
    .toggle-mobile-tablet .galdana-menu-list.gldn-height-auto{
        max-height: 150vh;
        transition: max-height 1s ease 0.5s;
    }
    .toggle-mobile-tablet .galdana-menu-list .galdana-menu-logo-wrapper {
        display: none;
    }
    .toggle-mobile-tablet .galdana-mobile-menu {
        display: flex;
    }
    .toggle-mobile-tablet .galdana-home-link{
        display: block;
    }
}

@media (max-width: 767px) {
    .toggle-mobile-phone .galdana-menu-list {
        display: block;
        max-height: 0;
        transition: max-height 1s ease;
    }
    .toggle-mobile-phonet .galdana-menu-list.gldn-height-auto{
        max-height: 100vh;
    }
    .toggle-mobile-tablet .galdana-menu-list .galdana-menu-logo-wrapper {
        display: none;
    }
    .toggle-mobile-phone .galdana-mobile-menu {
        display: flex;
    }
    .toggle-mobile-phone .galdana-home-link{
        display: block;
    }
}

 /* ==========================================================================
   Galdana Clases - Elementos del tema
   ========================================================================== */
 /** HTML **/
 .gldn-container h1, .gldn-container h2, .gldn-container h3, .gldn-container h4, .gldn-container h5, .gldn-container h6, .gldn-container p{
    margin-bottom: .5em;
    margin-top: .55em
 }
 h1, h2, h3, h4, h5, h6 {
    font-family: var(--gldn-font-heading);
        font-weight: var(--gldn-font-weight-heading); 
 }
h1 {
    font-size: var(--gldn-font-size-h1);  
}
h2 {
    font-size: var(--gldn-font-size-h2);   
   }
 h3 {
    font-size: var(--gldn-font-size-h3);   
}
 /** contenedores **/
   .gldn-container {
        max-width: 1184px;
        margin: 0 auto;  
}
@media (min-width: 1024px){
    .gldn-container {
        padding: 190px 0; 
    }
}
.gldn-word-break a, .gldn-word-break p, .gldn-word-break h1, .gldn-word-break h2, .gldn-word-break h3{
    word-break: break-all;
}

/*==============================================================================
 Deafult team member template
 ==============================================================================*/

 .gldn-team-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    gap: 32px;
}

.gldn-team-column {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.gldn-team-left {
    max-width: 50%;
}

.gldn-team-right {
    max-width: 50%;;
}
.gldn-team-right .gldn-team-member-image{
    height: 671px;
    width: 560px;
    margin: 0 auto;
    background-size: cover;
    background-position: top center;
    max-width: 100%;
    max-height: 60vw;
}
.gldn-team-container .gldn-team-title {
    color: var(--gldn-light-blue);
    line-height: 1.1em;
    margin: 0;
}
.gldn-team-container .gldn-team-position {
    font-weight: medium;
    margin-bottom: 62px;
}
.gldn-team-archive-link {
    font-size: var(--gldn-font-size-small);
    line-height: 1em;
    border-bottom: 3px solid var(--gldn-light-blue);
   
}
.gldn-team-archive-link-container {
    flex: 1;
    display: flex;
    align-items: flex-end;
}
/* Responsivo */
@media (max-width: 1023px) {
    .gldn-team-container {
        flex-direction: column;
    }
    .gldn-team-left, .gldn-team-right {
        max-width: 100%;
    }.gldn-team-right {
        padding: 20px 0;
    }
    .gldn-team-right .gldn-team-member-image{
        max-height: 671px;
        width: 560px;
    }
}
@media (max-width: 600px) {
    .gldn-team-right .gldn-team-member-image{
        width: 90vw;
        max-width: 90vw;
        height: 108vw;
        max-height: 108vw;
    }
}