/* BOTONES acordeón */
.container_1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 80.1%;
    width: 100%;
    z-index: 999;
    /* background-color: #00b6c2; */
}

.boton-acordeon {
    background: linear-gradient(to right, #4e100b, #64100a);
    color: white;
    font-family: "century";
    text-align: center;
    padding: 15px 0;
    font-size: 1.2rem;
    cursor: pointer;
    border-top: 3px solid #eaaf54;
    border-bottom: 3px solid #eaaf54;
    width: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    transition: transform 0.2s ease;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    outline: none;  
  }
  
  .boton-acordeon:active {
    transform: scale(0.99);
  }
  
.acordeon-contenido[hidden] {
    display: none;
    padding: 0px 0px;
    animation: fadeIn 0.4s ease-in-out !important;
}
.acordeon-contenido.is-open {
  display: block;
  animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Respeta reduce motion */
@media (prefers-reduced-motion: reduce) {
  .acordeon-contenido.is-open { animation: none; }
}

/* .acordeon-contenido {
  display: none;
  padding: 0px 0px;
  animation: fadeIn 0.4s ease-in-out;

} */

/* .acordeon-contenido[hidden] { display: none; } */



.acordeon-contenido img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto -8px;
}
.acordeon-contenido video {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto -8px;
}