default

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Imagen Centrada</title>
    <style>
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
        }
        .image-container {
            width: 100%;
            height: 416px;
            overflow: hidden;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: flex-start;
        }
        .image-container img {
            width: 1216px;
            height: 416px;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
        }
    </style>
</head>
<body>
    <div class="image-container">
        <img src="https://forza-club-websites.s3.eu-west-1.amazonaws.com/b48bd8e6-a016-4394-a593-bed9ecf11d5f.jpg" alt="Imagen centrada">
    </div>
    
</body>
</html>

<h1 class="my-5 text-title_lg font-montserrat-regular text-gijon-primary font-bold uppercase" style="padding-left: 320px;"><span style="color: rgb(226, 0, 25);">INFORMACIÓN DE PEÑAS </span></h1>
<div class="prose-indigo prose-lg" style="padding-left: 80px;">
<div class="text-secondary-black article_body gijon" style="padding-left: 80px;">
<article class="ql-editor p-0 text-secondary-black font-montserrat-regular" style="padding-left: 80px;">
<h3 style="padding-left: 80px;"><strong>DIRECTO A EL MOLINÓN: TRAYECTOS DE LAS PEÑAS </strong></h3>
<p style="padding-left: 80px;"> </p>
<p style="padding-left: 80px;"><span style="font-size: 14pt;">Estos son los itinerarios que realizan los autobuses de las peñas en los días de partido </span></p>
<p style="padding-left: 80px;"><span style="font-size: 14pt;">para llegar a El Molinón. Si quieres viajar con ellos, contacta directamente con la </span></p>
<p style="padding-left: 80px;"><span style="font-size: 14pt;">peña que más te interese</span></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>Botón de Itinerario</title>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap" rel="stylesheet">
  <style>
    body {
      background-color: #fff; /* Establece el color de fondo en blanco */
      font-family: 'Montserrat', sans-serif; /* Aplica la fuente Montserrat al cuerpo del documento */
    }

    .container1 {
      max-width: 700px; /* Ancho máximo del contenido */
      margin: auto; /* Centra el contenedor */
      font-size: 18px; /* Tamaño de la fuente ajustado a 18px */
      text-align: left; /* Alinea el texto a la izquierda */
    }

    .resaltado1 {
      color: #111827; /* Color de texto #111827 */
      font-weight: bold; /* Texto en negrita */
    }

    .titulo-historia1 {
      color: #e20019; /* Color del título */
      font-size: 32px; /* Tamaño de la fuente del título */
      margin: 20px 0; /* Margen de 20px arriba y abajo, y 0 a los lados */
      text-transform: uppercase; /* Texto en mayúsculas */
      font-weight: bold; /* Negrita */
      text-align: left; /* Alinea el texto a la izquierda */
    }

    .decada1 {
      color: #111111; /* Color del subtítulo */
      font-size: 24px; /* Tamaño de la fuente del subtítulo */
    }

    h31 {
      font-size: 24px; /* Tamaño de la fuente para h3 */
      font-weight: bold; /* Texto en negrita para h3 */
    }

    .button-container1 {
      display: flex;
      justify-content: center; /* Centra el botón horizontalmente */
      align-items: center;
      margin-top: 10px; /* Ajusta este valor para disminuir el espacio */
    }

    .button1 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 237.45px;
      height: 42px;
      border: none;
      font-size: 16px;
      font-weight: bold;
      color: white;
      background-color: #e20019;
      text-decoration: none;
      border-radius: 5px;
      cursor: pointer;
    }

    .button1 svg {
      margin-left: 8px;
      width: 24px;
      height: 24px;
    }

    .button1 svg path {
      width: 15px;
      height: 19.5px;
    }

    .contact-info a {
      color: #3182ce; /* Color del correo electrónico */
      text-decoration: underline; /* Subrayado del correo electrónico */
    }
  </style>
</head>
<body>
  <div class="container1">
    
    <div class="button-container1">
      <a class="button1" href="https://statics-maker.llt-services.com/spo/documents/2024/06/06/5c4111ce-7a63-415c-afea-4fc58ba28f99-566.pdf" download target="_blank">
        Itinerario de las peñas
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m.75 12l3 3m0 0l3-3m-3 3v-6m-1.5-9H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"></path>
        </svg>
      </a>
    </div>
  </div>
</body>
</html>

<p style="padding-left: 320px;"><span style="font-size: 14pt;">En el siguiente enlace podrás encontrar información sobre el </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">protocolo de peñas. Es importante que lo consultes si perteneces a </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">la Junta Directiva de una Peña Sportinguista o, simplemente, si eres </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">miembro de una de ellas. Hemos procedido a cambiar algunos </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">formatos, aunque los procedimientos vienen a ser los mismos.</span></p>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Botón de Itinerario</title>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap" rel="stylesheet">
  <style>
    body {
      background-color: #fff; /* Establece el color de fondo en blanco */
      font-family: 'Montserrat', sans-serif; /* Aplica la fuente Montserrat al cuerpo del documento */
    }

    .container1 {
      max-width: 700px; /* Ancho máximo del contenido */
      margin: auto; /* Centra el contenedor */
      font-size: 18px; /* Tamaño de la fuente ajustado a 18px */
      text-align: left; /* Alinea el texto a la izquierda */
    }

    .resaltado1 {
      color: #111827; /* Color de texto #111827 */
      font-weight: bold; /* Texto en negrita */
    }

    .titulo-historia1 {
      color: #e20019; /* Color del título */
      font-size: 32px; /* Tamaño de la fuente del título */
      margin: 20px 0; /* Margen de 20px arriba y abajo, y 0 a los lados */
      text-transform: uppercase; /* Texto en mayúsculas */
      font-weight: bold; /* Negrita */
      text-align: left; /* Alinea el texto a la izquierda */
    }

    .decada1 {
      color: #111111; /* Color del subtítulo */
      font-size: 24px; /* Tamaño de la fuente del subtítulo */
    }

    h31 {
      font-size: 24px; /* Tamaño de la fuente para h3 */
      font-weight: bold; /* Texto en negrita para h3 */
    }

    .button-container1 {
      display: flex;
      justify-content: center; /* Centra el botón horizontalmente */
      align-items: center;
      margin-top: 10px; /* Ajusta este valor para disminuir el espacio */
    }

    .button1 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 237.45px;
      height: 42px;
      border: none;
      font-size: 16px;
      font-weight: bold;
      color: white;
      background-color: #e20019;
      text-decoration: none;
      border-radius: 5px;
      cursor: pointer;
    }

    .button1 svg {
      margin-left: 8px;
      width: 24px;
      height: 24px;
    }

    .button1 svg path {
      width: 15px;
      height: 19.5px;
    }

    .contact-info a {
      color: #3182ce; /* Color del correo electrónico */
      text-decoration: underline; /* Subrayado del correo electrónico */
    }
  </style>
</head>
<body>
  <div class="container1">
    
    <div class="button-container1">
      <a class="button1" href="https://statics-maker.llt-services.com/spo/documents/2024/05/22/ec234365-bc1c-4124-a36b-d56116646905-677.pdf" download target="_blank">
        Protocolo de peñas
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m.75 12l3 3m0 0l3-3m-3 3v-6m-1.5-9H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"></path>
        </svg>
      </a>
    </div>
  </div>
</body>
</html>

<p style="padding-left: 320px;"><span style="font-size: 14pt;">Ahora, para solicitar la presencia de Club o formalizar un acto de </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">aniversario o inauguración, solo debes rellenar el  FORMULARIO </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">ACTO.</span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">Ya no hay que descargarlo y enviarlo por cualquier medio, o incluso </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">llevarlo en mano a las oficinas del Club.</span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">Todo es más sencillo: rellenando los campos y enviando, el sistema </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">hace el resto, y en unos días recibiréis contestación a vuestra petición.</span></p>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Botón de Itinerario</title>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap" rel="stylesheet">
  <style>
    body {
      background-color: #fff; /* Establece el color de fondo en blanco */
      font-family: 'Montserrat', sans-serif; /* Aplica la fuente Montserrat al cuerpo del documento */
    }

    .container1 {
      max-width: 700px; /* Ancho máximo del contenido */
      margin: auto; /* Centra el contenedor */
      font-size: 18px; /* Tamaño de la fuente ajustado a 18px */
      text-align: left; /* Alinea el texto a la izquierda */
    }

    .resaltado1 {
      color: #111827; /* Color de texto #111827 */
      font-weight: bold; /* Texto en negrita */
    }

    .titulo-historia1 {
      color: #e20019; /* Color del título */
      font-size: 32px; /* Tamaño de la fuente del título */
      margin: 20px 0; /* Margen de 20px arriba y abajo, y 0 a los lados */
      text-transform: uppercase; /* Texto en mayúsculas */
      font-weight: bold; /* Negrita */
      text-align: left; /* Alinea el texto a la izquierda */
    }

    .decada1 {
      color: #111111; /* Color del subtítulo */
      font-size: 24px; /* Tamaño de la fuente del subtítulo */
    }

    h31 {
      font-size: 24px; /* Tamaño de la fuente para h3 */
      font-weight: bold; /* Texto en negrita para h3 */
    }

    .button-container1 {
      display: flex;
      justify-content: center; /* Centra el botón horizontalmente */
      align-items: center;
      margin-top: 10px; /* Ajusta este valor para disminuir el espacio */
    }

    .button2 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 155.67px;
      height: 37.19px;
      border: none;
      font-size: 16px;
      font-weight: bold;
      color: white;
      background-color: #e20019;
      text-decoration: none;
      border-radius: 5px;
      cursor: pointer;
    }

    .contact-info a {
      color: #3182ce; /* Color del correo electrónico */
      text-decoration: underline; /* Subrayado del correo electrónico */
    }
  </style>
</head>
<body>
  <div class="container1">
    
    <div class="button-container1">
      <form action="https://docs.google.com/forms/d/e/1FAIpQLSf7_ZmX2jqGzL4PkSUXaDHDO3C13OedgvhNRYwCo8KRYC0jRQ/viewform" method="get" target="_blank">
        <button class="button2" type="submit">
          Formulario acto 
        </button>
      </form>
    </div>
  </div>
</body>
</html>

<div class="mx-auto max-w-7xl py-4 md:py-0 px-4 sm:px-6 lg:px-8">
<div class="mx-auto max-w-3xl">
<div class="prose prose-indigo prose-lg">
<div class="text-secondary-black article_text_area gijon">
<article class="ql-editor p-0 text-secondary-black font-montserrat-regular">
<h3 style="padding-left: 320px;"><span style="font-size: 18pt;"><strong>AVISO IMPORTANTE:</strong></span></h3>
<p style="padding-left: 320px;"> </p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">Para poder solicitar la presencia del Club (jugadores, técnicos, </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">Veteranos o miembros de la Comisión Social) en sus actos de </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">aniversario, todas las Peñas Sportinguistas tendrán que haber </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">enviado la documentación necesaria (ver Protocolo) para ser</span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;"> consideradas <strong>Peña Oficial</strong>.</span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">Los plazos para solicitar la presencia del Club en dichos actos </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">son: <strong>julio y agosto</strong> y <strong>noviembre-diciembre</strong>. No se atenderán </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">peticiones fuera de plazo, salvo aquellas que tengan la consideración </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">de excepcionales.</span></p>
<p style="padding-left: 320px;"> </p>
</article>
</div>
</div>
</div>
</div>
<div class="mx-auto max-w-7xl py-4 md:py-0 px-4 sm:px-6 lg:px-8">
<div class="mx-auto max-w-3xl">
<div class="prose prose-indigo prose-lg">
<div class="text-secondary-black article_text_area gijon">
<article class="ql-editor p-0 text-secondary-black font-montserrat-regular">
<h3 style="padding-left: 320px;"><span style="font-size: 18pt;"><strong>Otras facilidades</strong></span></h3>
<p style="padding-left: 320px;">Si lo que quieres es actualizar los datos de tu Peña, solo tienes</p>
<p style="padding-left: 320px;">que pinchar en este otro enlace: </p>
</article>
</div>
</div>
</div>
</div>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Botón de Itinerario</title>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap" rel="stylesheet">
  <style>
    body {
      background-color: #fff; /* Establece el color de fondo en blanco */
      font-family: 'Montserrat', sans-serif; /* Aplica la fuente Montserrat al cuerpo del documento */
    }

    .container1 {
      max-width: 700px; /* Ancho máximo del contenido */
      margin: auto; /* Centra el contenedor */
      font-size: 18px; /* Tamaño de la fuente ajustado a 18px */
      text-align: left; /* Alinea el texto a la izquierda */
    }

    .resaltado1 {
      color: #111827; /* Color de texto #111827 */
      font-weight: bold; /* Texto en negrita */
    }

    .titulo-historia1 {
      color: #e20019; /* Color del título */
      font-size: 32px; /* Tamaño de la fuente del título */
      margin: 20px 0; /* Margen de 20px arriba y abajo, y 0 a los lados */
      text-transform: uppercase; /* Texto en mayúsculas */
      font-weight: bold; /* Negrita */
      text-align: left; /* Alinea el texto a la izquierda */
    }

    .decada1 {
      color: #111111; /* Color del subtítulo */
      font-size: 24px; /* Tamaño de la fuente del subtítulo */
    }

    h31 {
      font-size: 24px; /* Tamaño de la fuente para h3 */
      font-weight: bold; /* Texto en negrita para h3 */
    }

    .button-container1 {
      display: flex;
      justify-content: center; /* Centra el botón horizontalmente */
      align-items: center;
      margin-top: 10px; /* Ajusta este valor para disminuir el espacio */
    }

    .button3 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 228.03px;
      height: 37.19px;
      border: none;
      font-size: 16px;
      font-weight: bold;
      color: white;
      background-color: #e20019;
      text-decoration: none;
      border-radius: 5px;
      cursor: pointer;
    }

    .contact-info a {
      color: #3182ce; /* Color del correo electrónico */
      text-decoration: underline; /* Subrayado del correo electrónico */
    }
  </style>
</head>
<body>
  <div class="container1">
    
    <div class="button-container1">
      <form action="https://docs.google.com/forms/d/e/1FAIpQLSfXMqqa4rIoGbDUegyfwaDjhM62ROObzsjR4uXoNyo6-80FQQ/viewform" method="get" target="_blank">
        <button class="button3" type="submit">
          Formulario actualización
        </button>
      </form>
    </div>
  </div>
</body>
</html>

<p style="padding-left: 320px;"><span style="font-size: 14pt;">Queremos reforzar la información publicada en nuestro portal web </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">acerca de la vida y actividades de las Peñas</span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">Sportinguistas. Esperamos que nos informéis de vuestras actividades</span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">enviándonos las anécdotas de los viajes, siguiendo al Sporting, </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">celebraciones, reuniones, novedades... Y, por supuesto, esa foto </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">(en formato jpg y sin superar un 1MB) que refleja un momento especial o </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">los proyectos que queréis desarrollar en el futuro.</span></p>
<p style="padding-left: 320px;"> </p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">Finalmente, si quieres crear una nueva Peña y el Registro de </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">Asociaciones te pide la autorización del Real Sporting, puede </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">solicitarlo, igualmente, en el web: SOLICITUD MARCA NUEVA PEÑA</span></p>
<p style="padding-left: 320px;"> </p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">En cualquier caso, para dudas o consultas, mantenemos abierto el </span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;">canal de comunicación permanente a través de la dirección de correo</span></p>
<p style="padding-left: 320px;"><span style="font-size: 14pt;"> electrónico <span style="text-decoration: underline;"><span style="color: rgb(53, 152, 219); text-decoration: underline;"><a style="color: rgb(53, 152, 219); text-decoration: underline;" href="mailto:sportinguistas@realsporting.com" target="_blank" rel="noopener noreferrer">sportinguistas@realsporting.com</a></span></span></span></p>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Botón de Itinerario</title>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap" rel="stylesheet">
  <style>
    body {
      background-color: #fff; /* Establece el color de fondo en blanco */
      font-family: 'Montserrat', sans-serif; /* Aplica la fuente Montserrat al cuerpo del documento */
    }

    .container1 {
      max-width: 700px; /* Ancho máximo del contenido */
      margin: auto; /* Centra el contenedor */
      font-size: 18px; /* Tamaño de la fuente ajustado a 18px */
      text-align: left; /* Alinea el texto a la izquierda */
    }

    .resaltado1 {
      color: #111827; /* Color de texto #111827 */
      font-weight: bold; /* Texto en negrita */
    }

    .titulo-historia1 {
      color: #e20019; /* Color del título */
      font-size: 32px; /* Tamaño de la fuente del título */
      margin: 20px 0; /* Margen de 20px arriba y abajo, y 0 a los lados */
      text-transform: uppercase; /* Texto en mayúsculas */
      font-weight: bold; /* Negrita */
      text-align: left; /* Alinea el texto a la izquierda */
    }

    .decada1 {
      color: #111111; /* Color del subtítulo */
      font-size: 24px; /* Tamaño de la fuente del subtítulo */
    }

    h31 {
      font-size: 24px; /* Tamaño de la fuente para h3 */
      font-weight: bold; /* Texto en negrita para h3 */
    }

    .button-container1 {
      display: flex;
      justify-content: center; /* Centra el botón horizontalmente */
      align-items: center;
      margin-top: 10px; /* Ajusta este valor para disminuir el espacio */
    }

    .button4 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 253.47px;
      height: 37.19px;
      border: none;
      font-size: 16px;
      font-weight: bold;
      color: white;
      background-color: #e20019;
      text-decoration: none;
      border-radius: 5px;
      cursor: pointer;
    }

    .contact-info a {
      color: #3182ce; /* Color del correo electrónico */
      text-decoration: underline; /* Subrayado del correo electrónico */
    }
  </style>
</head>
<body>
  <div class="container1">
    
    <div class="button-container1">
      <form action="https://docs.google.com/forms/d/e/1FAIpQLSe7iuFnsUYQn128WYIQC7Wt1pOpEv4lDzQuysOEySr01Twhog/viewform" method="get" target="_blank">
        <button class="button4" type="submit">
          Solicitud marca nueva peña
        </button>
      </form>
    </div>
  </div>
</body>
</html>