/*
 Theme Name:   Grupo Arkhos Child Theme
 Theme URI:    https://grupoarkhos.com.ar
 Description:  Grupo Arkhos Child Theme
 Author:       Ignacio Palazzi 
 Author URI:   https://github.com/ignacio-palazzi
 Template:     wpresidence
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
:root {
  --wp-estate-menu-hover-back-color-option: #cd9818;
  --wp-estate-top-menu-hover-font-color-option: #cd9818;
  --wp-estate-transparent-menu-hover-font-color-option: #cd9818;
  --wp-estate-active-menu-font-color-option: #cd9818;
  --wp-estate-sticky-menu-font-color-option: #fff;
  --wp-estate-footer-back-color-option: #2e3740 !important;
  --wp-estate-footer-font-color-option: #fff !important;
  --wp-estate-footer-heading-color-option: #fff !important;
  --wp-estate-footer-copy-back-color-option: #293036 !important;
  --wp-estate-footer-copy-color-option: #fff !important;
  --wp-estate-paragraph-font-size: 15px !important;
  --wp-estate-menu-font-color:#fff;
}

/* --- Card base --- */
.slick-initialized .slick-slide.arkhos-card {
  position: relative;
}

.arkhos-card__box {
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  overflow: hidden;
}
/* Imagen 16:9, cubriendo el contenedor */
.arkhos-card__thumb,
.arkhos-card__thumb img {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: inherit;
}
.arkhos-card__thumb img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.6s ease;
  will-change: transform;
  filter: contrast(1.02) saturate(1.05);
}

.arkhos-card .arkhos-card__box::before,
.arkhos-card .arkhos-card__box::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  border-radius: inherit;
}
.arkhos-card .arkhos-card__box::before {
  background: rgba(0, 0, 0, 0.3);
}
.arkhos-card:hover .arkhos-card__box::before {
  background: rgba(0, 0, 0, 0.5);
}
.arkhos-card .arkhos-card__box::after {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 45%,
    rgba(0, 0, 0, 0.65) 100%
  );
}

.arkhos-card__body {
  position: absolute;
  left: 10px;
  right: 0;
  bottom: 10px;
  z-index: 2;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

/* Título */
.arkhos-card__body a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s ease;
}
.arkhos-card__body a .arkhos-card__title {
  color: #fff;
  margin: 0;
  line-height: 1.1;
  font-weight: 800;
  font-size: clamp(18px, 2.4vw, 28px);
}
/* Hover */
.arkhos-card:hover .arkhos-card__thumb img {
  transform: scale(1.04);
}
.arkhos-card:hover .arkhos-card__title a {
  text-decoration: underline;
}

/* Accesibilidad en foco */
.arkhos-card__thumb:focus-visible,
.arkhos-card__title a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}

.arkhos-slider .slick-track {
  display: flex !important;
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.arkhos-slider .slick-slide {
  float: none !important;
  height: auto;
}

.places_wrapper_type_2 .places_background_image .places_type_2_listings_no {
  display: none;
}

.single-obra_nueva
  .leaflet-popup-content
  .info_details.openstreet_map_price_infobox {
  margin-top: -80px;
}
.search-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0;
}

.search-chip {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 8px; /* redondeado como la imagen */
  background: #cd9818; /* tono mostaza */
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
}

.header-info,
.user_menu .header_phone {
  font-size: 15px;
  font-weight: 400;
  padding-top: 4px;
  color: #fff;
}
.slick-initialized .slick-slide.arkhos-card {
  height: auto;
}

.wpresidence-navigation-menu .menu-header-6-secondary-container ul li a,
.wpresidence-navigation-menu .menu-main-menu-container ul li a,
.wpresidence-navigation-menu .menu-mega-menu-updated-container ul li a {
  padding-left: 10px;
  padding-right: 10px;
}

.row .front_plan_row_pdf {
  background-color: #f8f8f8;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  border-radius: var(
    --wp-estate-border-radius-corner-option,
    var(--wp_estate_border_radius_corner)
  );
}

.front_plan_row_pdf .floor_title {
  color: var(
    --wp_estate_headings_color-option,
    var(--wp_estate_headings_color)
  );
  display: inline;
  float: left;
  font-weight: 500;
  width: 29%;
}
.front_plan_row_pdf .floor_details {
  display: inline;
  float: right;
  text-align: right;
  width: 15%;
}
.front_plan_row_pdf .floor_details.floor_price_details {
  width: 25%;
}
.front_plan_row_pdf .floor_details,
.front_plan_row .floor_details {
  text-transform: capitalize;
}
.property-page-overview-details-wrapper.justify-content-md-between {
  justify-content: flex-start !important;
}
#logo_image {
  max-height: 65px;
}

/* --- Mobile fix --- */
@media (max-width: 576px) {
  /* El wrapper debe ocupar toda la pantalla y scrollear si es necesario */
  .lightbox_property_wrapper_level2 {
    top: 0;
    transform: none;
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    border-radius: 0;
  }

  /* Slider ocupa solo la mitad de la pantalla (o menos) */
  .lightbox_property_slider #owl-demo .item,
  #owl-demo .slick-slide {
    height: 45vh; /* menos de la mitad del viewport */
    min-height: 220px; /* no demasiado chico */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  /* Sidebar siempre visible debajo del slider */
  .lightbox_property_content .lightbox_property_sidebar {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px;
    order: 2;
    background: #fff;
  }

  /* Botón de cerrar fijo arriba a la derecha */
  .lightbox_property_wrapper .lighbox-image-close {
    position: fixed;
    top: 8px;
    right: 8px;
    background: #fff;
    border-radius: 50%;
  }

  /* Flechas más pequeñas y centradas verticalmente */
  .lightbox_property_slider .owl-prev,
  .lightbox_property_slider .owl-next {
    top: 50%;
    transform: translateY(-50%);
    background: rgba(34, 34, 34, 0.6);
    border-radius: 50%;
    width: 32px;
    height: 32px;
  }
}
.wpestate_property_header_extended.wpestate_lay6_gallery {
  overflow: hidden;
}
.overview_element:first-of-type li {
  text-align: center !important;
}
#colophon #footer-widget-area .xoxo {
  padding-top: 0;
}
#second .xoxo {
  width: 40%;
}
#second {
  justify-items: center;
}
body.dialog-body {
  font-size: 15px;
  color: #2c2c2c;
}
@media (min-width: 768px) {
  body.dialog-body {
    font-size: 15px;
  }
}

#all_wrapper:has(.lightbox_property_wrapper[style*="display: block"]) {
  z-index: 2147483646 !important;
}
.lightbox_property_wrapper .lightbox_property_wrapper_level2  {
  max-width:1000px;
}
.lightbox_property_wrapper .lightbox_property_wrapper_level2  .lightbox_property_content.row .lightbox_property_slider {
  max-width: 63%;
}
.lightbox_property_wrapper .lightbox_property_wrapper_level2  .lightbox_property_content.row .lightbox_property_sidebar{
  max-width: 37%;
}