@import url('https://fonts.googleapis.com/css2?family=Bree+Serif:wght@400;700&display=swap');

/* Apply Bree globally */
html, body {
    font-family: 'Bree Serif', serif !important;
}

/* PrimeFaces base widget override */
.ui-widget {
    font-family: 'Bree Serif', serif !important;
}

/* Headings use Bree Bold */
h1, h2, h3, .ui-panel-title {
    font-family: 'Bree Serif', serif !important;
}

/* Body text uses Bree Light */
p, span, li {
    font-family: 'Bree Serif', serif !important;
}

/* Preserve icon fonts */
.pi, .fa, .primeicons, .ui-icon {
    font-family: "PrimeIcons", "FontAwesome" !important;
    font-style: normal;
    font-weight: normal;
    speak: none;
}

/* Layout + Mandala colors */
#clck_main, #clck_login{
    text-align: center;
    color: #fff;
    margin-top: -24px;
}
#clck_main h1{
    padding: 30px 0px 1px;
}

#clck_main, #pnlGrd_opciones #pnlGrd_opciones_content, #clck_login, .pnl_ver_solicitud{
    background-color: #74bdb8; /* teal base */
    background-attachment: fixed, fixed, fixed;
    background-image: linear-gradient(45deg, #ad849d 5%, #f59e54 60%);
}

#clck_pmenubar .ui-menubar{
    border-top:none; 
    border-right: none; 
    border-left: none;
    background-color: #f59e54; /* orange menubar */
}
#clck_pmenubar .ui-menubar .ui-menuitem:hover {
    background-color: #74bdb8; /* teal hover */
    color: #fff;
}

#clck_logo{
    width: 100px;
    height: 100px;
    background-image:url(""); 
    background-size:100px; 
    margin:0 10px;
}

#clck_pnl_nat, #clck_pnl_jur, #clck_pnl_mie{
    padding: 0px;
}

#clck_pnl_nat h2, #clck_pnl_jur h2, #clck_pnl_mie h2{
    text-align: center;
    color: #ad849d; /* mauve titles */
}

#clck_pnl_nat_header, #clck_pnl_jur_header, #clck_pnl_mie_header{
    padding: 0px;
    margin: 0px;
}
#clck_pnl_nat_header .ui-panel-title, 
#clck_pnl_jur_header .ui-panel-title, 
#clck_pnl_mie_header .ui-panel-title {
    margin: 0px;
    color: #74bdb8; /* teal panel titles */
}

#clck_pnl_reg_per_nat, #clck_pnl_reg_per_jur{
    text-align: left;
}
#formUsuario{
    padding: 0 9%;
}
#personaNaturalAnimation, #representanteLegalAnimation{
    width: 105%;
    height: 360px;
    background-repeat: no-repeat;
    background-position: center;
}
#personaNaturalAnimation{
    background-image:url(""); 
    background-size: cover;
}
#representanteLegalAnimation{
    background-image:url(""); 
    background-size: 273px 360px;
}
.clck_pnl_form, .pnl_ver_solicitud{
    text-align: left;
}
#clck_title_login{
    padding: 30px 0;
    border: solid 1px #fff;
    color: #f59e54; /* orange accent */
}
#clck_pnl_boton_login{
    padding: 10px 0;
}
#panelGridUsuario, #clck_pnl_boton_user{
    width: 75%;
    margin: 0 auto;
}
.label_center{
    text-align: center !important;
}
.pnl_ver_solicitud h1{
    color:#74bdb8; /* teal headings */
    text-align: center;
}
#pnl_footer{
    font-size: 18px;
    background-color: #ad849d; /* mauve footer */
    color: #fff;
}
#pnl_footer a {
    color: #f59e54; /* orange links */
    text-decoration: none;
}
#ft_contacto{
    display: grid;
    padding: 10px 0 0;
}
#pnl_footer ul li {
    display: inline-block;
}
.fa{
    color: #74bdb8; /* teal icons */
    padding: 0 10px;
    font-size: 39px !important;
    text-decoration: none;
}
#pnl_redes_sociales{
    padding: 0 0 1px;
}

.menu-logo {
    height: 40px; /* adjust size */
}