default

<h1 class="my-5 text-title_lg font-montserrat-regular text-gijon-primary font-bold uppercase"><span style="color: rgb(226, 0, 25);">QUIÉNES SOMOS</span></h1>
<p> </p>
<div class="prose-indigo prose-lg">
<div class="text-secondary-black article_body gijon">
<article class="ql-editor p-0 text-secondary-black font-montserrat-regular">
<p><span style="font-size: 14pt;">La <strong>Fundación Real Sporting de Gijón</strong> es la entidad, nacida en 2017, que desarrolla los <strong>proyectos de impacto en la comunidad</strong> ejecutados por el club en Gijón y Asturias. </span></p>
<p><span style="font-size: 14pt;">Centrados en la promoción y fomento del <strong>envejecimiento activo</strong>, la <strong>inclusión</strong> de las personas en riesgo de exclusión y la <strong>salud mental</strong>, la Fundación encabeza las actividades de Marea Rojiblanca, programa de <strong>responsabilidad social y medioambiental</strong> del Real Sporting.</span></p>
<p><span style="font-size: 14pt;">Bajo el propósito de "<em>mejorar las condiciones de vida y oportunidades de crecimiento personal y prefesional, para que niños y jóvenes de todo el mundo, desarrollen sus capacidades y puedan lleva a cabo sus sueños </em>de vida en Asturias, sin olvidarnos de nuestros mayores", <strong>la Fundación alcanzaría la pasada temporada 2023/24 los siguientes resultados:</strong></span></p>
<p> </p>
</article>
</div>
</div>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Secciones con Iconos</title>
    <style>
        /* Contenedor principal */
        .main-container {
            display: flex;
            flex-wrap: wrap; /* Permite que los elementos se distribuyan en varias filas */
            justify-content: space-around;
            align-items: center;
            margin: 20px;
        }

        /* Estilos para cada tarjeta individual */
        .container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border: 1px solid #ddd;
            padding: 20px;
            width: 200px;
            text-align: center;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin: 10px; /* Separación entre las tarjetas */
            transition: transform 0.2s ease-in-out;
        }

        .container:hover {
            transform: scale(1.05);
        }

        /* Estilos para el ícono */
        .icon {
            width: 50px;
            height: 50px;
            margin-bottom: 10px;
        }

        /* Estilos para el texto */
        h3 {
            margin: 10px 0 0;
            font-size: 18px;
            font-weight: bold;
        }

        /* Ajustes para pantallas más pequeñas */
        @media (max-width: 768px) {
            .main-container {
                flex-direction: column; /* En pantallas pequeñas, los elementos se colocan en una sola columna */
                align-items: center;
            }

            .container {
                width: 100%; /* Las tarjetas ocupan el 100% del ancho del contenedor en móviles */
                max-width: 300px; /* Limitar el ancho máximo de cada tarjeta */
            }
        }

        /* Ajustes para pantallas más grandes */
        @media (min-width: 769px) {
            .main-container {
                flex-direction: row; /* Distribuir las tarjetas en filas */
                flex-wrap: wrap;
            }

            .container {
                flex-basis: calc(33% - 40px); /* Cada tarjeta ocupará 1/3 del ancho disponible con espacio entre ellas */
            }
        }
    </style>
</head>
<body>


<div class="main-container">
    <div class="container">
        <img src="https://statics-maker.llt-services.com/spo/images/2024/10/20/original/083d19a2-5756-4c06-b1aa-efe56952a5fb-937.png" alt="Ícono de instituciones apoyadas" class="icon">
        <h3>27 instituciones apoyadas</h3>
    </div>

    <div class="container">
        <img src="https://statics-maker.llt-services.com/spo/images/2024/10/20/original/3cd8a32e-c86e-4dbe-85b1-7cf7176cec26-382.png" alt="Ícono de actividades realizadas" class="icon">
        <h3>528 actividades realizadas</h3>
    </div>

    <div class="container">
        <img src="https://statics-maker.llt-services.com/spo/images/2024/10/20/original/a317f3a3-8c1c-4e76-9673-bd5b9bf1faf6-134.png" alt="Ícono de horas de actividad" class="icon">
        <h3>1.064 horas de actividad</h3>
    </div>

    <div class="container">
        <img src="https://statics-maker.llt-services.com/spo/images/2024/10/20/original/a4f041a5-2f1b-4482-8254-d4c36050bbd8-164.png" alt="Ícono de beneficiarios directos" class="icon">
        <h3>7.264 beneficiarios directos</h3>
    </div>

    <div class="container">
        <img src="https://statics-maker.llt-services.com/spo/images/2024/10/20/original/c0b74015-f9cc-4836-8b19-fd867b93e3d2-626.png" alt="Ícono de voluntarios involucrados" class="icon">
        <h3>369 voluntarios involucrados</h3>
    </div>
</div>

</body>
</html>

<p> </p>
<p><span style="font-size: 14pt;">Todo ello, a través de la ejecución de los siguientes proyectos que les invitamos a conocer: </span></p>