body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    line-height: 1.7;
    color: #1c1c1e;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.025em;
    line-height: 1.2;
}

.display-5 {
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.lead {
    font-size: 1.075rem;
    line-height: 1.75;
    font-weight: 400;
}

.brand_p8 {
    background: linear-gradient(to bottom, #feba02 0%, #fe7817 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

footer {color: #fff; text-align: center; font-size: 0.85rem; line-height: 1.75;}
footer .email {color: #fe9f0a;}
footer .email b {display: none;}

.nav-link {color: white; font-size: 0.8rem; letter-spacing: 0.08em; font-weight: 500; text-transform: uppercase;}
.nav-link:visited { color: white; }
.nav-link:hover { color: #fe9f0a; }
.nav-link.active { color: white !important; }

.menuicon { opacity: .5; height: 35px; margin: 0px 10px;}
.menuicon:hover { opacity: 1; transition: .4s;}

.question {width: 20px; height: 20px; border-radius: 50%; line-height: 10px; text-align: center; padding: 0; margin-top: -15px;}

p.project_icons a, p.project_icons a:visited {color: #757575;}
p.project_icons a:hover {transition: .4s;}
p.project_icons a.spotify:hover {color: #1DB954;}
p.project_icons a.apple:hover {color: #000000;}
p.project_icons a.youtube:hover {color: #FF0000;}
p.project_icons a.amazon:hover {color: #FF9900;}
p.project_icons a.rss:hover {color: #F87900;}
p.project_icons a.web:hover {color: #1584a0;}
p.project_icons a i {font-size: 2.5em; margin: 0 8px;}

p.podcast_links a {margin: 0 8px;}

div.podcast_episode {text-align: center;}
div.podcast_episode a, div.podcast_episode a:visited {display: block; color: #000; position: relative; text-decoration: none;}
div.podcast_episode a:hover strong {color: #f17432; transition: .5s;}
div.podcast_episode a strong {display: block;}
div.podcast_episode a .fecha {}
div.podcast_episode a .duracion {}
div.podcast_episode img {width: 100%;}

div#portadaproyectos a, div#portadaproyectos a:visited,
div#blogportada a, div#blogportada a:visited {text-decoration: none; color: inherit;}

div#portadaproyectos a .card,
div#blogportada a .card {
    border: 1px solid rgba(0,0,0,0.07);
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

div#portadaproyectos a:hover .card,
div#blogportada a:hover .card {
    box-shadow: 0 6px 24px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

.blog .headerimage {background-position: center center; background-size: cover; min-height: 400px;}
.blog .resumen {  }
.blog blockquote {
    margin: 0 100px;
    font-style: italic;
    color: #444;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 20px 30px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    text-align: center;
}

.btn {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    border-radius: 6px !important;
}

.btn-lg {
    border-radius: 8px !important;
}