/* FILIO HEADER COLORS */

.navbar-light .navbar-brand{
color:#009fe3 !important;
}

.navbar-light .navbar-nav .nav-link{
color:#f29100 !important;
}

.navbar-light .navbar-nav .nav-link:hover{
color:white !important;
}
/* TITULO INTRO */

.display-3{
color:#009fe3 !important;
	letter-spacing:1px;
}
/* BACKGROUND GENERAL */

body{
background-color:#2a3451 !important;
}
section{
background-color:#2a3451 !important;
}
/* COLOR HOVER OBRAS */

.work-entry-hover{
background:transparent !important;
}
.work-entry:hover .entry-image{
filter:blur(4px) brightness(0.6);
transform:scale(1.08);
}
#filters a {
color: white !important;
}

#filters a.active {
color: #f29100 !important;
}

#filters a:hover {
color: #009fe3 !important;
}
/* Ajuste directo del h1 dentro de sticky-top */
.sticky-top h1 {
    font-size: 32px !important;
}
.artwork-info {
line-height: 1.8 !important;
}
.email-link {
color: #f29100;
}

.email-link:hover {
color: #009fe3;
}
.footer-link a {
color: white;
transition: color 0.3s ease;
}

.footer-link a:hover {
color: #f29100;
}
p{
font-weight:300 !important;
}
.footer-brand{
display:flex;
align-items:center;
gap:12px;
}

.footer-logo{
width:80px;
height:auto;
}
.form-control {
    background-color: #1860aa;
    border: 2px solid #1860aa;
    color: white;
    transition: all 0.3s ease;
}

/* texto placeholder */
.form-control::placeholder {
    color: rgba(255,255,255,0.7);
}

/* cuando hacés click */
.form-control:focus {
    background-color: white;
    color: #1860aa;          /* color del texto que escribís */
    border-color: #1860aa;
    box-shadow: none;
}

/* placeholder cuando el campo está activo */
.form-control:focus::placeholder {
    color: rgba(24,96,170,0.6);
}
.btn-light:hover {
    background-color: #f29100;
    border-color: #f29100;
    color: white;
}
.navbar-nav .nav-item {
    margin-left: 20px;
}
.navbar-nav .nav-link {
    padding: 5px 6px;
}
h1.statement-title {
    font-size: 24px !important;
    font-weight: 600;
}
/* Portfolio filters */
#filters a {
    text-transform: capitalize !important;
}
#filters a {
    text-transform: capitalize;
    letter-spacing: 1px;
}
#filters li {
    margin-right: 100px;
}
/* ===== Mobile menu icon personalizado ===== */

.navbar-toggler {
    border: none;
}

/* líneas del icono */

.navbar-toggler span {
    display: block;
    width: 28px;
    height: 2px;
    background: #f29100;
    margin: 7px auto;
    transition: all 0.3s ease;
}
/* ===== Ajuste texto grande mobile ===== */
@media (max-width: 768px) {
    .intro h1 {
        font-size: 2rem;  /* tamaño más compacto */
        line-height: 1.2; /* interlineado más ajustado */
    }
}
/* ===== Ajuste texto intro mobile ===== */
@media (max-width: 768px) {
    .intro {
        padding-top: 2rem;  /* antes podía ser 5rem o más */
        padding-bottom: 2rem;
    }

    .intro h1.display-3 {
        font-size: 2rem;    /* más compacto */
        line-height: 1.2;   /* interlineado más ajustado */
        margin-top: 0;      /* elimina espacio extra arriba */
        margin-bottom: 1rem;/* menos espacio abajo */
    }
}
.lb-image {
user-select: none;
-webkit-user-drag: none;
-webkit-touch-callout: none;
}
.work-entry-content{
text-align:left;
left:30px;
right:30px;
transform:none;
}
@media (max-width:768px){

.work-entry-title{
font-size:18px;
line-height:1.2;
}

.work-entry-cat{
font-size:14px;
}

.work-entry-content{
left:20px;
right:20px;
}

}
.work-entry-title{
font-size:18px;
line-height:1.2;
}
.work-entry-cat{
font-size:12px;
line-height:1.3;
}
.work-entry-title{
margin-bottom:8px;
}
.contact-links p{
margin-bottom:12px;
}

.contact-link{
font-size:18px;
font-weight:600;
text-decoration:none;
color:#f29100;
transition:color 0.3s ease;
}

.contact-link:hover{
color:#009fe3;
}

.contact-link:active{
color:#009fe3;
}

.contact-link:focus{
color:#009fe3;
}
.contact-link{
font-size:18px;
font-weight:600;
letter-spacing:1px;
text-decoration:none;
color:#f29100;
transition:color 0.3s ease;
}
figure img{
width:100%;
height:auto;
display:block;
}
/* ===== Footer links ===== */

.footer-link li a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-link li a:hover {
    color: #009fe3 !important;
    text-decoration: underline;
}

.footer-link li a:active {
    color: #009fe3 !important;
}
/* ajustar altura del footer */

footer {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
}
/* ajustar espacio de la intro */

.intro {
    padding-top: 40px;
    padding-bottom: 45px;
}.artwork-info{
margin-top:60px;
line-height:1.8 !important;
}
.lang-switch {
  margin-left: 10px;
  font-size: 12px;
  white-space: nowrap;
}

.lang-switch span {
  margin: 0 2px;
  opacity: 0.5;
}

.lang-switch a {
  color: #f29100;
  text-decoration: none;
  margin: 0 4px;
  transition: all 0.2s ease;
}

.lang-switch a:hover {
  color: #009fe3;
  text-decoration: underline;
}
.navbar-nav {
    align-items: center;
}