* {

  /* margin: 0;

    padding: 0;

    box-sizing: border-box; */

}



body {

  /* display: flex;

  justify-content: center; */

  font-family: Arial, Helvetica, sans-serif;

}



.ticket {

  width: 80mm;

  /* background-color: aqua; */

  justify-content: center;

  display: flex;

  flex-direction: column;

}



.header {

  display: flex;

  flex-direction: column;

}



.header img {

  width: 200px;

  margin: 0 auto 10px;

}



.contenido {

  margin-top: 30px;

}



h1 {

  font-size: 18px;

  text-align: center;

  font-weight: 900;

  margin-top: 10px;

}

small {

  font-style: italic;

  text-align: center;

  margin-top: 16px;

  font-size: 12px;

}

h2 {

  font-weight: 800;

  font-size: 16px;

  margin-bottom: 10px;

}



.h2-regular {

  font-weight: 400;

}



h3 {

  font-weight: 800;

  font-size: 12px;

  margin-bottom: 10px;

}

.h3-regular {

  font-weight: 300;

  margin-bottom: 6px;

}



table {

  margin-top: 30px;

  margin-bottom: 10px;

  width: 100%;

  font-size: 12px;

}



table tbody tr td:nth-child(2) {

  display: flex;

  justify-content: right;

}



table tbody tr {

  margin-bottom: 20px;

}



h4 {

  font-weight: 800;

  font-size: 12px;

  margin-bottom: 10px;

}



.datos-bancarios {

  margin: 20px 0 20px 20px;

}



p {

  font-size: 12px;

  margin-bottom: 6px;

}



.footer {

  text-align: center;

  margin-top: 30px;

  padding: 6px 10px 30px;

}

.footer p {

  font-size: 12px;

}



.qr {

  width: 100%;

  display: flex;

  justify-content: center;

  margin-top: 10px;

}



.qr img {

  max-width: 200px;

}



@media print {

  body {

    margin: 0;

  }

}



.oculto-impresion {

  width: 200px;

}



/* @media print {

    .oculto-impresion,

    .oculto-impresion * {

        display: none !important;

    }

} */



/* #liberty .ticket {

    width: 80mm;

    background-color: antiquewhite;

} */



#liberty h1,

#distribuidora h1 {

  font-size: 18px;

  text-align: left;

  margin-bottom: 2px;

  margin-top: 0;

  text-align: center;

}

#liberty .contenido,

#distribuidora .contenido {

  margin-top: 0px;

  text-align: center;

}

#liberty h2,

#distribuidora h2 {

  font-weight: 300;

  font-size: 14px;

}

#liberty .footer,

#distribuidora .footer {

  margin-top: 0;

}

#liberty .footer,

#distribuidora .footer {

  padding: 0;

  margin-top: 6px;

  text-align: center;

}

#distribuidora .fecha-hora {

  display: flex;

  width: 100%;

  justify-content: center;

}

#distribuidora .fecha-hora p {

  margin-right: 10px;

  margin-left: 10px;

  font-size: 12px;

}

#distribuidora h2 {

  font-weight: 700;

}



/* =============================================

   DUNAS DORADAS — Overrides de marca (form)

   ============================================= */



:root {

  --dd-navy:       #1a2035;

  --dd-navy-light: #232b45;

  --dd-gold:       #C9973A;

  --dd-sand:       #E8BA6A;

  --dd-ember:      #C0392B;

  --dd-cream:      #F5EDD8;

}



/* Página */

body.dd-page {

  background-color: var(--dd-navy);

  font-family: 'Inter', Arial, sans-serif;

  min-height: 100vh;

}



/* Header del evento */

.dd-header {

  text-align: center;

  padding: 2.5rem 1rem 1.5rem;

}

.dd-header .dd-eyebrow {

  font-family: 'Bebas Neue', sans-serif;

  letter-spacing: 0.35em;

  font-size: 0.78rem;

  color: var(--dd-gold);

  text-transform: uppercase;

  margin-bottom: 0.6rem;

}

/* Override del h1 global de styles.css (18px) para esta página */

body.dd-page .dd-header h1 {

  font-family: 'Bebas Neue', sans-serif;

  font-size: clamp(2.8rem, 9vw, 5.5rem);

  line-height: 1;

  color: var(--dd-cream);

  letter-spacing: 0.06em;

  font-weight: 400; /* Bebas no tiene weight real */

  text-align: center;

  margin-bottom: 0.75rem;

}

body.dd-page .dd-header h1 .dd-accent {

  color: var(--dd-gold);

}

.dd-badge {

  display: inline-block;

  border: 1px solid rgba(201, 151, 58, 0.4);

  border-radius: 4px;

  padding: 0.3rem 1.2rem;

  color: var(--dd-gold);

  font-size: 0.8rem;

  font-weight: 600;

  letter-spacing: 0.15em;

  text-transform: uppercase;

  margin-bottom: 0.5rem;

}



/* Card */

.dd-card {

  background-color: var(--dd-navy-light);

  border: 1px solid rgba(201, 151, 58, 0.2);

  border-top: 3px solid var(--dd-gold);

  border-radius: 0.5rem;

  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);

}



/* Título de sección dentro del form */

body.dd-page .dd-section-title {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 1rem;

  letter-spacing: 0.2em;

  color: var(--dd-gold);

  text-transform: uppercase;

  font-weight: 400;

}



/* Labels */

body.dd-page .form-label {

  color: var(--dd-cream);

  font-size: 0.83rem;

  font-weight: 500;

  letter-spacing: 0.02em;

  margin-bottom: 0.3rem;

}



/* Inputs y selects */

body.dd-page .form-control,

body.dd-page .form-select {

  background-color: rgba(255, 255, 255, 0.06);

  border: 1px solid rgba(201, 151, 58, 0.3);

  color: var(--dd-cream);

  border-radius: 0.375rem;

  transition: border-color 0.2s ease, box-shadow 0.2s ease;

}

body.dd-page .form-control::placeholder {

  color: rgba(245, 237, 216, 0.3);

}

body.dd-page .form-control:focus,

body.dd-page .form-select:focus {

  background-color: rgba(255, 255, 255, 0.09);

  border-color: var(--dd-gold);

  box-shadow: 0 0 0 0.2rem rgba(201, 151, 58, 0.22);

  color: var(--dd-cream);

  outline: none;

}

/* Ícono del date picker en dark mode */

body.dd-page input[type="date"]::-webkit-calendar-picker-indicator {

  filter: invert(0.8) sepia(0.5) saturate(3) hue-rotate(5deg);

  cursor: pointer;

}

/* Opciones del select */

body.dd-page .form-select option {

  background-color: var(--dd-navy);

  color: var(--dd-cream);

}



/* Mensajes de error */

body.dd-page .text-danger {

  color: #e05c4d !important;

  font-size: 0.78rem;

  margin-top: 0.25rem;

  display: block;

}



/* Divisor */

body.dd-page hr {

  border-color: rgba(201, 151, 58, 0.18);

  margin: 0.5rem 0 1rem;

}



/* Heading contacto emergencia */

body.dd-page .h5 {

  color: var(--dd-cream);

  font-weight: 600;

  font-size: 0.95rem;

}



/* Botón principal */

body.dd-page .btn-primary {

  background-color: var(--dd-gold);

  border-color: var(--dd-gold);

  color: var(--dd-navy);

  font-weight: 700;

  font-family: 'Inter', sans-serif;

  letter-spacing: 0.04em;

  padding: 0.65rem 2.5rem;

  transition: background-color 0.2s ease, transform 0.15s ease;

}

body.dd-page .btn-primary:hover:not(:disabled) {

  background-color: var(--dd-sand);

  border-color: var(--dd-sand);

  color: var(--dd-navy);

  transform: scale(1.02);

}

body.dd-page .btn-primary:focus {

  box-shadow: 0 0 0 0.25rem rgba(201, 151, 58, 0.35);

}

body.dd-page .btn-primary:disabled {

  background-color: rgba(201, 151, 58, 0.35);

  border-color: transparent;

  color: var(--dd-navy);

  cursor: not-allowed;

}



/* Alert evento no encontrado */

body.dd-page .alert-danger {

  background-color: rgba(192, 57, 43, 0.15);

  border-color: var(--dd-ember);

  color: var(--dd-cream);

}



/* Pie de página */

.dd-footer {

  text-align: center;

  padding: 1.5rem 1rem 2rem;

  color: rgba(245, 237, 216, 0.3);

  font-size: 0.78rem;

  letter-spacing: 0.05em;

}