Toluca FC

<p style="text-align: center;"><span style="font-size: 18pt;"><strong><span style="color: #ecf0f1;">¿Quieres unirte a la Red de Escuelas Diablos? Escríbenos al correo <a href="mailto:red@tolucafc.com">red@tolucafc.com</a></span></strong></span></p>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Galería de Logos Pequeños</title>
    <style>
        .contenedor-horizontal {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 50px; /* Espacio entre logos */
            padding: 40px 20px;
            width: 100%;
            margin: 0 auto;
        }

        .caja-item {
            display: flex;
            justify-content: center;
            align-items: center;
            /* Eliminamos flex: 1 para que no fuercen el ancho */
        }

        .caja-item img {
            /* --- CAMBIOS CLAVE AQUÍ --- */
            width: 120px;            /* Define el ancho fijo de tu logo */
            height: auto;            /* Mantiene la proporción original */
            object-fit: contain;     /* Asegura que el logo se vea completo */
            
            /* Estética */
            transition: transform 0.3s ease;
            filter: none;
            opacity: 1;
        }

        .caja-item img:hover {
            transform: scale(1.1);
            filter: grayscale(0%);
            opacity: 1;
        }

        @media (max-width: 480px) {
            .contenedor-horizontal {
                gap: 20px;
                flex-wrap: wrap; /* En móviles muy pequeños, permite que bajen */
            }
            .caja-item img {
                width: 80px; /* Logos más pequeños en móvil */
            }
        }
    </style>
</head>
<body>

    <div class="contenedor-horizontal">
        <div class="caja-item">
            <img src="https://statics-maker.llt-services.com/tol/images/2026/02/17/original/b8bccf0f-06b6-4e32-8a91-f804a5730002-986.png" alt="Logo 1">
    </div>

</body>
</html>

<h2 style="text-align: center;"><span style="font-size: 18pt;">Red de Escuelas Diablos Altas Montañas</span></h2>

<p style="text-align: center;"><strong>Ubicación</strong>:<br>Benito Juárez, 94732 Río Blanco, Ver.</p>
<p style="text-align: center;"><a href="https://maps.app.goo.gl/1yM9kAxJadQo5UbV7?g_st=ipc">https://maps.app.goo.gl/1yM9kAxJadQo5UbV7?g_st=ipc</a></p>
<p style="text-align: center;"><strong>Contacto</strong>:<br>Miguel Ángel De Jesús Montiel</p>
<p style="text-align: center;"><strong>Correo electrónico</strong>:<br>maef22@hotmail.com</p>
<p style="text-align: center;"><strong>Teléfono</strong>: 272 143 4901</p>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Galería de Logos Pequeños</title>
    <style>
        .contenedor-horizontal {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 50px; /* Espacio entre logos */
            padding: 40px 20px;
            width: 100%;
            margin: 0 auto;
        }

        .caja-item {
            display: flex;
            justify-content: center;
            align-items: center;
            /* Eliminamos flex: 1 para que no fuercen el ancho */
        }

        .caja-item img {
            /* --- CAMBIOS CLAVE AQUÍ --- */
            width: 120px;            /* Define el ancho fijo de tu logo */
            height: auto;            /* Mantiene la proporción original */
            object-fit: contain;     /* Asegura que el logo se vea completo */
            
            /* Estética */
            transition: transform 0.3s ease;
            filter: none;
            opacity: 1;
        }

        .caja-item img:hover {
            transform: scale(1.1);
            filter: grayscale(0%);
            opacity: 1;
        }

        @media (max-width: 480px) {
            .contenedor-horizontal {
                gap: 20px;
                flex-wrap: wrap; /* En móviles muy pequeños, permite que bajen */
            }
            .caja-item img {
                width: 80px; /* Logos más pequeños en móvil */
            }
        }
    </style>
</head>
<body>

    <div class="contenedor-horizontal">
        <div class="caja-item">
            <img src="https://statics-maker.llt-services.com/tol/images/2026/02/17/original/318f1ad3-d685-4034-8d23-feb18414826a-279.png" alt="Logo 1">
    </div>

</body>
</html>

<h2 style="text-align: center;"><span style="font-size: 18pt; color: #000000;">Red de Escuelas Diablos Veracruz</span></h2>

<p style="text-align: center;"><span style="color: #000000;"><strong>Ubicación:</strong></span><br> Carr. Veracruz - Medellin, 94273 Ver.<br><br><a title="https://maps.app.goo.gl/PH1mDfNgdSBQh3736" href="https://maps.app.goo.gl/PH1mDfNgdSBQh3736">https://maps.app.goo.gl/PH1mDfNgdSBQh3736</a><br><br><span style="color: #000000;"><strong>Contacto:</strong></span><br>Eric Jesús Manitas Vargas y Iván Eusebio Urquieta Aranda<br><br><span style="color: #000000;"><strong>Correo electrónico:</strong></span><br>escuelaofictolucaveracruz@gmail.com<br><br><span style="color: #000000;"><strong>Teléfono</strong>: 563 913 9617 y 479 410 1448</span></p>

Red de escuelas Veracruz

Red de Escuelas Diablos Altas Montañas

Red de Escuelas Diablos Veracruz

Cookies