:root{--beige:#f2eee8;--line:#e6e2db}
body{background:#fff}
.top-strip{background:#0f0f10;color:#fff;font-size:.9rem;padding:.25rem 0}
.navbar{background:#fff;border-bottom:1px solid var(--line)}
.navbar .nav-link{font-weight:600;color:#414246;margin:0 .25rem}
.navbar .nav-link:hover{color:#000}
.hero-wrap{
    background:linear-gradient(180deg, var(--beige), #fff)}
.section{
    padding:3rem 0
}
.section-title{
    letter-spacing:.08em;
    text-transform:uppercase;
    font-weight:700;
    color:#222;
    margin-bottom:1.5rem}
.about-box{
    background:#f8f6f2;
    border:1px solid #ece9e2;
    border-radius:.5rem}
.card{
    border:1px solid #ece9e2
}
footer{
    background:#0f0f10;color:#cfd3d8}
footer a{color:#e9ecef;text-decoration:none}
footer a:hover{text-decoration:underline}
.navbar-brand {
    display: flex;
    align-items: center;
    width: 150px;       /* tamaño normal del logo */
    height: 150px;
    background-image: url("../assets/img/icon/icon.jpg");
    background-size: cover;
    background-position: center;
    text-indent: -9999px;  /* oculta EB */
}

.navbar-brand h1 {
    font-size: 0;   /* oculta texto sin romper semántica */
    margin: 0;
}
.icon2{
    height:120px; filter:brightness(0) invert(1); opacity:0.25;

}