/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 07 2026 | 17:15:03 */
<style>
  .tablaRankingGestorias {
    width: 100%;
    border-collapse: collapse; /* IMPORTANTE */
    font-family: Arial, sans-serif;
    border: 1px solid #dcdcdc;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }



  .tablaRankingGestorias thead th {
    background: #f7f7f7;
    font-size: 15px;
    font-weight: 700;
    color: #333;
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #dcdcdc;
    border-left: none;   /* sin lineas verticales */
    border-right: none;  /* sin lineas verticales */
  }

  .tablaRankingGestorias tbody td {
    padding: 14px 16px;
    vertical-align: middle;
    border-bottom: 1px solid #ececec;
    border-left: none;   /* sin lineas verticales */
    border-right: none;  /* sin lineas verticales */
	  
  }

  .tablaRankingGestorias tbody tr:last-child td {
    border-bottom: none;
  }

  .colRanking {
    width: 110px;
    font-size: 20px;
    font-weight: 700;
    color: #444;
    white-space: nowrap;
  }

  .colNombre h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #111;
    line-height: 1.25;
  }

  .ratingLine {
    margin-top: 6px;
    font-size: 13px;
    color: #444;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .estrellas {
    color: #fbbc04;
    font-size: 13px;
    letter-spacing: 1px;
  }

  .reviews {
    margin-top: 4px;
    font-size: 13px;
    color: #333;
  }

  .colDireccion {
    font-size: 13px;
    color: #333;
    line-height: 1.4;
  }

  .colContacto {
    font-size: 13px;
    color: #1a73e8;
    line-height: 1.3;
  }

  .contactItem {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
  }

  .contactItem:last-child {
    margin-bottom: 0;
  }

  .iconBox {
    width: 30px;
    height: 30px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    flex-shrink: 0;
  }

  .iconBox svg {
    width: 16px;
    height: 16px;
    fill: #1a73e8;
  }

  .colContacto a {
    color: #1a73e8;
    text-decoration: none;
    font-weight: 500;
  }

  .colContacto a:hover {
    text-decoration: underline;
  }

  /* RESPONSIVE SIN CAMBIAR DISEÑO (SCROLL HORIZONTAL) */
  .tablaRankingWrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .tablaRankingWrapper table {
    min-width: 900px; /* ajusta si quieres */
  }
  
  /* RESPONSIVE tipo ficha (como captura) */
@media (max-width: 768px) {

  .tablaRankingGestorias {
    border: none;
  }

  .tablaRankingGestorias thead {
    display: none;
  }

  .tablaRankingGestorias,
  .tablaRankingGestorias tbody,
  .tablaRankingGestorias tr,
  .tablaRankingGestorias td {
    display: block;
    width: 100%;
  }

  .tablaRankingGestorias tbody tr {
    padding: 18px 16px;
    border-bottom: 1px solid #ececec;
    background: #fff;
  }

  .tablaRankingGestorias tbody td {
    border: none;
    padding: 0;
    margin-bottom: 14px;
  }

  /* Top X grande */
  .tablaRankingGestorias .colRanking {
    font-size: 34px;
    font-weight: 800;
    color: #222;
    margin-bottom: 14px;
    width: 100%;
  }

  /* Bloque nombre */
  .tablaRankingGestorias .colNombre h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 8px;
  }

  .tablaRankingGestorias .ratingLine {
    font-size: 16px;
    gap: 10px;
  }

  .tablaRankingGestorias .estrellas {
    font-size: 16px;
  }

  .tablaRankingGestorias .reviews {
    font-size: 16px;
    margin-top: 8px;
    color: #444;
  }

  /* Dirección */
  .tablaRankingGestorias .colDireccion {
    font-size: 18px;
    color: #444;
    line-height: 1.5;
  }

  /* Contacto como lista debajo */
  .tablaRankingGestorias .colContacto {
    margin-top: 10px;
  }

  .tablaRankingGestorias .colContacto .contactItem {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
  }

  .tablaRankingGestorias .iconBox {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .tablaRankingGestorias .iconBox svg {
    width: 20px;
    height: 20px;
  }

  .tablaRankingGestorias .colContacto a {
    font-size: 18px;
    font-weight: 500;
    word-break: break-word;
  }

  /* Evitar que se vea todo comprimido */
  .tablaRankingGestorias .colNombre,
  .tablaRankingGestorias .colDireccion,
  .tablaRankingGestorias .colContacto {
    width: 100%;
  }
}
.tg-badges-front{
  margin-top: 6px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.tg-badges-front span{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 999px;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
}

/* VERIFICADA (verde) */
.tg-badge-verified{
  background: #d1e7dd;
  border-color: #badbcc;
  color: #0f5132;
}

.tg-badge-verified::before{
  content: "✔";
  font-weight: 900;
  font-size: 12px;
}

/* RECOMENDADA (amarillo) */
.tg-badge-recommended{
  background: #d5bc6c;
  border-color: #ffecb5;
  color: #664d03;
}

.tg-badge-recommended::before{
  content: "★";
  font-weight: 900;
  font-size: 12px;
}

</style>


<!-- ICONOS REUTILIZABLES -->
<svg style="display:none;">
  <symbol id="icon-web" viewBox="0 0 24 24">
    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10
    10-4.48 10-10S17.52 2 12 2zm7.93 9h-3.95a15.65 15.65
    0 0 0-1.3-5.01A8.03 8.03 0 0 1 19.93 11zM12 4c.98 1.42
    1.77 3.3 2.26 5H9.74C10.23 7.3 11.02 5.42 12 4zM4.07
    13h3.95c.2 1.73.72 3.39 1.3 5.01A8.03 8.03 0 0 1 4.07
    13zm3.95-2H4.07a8.03 8.03 0 0 1 5.2-5.01A15.65 15.65
    0 0 0 8.02 11zm1.72 2h4.52c-.5 1.7-1.28 3.58-2.26
    5-.98-1.42-1.77-3.3-2.26-5zm6.24 0h3.95a8.03 8.03
    0 0 1-5.2 5.01c.58-1.62 1.1-3.28 1.3-5.01z"/>
  </symbol>

  <symbol id="icon-phone" viewBox="0 0 24 24">
    <path d="M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2
    a1 1 0 0 1 1.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 0 1
    1 1V20a1 1 0 0 1-1 1C10.07 21 3 13.93 3 5a1 1 0 0 1
    1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.58a1 1 0 0 1
    -.25 1.01l-2.2 2.2z"/>
  </symbol>

  <symbol id="icon-map" viewBox="0 0 24 24">
    <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75
    7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5
    S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z"/>
  </symbol>
</svg>