.elementor-1196 .elementor-element.elementor-element-53341c6:not(.elementor-motion-effects-element-type-background), .elementor-1196 .elementor-element.elementor-element-53341c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-da49401 );}.elementor-1196 .elementor-element.elementor-element-53341c6 > .elementor-container{min-height:75px;}.elementor-1196 .elementor-element.elementor-element-53341c6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1196 .elementor-element.elementor-element-53341c6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1196 .elementor-element.elementor-element-17a13ee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 60px;}.elementor-1196 .elementor-element.elementor-element-17a13ee{text-align:center;}.elementor-1196 .elementor-element.elementor-element-17a13ee .elementor-heading-title{font-family:"Rubik", Sans-serif;font-size:26px;font-weight:400;color:#FFFFFF;}.elementor-1196 .elementor-element.elementor-element-083fd75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-1196 .elementor-element.elementor-element-083fd75{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-1196 .elementor-element.elementor-element-53341c6 > .elementor-container{min-height:60px;}.elementor-1196 .elementor-element.elementor-element-53341c6{margin-top:100px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1196 .elementor-element.elementor-element-326ae50 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1196 .elementor-element.elementor-element-17a13ee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1196 .elementor-element.elementor-element-17a13ee .elementor-heading-title{font-size:24px;}.elementor-1196 .elementor-element.elementor-element-083fd75{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-1196 .elementor-element.elementor-element-083fd75{--content-width:1100px;}}/* Start custom CSS *//* ============================
   11 Peyret – Grid Departamentos
   ============================ */

:root{
  --ta-bg: #f6f7fb;
  --ta-card-bg: #ffffff;
  --ta-border: #e4e7ee;
  --ta-text: #111111;
  --ta-muted: #7a7a7a;
  --ta-pill: #f3f4f6;
  --ta-yellow: #C1FF00;
  /* Sombra global, más leve */
  --ta-shadow: 0 10px 25px rgba(15, 23, 42, 0.12);
}

/* Wrapper general */
.ta-units-wrapper{
  font-family: "Rubik", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ta-text);
}

/* --------- Filtro --------- */

.ta-units-filter{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:24px;
}

.ta-filter-btn{
  border-radius:999px;
  border:1px solid var(--ta-border);
  padding:8px 20px;
  font-size:13px;
  font-weight:600;
  background:#fff;
  color:var(--ta-text);
  cursor:pointer;
  transition:background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .08s ease;
}

.ta-filter-btn.is-active{
  background:var(--ta-yellow);
  border-color:var(--ta-yellow);
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* --------- Grid --------- */

.ta-units-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px;
}

@media (max-width:1024px){
  .ta-units-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:680px){
  .ta-units-grid{
    grid-template-columns:1fr;
  }
}

/* --------- Card --------- */

.ta-unit-card{
  background:var(--ta-card-bg);
  border-radius:22px;
  box-shadow:var(--ta-shadow);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

/* Media + slider */

.ta-unit-card-media{
  position:relative;
  overflow:hidden;
  border-radius:22px 22px 0 0;
}

/* Hacer las fotos de la tarjeta un poco más altas */
.ta-card-slider{
  position:relative;
  width:100%;
  overflow:hidden;
  height:260px;
}

.ta-card-slider .ta-slider-viewport,
.ta-card-slider .ta-slider-track,
.ta-card-slider .ta-slider-slide{
  height:100%;
}

@media (max-width:1024px){
  .ta-card-slider{
    height:230px;
  }
}

@media (max-width:680px){
  .ta-card-slider{
    height:220px;
  }
}

/* Slider del modal (altura automática por defecto;
   la altura final la ajustamos más abajo) */
.ta-unit-modal-slider{
  position:relative;
  width:100%;
  overflow:hidden;
}

/* Slider base (común) */

.ta-slider-viewport{
  overflow:hidden;
  width:100%;
}

.ta-slider-track{
  display:flex;
  width:100%;
  transition:transform .4s ease;
}

.ta-slider-slide{
  flex:0 0 100%;
}

.ta-slider-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Flechas */

.ta-slider-prev,
.ta-slider-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border-radius:999px;
  border:none;
  background:#ffffff;
  box-shadow:0 6px 16px rgba(15, 23, 42, 0.12);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:700;
  color:#000;
  cursor:pointer;
  z-index:3;
}

.ta-slider-prev{ left:14px; }
.ta-slider-next{ right:14px; }

/* Dots */

.ta-slider-dots{
  position:absolute;
  left:50%;
  bottom:12px;
  transform:translateX(-50%);
  display:flex;
  gap:6px;
  z-index:3;
}

.ta-slider-dot{
  width:7px;
  height:7px;
  border-radius:999px;
  border:none;
  background:rgba(255,255,255,.45);
  cursor:pointer;
  padding:0;
}

.ta-slider-dot.is-active{
  background:#ffffff;
}

/* Badge descuento */

.ta-unit-badge{
  position:absolute;
  top:14px;
  right:14px;
  border-radius:0 14px 0 14px;
  background:var(--ta-yellow);
  color:#111;
  font-size:11px;
  font-weight:800;
  padding:6px 10px;
}

/* Sold out */

.ta-unit-card.is-sold-out .ta-unit-card-media img{
  filter:grayscale(100%);
}

.ta-unit-card-sold{
  margin-top:10px;
  font-size:13px;
  color:#c53030;
  display:flex;
  align-items:center;
  gap:6px;
}

.ta-unit-card-sold::before{
  content:"✕";
  display:inline-block;
  font-size:12px;
}

/* Body */

.ta-unit-card-body{
  padding:18px 22px 20px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.ta-unit-card-title{
  font-size:18px;
  font-weight:700;
  margin:0;
}

/* Chips amenities (solo para la card) */

.ta-unit-card-amenities{
  display:flex;
  flex-wrap:wrap;
  gap:4px 6px;          /* antes 8px */
  margin-top:2px;
}

.ta-unit-chip{
  border-radius:999px;
  padding:3px 8px;      /* antes 6px 12px */
  background:var(--ta-pill);
  border:1px solid var(--ta-border);
  font-size:11px;       /* antes 12px */
  font-weight:500;
  line-height:1.2;
}


/* Precio (card + modal) */

.ta-unit-card-price,
.ta-unit-modal-price{
  font-size:20px;
  font-weight:600;
  display:flex;
  align-items:baseline;
  gap:6px;
  flex-wrap:wrap;
}

/* Precio normal (sin descuento) */

.ta-unit-card-price .ta-price-normal,
.ta-unit-modal-price .ta-price-normal{
  font-weight:600;
}

/* Cuando hay descuento: original tachado + descuento fuerte */

.ta-unit-card-price--has-discount .ta-price-original,
.ta-unit-modal-price--has-discount .ta-price-original{
  text-decoration:line-through;
  opacity:0.6;
  font-size:0.9em;
}

.ta-unit-card-price--has-discount .ta-price-discount,
.ta-unit-modal-price--has-discount .ta-price-discount{
  font-weight:800;
}

/* Botones card */

.ta-unit-card-actions{
  margin-top:4px;
  display:flex;
  gap:10px;
}

.ta-unit-card-btn{
  flex:1;
  border-radius:999px;
  padding:11px 18px;
  font-size:14px;
  font-weight:700;
  border:1px solid var(--ta-border);
  background:#fff;
  color:var(--ta-text);
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  transition:background .18s ease, box-shadow .18s ease, transform .08s ease, border-color .18s ease;
}

.ta-unit-card-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* botón "Ver" */
.ta-unit-card-btn.ta-unit-card-open{ }

.ta-unit-card-book{
  background:var(--ta-yellow);
  border-color:var(--ta-yellow);
}

/* Links dentro de las tarjetas: sin rosa */

.ta-unit-card a,
.ta-unit-card a:visited,
.ta-unit-modal a,
.ta-unit-modal a:visited{
  color:inherit;
  text-decoration:none;
}

/* ============================
   MODAL UNIDAD
   ============================ */

.ta-unit-modal{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,0.65);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
}

.ta-unit-modal.is-open{
  display:flex;
}

.ta-unit-modal-overlay{
  position:absolute;
  inset:0;
}

.ta-unit-modal-dialog{
  position:relative;
  background:#fff;
  border-radius:22px;
  max-width:1000px;
  width:95%;
  box-shadow:var(--ta-shadow); /* misma sombra suavizada */
  z-index:1;
  padding:26px 28px 26px;
}

.ta-unit-modal-close{
  position:absolute;
  top:14px;
  right:16px;
  width:32px;
  height:32px;
  border-radius:999px;
  border:none;
  background:#f5f5f5;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:700;
  color:#000;
  cursor:pointer;
}

/* Layout interno */

.ta-unit-modal-layout{
  display:grid;
  grid-template-columns: minmax(0,55%) minmax(0,45%);
  gap:24px;
}

@media (max-width:900px){
  .ta-unit-modal-dialog{
    padding:18px;
  }
  .ta-unit-modal-layout{
    grid-template-columns:1fr;
  }
}

.ta-unit-modal-media img{
  border-radius:16px;
}

/* Contenido */

.ta-unit-modal-title{
  font-size:22px;
  margin:0 0 10px;
}

.ta-unit-modal-amenities{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  margin:6px 0 10px;
}

.ta-unit-modal-amenity{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
}

.ta-unit-modal-amenity i{
  font-size:18px;
}

/* Texto */

.ta-unit-modal-intro{
  font-size:14px;
  line-height:1.6;
  color:var(--ta-muted);
  margin-top:8px;
}

/* Botones de acción en popup */

.ta-unit-modal-actions{
  margin-top:24px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.ta-unit-modal-btn{
  flex:1;
  border-radius:999px;
  padding:11px 18px;
  font-size:14px;
  font-weight:700;
  border:1px solid var(--ta-border);
  background:#fff;
  color:var(--ta-text);
  cursor:pointer;
  text-align:center;
}

.ta-unit-modal-book{
  background:var(--ta-yellow);
  border-color:var(--ta-yellow);
}

.ta-unit-modal-close-btn{
  background:#fff;
}

/* Nota de sold out en el modal (si la usás) */
.ta-unit-modal-sold-note{
  margin-top:12px;
  font-size:13px;
  color:#c53030;
}

/* Evitar scroll de fondo cuando el modal está abierto */
body.ta-modal-open{
  overflow:hidden;
}

/* ============================
   Overrides anti-rosa 11 Peyret
   ============================ */

/* Links dentro de la grid y modales: nada de rosa en hover/focus/active */
.ta-units-wrapper a,
.ta-units-wrapper a:visited,
.ta-units-wrapper a:hover,
.ta-units-wrapper a:focus,
.ta-units-wrapper a:active,
.ta-unit-modal a,
.ta-unit-modal a:visited,
.ta-unit-modal a:hover,
.ta-unit-modal a:focus,
.ta-unit-modal a:active{
  color: var(--ta-text) !important;
  text-decoration: none;
}

/* Botones filtro + tarjetas + popup unidad */
.ta-filter-btn,
.ta-unit-card-btn,
.ta-unit-modal-btn{
  color: var(--ta-text) !important;
}

/* Hover general */
.ta-filter-btn:hover,
.ta-filter-btn:focus,
.ta-unit-card-btn:hover,
.ta-unit-card-btn:focus,
.ta-unit-modal-btn:hover,
.ta-unit-modal-btn:focus{
  color: var(--ta-text) !important;
  background: #ffffff !important;
  border-color: var(--ta-border) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

/* Botones “Consultar” (amarillos) mantienen el amarillo en hover */
.ta-unit-card-book,
.ta-unit-modal-book{
  background: var(--ta-yellow) !important;
  border-color: var(--ta-yellow) !important;
}

.ta-unit-card-book:hover,
.ta-unit-card-book:focus,
.ta-unit-modal-book:hover,
.ta-unit-modal-book:focus{
  background: var(--ta-yellow) !important;
  border-color: var(--ta-yellow) !important;
  color: #000 !important;
}

/* Flechas del slider: siempre blancas con ícono negro */
.ta-slider-prev,
.ta-slider-next{
  background:#ffffff !important;
  color:#000000 !important;
}

.ta-slider-prev:hover,
.ta-slider-prev:focus,
.ta-slider-next:hover,
.ta-slider-next:focus{
  background:#ffffff !important;
  color:#000000 !important;
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

/* Botón de cierre del popup (la X centrada y sin rosa) */
.ta-unit-modal-close{
  background:#f5f5f5 !important;
  color:#000000 !important;
}

.ta-unit-modal-close:hover,
.ta-unit-modal-close:focus{
  background:#e7e7e7 !important;
  color:#000000 !important;
}

/* Dots del slider sin rosa */
.ta-slider-dot,
.ta-slider-dot:hover,
.ta-slider-dot:focus,
.ta-slider-dot:active{
  background: rgba(255,255,255,.45) !important;
  border: none !important;
  box-shadow: none !important;
}

.ta-slider-dot.is-active,
.ta-slider-dot.is-active:hover,
.ta-slider-dot.is-active:focus{
  background:#ffffff !important;
}

/* Que el filtro activo se vea flúo aún en hover/focus */
.ta-filter-btn.is-active,
.ta-filter-btn.is-active:hover,
.ta-filter-btn.is-active:focus{
  background: var(--ta-yellow) !important;
  border-color: var(--ta-yellow) !important;
  color: #000 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

/* ============================
   Modal de reserva (fechas + personas)
   ============================ */

.ta-booking-modal{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,0.65);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:10000;
}

.ta-booking-modal.is-open{
  display:flex;
}

.ta-booking-modal-overlay{
  position:absolute;
  inset:0;
}

.ta-booking-modal-dialog{
  position:relative;
  background:#fff;
  border-radius:20px;
  max-width:480px;
  width:90%;
  padding:22px 22px 20px;
  box-shadow:var(--ta-shadow); /* misma sombra suave */
  z-index:1;
  font-family:"Rubik", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ta-booking-modal-title{
  font-size:18px;
  font-weight:700;
  margin:0 0 14px;
}

.ta-booking-modal-close{
  position:absolute;
  top:10px;
  right:12px;
  width:30px;
  height:30px;
  border-radius:999px;
  border:none;
  background:#f5f5f5;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:700;
  color:#000;
  cursor:pointer;
}

.ta-booking-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

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

.ta-booking-field label{
  font-size:13px;
  font-weight:600;
  margin-bottom:4px;
  display:block;
}

.ta-booking-field input[type="date"],
.ta-booking-field input[type="number"]{
  width:100%;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid #e4e7ee;
  font-size:13px;
}

.ta-booking-error{
  margin-top:10px;
  font-size:13px;
  color:#c53030;
}

.ta-booking-actions{
  margin-top:18px;
  display:flex;
  gap:10px;
}

/* Botones del popup de reserva (mismo estilo que las cards) */
.ta-booking-btn{
  flex:1;
  border-radius:999px;
  padding:11px 18px;
  font-size:14px;
  font-weight:700;
  border:1px solid var(--ta-border);
  background:#fff;
  color:var(--ta-text) !important;
  text-align:center;
  cursor:pointer;
  text-decoration:none !important;
  transition:background .18s ease, box-shadow .18s ease, transform .08s ease, border-color .18s ease;
}

.ta-booking-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* Botón secundario: Cancelar */
.ta-booking-btn-secondary,
.ta-booking-btn-secondary:hover,
.ta-booking-btn-secondary:focus{
  background:#fff !important;
  border-color:var(--ta-border) !important;
  color:var(--ta-text) !important;
}

/* Botón principal: Buscar */
.ta-booking-btn-primary,
.ta-booking-btn-primary:hover,
.ta-booking-btn-primary:focus,
.ta-booking-btn-primary:active{
  background:var(--ta-yellow) !important;
  border-color:var(--ta-yellow) !important;
  color:#000 !important;
}

/* Evitar cualquier estilo rosa heredado de estilos globales */
.ta-booking-modal button,
.ta-booking-modal button:hover,
.ta-booking-modal button:focus,
.ta-booking-modal button:active{
  text-decoration:none !important;
  color:inherit;
}

/* Evitar scroll de fondo cuando booking está abierto */
body.ta-modal-open-booking{
  overflow:hidden;
}

/* ============================
   Fotos más altas en el popup de cada unidad
   ============================ */

.ta-unit-modal-slider{
  height: 420px;
  max-height: 70vh;
  position: relative;
}

.ta-unit-modal-slider .ta-slider-viewport,
.ta-unit-modal-slider .ta-slider-track,
.ta-unit-modal-slider .ta-slider-slide{
  height: 100%;
}

.ta-unit-modal-slider img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
}

/* Tablets */
@media (max-width: 900px){
  .ta-unit-modal-slider{
    height: 350px;
  }
}

/* Mobile */
@media (max-width: 600px){
  .ta-unit-modal-slider{
    height: 300px;
    max-height: 55vh;
  }
}

/* ==========================================
   Fix: Quitar hover rosado del botón de cerrar 
   del popup de fechas y huéspedes
   ========================================== */

.ta-booking-modal-close{
  background:#f5f5f5 !important;
  color:#000 !important;
  transition: background .18s ease, box-shadow .18s ease;
}

.ta-booking-modal-close:hover,
.ta-booking-modal-close:focus{
  background:#e7e7e7 !important;
  color:#000 !important;
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

/* ==========================================
   Scroll interno en el popup de cada unidad
   (tablet + mobile)
   ========================================== */

@media (max-width: 900px){
  .ta-unit-modal{
    /* Sigue siendo overlay full-screen, pero permitimos scroll del contenido */
    align-items: flex-start;
    justify-content: center;
    padding: 16px 10px;
    overflow-y: auto;
  }

  .ta-unit-modal-dialog{
    /* Que no supere la altura visible y pueda scrollear por dentro */
    margin-top: 40px;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
  }
}

@media (max-width: 600px){
  .ta-unit-modal{
    padding: 12px 6px;
  }

  .ta-unit-modal-dialog{
    margin-top: 24px;
    max-height: calc(100vh - 48px);
  }
}

/* ==========================================================
   MOBILE + TABLET: Botones del popup fijos abajo (sticky)
   ========================================================== */

@media (max-width: 900px){

  /* Contenedor del modal: más espacio abajo para la barra de botones */
  .ta-unit-modal-dialog{
    padding-bottom: 80px !important; /* espacio para los botones sticky */
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    position: relative;
  }

  /* Barra sticky de acciones */
  .ta-unit-modal-actions{
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 500px;
    background: #ffffff;
    padding: 12px 14px;
    border-radius: 14px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    z-index: 99999;
    display: flex;
    gap: 10px;
  }

  /* Los botones dentro de la barra sticky */
  .ta-unit-modal-actions .ta-unit-modal-btn{
    flex: 1;
    text-align: center;
  }
}

/* Mobile más pequeño */
@media (max-width: 600px){
  .ta-unit-modal-dialog{
    padding-bottom: 90px !important;
    max-height: calc(100vh - 40px);
  }

  .ta-unit-modal-actions{
    bottom: 0px;
    width: 92%;
  }
}/* End custom CSS */