/* Fundación: textos y contenedores a ancho completo, responsive */

.fundacion-page .hero-content {
    max-width: 100%;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box;
}

.fundacion-page .container {
    max-width: 100%;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box;
}

/* Bloques de texto y contenido */
.fundacion-page .servicios-grid,
.fundacion-page .geo-resumen-block,
.fundacion-page .geo-resumen,
.fundacion-page .categoria-descripcion,
.fundacion-page .geo-ubicacion-lista,
.fundacion-page #montos {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

.fundacion-page .servicios-grid {
    margin-left: 0;
    margin-right: 0;
}

/* Elige tu donación: dos tarjetas centradas y repartidas en el ancho */
.fundacion-page .fundacion-donacion-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    max-width: 960px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}
@media (max-width: 768px) {
    .fundacion-page .fundacion-donacion-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        max-width: 100%;
    }
}

.fundacion-page .geo-resumen,
.fundacion-page .geo-resumen-block,
.fundacion-page .geo-ubicacion-lista {
    margin-left: 0;
    margin-right: 0;
}

/* Figuras e imágenes: ancho completo con buen aspecto */
.fundacion-page figure.fundacion-foto-hero,
.fundacion-page figure.fundacion-foto-uso,
.fundacion-page figure.fundacion-foto-historia,
.fundacion-page figure.fundacion-foto-impacto {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
}

/* FAQ y footer ya dentro de .container, heredan el ancho */
.fundacion-page .faq-organizaciones .container {
    max-width: 100%;
}

/* Galería: ancho completo */
.fundacion-page .gallery-container {
    max-width: 100%;
}
.fundacion-page .gallery-grid {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

/* Cariño en los textos descriptivos (solo párrafos, no títulos) */
.fundacion-page .hero-description {
    line-height: 1.85;
    letter-spacing: 0.02em;
}

.fundacion-page .categoria-descripcion {
    line-height: 1.95;
    font-size: 1.12rem;
    color: #404040;
    margin-bottom: 1.5rem;
}

.fundacion-page .geo-resumen {
    line-height: 1.9;
    font-size: 1.08rem;
    color: #3a3a3a;
    margin-bottom: 1rem;
}

.fundacion-page .geo-resumen-block p,
.fundacion-page .container > p {
    line-height: 1.9;
    font-size: 1.06rem;
    color: #383838;
    margin-bottom: 1.25rem;
}

.fundacion-page .servicio-card p {
    line-height: 1.85;
    font-size: 1.05rem;
    color: #404040;
    margin-bottom: 0.75rem;
}

.fundacion-page .geo-resumen-block {
    border-left: 4px solid rgba(80, 0, 40, 0.12);
    padding-left: 1.25rem;
    border-radius: 0 8px 8px 0;
}

.fundacion-page .geo-ubicacion-lista li {
    line-height: 1.9;
    font-size: 1.05rem;
    color: #3d3d3d;
    margin-bottom: 0.6rem;
    padding-left: 0.25rem;
}

.fundacion-page #montos p,
.fundacion-page #montos li {
    line-height: 1.9;
    color: #3a3a3a;
}

.fundacion-page figure figcaption {
    font-size: 0.95rem;
    color: #555;
    font-style: italic;
    letter-spacing: 0.02em;
}

/* Clases que sustituyen estilos inline (evitar style= en HTML) */
.fundacion-page .fundacion-foto-hero {
    margin: 1.5rem 0 0;
}
.fundacion-page figure.fundacion-foto-hero img,
.fundacion-page figure.fundacion-foto-uso img,
.fundacion-page figure.fundacion-foto-historia img,
.fundacion-page figure.fundacion-foto-impacto img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
}
.fundacion-page .fundacion-cta-inline {
    display: inline-block;
    margin-top: 1rem;
}
.fundacion-page .fundacion-cta-inline.fundacion-cta-small {
    margin-top: 0.5rem;
}
.fundacion-page .hero-description.fundacion-seguro {
    font-size: 0.95rem;
    margin-top: 1.5rem;
    opacity: 0.9;
}
.fundacion-page #montos.geo-resumen-block {
    background: rgba(255, 255, 255, 0.9);
    padding: 2rem;
    border-radius: 20px;
}
.fundacion-page #montos .categoria-titulo {
    font-size: 1.8rem;
}
.fundacion-page #montos ul.fundacion-montos-list {
    list-style: none;
    padding: 0;
    font-family: Inter, sans-serif;
    line-height: 2;
}
.fundacion-page #montos p.fundacion-montos-extra {
    margin-top: 1rem;
}
.fundacion-page .geo-resumen.fundacion-margin-bottom {
    margin-bottom: 1rem;
}
.fundacion-page .geo-ubicacion-lista.fundacion-text-left {
    text-align: left;
}
.fundacion-page figure.fundacion-foto-uso {
    margin: 2rem 0 0;
}
.fundacion-page figure.fundacion-foto-historia {
    margin: 1.5rem 0;
}
.fundacion-page figure.fundacion-foto-impacto {
    margin: 2rem 0 0;
}
.fundacion-page .geo-resumen-block.fundacion-text-left {
    text-align: left;
}
.fundacion-page .fundacion-cta-final {
    margin-top: 1.5rem;
}
.fundacion-page section.hero.banner-alquiler.fundacion-cta-section {
    min-height: auto;
    padding: 4rem 2rem;
}
.fundacion-page .site-footer.fundacion-footer {
    margin-top: 0;
}
.fundacion-page .footer-extra {
    text-align: center;
    font-size: 0.9rem;
    opacity: 0.9;
    margin-top: 1rem;
}

@media (max-width: 768px) {
    .fundacion-page .hero-content,
    .fundacion-page .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .fundacion-page .geo-resumen-block {
        padding-left: 1rem;
    }
}