body{
.top-bar a{
color:white;
}


.search-btn{
background:rgba(255,255,255,0.15);
padding:5px 12px;
border-radius:4px;
font-size:14px;
}


/* Main Header */
.main-header{
background:#f2f2f2;
}


.logo-title{
font-size:60px;
color:#6b6b6b;
letter-spacing:2px;
margin:0;
}


.logo-subtitle{
font-size:14px;
color:#888;
}


.main-nav{
    display:flex;
    align-items:center;
    gap:25px;
}

/* Links principales */
.main-nav > a,
.main-nav .dropdown-toggle{
    text-decoration:none;
    color:#333;
    font-weight:500;
    position:relative;
    padding:5px 0;
    transition:all 0.3s ease;
}

/* Línea inferior animada */
.main-nav > a::after,
.main-nav .dropdown-toggle::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-4px;
    width:0%;
    height:3px;
    background:#1f7a3f;
    transition:0.3s;
}

/* Hover */
.main-nav > a:hover,
.main-nav .dropdown-toggle:hover{
    color:#1f7a3f;
}

.main-nav > a:hover::after,
.main-nav .dropdown-toggle:hover::after{
    width:100%;
}

/* Active */
.main-nav .active{
    color:#1f7a3f;
    font-weight:600;
}

.main-nav .active::after{
    width:100%;
}

/* Dropdown menu más elegante */
.dropdown-menu{
    border-radius:0;
    border:1px solid #ddd;
    box-shadow:0 6px 15px rgba(0,0,0,0.15);
    padding:8px 0;
}

.dropdown-item{
    font-size:0.9rem;
    padding:8px 18px;
    transition:0.2s;
}

.dropdown-item:hover{
    background:#1f7a3f;
    color:#fff;
}


@media (max-width: 768px){
.logo-title{
font-size:36px;
}
}

/* ===== ABOUT FULLWIDTH ===== */
.about-fullwidth h2{
    font-weight:bold;
    margin-bottom:20px;
}

.about-full-img{
    width:100%;
    height:auto;
    display:block;
    margin-bottom:25px;
    border-radius:6px;
    box-shadow:0 6px 14px rgba(0,0,0,0.2);
}

.about-fullwidth p{
    font-size:1.1rem;
    line-height:1.75;
    text-align:justify;
    margin-bottom:18px;
}

/* Responsive móvil */
@media (max-width: 768px){
    .about-fullwidth p{
        font-size:1rem;
    }
}



body {
    font-family: 'Inter', sans-serif;
    color: #2c2c2c;
    background-color: #f9fafb;
    line-height: 1.6;
}

/* H2 - Secciones principales */
h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #797a7d; /* azul elegante */
    margin-top: 40px;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

/* H3 - Subtítulos */
h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #797a7d;
    margin-top: 25px;
    margin-bottom: 10px;
}

/* Párrafos */
p {
    font-size: 17px;
    margin-bottom: 15px;
    max-width: 800px;
}
 
 /* Marco principal */
/* Marco principal */
.noticias-seccion .news-card {
    background-color: #ffffff;       /* Fondo blanco */
    border-radius: 0;                /* Esquinas cuadradas */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Sombra */
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;

    /* Bordes */
    border-top: 5px solid;           /* Borde superior grueso, color se define en clase */
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

    height: 400px;                   /* Altura fija para los 3 marcos */
    overflow: hidden;
}

/* Colores del borde superior */
.border-top-orange { border-top-color: #e67e22; } /* naranja */
.border-top-green  { border-top-color: #27ae60; } /* verde */
.border-top-red    { border-top-color: #e74c3c; } /* rojo */

.news-card img {
    width: 100%;
    display: block;
    height: 150px; /* altura fija de la imagen */
    object-fit: cover; /* para que no se deforme */
}

.news-content {
    padding: 12px 15px;
    flex-grow: 1; /* hace que el contenido ocupe el resto del espacio */
}

.news-content h3 {
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.news-content .category {
    font-size: 11px;
    color: #666;
    margin-bottom: 5px;
}

.news-content p {
    font-size: 12px;
    color: #333;
}
.news-card {
    background:#ffffff;       /* fondo blanco de la card */
    border-radius:0;
    box-shadow:3px 3px 8px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ALTURA FIJA PARA LAS 3 PRINCIPALES */
.news-card.tall {
    height: 400px;
}

/* BORDES SUPERIORES DE COLOR + RESTO EN GRIS */
.news-card.border-top-orange {
    border-top: 6px solid #e67e22;  /* naranja */
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.news-card.border-top-green {
    border-top: 6px solid #27ae60;  /* verde */
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.news-card.border-top-red {
    border-top: 6px solid #e74c3c;  /* rojo */
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* Imagen de la card */
.news-card img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

/* Contenido de la card */
.news-content {
    padding: 12px 15px;
    flex-grow: 1;
}

.news-content h3 {
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.news-content .category {
    font-size: 11px;
    color: #666;
    margin-bottom: 5px;
}

.news-content p {
    font-size: 12px;
    color: #333;
}