/* Se aplica sólo cuando el body tenga .telo-aff-template (nuestro template) */

@font-face {
  font-family: 'AvantGardeBook';
  src: url('../font/AvantGardeBook.woff2') format('woff2'),
    url('../font/AvantGardeBook.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Ocultar cabecera del tema (genérico + Divi) */
.telo-aff-template .site-header,
.telo-aff-template header[role="banner"],
.telo-aff-template .et-l--header {
  display: none !important;
}

.telo-aff-page > * {
    font-family: 'AvantGardeBook', Arial, sans-serif;
    font-size: 16px;
    color: #333333;
    padding: 0;
    margin: 0;
}

.telo-aff-template p {
    padding-bottom: 1em;
}

.telo-aff-template button {
    margin-bottom: 1em !important;
}

/* Si tu tema inyecta sidebar por CSS Grid/flex en plantillas globales,
   puedes forzar ancho completo aquí */
.telo-aff-template .telo-aff-page {
    min-height: 88dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 10px auto, cover;
    background-position: left top, center;
    background-repeat: repeat, no-repeat;
        background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0iI0UwRTBFMCIgaGVpZ2h0PSI4MHB4IiB3aWR0aD0iODBweCIgdmlld0JveD0iMCAwIDgwIDgwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wLDhWMEg4QTgsOCwwLDAsMSwwLDhaTTgwLDhWMEg3MkE4LDgsMCwwLDAsODAsOFpNMCw3MnY4SDhBOCw4LDAsMCwwLDAsNzJaTTQwLDMyYTgsOCwwLDEsMCw4LDhBOCw4LDAsMCwwLDQwLDMyWk04MCw3MmE4LDgsMCwwLDAtOCw4aDhaIi8+PC9zdmc+), url(../images/cielo-1.webp);
}


/* Contenedor principal de tu página */
.telo-aff-template .telo-aff-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px;
    border-radius: 12px;
    /* color: white; */
    background: rgba(255, 255, 255, .25);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border: 1.5px solid rgba(209, 213, 219, 0.3);
}

@keyframes neonFlicker {

  0%,
  100% {
    filter: drop-shadow(0 2px 5px rgba(168, 10, 37, 0.5));
    -webkit-filter: drop-shadow(0 2px 5px rgba(168, 10, 37, 0.5));
  }

  50% {
    filter: drop-shadow(0 2px 5px rgba(168, 10, 37, 0.3));
  }

  75% {
    filter: drop-shadow(0 2px 5px rgba(168, 10, 37, 0.5));
  }

  85% {
    filter: drop-shadow(0 2px 5px rgba(168, 10, 37, 0.3));
    -webkit-filter: drop-shadow(0 2px 5px rgba(168, 10, 37, 0.3));
  }
}

.telo-aff-template .telo-aff-container h2, .telo-aff-template .telo-aff-container h3 {
    color: #333333;
    font-family: 'AvantGardeBook', Arial, sans-serif;
}

.telo-aff-template .telo-aff-container input {
    border-radius: 8px;
    min-height: 40px;
    padding: 10px;
    margin-top: 5px;
}

.telo-col-afiliados-panel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 12px;
}
.telo-aff-template a {
    color: #c90b08;
}

/* Estilos que afecten sólo al dashboard dentro de esta página */
/* .telo-aff-template .telo-aff-frontend {

} */

@media screen and (max-width: 600px) {
    .telo-col-afiliados-panel {
            grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .telo-aff-template .telo-aff-container {
        margin: 12px;
        max-width: 100%;
    }
}