body { background:#4f4f46; color:#fff; font-family:'Inter',sans-serif }

.ff-hero{
  text-align:center;
  padding:45px 0px;
}
.ff-hero span{ color:#8fe9d8 }

.ff-grid{
  display:none;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:30px;
  padding:0 40px 15px;
}

.ff-card{
  background:#222;
  border-radius:22px;
  padding:30px;
  box-shadow:0 15px 40px rgba(0,0,0,.6);
  transition:.3s;
}
.ff-card:hover{ transform:translateY(-10px) scale(1.02); }

.ff-btn{
  width:100%;
  margin-top:20px;
  border-radius:30px;
  background:#8fe9d8 !important;
  color:#000 !important;
  font-weight:600;
}

.ff-contact{
  text-align:center;
  padding:0 50px;
  background:#4f4f46;
}



#ff_logo{
	width: 72px;
	height: 72px;
	background-image:url("/jakarta.faces.resource/img/logo_firmas_flash.png.html"); 
	background-size:72px; 
	margin:0 5px;	
}

#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;
}

#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;
}
#clck_pnl_reg_per_nat, #clck_pnl_reg_per_jur{
	text-align: left;
}
#personaNaturalAnimation, #representanteLegalAnimation{
	width: 105%;
	height: 360px;
  background-repeat: no-repeat;
	background-position: center;
}
#personaNaturalAnimation{
	background-image:url("/jakarta.faces.resource/img/img_inicio_nat.png.html"); 
	background-size: cover;
}
#representanteLegalAnimation{
	background-image:url("/jakarta.faces.resource/img/img_inicio_jur.png.html"); 
	background-size: 273px 360px;
}


#pnl_footer{
	font-size: 18px;
}
#pnl_footer a {
	color: #fff;
	text-decoration: none;
}
#ft_contacto{
	display: grid;
	padding: 10px 0 0;
}
#pnl_footer ul li {
	display: inline-block;
}
.fa{
	color: #fff;
	padding: 0 10px;
	font-size: 39px !important;
	text-decoration: none;
}
#pnl_redes_sociales{
	padding: 0 0 1px;
}

#ff-banner {
	background-image:url("/jakarta.faces.resource/img/banner_firmas_flash.png.html");
	height: 687px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 20px;
}

/*barra menu*/
#ff_menubar{
	width: 100%;
}
.ff_pmenubar{
	border: none;
	border-radius: 0;
	padding: 0 20px;
}
.ff_pmenubar .ui-menuitem-link {
    padding: 12px 14px !important;
    font-size: 15px;
}
.ff_menu_item{
	padding-top: 12px;
}



#clck_login {
	text-align: center;
}

#clck_pnl_boton_login {
	padding: 15px 0;
}

/* banner responsive design */
@media (max-width: 840px) {
    #ff-banner {
        height: 285px;
        border-radius: 12px;
        background-position: left;
    }
}
/* menubar tablet */
@media (max-width: 992px) {
	.ff_pmenubar {
        flex-wrap: wrap;
    }
	/* menú vertical */
    .ff_pmenubar > ul {
        width: 100%;
        flex-direction: column;
    }
    /* items */
    .ff_pmenubar .ui-menuitem {
        width: 100%;
    }
    .ff_pmenubar .ui-menuitem-link {
        width: 100%;
        padding: 14px 18px !important;
        font-size: 16px;
    }
    /* submenús */
    .ff_pmenubar .ui-submenu-list {
        position: static !important;
        box-shadow: none;
    }
    /* facet options (usuario / login) */
    .ff_pmenubar .ui-menubar-options {
        width: 100%;
        text-align: right;
        margin-top: 10px;
    }
}

/* menubar celular */
@media (max-width: 576px) {
    /* logo centrado */
    #ff_logo {
        margin: 0 auto 10px;
    }

    /* texto más compacto */
    .ff_pmenubar .ui-menuitem-text {
        font-size: 14px;
    }
    /* íconos más visibles */
    .ff_pmenubar .pi {
        font-size: 18px;
        margin-right: 8px;
    }
}