/*  
Theme Name: WP 2026
Theme URI: https://codeados.com/
Version: 1.0.0
Author: Codeados 
Author URI: https://codeados.com/
Description:  WP 2026
*/  
@import url("https://cdn.gestoapp.com/v3/style.css");


h1, .h1 { font-size: clamp(1.5rem, 3.0vw, 2.1rem); }
h2, .h2 { font-size: clamp(1.35rem, 2.5vw, 1.75rem); }
h3, .h3 { font-size: clamp(1.15rem, 1.8vw, 1.35rem); }
h4, .h4 { font-size: 1.2rem; }
h5, .h5 { font-size: 1.1rem; }
h6, .h6 { font-size: 1rem; }

header, header > *, #logo { transition: all 0.3s ease; }
header { box-shadow: 0px 0 6px #c4c4c4; padding: 0; padding-top: 0px; padding-bottom: 8px; background: transparent; }
header.scroll { top: -140px;  }
#logo { line-height: 0; display: block; max-width: 100%; width: 180px; }
header.scroll.fixed  #logo {  }

#navigation { margin-top: 15px; }

header.scroll #navigation {     }  
nav#navigation ul li a { text-transform: uppercase; font-weight: 550; 
 letter-spacing: 0.5px;  padding: 8px 8px;  }
nav#navigation ul li a:hover { }
nav#navigation ul li.current_page_item a { color: var(--corporativo1);  }
a.trigger_menu { position: absolute; top: 0px; right: 10px; background: var(--corporativo2); color: #ffffff; padding: 0; height: 45px; width: 45px; line-height: 47px; border-radius: 50%; font-size: 20px; border: none; }

#logo-footer { display: block; max-width: 160px; margin-bottom: 16px; }

footer#footer { border-top: 1px solid #f8f8f8  }
footer#footer #navigationfooter { padding: 10px 0; box-sizing: border-box; background: transparent; }
footer#footer #navigationfooter ul { text-align: center; margin: 0; padding: 0; list-style: none; background: transparent; }
footer#footer #navigationfooter ul li { display: inline-block; margin: 0; background: transparent; }
footer#footer #navigationfooter ul li a { display: inline-block; padding: 10px 14px; font-size: 14px; font-weight: 500;
    color: var(--grisalt); text-decoration: none; transition: color 0.2s ease; background: transparent; border: none; }
footer#footer #navigationfooter ul li a:hover { color: var(--corporativo1); text-decoration: none; background: transparent; }

#footercontact .btn_footer { display: block; padding: 4px 0; font-size: 16px; font-weight: 500; color: var(--negro); text-decoration: none; transition: color 0.2s ease; }
#footercontact .btn_footer i { color: var(--grisalt); font-size: 16px; width: 18px; text-align: center; }
#footercontact .btn_footer:hover { color: var(--corporativo1); }
#footercontact .footerdir { font-size: 14px; color: var(--grisalt); margin-top: 6px; margin-bottom: 0; }
#footercontact .footerdir i { font-size: 13px; width: 18px; text-align: center; }


a.card-plain, a.bg_imagen , a.home_link {
    display: block;
}
.sec_pagina { padding-top: 100px;  }
.card { padding: 20px;  }
.card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(0px);
}

@media screen and (max-width:1200px) {
    nav#navigation ul li a { }
}
@media screen and (max-width:1030px) {
    header { padding-top:8px;  }
    nav#navigation { background: var(--corporativo2); margin: 0; }
    nav#navigation ul { text-align: left; }
    nav#navigation ul li a { font-size: 25px; }

    footer#footer #navigationfooter ul li { display: block; }
    footer#footer #navigationfooter ul li a { padding: 8px 0; font-size: 15px; display: block; }
    #logo-footer { margin-inline: auto; }
    #logo { max-width: 140px; }
    
    .tabletmb20 { margin-bottom: 20px !important; }

    .sec_pagina { padding-top: 46px;  }

    a.trigger_menu { 
        top: 3px; 
    }

    h1, .h1 { font-size: 1.9rem; }
    h2, .h2 { font-size: 1.7rem; }
    h3, .h3 { font-size: 1.5rem; }
    h4, .h4 { font-size: 1.2rem; }
    h5, .h5 { font-size: 1.1rem; }
    h6, .h6 { font-size: 1rem; }

 }
@media screen and (max-width:480px) {
    
}