body { background:#f4f6f9; font-family:Arial; margin: 0; padding: 0;}
a {
    text-decoration: none !important;
    color: inherit;
}

a:hover {
    text-decoration: none !important;
}
.buscador-container {
    position: relative;
    width: 100%;
    max-width: none; /* elimina límite */
}
.badge-subtitulo {
    position: absolute;
    top: -10px;
    left: -10px;
    background: rgba(86, 154, 8, 0.9);
    color: #fff;
    padding: 5px 10px;
    font-size: 0.75rem;
    font-weight: bold;
    border-radius: 0px 6px 6px 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* HEADER */
.search-box {
    background:#fff;
    padding:15px;
    border-radius:12px;
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
    position: relative;
    display: flex; /* por las dudas */
    align-items: center;
}
.search-input {
    border-radius:25px;
    padding:10px 40px 10px 15px;
    border: 2px solid #ccc;
}
.search-icon {
    position:absolute;
    right:25px;
    top:50%;
    transform:translateY(-50%);
    font-size:18px;
}

/* AUTOCOMPLETE */
.autocomplete-box {
    position:absolute;
    background:#fff;
    width:100%;
    display:none;
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
    border-radius:10px;
    z-index:999;
}
.autocomplete-item {
    padding: 10px 15px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.autocomplete-item:last-child {
    border-bottom: none;
}

.autocomplete-item:hover {
    background: #f5f5f5;
}

/* HERO */
.hero-grid {
    display:flex;
    gap:20px;
    margin-bottom:30px;
}
.hero-main { width:70%; }
.hero-side { width:30%; }

.hero-main img {
    width:100%;
    height:450px;
    object-fit:cover;
    border-radius:10px;
}
.hero-side img {
    width:100%;
    height:190px;
    object-fit:cover;
    border-radius:10px;
    margin-bottom:10px;
}

.hero-title { font-size:1.5rem; font-weight:bold; color:#555; }
.hero-side-title { font-size:0.95rem; font-weight:bold; color:#555; margin-bottom:20px; }

/* GRID */
.news-image { height:250px; object-fit:cover;     border-radius:10px;
    margin-bottom:10px;}
.news-title { font-weight:bold;}

.news-summary { font-size:0.9rem; color:#555; }

/* MOBILE */
@media(max-width:768px){
    .hero-grid { flex-direction:column; }
    .hero-main, .hero-side { width:100%; }
    .hero-main img { height:300px; }
}
.search-icon {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    font-size: 20px; /* ajustá tamaño de la lupa */
}
.search-icon:focus {
    outline: none;
    box-shadow: none;
}
.header-logo {
    display: block;
}
#search {
    flex: 1;
    padding: 12px 40px 12px 50px;
    font-size: 16px;
    border: 2px solid #ddd;
    border-radius: 25px;
    outline: none;
    transition: border-color 0.2s;
     width: 100%;
}

#search:focus {
    border-color: #4CAF50;
}

#search.autocomplete-open {
    border-bottom: none;
    border-radius: 25px 25px 0 0;
}

#autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 2px solid #4CAF50;
    border-top: none;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
    z-index: 1000;
}

/* Cajas de busquedas */
.busquedas-container {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin:20px 0;
}

.busqueda-box {
    background:#fff;
    padding:15px 20px;
    border-radius:10px;
    flex:1 1 200px;
    box-shadow:0 2px 5px rgba(0,0,0,0.05);
}

.busqueda-box b {
    display:block;
    margin-bottom:10px;
}

.busqueda-box a {
    display:block;
    color:#4CAF50;
    text-decoration:none;
    margin:4px 0;
}

.busqueda-box a:hover {
    text-decoration:underline;
}

#form-buscador {
    flex: 1;
    margin-left: 20px;
}
.noticias-titulo-simple a {
    display: block;
    padding: 10px 15px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 10px;
    font-weight: bold;
    transition: all 0.2s;
    
}

.noticias-titulo-simple a:hover {
    background: #f0f0f0;
}


.mas-noticias .nota:hover {
    transform: translateY(-5px);
}

.mas-noticias img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.mas-noticias h3 {
    font-size: 0.95rem;
    padding: 10px;
    line-height: 1.3;
    color: #222;
}

.mas-noticias {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.mas-noticias .nota {
    background: #fff;
    border-radius: 10px;
    padding: 12px;
    
    display: flex;
    height: 100%; /* ?? ahora sí funciona */
    
    border-left: 4px solid #28a745;
}

.mas-noticias .nota a {
    display: flex;
    width: 100%;
}

.news-title2 {
    font-size: 0.95rem;
    line-height: 1.3;
    color: #222;
    font-weight: bold;
}
@media (max-width: 900px) {
    .mas-noticias {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .mas-noticias {
        grid-template-columns: 1fr;
    }
}
.impacto-box {
    margin-top: 30px;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    border-left: 5px solid #1E8DD6;
}

.impacto-box2 {
    margin-top: 30px;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    border-left: 5px solid #41a317;
}

.impacto-titulo {
    font-size: 1.1rem;
    margin-bottom: 15px;
    color: #1E8DD6;
}

.impacto-lista {
    list-style: none;
    padding: 0;
    margin: 0;
}
.impacto-titulo2 {
    font-size: 1.1rem;
    margin-bottom: 15px;
    color: #41a317;
}

.impacto-lista2 {
    list-style: none;
    padding: 0;
    margin: 0;
}
.impacto-lista2 li {
    margin-bottom: 10px;
}

.impacto-lista2 a {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-decoration: none;
    color: #222;
    padding: 8px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.impacto-lista li {
    margin-bottom: 10px;
}

.impacto-lista a {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-decoration: none;
    color: #222;
    padding: 8px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.impacto-lista a:hover {
    background: #f5f5f5;
}

.impacto-num {
    font-weight: bold;
    color: #1E8DD6;
    min-width: 20px;
}

.impacto-texto {
    line-height: 1.3;
}
.impacto-num2 {
    font-weight: bold;
    color: #41a317;
    min-width: 16px;
}

.impacto-texto2 {
    line-height: 1.3;
}
.medios-footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 40px;
    padding: 25px;
    background: #111; /* ideal para footer */
    color: #c0c3c4; /* ?? clave */
    border-radius: 12px;
}

.medios-col h4 {
    color: #1E8DD6;
    margin-bottom: 15px;
    font-size: 1.05rem;
    border-bottom: 1px solid #333;
    padding-bottom: 8px;
}

.medios-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
@media (max-width: 700px) {
    .medios-footer {
        grid-template-columns: 1fr;
    }
}
.footer-pro {
    margin-top: 40px;
    padding: 30px 20px;
    background: #111;
    color: #ccc;
    font-size: 0.85rem;
}

.footer-container {
    max-width: 900px;
    margin: 0 auto;
    text-align: center; /* ?? centrado real */
}

.footer-social {
    margin-bottom: 15px;
}

.footer-social img {
    width: 40px;
    margin: 0 8px;
    transition: transform 0.2s ease;
}

.footer-social img:hover {
    transform: scale(1.1);
}

.footer-info p {
    margin: 8px 0;
    line-height: 1.4;
}

.footer-info a {
    color: #ccc;
    text-decoration: none;
}

.footer-info a:hover {
    color: #fff;
}

.footer-info .afip {
    width: 30px;
    margin-bottom: 10px;
}
.footer-social i {
    font-size: 28px; /* probá 24, 30, 32 según gusto */
    padding: 10px;
}



/* CONTENEDOR LOGO */
.logo-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* TEXTO DEBAJO DEL LOGO */
.logo-text {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 5px;
    letter-spacing: 0.1px;
}

.logo-text .azul {
    color: #1068a3;
}

.logo-text .verde {
    color: #28a745;
}



/* LINEA INFO (fecha + contador) */
.info-line {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 0.8rem;
    color: #666;
}

/* OPCIONAL: más estilo */
.fecha {
    text-align: left;
}

.contador {
    color: #222;
    font-size: 0.8rem;
}

/* CONTENEDOR PRINCIPAL */
.search-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

/* FORM ocupa buen espacio en desktop */
#form-buscador {
    flex: 1;
    width: 100%;
}

/* MOBILE */
@media (max-width: 768px) {

    .search-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* LOGO más chico */
    .header-logo {
        height: 70px;
    }

    /* FORM ocupa todo el ancho */
    #form-buscador {
        width: 100%;
        max-width: 100%;
    }

    /* INPUT full width */
    .search-input {
        width: 100%;
    }

    /* INFO alineada prolija */
    .info-line {
        width: 100%;
        padding: 0 5px;
    }
}

#form-buscador {
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    #form-buscador {
        margin-top: 10px;
    }
}

/* Por defecto (desktop) */
.texto-mobile {
    display: none;
}

/* MOBILE */
@media (max-width: 768px) {

    .texto-desktop {
        display: none;
    }

    .texto-mobile {
        display: inline;
    }
}

.medios-footer a {
    color: #c0c3c4; /* verde por ejemplo */
    text-decoration: none;
}

.medios-footer a:hover {
    color: #00c853; /* cambia a verde */
}