/* ===========================
   PABELLON FICHA - LAYOUT
   =========================== */


.pabellon-plano__mapa svg{
  width:100% ;
  height: auto;
  
}
.pabellon-plano__mapa svg rect{
  fill: revert-layer !important;
}

/* Imagen estática en modo imagen */
.plano-interactivo__imagen,
.pabellon-plano__imagen {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}
/* ===========================
   BOTONES DE ACCIÓN (fila top)
   =========================== */

.pabellon-ficha__botones {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; */
  padding: 10px 0;
  margin-bottom: 24px;
  gap:20px;
}   
.pabellon-ficha__btn{
  width: 50%;
}
.pabellon-ficha__btn, .pabellon-grid__link {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    background-color: #F4F4F4 !important;
    height: auto;
    border-radius: 10px !important;

    transition: opacity 0.4s, transform 0.4s !important;
}
.pabellon-ficha__btn:after, .pabellon-grid__link:after {
    content: "";
    width: 16px;
    height: 16px;
    padding: 16px;
    margin: 14px;
    background: url(/themes/custom/personalizado/./img/descarga.svg);
    background-repeat: no-repeat;
    background-position: center;
}
 .pabellon-ficha__btn:hover, .pabellon-grid__link:hover{
    opacity: 0.69;
    transform: scale(0.96);
    cursor: pointer;
}



.pabellon-ficha__btn--expositores {
  margin-left: auto;
}



/* ===========================
   IMAGEN DISTRIBUCIÓN
   =========================== */

.pabellon-ficha__distribucion {
  margin-bottom: 32px;
}

.pabellon-ficha__distribucion-titulo {
  display: none; /* En la foto no aparece el título */
}

.pabellon-ficha__distribucion img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #eee;
}

/* ===========================
   OTROS PABELLONES - GRID 3 col
   =========================== */

.pabellon-ficha__otros {
  margin-bottom: 32px;
}

.pabellon-ficha__otros-titulo {
  display: none; /* No aparece en la foto */
}

.pabellon-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.pabellon-grid__item {
  margin: 0;
  padding: 0;
}

.pabellon-grid__link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pabellon-grid__link:hover {
  border-color: #999;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  text-decoration: none;
}

.pabellon-grid__code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #f0f0f0;
  font-weight: 700;
  font-size: 0.875rem;
}

.pabellon-grid__label {
  font-size: 0.9375rem;
}

.pabellon-grid__link--hover {
  border-color: #666;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

/* ===========================
   SVG PABELLÓN HIGHLIGHTS
   =========================== */

/* Transición suave para hover */
.plano-pabellon__fondo--activo,
.plano-pabellon__fondo--solo {
  transition: fill-opacity 0.2s ease;
}

/* Hover en pabellón activo: aumentar opacidad */
.plano-pabellon--activo:hover .plano-pabellon__fondo--activo {
  fill-opacity: 0.9 !important;
}

/* Resaltado desde hover en listado */
.plano-pabellon--resaltado .plano-pabellon__fondo--activo {
  fill-opacity: 0.9 !important;
}

.plano-pabellon--resaltado {
  opacity: 1 !important;
}

/* Icono flecha/círculo a la derecha de cada ítem */
.pabellon-grid__link::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='10 8 14 12 10 16'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* ===========================
   BOTÓN VOLVER
   =========================== */

.pabellon-ficha__volver {
  display: flex;
  justify-content: center;
  margin: 24px 0;
  padding-top: 8px;
}


/* .pabellon-ficha__btn--volver {
  border: 1px solid #bbb;
  padding: 10px 32px;
  font-size: 14px;
  color: #222;
  text-decoration: none;
  background: #fff;
  cursor: pointer;
  border-radius: 2px;
} */

.pabellon-ficha__btn--volver:hover {
  background: #f5f5f5;
}

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width: 768px) {
  .pabellon-grid {
    grid-template-columns: 1fr 1fr;
  }

  /* .pabellon-plano--reducido {
    max-width: 100%;
  } */

  .pabellon-ficha__botones {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .pabellon-grid {
    grid-template-columns: 1fr;
  }
}

.plano-interactivo__mapa{
  padding: 20px 0px;
}