.elementor-8544 .elementor-element.elementor-element-578dbe7:not(.elementor-motion-effects-element-type-background), .elementor-8544 .elementor-element.elementor-element-578dbe7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242855;}.elementor-8544 .elementor-element.elementor-element-578dbe7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8544 .elementor-element.elementor-element-578dbe7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8544 .elementor-element.elementor-element-10660ae:not(.elementor-motion-effects-element-type-background), .elementor-8544 .elementor-element.elementor-element-10660ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242855;}.elementor-8544 .elementor-element.elementor-element-10660ae{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8544 .elementor-element.elementor-element-10660ae > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for html, class: .elementor-element-99309db */.container {
      display: flex;
      align-items: center;
      /* para dar espacio, puedes ajustar padding/margin */
      padding: 20px;
    }
    .container img {
        border:solid white 3px;
      width: 150px;        /* ajusta tamaño de la imagen */
      height: 150px;
      border-radius: 50%;   /* esto la hace circular */
      object-fit: cover;     /* para que no se distorsione si no es cuadrada */
      margin-right: 20px;    /* espacio entre imagen y el texto */
    }
    .text-block {
      flex: 1;
      /* para que el bloque de texto tome lo que quede de espacio */
    }
    .text-block p {
      margin: 0px;
      /* eliminamos márgenes si queremos control total */
      padding: 0;
      color: #FFF;
        font-family: 'Century Gothic Paneuropean', sans-serif;
       font-size: 40px
      
    }
    .text-block .link-container {
      margin-top: 10px;
      text-align: left; /* centrar el link */
    }
    .text-block .link-container a {
        font-family: 'Century Gothic Paneuropean', sans-serif;
      color: #FFF;
      /* puedes agregar estilos al link */
    }
   
    .text-block .link-container li {
        margin-left: 15px;
        color: #fff;
    }
    
    
    @media (max-width: 768px) {
  .container {
    flex-direction: column;
    align-items: center;
  }

  .text-block p {
    font-size: 1.2rem;
  }

  .link-container a {
    font-size: 1rem;
  }
}

/* Media Queries para dispositivos muy pequeños */
@media (max-width: 480px) {
  .container img {
    width: 120px;
    height: 120px;
  }

  .text-block p {
    font-size: 1rem;
  }

  .link-container a {
    font-size: 0.9rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c0b3b0 */.container {
      display: flex;
      align-items: center;
      /* para dar espacio, puedes ajustar padding/margin */
      padding: 20px;
    }
    .container img {
        border:solid white 3px;
      width: 150px;        /* ajusta tamaño de la imagen */
      height: 150px;
      border-radius: 50%;   /* esto la hace circular */
      object-fit: cover;     /* para que no se distorsione si no es cuadrada */
      margin-right: 20px;    /* espacio entre imagen y el texto */
    }
    .text-block {
      flex: 1;
      /* para que el bloque de texto tome lo que quede de espacio */
    }
    .text-block p {
      margin: 0px;
      /* eliminamos márgenes si queremos control total */
      padding: 0;
      color: #FFF;
        font-family: 'Century Gothic Paneuropean', sans-serif;
       font-size: 40px
      
    }
    .text-block .link-container {
      margin-top: 10px;
      text-align: left; /* centrar el link */
    }
    .text-block .link-container a {
        font-family: 'Century Gothic Paneuropean', sans-serif;
      color: #FFF;
      /* puedes agregar estilos al link */
    }
   
    .text-block .link-container li {
        margin-left: 15px;
        color: #fff;
    }
    
    
    @media (max-width: 768px) {
  .container {
    flex-direction: column;
    align-items: center;
  }

  .text-block p {
    font-size: 1.2rem;
  }

  .link-container a {
    font-size: 1rem;
  }
}

/* Media Queries para dispositivos muy pequeños */
@media (max-width: 480px) {
  .container img {
    width: 120px;
    height: 120px;
  }

  .text-block p {
    font-size: 1rem;
  }

  .link-container a {
    font-size: 0.9rem;
  }
}/* End custom CSS */