/*
 Theme Name: BetApuesta Child
 Theme URI: https://www.betapuesta.es
 Description: Tema hijo de Workylite para personalizaciones de BetApuesta
 Author: BetApuesta
 Author URI: https://www.betapuesta.es
 Template: workylite
 Version: 1.0.0
*/

/* Aquí puedes añadir tus estilos personalizados */

/* Oculta por completo el bloque de filtros de Tipster Script */
.ts-filter { 
  display: none !important; 
}

/* Fuente Gugi para nombres de tipsters */
.tipsters-user h3 a,
.ts-center h3 {
    font-family: "Gugi", cursive !important;
}


[class^="col-md"],
[class*=" col-md"] {
    line-height: 2;
}

/* Ocultar títulos de páginas en distintas variantes de temas/Elementor */
.page h1.entry-title,
.page .entry-title,
.page h1.page-title,
.page .page-title,
.page .elementor-page-title {
  display: none !important;
}


.elementor-element-6a79067d {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/* ===== SOLO ESCRITORIO (>=1025px) ===== */
@media (min-width: 1025px) {
/* Texto del yield centrado en las tarjetas*/
.tss-cards-fix .col-md-3,
.tss-cards-fix .col-12 {
  text-align: center;          /* centra horizontal */
  display: flex;
  flex-direction: column;
  justify-content: center;     /* centra vertical */
  align-items: center;
}

.tss-cards-fix .ts-number {
  margin-bottom: 0px; /* ajusta según necesites */
  line-height: 0;
}

.tss-cards-fix .ts-text {
  margin-top: 0;
  line-height: 0;
}

/* Más padding dentro de cada tarjeta del listado */
.tss-cards-fix .elementor-shortcode > div,
.tss-cards-fix .elementor-shortcode [class*="card"] {
  padding: 1px !important;   /* súbelo/bájalo a tu gusto */
  box-sizing: border-box;
  border-radius: 5px;         /* opcional, solo estética */
}
}

/* === Normalizar botón del footer y evitar que “se salga” === */
body .elementor .tss-cards-fix .elementor-shortcode [class*="card"],
body .elementor .tss-cards-fix .elementor-shortcode > div,
body .elementor .tss-cards-fix .elementor-shortcode > article,
body .elementor .tss-cards-fix .elementor-shortcode > ul > li {
  position: relative;
  overflow: hidden;            /* recorta cualquier desborde interno */
  border-radius: 12px;
  box-sizing: border-box;
}

/* Botón: ocupar 100% del ancho del card y respetar el padding del card */
body .elementor .tss-cards-fix .elementor-shortcode .tss-card__footer a,
body .elementor .tss-cards-fix .elementor-shortcode .card-footer a,
body .elementor .tss-cards-fix .elementor-shortcode .actions a,
body .elementor .tss-cards-fix .elementor-shortcode a[class*="btn"],
body .elementor .tss-cards-fix .elementor-shortcode a[class*="button"] {
  display: block !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  box-sizing: border-box !important;

  /* Estilo y color de marca */
  background: #f7992b !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  text-align: center;
  text-decoration: none;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  appearance: none;
  background-image: none !important;
}

/* Hover / foco accesible */
body .elementor .tss-cards-fix .elementor-shortcode .tss-card__footer a:hover,
body .elementor .tss-cards-fix .elementor-shortcode .card-footer a:hover,
body .elementor .tss-cards-fix .elementor-shortcode .actions a:hover {
  filter: brightness(0.95);
}
body .elementor .tss-cards-fix .elementor-shortcode .tss-card__footer a:focus,
body .elementor .tss-cards-fix .elementor-shortcode .card-footer a:focus,
body .elementor .tss-cards-fix .elementor-shortcode .actions a:focus {
  outline: 2px solid #f7992b;
  outline-offset: 2px;
}

.tss-cards-fix .badge,
.tss-cards-fix .label,
.tss-cards-fix .tag,
.tss-cards-fix [class*="badge"] {
  border-radius: 999px !important; /* redondeo máximo tipo pastilla */
  padding: 4px 10px;               /* para que se vea equilibrada */
  font-size: 0.85rem;
  font-weight: 600;
  color: #fff;
  display: inline-block;
}


/* Fuente Gugi coherente en todas partes */
.tipsters-user h3 a,
.ts-center h3 {
    font-family: "Gugi", sans-serif !important;
    font-style: normal;
}