/*
Theme Name:   Xaviolin WP Child
Template:     Xaviolin WP
Version:      1.0.0
*/
/* Estilo para los bloques de eventos */
.evento-block {
    display: flex;
    flex-wrap: wrap;
    background-color: #111;
    margin-bottom: 40px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    padding: 20px;
}

.evento-imagen {
    flex: 0 0 auto;
    max-width: 300px;
    margin-right: 20px;
}

.evento-informacion {
    flex: 1;
    color: white;
    font-size: 18px;
    line-height: 1.6;
}

.evento-titulo {
    font-size: 28px;
}

.evento-boton {
    background-color: #800020;
    padding: 10px 20px;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}
/* Adaptar secciones principales a pantallas pequeñas */
@media (max-width: 768px) {
  body {
    padding: 10px;
  }

  section,
  main {
    padding: 20px 10px !important;
  }

  h1 {
    font-size: 24px !important;
  }

  p {
    font-size: 16px !important;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  .evento-contenedor {
    flex-direction: column !important;
  }

  .evento-imagen,
  .evento-detalle {
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }

  .evento-detalle {
    padding: 10px !important;
  }
}