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

@font-face {
  font-family: 'Monumen';
  src: url('../fonts/MonumentExtended-Ultrabold.woff2') format('woff2'),
       url('../fonts/MonumentExtended-Ultrabold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
  .st0-1{ outline:-webkit-focus-ring-color auto 0px}
  .main-bg-svg  svg#svg_emered {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/img/emedos/Master-BG.jpg'); /* ojo: path y mayúsculas/minúsculas */
    height: 100%;
    max-height: 650px;
  }

  .main-bg-svg svg#svg_vitah {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/img/vitah/Vitah_BG.jpg'); /* ojo: path y mayúsculas/minúsculas */
    height: 100%;
    max-height: 650px;
  }
  .main-bg-svg  svg#svg_emered .st0-1 {
    cursor: pointer;
  }

.main-bg-svg .svg-holder {
  width: 100% !important;
  height: auto !important;
}
.main-bg-svg .svg-holder svg{
display:block;
  width:100%;
  height:auto;
}

 body.modal-open [data-tippy-root] { display: none !important; }
  /* Estados por disponibilidad */
  .main-bg-svg  svg#svg_emered .st0-1.disponible:hover,
  .main-bg-svg  svg#svg_emered .st0-1.disponible.active {
    fill: rgba(125, 211, 33, 0.4);
    stroke: #426840;
  }

  .main-bg-svg  svg#svg_emered .st0-1.apartado:hover,
  .main-bg-svg  svg#svg_emered .st0-1.apartado.active {
    fill: rgba(248, 231, 28, 0.4);
    stroke: #c48302;
  }

  .main-bg-svg  svg#svg_emered .st0-1.vendido:hover,
  .main-bg-svg  svg#svg_emered .st0-1.vendido.active {
    fill: rgba(253, 88, 89, 0.4);
    stroke: #841300;
  }
  /* ---- Fondos por clúster ---- */
  .interactivo svg#svg_pb,
  .interactivo svg#svg_bali,
  .interactivo svg#svg_ibiza,
  .interactivo svg#svg_vitah {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .interactivo svg#svg_pb    { background-image: url(/img/emedos/Cluster-Bora.jpg); }
  .interactivo svg#svg_bali  { background-image: url(/img/emedos/Cluster-Bali.jpg); }
  .interactivo svg#svg_ibiza { background-image: url(/img/emedos/Cluster-ibiza.jpg); }
  .interactivo svg#svg_vitah { background-image: url(/img/vitah/Vitah_BG.jpg); }

  /* ---- Estados de lotes (Bora genérico) ---- */
  .interactivo .batch { cursor: pointer; }
  .interactivo .batch.disponible        { fill: rgba(125, 211, 33, 0.4); stroke: #426840; }
  .interactivo .batch.disponible.active { fill: transparent; }
  .interactivo .batch.apartado          { fill: rgba(248, 231, 28, 0.4); stroke: #c48302; }
  .interactivo .batch.vendido           { fill: rgba(253, 88, 89, 0.4);  stroke: #841300; }

  /* ---- Estados de lotes (Ibiza) ---- */
  .interactivo .batch-ibiza { cursor: pointer; }
  .interactivo .batch-ibiza.disponible        { fill: rgba(125, 211, 33, 0.4); stroke: #426840; }
  .interactivo .batch-ibiza.disponible.active { fill: transparent; }
  .interactivo .batch-ibiza.apartado          { fill: rgba(248, 231, 28, 0.4); stroke: #c48302; }
  .interactivo .batch-ibiza.vendido           { fill: rgba(253, 88, 89, 0.4);  stroke: #841300; }

  /* ---- Estados de lotes (Bali) ---- */
  .interactivo .batch-bali { cursor: pointer; }
  .interactivo .batch-bali.disponible        { fill: rgba(125, 211, 33, 0.4); stroke: #426840; }
  .interactivo .batch-bali.disponible.active { fill: transparent; }
  .interactivo .batch-bali.apartado          { fill: rgba(248, 231, 28, 0.4); stroke: #c48302; }
  .interactivo .batch-bali.vendido           { fill: rgba(253, 88, 89, 0.4);  stroke: #841300; }

  .interactivo .batch-vitah { cursor: pointer; }
  .interactivo .batch-vitah.disponible        { fill: rgba(125, 211, 33, 0.4); stroke: #426840; }
  .interactivo .batch-vitah.disponible.active { fill: transparent; }
  .interactivo .batch-vitah.apartado          { fill: rgba(248, 231, 28, 0.4); stroke: #c48302; }
  .interactivo .batch-vitah.vendido           { fill: rgba(253, 88, 89, 0.4);  stroke: #841300; }
}
/* Tema Emedos para Tippy */
.tippy-box[data-theme~='emedos'] {
  background-color: rgba(14, 10, 96, 1); /* #0e0a6099 */
  color: #fff;
  border-radius: 5px;
  box-shadow: 0px 4px 8px rgba(0,0,0,.1);
}

/* Contenido interno del tooltip (tu clase existente) */
.tippy-box[data-theme~='emedos'] .tippy-content,
.tooltip-content {
  font-family: "Roboto", serif;
  color: #fff;
  text-align: left;
  line-height: 1.5em;
  padding: 10px;
}

.tippy-box[data-theme~='vitah'] {
  background-color: #e5999d; /* #0e0a6099 */
  color: #fff;
  border-radius: 5px;
  box-shadow: 0px 4px 8px rgba(0,0,0,.1);
}

/* Contenido interno del tooltip (tu clase existente) */
.tippy-box[data-theme~='vitah'] .tippy-content,
.tooltip-content {
  font-family: "Roboto", serif;
  color: #fff;
  text-align: left;
  line-height: 1.5em;
  padding: 10px;
}

/* Flecha del tooltip siguiendo el mismo color/transparencia */
.tippy-box[data-theme~='emedos'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: rgba(14, 10, 96, 0.6);
}
.tippy-box[data-theme~='emedos'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: rgba(14, 10, 96, 0.6);
}
.tippy-box[data-theme~='emedos'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: rgba(14, 10, 96, 0.6);
}
.tippy-box[data-theme~='emedos'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: rgba(14, 10, 96, 0.6);
}

@layer components {
  .select-peninsula {
    @apply w-full rounded-lg border border-white/30 bg-white/10 px-3 py-2 text-sm text-white outline-none appearance-none;
    /* flecha custom */
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path d='M5.25 7.5l4.75 4.75L14.75 7.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 1rem 1rem;
    padding-right: 2.25rem;  
  }
  .select-peninsula:focus {
    @apply ring-2 ring-white/40 border-white/60;
  }
  .select-peninsula option {
    background-color: rgba(38,28,51,.95); /* mismo fondo que el select abierto */
    color: #fff;
    font-family: Poppins, ui-sans-serif, system-ui, sans-serif;
  }
  .font-cormorant-500 { font-family: "Cormorant", serif; font-weight: 500; }
  .pulse {
      fill: rgba(14, 10, 96, 0.6); 
      animation: pulse-animation 2s infinite;
    }

    @keyframes pulse-animation {
      0% {
        r: 5;
        opacity: 0.8;
      }
      100% {
        r: 20;
        opacity: 0;
      }
    }

    /* Main Path */
   
    .cls-1{
      outline:-webkit-focus-ring-color auto 0px
    }
    .main-bg-svg .svg-fluid svg{
  width: 100% !important;
  height: auto !important;
  display: block;
}

/* Por si el SVG trae width/height “duros” en atributos */
.main-bg-svg .svg-fluid svg[width],
.main-bg-svg .svg-fluid svg[height]{
  width: 100% !important;
  height: auto !important;
}
.interactivo svg { width: 100% !important; height: auto !important; display:block; }

}