/* 
Theme Name: Hello Elementor Child
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/*RESTRICCIÓN EDAD*/
.age-gate {
    border-radius: 20px;
}
.age-restriction button.age-gate__submit {
    border-radius: 50px;
    padding: 10px 40px;
    background: #29728C;
    border: 2px solid #29728C;
}
.age-restriction button.age-gate__submit:hover {
    background: transparent;
	color: #29728C;
}
.age-restriction img{
	max-width: 200px;
	margin-bottom:0;
}
.age-restriction p.age-gate__challenge {
    margin-bottom: 30px;
}




/* Contenedor general de la tarjeta */
.tarjeta-fidelidad {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 1.5em;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Título */
.tarjeta-fidelidad h3 {
  text-align: center;
  margin: 0 0 1em;
  font-size: 1.4em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3em;
}

/* Filas de fidelidad */
.fila-fidelidad {
  display: flex;
  justify-content: center;
  gap: 0.5em;
  margin-bottom: 0.7em;
}

/* Cada celda */
.fidelidad-celda {
 flex: 1;
    text-align: center;
    padding: 0.8em 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #f9f9f9;
    font-weight: bold;
    position: relative;
    transition: background 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fidelidad-celda:hover {
  background: #f0f0f0;
}

/* Celdas completadas */
.fidelidad-celda.realizado {
  background: #29728c;
  color: #fff;
  border-color: #29728c;
}

/* Celdas especiales (premios) */
.fidelidad-celda.especial {
  background: #fff3cd;
  border-color: #ffecb5;
	color:black;
}

/* Etiqueta dentro de celdas especiales */
.fidelidad-celda .etiqueta {
  font-size: 0.7em;
  font-weight: normal;
  display: block;
  margin-top: 0.3em;
  color: #8a6d3b;
}

/* Texto de pedidos realizados */
.tarjeta-fidelidad p {
  text-align: center;
  margin-top: 1em;
  font-weight: bold;
}




@media (max-width: 450px) {
 .age-gate__buttons {
    display: flex
;
    flex-direction: column;
}
}