/*
Theme Name: ListingHive Child
Theme URI: https://hivepress.io/themes/listinghive
Template: listinghive
Author: HivePress
Author URI: https://hivepress.io
Description: A multipurpose WordPress theme that allows you to build any type of directory and listing websites. Whether it’s a business directory, job board, real estate, classifieds or basically any listing website — ListingHive is a great choice for it.
Tags: right-sidebar,custom-colors,custom-menu,custom-logo,custom-header,featured-image-header,featured-images,footer-widgets,theme-options,threaded-comments,translation-ready
Version: 1.2.10.1729028687
Updated: 2024-10-15 23:44:47
*/

/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

/* =========================================================
   UTILIDADES / FIXES GENERALES
   ========================================================= */

.hp-form__field--spacer {
  display: block;
  height: 60px; /* Ajusta según el alto del desplegable de categoría */
}

canvas.hp-chart {
  background-color: #fff !important;
}

/* WooCommerce: oculta selector de cantidad */
.wc-block-components-quantity-selector {
  display: none !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
  background-color: #fff;
}

.wc-block-components-address-card {
  background-color: rgba(255, 255, 255, 0.6);
}

#content.site-content {
  background-color: #f1e5ef;
  height: 100%;
  padding: 48px 0 ;
}


/* Inputs globales */
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="url"] {
  background-color: #fff !important;
}

input[type="checkbox"]:checked {
  background-color: #25d366; /* verde WhatsApp */
}

/* =========================================================
   HEADER / LOGO / HERO
   ========================================================= */

.site-header img.custom-logo,
.header img.custom-logo,
.custom-logo {
  max-height: 56px;
  width: auto;
}

.header-hero--large {
  height: 220px !important;
  padding: 20px 0px 50px 0px !important;
}

.header-hero__content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Overlay gradiente del hero */
.header-hero {
  position: relative;
  overflow: hidden;
}

.header-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(170, 7, 107, 0.75), rgba(97, 4, 95, 0.75));
  z-index: 1;
  pointer-events: none;
}

/* =========================================================
   ICONOS / ACCIONES
   ========================================================= */

.hp-icon.fas.fa-heart {
  font-size: 24px;
}

.fas.fa-location-arrow {
  margin-right: 6px;
}

.fab.fa-telegram-plane {
  color: #0088cc;
  font-size: 24px;
  margin-left: 6px;
}

.fab.fa-whatsapp {
  color: #2daf88;
  font-size: 24px;
  margin-left: 8px;
  display: none;
}

.fab.fa-whatsapp.visible {
  display: inline-block !important;
}

.fas.fa-phone-square-alt {
  color: #bb14d1;
  font-size: 24px;
}

/* Autorenew: icono gris / activo rosa */
.hp-listing__action--autorenew .hp-icon {
  color: #ccc;
}

.hp-listing__action--autorenew.is-active .hp-icon {
  color: #bb14d1;
}

.autorenews_hidden {
  display: none !important;
}

/* =========================================================
   LISTADOS (CARDS / GRID)
   ========================================================= */

/* Edad como pill (estilo del primer diseño) */
.hp-listing--view-block .hp-listing__attributes--secondary{
  margin-top: 12px;              /* aire respecto a rating */
}

.hp-listing--view-block .hp-listing__attribute--edad{
  display: inline-flex;
  align-items: center;

  padding: 0px 8px;
/*  border-radius: 999px;*/

/*  background: rgba(187, 20, 209, 0.08);*/
/*  border: 1px solid rgba(187, 20, 209, 0.22);*/

  color: #552c50;
  font-weight: 700;
  font-size: 13px;
  line-height: 0.5;
}

.hp-listing--view-block .hp-listing__attribute--edad p{
    line-height:0.5;
}

.hp-listing--view-block{
  background-color: #fffbff;          /* normal: rosa muy clarito */
  border: 1px solid #e6e1ec;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(20,12,28,.08);
  overflow: hidden;

  display: flex;
  flex-direction: column;
  height: 100%;
}


.hp-listing--view-block .hp-listing__content {
  padding: 1rem 0 0.5rem;
}

.hp-listing--view-block .hp-listing__attributes--secondary:not(:last-child),
.hp-listing--view-block .hp-listing__attributes--ternary:not(:last-child),
.hp-listing--view-block .hp-listing__details--primary:not(:last-child),
.hp-listing--view-block .hp-listing__image:not(:last-child),
.hp-listing--view-block .hp-listing__title:not(:last-child) {
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 640px) {
    .hp-listing--view-block .hp-listing__attributes--secondary:not(:last-child),
    .hp-listing--view-block .hp-listing__attributes--ternary:not(:last-child),
    .hp-listing--view-block .hp-listing__details--primary:not(:last-child),
    .hp-listing--view-block .hp-listing__image:not(:last-child),
    .hp-listing--view-block .hp-listing__title:not(:last-child) {
        padding-left: 24px;
        padding-right: 24px;
    }
}

/* Fecha (clamp) */
.hp-listing--view-block .hp-listing__created-date.hp-listing__date.hp-meta {
  height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
}

/* Featured */
.hp-listing--view-block.hp-listing--featured {
  background-color: #fff;
  box-shadow: 0 5px 15px #be69c9;
  border-color: #ffffff;
}

/* Featured star: cuadrado redondeado morado (como antes) */
.hp-listing--view-block .hp-listing__header{
  position: relative;  /* referencia para el badge */
}

.hp-listing--view-block .hp-listing__featured-badge{
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 30;

  width: 34px;
  height: 34px;
  border-radius: 8px;

  display: flex;
  align-items: center;
  justify-content: center;

  background-color: #bb14d1;
  border: 1px solid #bb14d1;
  box-shadow: 0 10px 18px rgba(20, 12, 28, 0.12);
}

.hp-listing--view-block .hp-listing__featured-badge .hp-icon{
  color: #fff !important;
  font-size: 16px;
  line-height: 1;
}


.hp-listing--view-block .hp-listing__featured-badge .hp-icon{
  color: #fff !important;
}


/* Ajuste de atributos en tarjeta */
.hp-listing--view-block .hp-listing__attributes--primary .hp-listing__attribute:not(:last-child) {
  margin-right: 0;
}

/* Categoría como badge (arriba a la derecha) */
.hp-col-sm-3 {
  padding: 0 5px;
}

.hp-grid__item.hp-col-sm-3.hp-col-xs-12 {
  position: relative;
}

div.hp-grid__item.hp-col-sm-4.hp-col-xs-12
div.hp-listing__categories.hp-listing__category {
    display: none;
}

div.hp-grid__item.hp-col-sm-3.hp-col-xs-12
div.hp-listing__categories.hp-listing__category {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
  padding: 3px 8px;
  border-radius: 5px;
  color: #333;
  box-shadow: none;
  border: none;
}

.hp-listing__categories.hp-listing__category a {
  font-size: 9px;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(2px);
}

/* Detalles: descripción (clamp) */
.hp-listing__details.hp-listing__details--primary p{
  margin: 0 0 20px;
  line-height: 1.35;
  max-height: calc(1.35em * 4);

  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
}


/* Mantiene altura mínima del bloque de detalles */
.hp-listing__content .hp-listing__details.hp-listing__details--primary {
  min-height: 240px;
}

/* Títulos: alturas y clamp */
.hp-grid__item.hp-col-sm-4.hp-col-xs-12 article.hp-listing.hp-listing--view-block div.hp-listing__content h4.hp-listing__title,
.hp-grid__item.hp-col-sm-6.hp-col-xs-12 article.hp-listing.hp-listing--view-block div.hp-listing__content h4.hp-listing__title {
  height: 50px;
}

h4.hp-listing__title {
  text-transform: uppercase;
  display: -webkit-box;
  height: 35px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
}

.hp-grid__item.hp-col-sm-3.hp-col-xs-12 .hp-listing__title {
  font-size: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.hp-listing__location {
  text-transform: none;
}

.title::before,
.content-title::before {
  background-color: #bb14d1;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}

/* Anuncio expirado */
.anuncio-expirado {
  opacity: 0.5;
  /* pointer-events: none; */
}

/* =========================================================
   CONTACTO / ATRIBUTOS (OCULTAR / AJUSTAR)
   ========================================================= */

div.hp-listing__attribute.hp-listing__attribute--whatsapp {
  display: none;
}

/* Oculta iconos en sidebar dentro del atributo teléfono */
aside .hp-listing__attribute.hp-listing__attribute--telefono .fab.fa-telegram-plane,
aside .hp-listing__attribute.hp-listing__attribute--telefono .fab.fa-whatsapp,
aside .hp-listing__attribute.hp-listing__attribute--telefono .fas.fa-phone-square-alt {
  display: none;
}

/* Oculta label en checkbox específico */
div.hp-form__field.hp-form__field--checkbox label.hp-field__label.hp-form__label {
  display: none;
}

/* Links / iconos */
a.telefono {
  color: #bb14d1;
}

img.cono {
  width: 25px;
}

/* =========================================================
   NAV / MENU / FOOTER
   ========================================================= */

i.sconsent-menu-icon {
  margin-right: 8px;
}

/* Item footer centrado, no clicable */
#menu-item-843 {
  flex: 1 0 100%;
  text-align: center;
  list-style: none;
}

#menu-item-843 a {
  pointer-events: none;
  text-decoration: none;
  color: #666;
  font-size: 14px;
}

/* Copyrights / spans */
p.copyRight {
  text-align: left;
  font-size: 14px;
  color: #666;
  margin: 15px 0;
}

p.colorlib-copyright {
  display: none !important;
}

footer span.telefono_span,
footer span.telegram_span,
footer span.wha_span,
footer .hp-listing__attribute.hp-listing__attribute--telegram {
  display: none;
}

.telefono_span a, .telegram_span a {
    font-size: 18px;
    vertical-align: middle;
}

/* =========================================================
   MODALES / FORMULARIOS (LAYOUT)
   ========================================================= */

/* Modal móvil del tema: oculto */
.hp-modal--mobile.hp-modal {
  display: none;
}

/* Modal: campos en fila */
div.hp-modal .hp-form__fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

div.hp-page__content textarea.hp-field--textarea {
  width: 100%;
}

.hp-field--textarea {
  width: inherit;
  background-color: #fff;
}

.hp-field--number-range input {
  background-color: #fff;
}

/* Repeater table: bordes y celdas */
.hp-field--repeater table td {
  background-color: #fffbff;
  border: 0 solid #e6d3e3;
}

.hp-field--repeater table td:first-child,
.hp-field--repeater table td:last-child {
  background-color: #fffbff;
}

/* Botón filtro listings */
button.button--large.hp-button.hp-button--wide.hp-button--mobile.hp-button--listing-filter {
  background-color: rgba(85, 44, 80, 0.086);
}

/* Formularios de crear/editar/actualizar: 2 columnas */
.hp-form.hp-form--listing-submit .hp-form__fields,
.hp-form.hp-form--listing-edit .hp-form__fields,
.hp-form.hp-form--listing-update .hp-form__fields {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.hp-form.hp-form--listing-submit .hp-form__field,
.hp-form.hp-form--listing-edit .hp-form__field,
.hp-form.hp-form--listing-update .hp-form__field {
  flex: 0 0 calc(50% - 10px);
  max-width: calc(50% - 10px);
}

/* Fancybox: filtro en 2 columnas */
.fancybox-slide #listing_filter_modal .hp-form__field {
  flex-basis: calc(50% - 10px);
  margin-bottom: 10px;
  padding: 25px 0 0 !important;
}

/* Fancybox: login/register a 1 columna */
.fancybox-slide #user_login_modal .hp-form__field,
#user_register_modal .hp-form__field {
  flex-basis: calc(100% - 10px) !important;
}

/* Evitar que el filtro se convierta en 3 columnas */
.fancybox-container .hp-form--listing-filter .hp-form__field.hp-col-sm-4 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

/* =========================================================
   PRICING / MEMBERSHIP PLANS
   ========================================================= */

.hp-membership-plan--view-block {
  height: 100%;
}
.hp-membership-plan--view-block .hp-membership-plan__price del {
    font-size: 20px;
}

/* ====== Pricing: estilo adulto, compatible con HivePress (SIN grid) ====== */
.hp-membership-plans {
  --scp-card: #ffffff;
  --scp-border: #e6e1ec;
  --scp-text: #1d1a23;
  --scp-muted: #6f6a7c;

  --scp-green: #15cd72; /* precio */
  --scp-purple: #552c50; /* morado */

  --scp-radius: 14px;
  --scp-shadow: 0 10px 24px rgba(20, 12, 28, 0.08);
}

/* Layout: FLEX (evita conflicto con hp-col-*) */
.hp-membership-plans .hp-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Columnas */
.hp-membership-plans .hp-grid__item {
  float: none !important;
  width: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;

  flex: 1 1 260px !important;
  max-width: none !important;
  min-width: 240px;
}

/* Tarjeta */
.hp-membership-plans .hp-membership-plan--view-block {
  width: 100% !important;
  max-width: none !important;

  background: var(--scp-card);
  border: 1px solid var(--scp-border);
  border-radius: var(--scp-radius);
  box-shadow: var(--scp-shadow);
  overflow: hidden;

  display: flex;
  flex-direction: column;
  min-height: 100%;
}

/* Header */
.hp-membership-plans .hp-membership-plan__header {
  padding: 22px 22px 10px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* Nombre */
.hp-membership-plans .hp-membership-plan__name {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.2px;
  color: var(--scp-text);
  position: relative;
  padding-top: 18px;
}

/* Precio */
.hp-membership-plans .hp-membership-plan__price {
  margin-top: 10px;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 800;
  color: var(--scp-green);
}

.hp-membership-plans .hp-membership-plan__price .woocommerce-Price-currencySymbol {
  font-size: 0.9em;
  opacity: 0.95;
}

/* Contenido */
.hp-membership-plans .hp-membership-plan__content {
  padding: 18px 22px 0;
  flex: 1 1 auto;
}

/* Imágenes */
.hp-membership-plans .hp-membership-plan__description img {
  max-width: 180px;
  height: auto;
  margin: 10px auto 6px;
  display: block;
  opacity: 0.9;
}

/* Lista */
.hp-membership-plans .hp-membership-plan__description ul {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}

.hp-membership-plans .hp-membership-plan__description li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  color: var(--scp-muted);
  font-size: 15px;
  line-height: 1.35;
}

.hp-membership-plans .hp-membership-plan__description li:last-child {
  border-bottom: none;
}

.hp-membership-plans .hp-membership-plan__description li::before {
  content: "✓";
  font-weight: 700;
  color: rgba(0, 0, 0, 0.35);
  margin-top: 1px;
}

.hp-membership-plans .hp-membership-plan__description strong {
  color: var(--scp-text);
  font-weight: 700;
}

/* Footer y botón */
.hp-membership-plans .hp-membership-plan__footer {
  padding: 16px 22px 22px;
}

.hp-membership-plans .hp-membership-plan__select-button.button {
  width: 100%;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 14px !important;
  background: var(--scp-purple) !important;
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px;
  box-shadow: 0 10px 18px rgba(85, 44, 80, 0.22);
  transition: transform 0.12s ease, filter 0.12s ease;
}

.hp-membership-plans .hp-membership-plan__select-button.button:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

/* Plan recomendado */
.hp-membership-plans .hp-membership-plan--primary {
  border-color: #d7c6a2;
  box-shadow: 0 10px 15px #d7c6a2;
  background: linear-gradient(180deg, #fff, #fbf7ef);
}

.hp-membership-plans .hp-membership-plan--primary .hp-membership-plan__header {
  border-bottom-color: rgba(215, 198, 162, 0.55);
}

/* Badge recomendado */
.hp-membership-plans .hp-membership-plan__primary-badge {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);

  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 26px;
  padding: 0 12px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;

  background: #d2bb88;
  color: #2b2416;
  font-size: 12px;
  font-weight: 800;

  width: auto;
  font-family: inherit !important;
}

.hp-membership-plans .hp-membership-plan__primary-badge::before {
  content: "Recomendado" !important;
  font-family: inherit !important;
}

/* =========================================================
   FORMULARIO GENERAL - ESTILO ADULTO/SENSUAL
   ========================================================= */

.hp-form.hp-form--listing-update,
.hp-form.hp-form--listing-edit,
.hp-form.hp-form--listing-submit {
  background-color: #fffbff;
  border: 2px solid #f1e5ef;
  border-radius: 18px;
  padding: 30px;
  box-shadow: 0 5px 20px rgba(85, 44, 80, 0.08);
}

/* Labels */
.hp-form__label {
  font-size: 16px;
  color: #552c50;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}

.hp-field__description {
  font-size: 13px;
  color: #887488;
  margin-bottom: 10px;
}

/* Inputs dentro del formulario */
.hp-form input[type="text"],
.hp-form input[type="number"],
.hp-form input[type="tel"],
.hp-form input[type="email"],
.hp-form input[type="url"],
.hp-form textarea,
.hp-form select {
  width: 100%;
  padding: 12px 14px;
  font-size: 15px;
  border: 2px solid #e6d3e3;
  border-radius: 10px;
  background-color: #fff;
  color: #333;
  transition: border-color 0.3s ease;
}

.hp-form input:focus,
.hp-form select:focus,
.hp-form textarea:focus {
  outline: none;
  border-color: #bb14d1;
  box-shadow: 0 0 0 2px rgba(187, 20, 209, 0.15);
}

/* Select2 múltiple */
.select2-container--default .select2-selection--multiple {
  border: 2px dashed #bb14d1 !important;
  border-radius: 12px !important;
  padding: 10px !important;
  background: #fff !important;
  min-height: 50px;
}

.select2-selection__choice {
  background-color: rgba(187, 20, 209, 0.1) !important;
  border: 1px solid #bb14d1 !important;
  color: #552c50 !important;
  border-radius: 8px !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
  font-weight: 500;
  margin: 4px 6px 4px 0 !important;
}

.select2-selection__choice__remove {
  color: #bb14d1 !important;
  font-weight: 700;
  margin-right: 6px;
}

.hp-form--primary .select2-container--default .select2-selection__arrow {
    top: 0.75rem !important;
}

/* Checkbox */
.hp-form input[type="checkbox"] {
  transform: scale(1.2);
  accent-color: #bb14d1;
  margin-right: 10px;
}

/* Botón submit */
.hp-form__button.button-primary {
  border: none;
  border-radius: 12px;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 4px 12px rgba(85, 44, 80, 0.2);
  transition: background 0.3s ease;
}

.hp-form__button.button-primary:hover {
  background-color: #a10db9 !important;
}

/* Botones secundarios */
.hp-form__button:not(.button-primary) {
  background-color: #f7eef7;
  border: 1px solid #bb14d1;
  color: #552c50;
}

/* Modal (general) */
.hp-modal {
  border-radius: 12px !important;
  padding: 25px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.hp-modal__title {
  color: #552c50;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}

.hp-form__description {
  font-size: 14px;
  color: #555;
}

/* =========================================================
   SIDEBAR: MAPA + CAJA DE DATOS (atributos)
   ========================================================= */

/* Card principal de datos */
.hp-page__sidebar .hp-listing__attributes--primary.widget.hp-widget {
  background: #fffbff !important;
  border: 1px solid rgba(85, 44, 80, 0.14) !important;
  border-radius: 18px !important;
  padding: 16px !important;
  box-shadow: 0 12px 24px rgba(20, 12, 28, 0.08) !important;
  overflow: hidden;
}

/* Título “Datos” */
.hp-page__sidebar .hp-listing__attributes--primary.widget.hp-widget::before {
  content: "Datos";
  display: none;
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 14px;
  font-weight: 800;
  letter-spacing: 0.2px;
  color: #552c50;
  text-align: center;
}

/* Atributos como “cajitas” */
.hp-page__sidebar .hp-listing__attributes--primary .hp-listing__attribute {
  background: rgba(187, 20, 209, 0.06) !important;
  border: 1px solid rgba(187, 20, 209, 0.14) !important;
  border-radius: 14px !important;
  padding: 12px !important;
  margin: 0 0 10px !important;
  color: rgba(85, 44, 80, 0.92) !important;
  font-size: 16px;
  line-height: 1.35;
}

.hp-page__sidebar .hp-listing__attribute--servicios p {
  margin: 0 !important;
  color: rgba(85, 44, 80, 0.86) !important;
}

.hp-page__sidebar .hp-listing__attribute--edad,
.hp-page__sidebar .hp-listing__attribute--peso,
.hp-page__sidebar .hp-listing__attribute--altura {
  display: flex;
  justify-content: center;
  text-align: center;
  font-weight: 800;
  letter-spacing: 0.2px;
}

.hp-page__sidebar .hp-listing__attribute--contacto {
  text-align: center;
  font-weight: 700;
}

.hp-page__sidebar .hp-listing__attribute--telefono {
  background: linear-gradient(180deg, rgba(187, 20, 209, 0.1), rgba(85, 44, 80, 0.06)) !important;
  border: 1px solid rgba(187, 20, 209, 0.18) !important;
}

/* Card del mapa */
.hp-page__sidebar .hp-listing__map.hp-map.widget {
  position: relative;
  padding: 0 !important;
  background: #fffbff !important;
  border: 1px solid rgba(85, 44, 80, 0.14) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 26px rgba(20, 12, 28, 0.1) !important;
  min-height: 320px;
}

/* Etiqueta “Mapa” */
.hp-page__sidebar .hp-listing__map.hp-map.widget::before {
  content: "Mapa";
  position: absolute;
  top: 10px;
  left: 12px;
  z-index: 5;

  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.3px;

  color: #552c50;
  background: rgba(255, 251, 255, 0.92);
  border: 1px solid rgba(187, 20, 209, 0.22);
  box-shadow: 0 10px 18px rgba(20, 12, 28, 0.1);
}

/* Suaviza el borde del mapa interno */
.hp-page__sidebar .hp-listing__map.hp-map .gm-style,
.hp-page__sidebar .hp-listing__map.hp-map iframe {
  border: 0 !important;
  border-radius: 18px !important;
}

/* Controles Google */
.hp-page__sidebar .hp-listing__map.hp-map .gm-control-active,
.hp-page__sidebar .hp-listing__map.hp-map .gm-fullscreen-control {
  border-radius: 12px !important;
  box-shadow: 0 10px 18px rgba(20, 12, 28, 0.14) !important;
}

.hp-page__sidebar .hp-listing__map.hp-map .gm-control-active:focus,
.hp-page__sidebar .hp-listing__map.hp-map .gm-control-active:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(187, 20, 209, 0.2), 0 10px 18px rgba(20, 12, 28, 0.14) !important;
}

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

/* <= 1200px */
@media only screen and (max-width: 1200px) {
  .header-hero--large {
    height: 200px !important;
  }

  .fancybox-slide #listing_filter_modal .hp-form__field {
    flex-basis: calc(50% - 10px) !important;
  }

  .header-navbar__menu {
    display: flex !important;
  }

  .header-navbar__burger {
    display: none !important;
  }

  a.sconsent-menu-title {
    display: none !important;
  }

  .fas.fa-shopping-cart,
  .fa.fa-list-ul {
    margin-right: 0 !important;
  }
}

/* <= 768px */
@media (max-width: 768px) {
  /* Formularios: 1 columna */
  .hp-form.hp-form--listing-submit .hp-form__field,
  .hp-form.hp-form--listing-edit .hp-form__field,
  .hp-form.hp-form--listing-update .hp-form__field {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Fancybox filter: 1 columna */
  .fancybox-slide #listing_filter_modal .hp-form__field {
    flex-basis: calc(100% - 10px) !important;
  }

  .fancybox-container .hp-form--listing-filter .hp-form__field.hp-col-sm-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .header-hero--large {
    height: 160px !important;
  }

  .header-hero__content h1.wp-block-heading {
    display: none;
  }

  /* Menú */
  .header-navbar__menu {
    display: none !important;
  }

  .header-navbar__burger {
    display: flex !important;
  }

  a.sconsent-menu-title {
    display: inline-block !important;
  }

  .fas.fa-shopping-cart,
  .fa.fa-list-ul {
    margin-right: 8px !important;
  }

  /* Iconos grandes */
  .fab.fa-telegram-plane,
  .fab.fa-whatsapp,
  .fas.fa-phone-square-alt {
    font-size: 32px;
  }

  /* Footer */
  p.copyRight {
    text-align: center;
  }

  /* Botón móvil */
  .hp-button--mobile {
    margin-bottom: 20px;
  }

  .hp-form__field {
    flex-basis: 100%;
  }

  /* Contenedor site */
  div.site-container div.site-content div.container {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  /* Modal */
  .hp-modal {
    padding: 25px !important;
    width: auto !important;
  }

  .hp-modal .hp-form {
    padding: 0 !important;
    width: 100%;
  }

  .hp-form {
    padding: 20px !important;
  }

  /* Mapa */
  .hp-page__sidebar .hp-listing__map.hp-map.widget {
    min-height: 280px;
  }

  /* Membership plans */
  .hp-membership-plans .hp-grid__item {
    flex: 1 1 320px !important;
    max-width: none !important;
  }
}

/* <= 640px (membership plans a 1 columna) */
@media (max-width: 640px) {
  .hp-membership-plans .hp-grid__item {
    flex: 1 1 100% !important;
    max-width: none !important;
    min-width: 0;
  }
}

/* <= 468px */
@media only screen and (max-width: 468px) {
  p.copyRight {
    text-align: center;
  }

  .header-hero__content h1 {
    font-size: 1.9rem;
  }

  .header-hero__content h1.wp-block-heading {
    display: none;
  }

  .header-hero__content p {
    font-size: 1rem;
  }

  img.cono {
    width: 40px !important;
  }
}

/* <= 420px (badge “Mapa”) */
@media (max-width: 420px) {
  .hp-page__sidebar .hp-listing__map.hp-map.widget::before {
    top: 8px;
    left: 8px;
    padding: 7px 10px;
  }
}

/* =========================================================
   WOOCOMMERCE CHECKOUT BLOCKS — ESTILO SCONSENT (global)
   ========================================================= */

/* Fondo general ya lo tienes en #content.site-content, esto refuerza el area checkout */
.wp-block-woocommerce-checkout,
.wc-block-checkout {
  font-family: inherit;
}

/* Layout: “cards” */
.wc-block-checkout .wc-block-components-main {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(85, 44, 80, 0.14);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(20, 12, 28, 0.08);
  overflow: hidden;
}

/* Padding interno (desktop + mobile) */
.wc-block-checkout .wc-block-components-main {
  padding: 20px 20px 10px;
}

/* Títulos de secciones */
.wc-block-checkout .wc-block-components-checkout-step__title,
.wc-block-checkout .wc-block-components-express-payment__title,
.wc-block-checkout .wc-block-components-checkout-order-summary__title-text {
  color: #552c50;
  font-weight: 800;
  letter-spacing: 0.2px;
}

/* Separadores: más suaves */
.wc-block-checkout .wc-block-components-checkout-step,
.wc-block-checkout .wc-block-components-panel,
.wc-block-checkout .wc-block-components-totals-wrapper {
  border-color: rgba(85, 44, 80, 0.10) !important;
}

/* Inputs y selects: borde morado suave */
.wc-block-checkout input[type="text"],
.wc-block-checkout input[type="email"],
.wc-block-checkout input[type="tel"],
.wc-block-checkout input[type="number"],
.wc-block-checkout select,
.wc-block-checkout textarea,
.wc-block-checkout .wc-blocks-components-select__select {
  background: #fff !important;
  border: 2px solid rgba(187, 20, 209, 0.18) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* Focus */
.wc-block-checkout input:focus,
.wc-block-checkout select:focus,
.wc-block-checkout textarea:focus,
.wc-block-checkout .wc-blocks-components-select__select:focus {
  outline: none !important;
  border-color: #bb14d1 !important;
  box-shadow: 0 0 0 3px rgba(187, 20, 209, 0.14) !important;
}

/* Labels */
.wc-block-checkout label,
.wc-block-checkout .wc-block-components-text-input label,
.wc-block-checkout .wc-blocks-components-select__label {
  color: rgba(85, 44, 80, 0.92) !important;
  font-weight: 600;
}

/* Radio/checkbox: acento morado */
.wc-block-checkout input[type="radio"],
.wc-block-checkout input[type="checkbox"] {
  accent-color: #bb14d1;
}

/* Opción seleccionada (métodos de pago) */
.wc-block-checkout .wc-block-components-radio-control__option--checked-option-highlighted,
.wc-block-checkout .wc-block-components-radio-control__option-checked {
  background: rgba(187, 20, 209, 0.06) !important;
  border-color: rgba(187, 20, 209, 0.22) !important;
}

/* Address card (editar dirección) */
.wc-block-checkout .wc-block-components-address-card {
  background: rgba(255, 255, 255, 0.75) !important;
  border: 1px solid rgba(85, 44, 80, 0.14) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 18px rgba(20, 12, 28, 0.08) !important;
}

/* Botón principal “Realizar pedido” */
.wc-block-checkout .wc-block-components-checkout-place-order-button,
.wc-block-checkout button.wc-block-components-button.contained {
  background: #552c50 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  box-shadow: 0 10px 18px rgba(85, 44, 80, 0.22);
}
.wc-block-checkout .wc-block-components-checkout-place-order-button:hover,
.wc-block-checkout button.wc-block-components-button.contained:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

/* Botón secundario “Volver al carrito” */
.wc-block-checkout .wc-block-components-checkout-return-to-cart-button {
  color: #552c50 !important;
  font-weight: 700;
}
.wc-block-checkout .wc-block-components-checkout-return-to-cart-button svg {
  fill: #552c50 !important;
}

/* Resumen del pedido: bloque */
.wp-block-woocommerce-checkout-order-summary-block {
  background: rgba(255, 255, 255, 0.70) !important;
  border: 1px solid rgba(85, 44, 80, 0.12) !important;
  border-radius: 16px !important;
  overflow: hidden;
}

/* Producto del resumen */
.wc-block-checkout .wc-block-components-order-summary-item {
  border-bottom: 1px solid rgba(85, 44, 80, 0.08) !important;
}
.wc-block-checkout .wc-block-components-product-name {
  color: rgba(29, 26, 35, 0.90);
  font-weight: 800;
}

/* “O continúa más abajo” más discreto */
.wc-block-checkout .wc-block-components-express-payment-continue-rule {
  color: rgba(85, 44, 80, 0.65);
}

/* Coupon panel */
.wc-block-checkout .wc-block-components-panel__button {
  border-radius: 14px;
  background: rgba(187, 20, 209, 0.06);
  border: 1px solid rgba(187, 20, 209, 0.14);
  color: #552c50;
  font-weight: 800;
  padding: 10px !important;
}

.message__container.locale--ES {
    margin: 15px !important;
}

.grecaptcha-badge {
  z-index: 2147483647 !important; /* “máximo” práctico */
}

.paypal-message, .pp-message {
  margin-top: 10px !important;
}

div#ppcp-checkout-paylater-messages.ppcp-messages iframe {
  margin: 10px;
  display: none;
}

.wc-block-checkout__actions {
  margin-bottom: 16px;
}

/* =========================================================
   CHECKOUT — SOLO MÓVIL (más “app”)
   ========================================================= */
@media (max-width: 768px) {
  .wc-block-checkout.is-large .wc-block-components-sidebar-layout {
    gap: 14px;
  }

  .wc-block-checkout__sidebar{
    display: none !important;
  }

  .wc-block-checkout .wc-block-components-main,
  .wc-block-checkout .wc-block-components-sidebar {
    border-radius: 18px;
  }

  .wc-block-checkout .wc-block-components-main {
    padding: 16px 14px 8px;
  }

  .wc-block-checkout .wc-block-components-sidebar {
    padding: 14px;
  }

  .wc-block-checkout .wc-block-checkout__actions_row {
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }

  .wc-block-checkout .wc-block-components-checkout-place-order-button,
  .wc-block-checkout button.wc-block-components-button.contained {
    width: 100%;
  }

  div.wp-block-woocommerce-checkout-order-summary-block {
    padding: 20px;
  }
}

/* =========================================================
   WIDGET: HORARIO (hp-listing__opening-hours)
   ========================================================= */

.hp-listing__opening-hours.hp-widget.widget {
  background: #fffbff;
  border: 1px solid rgba(85, 44, 80, 0.14);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 12px 24px rgba(20, 12, 28, 0.08);
  overflow: hidden;
}

/* Título tipo “badge” arriba (sin tocar el HTML) */
.hp-listing__opening-hours.hp-widget.widget::before {
  content: "Horario";
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin: 0 0 12px;
  padding: 8px 12px;
  border-radius: 999px;

  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.3px;

  color: #552c50;
  background: linear-gradient(180deg, rgba(187, 20, 209, 0.12), rgba(85, 44, 80, 0.06));
  border: 1px solid rgba(187, 20, 209, 0.18);
}

/* Tabla base */
.hp-listing__opening-hours .hp-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
}

/* Filas como “cajitas” suaves */
.hp-listing__opening-hours .hp-table tbody tr {
  background: rgba(187, 20, 209, 0.06);
}

.hp-listing__opening-hours .hp-table tbody tr + tr {
  border-top: 10px solid transparent; /* separador visual sin líneas */
}

/* Celdas */
.hp-listing__opening-hours .hp-table th,
.hp-listing__opening-hours .hp-table td {
  padding: 12px 12px;
  border: 1px solid rgba(187, 20, 209, 0.12);
  line-height: 1.25;
  vertical-align: middle;
}

/* Redondeo por fila (izq/der) */
.hp-listing__opening-hours .hp-table tbody tr th {
  border-right: 0;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

.hp-listing__opening-hours .hp-table tbody tr td {
  border-left: 0;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}

/* Columna día */
.hp-listing__opening-hours .hp-table th {
  width: 58%;
  color: rgba(85, 44, 80, 0.92);
  font-weight: 800;
  font-size: 13px;
}

/* Columna horario */
.hp-listing__opening-hours .hp-table td {
  width: 42%;
  text-align: right;
  font-weight: 800;
  font-size: 13px;
  color: rgba(29, 26, 35, 0.9);
}

/* “No disponible” en rojo suave */
.hp-listing__opening-hours .hp-table td {
  position: relative;
}

.hp-listing__opening-hours .hp-table td:where(:not(:empty)) {
  -webkit-font-smoothing: antialiased;
}

/* Detecta exactamente "No disponible" */
.hp-listing__opening-hours .hp-table td {
  /* nada aquí */
}
.hp-listing__opening-hours .hp-table td:not(:has(*)) {
  /* solo texto */
}
.hp-listing__opening-hours .hp-table td:not(:has(*)):is(:where(:not(:empty))) {
  /* sin cambios */
}
.hp-listing__opening-hours .hp-table td:not(:has(*)):is(:where(:not(:empty))):is(:where(:not([data-x]))) {
  /* placeholder */
}

/* Fallback universal (sin :has) usando selector por contenido NO existe en CSS,
   así que aplicamos un estilo suave opcional con clase si la añades en el HTML.
   Si NO vas a tocar HTML, ignora esto. */
.hp-listing__opening-hours .hp-table td.is-closed {
  color: #c12b5a !important;
  background: rgba(193, 43, 90, 0.08);
  border-color: rgba(193, 43, 90, 0.18);
}

/* Responsive: más aire en móvil */
@media (max-width: 768px) {
  .hp-listing__opening-hours.hp-widget.widget {
    padding: 12px;
    border-radius: 16px;
  }

  .hp-listing__opening-hours .hp-table th,
  .hp-listing__opening-hours .hp-table td {
    padding: 11px 10px;
    font-size: 14px;
  }

  .hp-listing__opening-hours .hp-table td {
    text-align: left; /* mejor lectura en móvil */
  }
}

/* =========================
   AGE GATE – estilo modal + blur background
   ========================= */

/* Capa completa */
.age-gate__wrapper{
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
}

/* Fondo: usa blur real (backdrop-filter) */
.age-gate__background-color{
  position: absolute !important;
  inset: 0 !important;
  background: rgba(20, 12, 28, 0.35) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* Si el plugin mete otra capa de background, la apagamos */
.age-gate__background{
  position: absolute !important;
  inset: 0 !important;
  background: transparent !important;
}

/* Contenedor del modal */
.age-gate__wrapper .age-gate[role="dialog"]{
  position: relative !important;
  width: min(520px, 100%) !important;
  max-height: calc(100vh - 36px) !important;
  overflow: auto !important;

  background: rgba(255, 251, 255, 0.96) !important;
  border: 1px solid rgba(187, 20, 209, 0.18) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 60px rgba(20, 12, 28, 0.28) !important;
}

/* Padding del contenido (simplebar wrapper suele meter márgenes raros) */
.age-gate__wrapper .simplebar-wrapper{
  margin: 0 !important;
}
.age-gate__wrapper .simplebar-content{
  padding: 24px !important;
}

/* Form */
.age-gate__form{
  background: transparent !important;
}

/* Logo */
.age-gate__heading{
  display: flex !important;
  justify-content: center !important;
  margin-bottom: 14px !important;
}
.age-gate__heading-title--logo{
  width: min(320px, 80%) !important;
  height: auto !important;
  opacity: 0.95 !important;
}

/* Texto */
.age-gate__subheadline{
  margin: 0 0 18px !important;
  color: rgba(85, 44, 80, 0.88) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

/* Inputs: grid 3 columnas */
.age-gate__form-elements{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1.25fr !important;
  gap: 12px !important;
}

.age-gate__form-section{
  margin: 0 !important;
}

/* Labels */
.age-gate__label{
  display: block !important;
  margin-bottom: 6px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #552c50 !important;
}

/* Inputs */
.age-gate__input{
  width: 100% !important;
  padding: 12px 12px !important;
  border-radius: 12px !important;
  border: 2px solid rgba(230, 211, 227, 1) !important;
  background: #fff !important;
  color: #1d1a23 !important;
  font-size: 16px !important;
  outline: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.age-gate__fields{
    margin-bottom:0px;
}

.age-gate__input:focus{
  border-color: #bb14d1 !important;
  box-shadow: 0 0 0 3px rgba(187, 20, 209, 0.14) !important;
}

/* Botón */
.age-gate__submit{
  margin-top: 10px !important;
  width: 100%;
}
.age-gate__button{
  width: 100% !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;

  background: #552c50 !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;

  box-shadow: 0 14px 26px rgba(85, 44, 80, 0.22) !important;
  transition: transform 0.12s ease, filter 0.12s ease !important;
}
.age-gate__button:hover{
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
}

/* Errores */
.age-gate__errors{
  margin-top: 10px !important;
  color: #b00020 !important;
  font-weight: 700 !important;
}

/* Texto legal inferior */
.age-gate__additional-information{
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(85, 44, 80, 0.10) !important;
}
.age-gate__additional-information p{
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: rgba(85, 44, 80, 0.78) !important;
}

/* Loader centrado y elegante */
.age-gate__loader{
  position: absolute !important;
  inset: 0 !important;
  display: none; /* ponlo en flex si quieres forzar visible */
  align-items: center !important;
  justify-content: center !important;
  z-index: 5 !important;
}
.age-gate__loader svg{
  width: 74px !important;
  height: 74px !important;
  color: #bb14d1 !important;
}

/* Responsive */
@media (max-width: 420px){
  .age-gate__wrapper{
    padding: 12px !important;
  }
  .age-gate__wrapper .simplebar-content{
    padding: 18px !important;
  }
  .age-gate__form-elements{
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 10px !important;
  }
}

.hp-field.hp-field--checkboxes ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px; /* Espaciado entre filas y columnas */
  padding: 0;
  margin: 0;
  list-style: none;
}

.hp-field.hp-field--checkboxes ul li {
  flex: 0 0 48%; /* Dos columnas con pequeño espacio entre ellas */
  box-sizing: border-box;
}

.hp-field.hp-field--checkboxes label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.hp-field--checkboxes.con-scroll {
  border-bottom: 1px solid #eadfeb;
  padding-bottom: 32px;
  background: linear-gradient(
      to top,
      rgba(230,214,230,0.30) 0px,   /* pegado a la línea */
      rgba(230,214,230,0.15) 12px,  /* a los 12px baja */
      rgba(230,214,230,0.00) 25px,  /* a los 25px ya es transparente */
      rgba(230,214,230,0.00) 100px  /* el resto totalmente invisible */
    );
}

.hp-field--checkboxes {
  max-height: 268px !important;
}


/* =========================
   LISTING ACTIONS (reseña / reclamar / reportar)
   (solo se aplica a esos 3 botones)
   ========================= */

/* Contenedor */
.hp-listing--view-block
.hp-listing__actions.hp-listing__actions--primary {
  margin: 0 !important;
}

.hp-listing__actions.hp-listing__actions--primary {
  display: grid;
  gap: 10px;
  margin: 14px 0 0;
  border: 0px solid #FFF;
}

/* Cada acción como botón (solo 3 acciones) */
.hp-listing__actions--primary a.hp-listing__action--review.hp-link,
.hp-listing__actions--primary a.hp-listing__action--claim.hp-link,
.hp-listing__actions--primary a.hp-listing__action--report.hp-link {
  display: flex;
  align-items: center;
  gap: 12px;

  padding: 12px 14px;
  border-radius: 14px;

  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(187, 20, 209, 0.18);
  color: #552c50;

  box-shadow: 0 10px 24px rgba(20, 12, 28, 0.10);
  text-decoration: none;

  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}

/* Icono en “pill” (solo 3 acciones) */
.hp-listing__actions--primary a.hp-listing__action--review .hp-icon,
.hp-listing__actions--primary a.hp-listing__action--claim .hp-icon,
.hp-listing__actions--primary a.hp-listing__action--report .hp-icon {
  width: 34px;
  height: 34px;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: rgba(187, 20, 209, 0.10);
  border: 1px solid rgba(187, 20, 209, 0.20);
  color: #bb14d1;

  flex: 0 0 34px;
}

/* Texto (solo 3 acciones) */
.hp-listing__actions--primary a.hp-listing__action--review span,
.hp-listing__actions--primary a.hp-listing__action--claim span,
.hp-listing__actions--primary a.hp-listing__action--report span {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.2px;
}

/* Hover / active (solo 3 acciones) */
.hp-listing__actions--primary a.hp-listing__action--review:hover,
.hp-listing__actions--primary a.hp-listing__action--claim:hover,
.hp-listing__actions--primary a.hp-listing__action--report:hover {
  background: rgba(255, 244, 255, 0.95);
  border-color: rgba(187, 20, 209, 0.30);
  box-shadow: 0 14px 30px rgba(20, 12, 28, 0.14);
  transform: translateY(-1px);
}

.hp-listing__actions--primary a.hp-listing__action--review:active,
.hp-listing__actions--primary a.hp-listing__action--claim:active,
.hp-listing__actions--primary a.hp-listing__action--report:active {
  transform: translateY(0);
  box-shadow: 0 10px 22px rgba(20, 12, 28, 0.12);
}

/* Estados por tipo (solo matiz) */
.hp-listing__actions--primary a.hp-listing__action--review .hp-icon {
  background: rgba(187, 20, 209, 0.10);
}

.hp-listing__actions--primary a.hp-listing__action--claim .hp-icon {
  background: rgba(85, 44, 80, 0.10);
  border-color: rgba(85, 44, 80, 0.18);
  color: #552c50;
}

.hp-listing__actions--primary a.hp-listing__action--report {
  border-color: rgba(176, 0, 32, 0.14);
}

.hp-listing__actions--primary a.hp-listing__action--report .hp-icon {
  background: rgba(176, 0, 32, 0.08);
  border-color: rgba(176, 0, 32, 0.14);
  color: #b00020;
}

/* =========================
   Botones submit dentro de los modales (opcional pero recomendado)
   ========================= */

.hp-modal .hp-form__button.button-primary {
  width: 100%;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;

  background: #552c50 !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;

  box-shadow: 0 14px 26px rgba(85, 44, 80, 0.22) !important;
  transition: transform .12s ease, filter .12s ease !important;
}

.hp-modal .hp-form__button.button-primary:hover {
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
}

/* Responsive fino */
@media (max-width: 480px) {
  .hp-listing__actions--primary a.hp-listing__action--review.hp-link,
  .hp-listing__actions--primary a.hp-listing__action--claim.hp-link,
  .hp-listing__actions--primary a.hp-listing__action--report.hp-link {
    padding: 12px 12px;
  }

  .hp-listing__actions--primary a.hp-listing__action--review span,
  .hp-listing__actions--primary a.hp-listing__action--claim span,
  .hp-listing__actions--primary a.hp-listing__action--report span {
    font-size: 15px;
  }
}


/* =========================
   HivePress modals (Fancybox)
   SOLO: review / claim / report
   - Modal compacto
   - Textarea a todo el ancho
   ========================= */

/* Targets: solo estos 3 modales */
.fancybox-slide #review_submit_modal.hp-modal.fancybox-content,
.fancybox-slide #listing_claim_submit_modal.hp-modal.fancybox-content,
.fancybox-slide #listing_report_modal.hp-modal.fancybox-content{
  width: min(92vw, 420px) !important;
  padding: 22px 22px 20px;
  border-radius: 22px;
}

/* Asegura layout */
.fancybox-slide #review_submit_modal .hp-form__fields,
.fancybox-slide #listing_claim_submit_modal .hp-form__fields,
.fancybox-slide #listing_report_modal .hp-form__fields{
  width: 100%;
}

/* Textarea ocupa todo el ancho */
.fancybox-slide .hp-form__field--textarea,
.fancybox-slide .hp-form__field--textarea .hp-field--textarea{
  width: 100% !important;
  display: block;
}

.fancybox-slide #review_submit_modal textarea.hp-field--textarea,
.fancybox-slide #listing_claim_submit_modal textarea.hp-field--textarea,
.fancybox-slide #listing_report_modal textarea.hp-field--textarea{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Móvil: más compacto y el textarea “gana” ancho visual */
@media (max-width: 640px){
  .fancybox-slide .hp-modal.fancybox-content{
    width: 92vw !important;
    padding: 18px 16px 16px;
  }
}


.site-loader {
  transition: opacity 0.5s ease;
}

.site-loader.fade-out {
  opacity: 0;
  pointer-events: none;
}

/* =========================
   LEFT CONTENT (solo columna izquierda del listing)
   Más “card”, más contraste, sin tocar sidebar
   ========================= */

.hp-page__content.hp-col-sm-8.hp-col-xs-12{
  padding-right: 18px; /* un pelín más de aire frente a la sidebar */
}

/* Badge de categoría */
.hp-page__content.hp-col-sm-8.hp-col-xs-12 .hp-listing__categories a{
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;

  background: rgba(187, 20, 209, 0.10);
  border: 1px solid rgba(187, 20, 209, 0.18);
  color: #552c50;
  text-decoration: none;

  font-weight: 700;
  font-size: 12px;
  letter-spacing: .6px;
  text-transform: uppercase;
}

/* Título más “hero” */
h1.hp-listing__title, h1.hp-page__title{
  margin: 10px 0 10px;
  color: #2e2a32;
  letter-spacing: .6px;
  font-size: 24px;
}

.hp-listing__title span, .hp-page__title span{
  display: inline-block;
  font-weight: 900;
}

/* Meta (ubicación / fecha / rating) como pills */
.hp-listing--view-page .hp-listing__created-date,
.hp-listing--view-page .hp-listing__location,
.hp-listing--view-page .hp-listing__rating {
    margin-bottom: 0px !important;
}

.hp-row.hp-listing.hp-listing--view-page
.hp-page__content.hp-col-sm-8.hp-col-xs-12 .hp-listing__details--primary{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 14px;
}

.hp-row.hp-listing.hp-listing--view-page
.hp-page__content.hp-col-sm-8.hp-col-xs-12 .hp-listing__details--primary > *{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 10px 12px;
  border-radius: 14px;

  background: rgba(255, 255, 255, 0.70);
  border: 1px solid rgba(187, 20, 209, 0.12);
  box-shadow: 0 10px 22px rgba(20, 12, 28, 0.08);
}

.hp-row.hp-listing.hp-listing--view-page
.hp-page__content.hp-col-sm-8.hp-col-xs-12 .hp-listing__location .hp-icon{
  color: #bb14d1;
}

.hp-row.hp-listing.hp-listing--view-page
.hp-page__content.hp-col-sm-8.hp-col-xs-12 time.hp-meta{
  color: rgba(85, 44, 80, .75);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  font-size: 12px;
}

.hp-row.hp-listing.hp-listing--view-page
.hp-page__content.hp-col-sm-8.hp-col-xs-12 .hp-listing__rating .hp-rating__details{
  text-decoration: none;
  color: #552c50;
  font-weight: 800;
}

/* Tabs + topbar con aspecto “barra” */
.hp-page__topbar--separate{
  margin-top: 6px;
  padding: 12px 12px;
  border-radius: 16px;

  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(187, 20, 209, 0.12);
  box-shadow: 0 10px 24px rgba(20, 12, 28, 0.08);
}

.hp-menu--tabbed .hp-menu__item a{
  border-radius: 12px;
  padding: 10px 12px !important;
  font-weight: 800;
  color: rgba(46, 42, 50, .75);
  text-decoration: none;
  transition: background .12s ease, color .12s ease;
}
.hp-menu--tabbed .hp-menu__item a:hover{
  background: rgba(187, 20, 209, 0.08);
  color: #552c50;
}
.hp-menu--tabbed .hp-menu__item--current a{
  background: rgba(187, 20, 209, 0.12);
  color: #552c50;
}

/* Botón favoritos “pill” */
.hp-page__content.hp-col-sm-8.hp-col-xs-12 .hp-listing__actions--secondary .hp-listing__action--favorite{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 10px 12px;
  border-radius: 14px;

  background: rgba(255, 255, 255, 0.70);
  border: 1px solid rgba(187, 20, 209, 0.12);
  box-shadow: 0 10px 22px rgba(20, 12, 28, 0.08);

  color: #552c50;
  font-weight: 800;
  text-decoration: none;
}

/* Descripción como bloque */
.hp-page__content.hp-col-sm-8.hp-col-xs-12 .hp-listing__description{
  margin-top: 14px;
  padding: 25px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(187, 20, 209, 0.12);
  box-shadow: 0 12px 26px rgba(20, 12, 28, 0.08);
}

.hp-page__content.hp-col-sm-8.hp-col-xs-12 .hp-listing__description p{
  margin: 0;
  color: rgba(46, 42, 50, 0.86);
  line-height: 1.65;
}

/* Reseñas: sección + tarjeta review */
.hp-page__content.hp-col-sm-8.hp-col-xs-12 .hp-section{
  margin-top: 18px;
}
.hp-page__content.hp-col-sm-8.hp-col-xs-12 .hp-section__title{
  color: #552c50;
  font-weight: 900;
  margin-bottom: 10px;
}
.hp-page__content.hp-col-sm-8.hp-col-xs-12 .hp-review{
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(187, 20, 209, 0.12);
  box-shadow: 0 12px 26px rgba(20, 12, 28, 0.08);
  padding: 25px ;
}
.hp-page__content.hp-col-sm-8.hp-col-xs-12 .hp-review__text p{
  color: rgba(46, 42, 50, 0.86);
}

/* Tabs listing (móvil): más estrechas para que quepan en una fila */
@media (max-width: 1208px){
  /* Menos separación entre tabs */
  .hp-menu--tabbed .hp-menu__item {
    padding: 16px 8px !important;
  }

  /* El enlace-tab: menos padding + tipografía más compacta */
  .hp-page__content .hp-menu--tabbed.hp-menu--listing-manage .hp-menu__item > a,
  .hp-page__content .hp-menu--tabbed.hp-menu--listing-manage li > a{
    padding: 8px 10px !important;     /* <- estrecha */
    font-size: 14px !important;       /* <- más pequeño */
    letter-spacing: 0 !important;
    border-radius: 12px !important;   /* mantiene el look pill */
    white-space: nowrap;              /* no partir palabras */
  }

  /* Si tu tema mete margen lateral a cada li, lo quitamos */
  .hp-page__content .hp-menu--tabbed.hp-menu--listing-manage .hp-menu__item,
  .hp-page__content .hp-menu--tabbed.hp-menu--listing-manage li{
    margin: 0 !important;
  }

  .hp-page__content .hp-menu--tabbed.hp-menu--listing-manage .hp-menu__items,
  .hp-page__content .hp-menu--tabbed.hp-menu--listing-manage ul{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px;

    overflow-x: auto;                 /* ya lo tenías */
    overflow-y: hidden;               /* ✅ CLAVE: evita bloquear scroll vertical */
    -webkit-overflow-scrolling: touch;

    scroll-snap-type: x proximity;    /* ✅ recomendado (menos "agresivo" que mandatory) */
    padding-bottom: 6px;
  }

  .hp-page__content .hp-menu--tabbed.hp-menu--listing-manage .hp-menu__item,
  .hp-page__content .hp-menu--tabbed.hp-menu--listing-manage li{
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .hp-page__content .hp-menu--tabbed.hp-menu--listing-manage .hp-menu__item > a{
    white-space: nowrap;
    padding: 12px 14px;
  }
}

/* =========================
   ESTADÍSTICAS (tabla + canvas)
   NO toca title ni topbar
   ========================= */

/* ---------- TABLA ---------- */
.hp-page__content
.hp-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(187, 20, 209, 0.14);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(20, 12, 28, 0.10);
}

.hp-page__content
.hp-form__field
.hp-table{
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

.hp-page__content
.hp-table thead th{
  padding: 14px 16px;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: #552c50;
  background: rgba(187, 20, 209, 0.07);
  border-bottom: 1px solid rgba(187, 20, 209, 0.14);
}

.hp-form__field.hp-form__label
.hp-table{
  border: none !important;
  box-shadow: none !important;
}

.hp-page__content .hp-table tbody th{
  padding: 14px 16px;
  font-weight: 900;
  color: #552c50;
  background: rgba(255, 244, 255, 0.55);
  border-right: 1px solid rgba(187, 20, 209, 0.10);
  white-space: nowrap;
}

.hp-page__content
.hp-table tbody td{
  padding: 14px 16px;
  text-align: center;
  font-weight: 800;
  color: #2e2430;
}

.hp-listing--featured
.hp-table tbody td{
  text-align: left !important;
}

.hp-page__content .hp-table tbody tr + tr th,
.hp-page__content .hp-table tbody tr + tr td{
  border-top: 1px solid rgba(187, 20, 209, 0.10);
}

.hp-page__content .hp-table tbody tr:hover th,
.hp-page__content .hp-table tbody tr:hover td{
  background: rgba(255, 244, 255, 0.85);
}

/* ---------- CANVAS / CHART ---------- */
/* Contenedor del chart (el div justo después de la tabla) */
.hp-page__content .hp-table + div{
  margin-top: 16px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(187, 20, 209, 0.14);
  box-shadow: 0 12px 28px rgba(20, 12, 28, 0.10);
}

/* Canvas: que sea responsive y no “rompa” el layout */
.hp-page__content canvas.hp-chart{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
}

/* Fix centrado de títulos en la tabla de estadísticas */
.hp-page__content .hp-table thead th{
  text-align: center;
  vertical-align: middle;
}

/* La primera cabecera (vacía) actúa como “columna de etiquetas” */
.hp-page__content .hp-table thead th:first-child{
  width: 28%;
  text-align: left;   /* da consistencia con la columna "Hoy/Ayer..." */
}

/* El resto de títulos centrados perfecto */
.hp-page__content .hp-table thead th:not(:first-child){
  width: calc(72% / 3);
  text-align: center;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 640px){
  .hp-page__content .hp-table{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .hp-page__content .hp-table thead th,
  .hp-page__content .hp-table tbody th,
  .hp-page__content .hp-table tbody td{
    padding: 12px 12px;
    font-size: 13px;
  }

  .hp-page__content .hp-table + div{
    padding: 12px;
  }
}

/* =========================
   FIX ESTILOS HEREDADOS EN TABLA DE ANUNCIOS
   ========================= */

.hp-page__content .hp-pagination {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Contenedor */
.hp-page__content .hp-listing__actions.hp-listing__actions--primary {
  margin: 0 !important;
}

/* Asegurar alineación izquierda en toda la tabla */
.hp-page__content .hp-listings td,
.hp-page__content .hp-listings th {
  text-align: left;
  font-weight: 400;
}

/* SOLO el título del anuncio en negrita */
.hp-page__content .hp-listings .hp-listing__title span {
  font-weight: 700;
}

/* Categoría sin negrita */
.hp-page__content .hp-listings .hp-listing__categories {
  font-weight: 400;
  color: #6b5a6a;
  padding-left: 18px;
  padding-right: 18px
}

/* Fecha sin negrita */
.hp-page__content .hp-listings .hp-listing__date,
.hp-page__content .hp-listings time {
  font-weight: 400;
  color: #6b5a6a;
}

/* Evitar centrado heredado en móvil */
@media (max-width: 768px) {
  .hp-page__content .hp-listings td {
    text-align: left;
  }
}

/* =========================
   ANUNCIOS: forzar título a la izquierda (evita herencias)
   ========================= */

.hp-page__content .hp-listings .hp-listing__title,
.hp-page__content .hp-listings .hp-listing__title *{
  text-align: left !important;
}

/* El link del título: alineación e icono + texto en línea */
.hp-page__content .hp-listings .hp-listing__title > a.hp-link{
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start !important;
  gap: 10px;
  width: 100%;
}

/* El texto del título */
.hp-page__content .hp-listings .hp-listing__title > a.hp-link span{
  display: inline !important;
  margin: 0 !important;
  font-weight: 700;
}


@media (max-width: 767px) {
  .hp-grid__item:not(:last-child) {
    margin-bottom: 40px;
  }

  .hp-grid__item {
    padding-left: 16px;
    padding-right: 16px !important;
  }
  
  div.hp-grid__item.hp-col-sm-3.hp-col-xs-12 div.hp-listing__categories.hp-listing__category{
      right: 15px;
  }
  
  .hp-grid__item.hp-col-sm-3.hp-col-xs-12 .hp-listing__title{
      font-size: 18px;
  }
  
  h4.hp-listing__title {
      height: auto;
  }

/*  .hp-listing--view-block {*/
/*    box-shadow: none !important;*/
/*  }*/
/**/
/*  .hp-listing--view-block{*/
/*    border-radius: 5px !important;*/
/*  }*/
/**/
/*  /* Featured */
/*  .hp-listing--view-block.hp-listing--featured {*/
/*    box-shadow: none !important;*/
/*  }*/
}

/* =========================
   LISTING FILTER MODAL — COMPACTO
   (solo afecta al popup de filtros)
   ========================= */

.fancybox-slide #listing_filter_modal.hp-modal{
  padding: 16px !important; /* antes 25 */
}

/* Menos “aire” arriba de cada campo */
.fancybox-slide #listing_filter_modal .hp-form__field{
  padding: 12px 0 0 !important;  /* antes 25px */
  margin-bottom: 8px !important; /* antes 10px */
}

/* Labels más pequeños */
#listing_filter_modal .hp-form__label{
  font-size: 13px !important;    /* antes 16 */
  margin-bottom: 4px !important; /* antes 6 */
}

/* Inputs + selects más compactos */
#listing_filter_modal input[type="text"],
#listing_filter_modal input[type="number"],
#listing_filter_modal input[type="tel"],
#listing_filter_modal input[type="email"],
#listing_filter_modal input[type="url"],
#listing_filter_modal textarea,
#listing_filter_modal select{
  padding: 8px 10px !important;  /* antes 12px 14px */
  font-size: 14px !important;    /* antes 15px */
  border-width: 1px !important;  /* antes 2px */
}

/* Select2 múltiple más bajo */
#listing_filter_modal .select2-container--default .select2-selection--multiple{
  min-height: 40px !important;   /* antes 50 */
  padding: 6px !important;       /* antes 10 */
  border-radius: 10px !important;
}

/* Chips de Select2 más pequeños */
#listing_filter_modal .select2-selection__choice{
  font-size: 12px !important;     /* antes 14 */
  padding: 2px 8px !important;    /* antes 4px 10px */
  margin: 3px 5px 3px 0 !important;
}

/* Checkbox menos grande */
#listing_filter_modal input[type="checkbox"]{
  transform: scale(1.05) !important; /* antes 1.2 */
}

/* Range slider más fino (jQuery UI) */
#listing_filter_modal .ui-slider{
  height: 6px !important;
}
#listing_filter_modal .ui-slider .ui-slider-handle{
  width: 14px !important;
  height: 14px !important;
  top: -4px !important;
}

/* Botón “Filtro” más compacto */
#listing_filter_modal .hp-form__button.button-primary{
  padding: 12px 16px !important;  /* antes 14px 20px */
  font-size: 14px !important;     /* antes 16 */
  border-radius: 12px !important;
}

/* =========================
   MODAL FILTROS: MENOS ESPACIO ENTRE CAMPOS
   ========================= */

/* Menos padding general del modal */
.fancybox-container .fancybox-slide #listing_filter_modal.hp-modal{
  padding: 20px !important; /* antes 25px */
}

/* MENOS “aire” entre filtros (esto es lo que más se nota) */
.fancybox-container .fancybox-slide #listing_filter_modal .hp-form__field{
  padding: 10px 0 0 !important;   /* antes 25px 0 0 */
  margin-bottom: 6px !important;  /* antes 10px */
}

/* Si el contenedor usa grid/columnas, reduce el gap también */
.fancybox-container .fancybox-slide #listing_filter_modal .hp-form__fields{
  row-gap: 8px !important;
  column-gap: 12px !important;
}

/* Labels ocupan menos alto */
.fancybox-container .fancybox-slide #listing_filter_modal .hp-form__label{
  margin-bottom: 3px !important;  /* antes 6px */
}

/* Rangos (Edad/Peso/Altura): suelen añadir bloque extra de altura */
.fancybox-container .fancybox-slide #listing_filter_modal .hp-field--number-range > div{
  margin-top: 6px !important;     /* baja el hueco antes del slider */
}

/* Footer/botón: suele dejar mucho espacio arriba */
.fancybox-container .fancybox-slide #listing_filter_modal .hp-form__footer{
  margin-top: 10px !important;
  padding-top: 0 !important;
}

.hp-menu--listing-manage
.hp-listing__actions--secondary .hp-listing__action{
    margin-right: 1.5rem;
}

.fancybox-slide #listing_filter_modal.hp-modal{
  margin: 15%;
  max-width: 800px;
  padding: 25px;
}

@media (max-width: 767px) {
  .fancybox-slide #listing_filter_modal.hp-modal{
    margin: 0;
  }
}

.badge {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  background-color: rgba(187, 20, 209, 0.2);
  /*border: 1px solid #bb14d1 !important;*/
  color: #552c50;
  border-radius: 16px !important;
  padding: 8px 10px !important;
  margin: 2px;
}

.badge.badge-selected {
  background-color: rgba(187, 20, 209, 1) !important;
  color: white !important;
}

/* =====================================================
   FIX: eliminar flechas extra + quitar hover azul
   + evitar solape con la X (close)
   ===================================================== */

/* 1) BORRAR la flecha que yo metí en .sconsent-menu-title */
#menu-header > li.menu-item-has-children > a.sconsent-menu-title::after{
  content: none !important;
  display: none !important;
}

/* 2) Quitar hover azul (background/colores) */
#menu-header > li > a:hover,
#menu-header .sub-menu a:hover,
#menu-header > li.menu-item-has-children:hover > a:first-child,
#menu-header > li.menu-item-has-children:hover > a.sconsent-menu-title{
  background: transparent !important;
  color: inherit !important;
}

#menu-header > li > a:hover i{
  color: inherit !important;
}

/* 3) Evitar flechas duplicadas del tema cuando hay 2 <a> seguidos
      (muchas veces el tema mete un ::after en los items con children) */
#menu-header > li.menu-item-has-children > a:first-child::after,
#menu-header > li.menu-item-has-children > a.sconsent-menu-title::after{
  content: none !important;
  display: none !important;
}

/* 4) SOLAPE con la X:
      Empuja el menú hacia abajo para que la X no tape el primer item */
#menu-header{
  padding-top: 72px !important; /* ajusta 60-90 según tu drawer */
}

/* 5) (Opcional pero recomendado) Asegura que la X quede arriba y “fuera” del contenido */
.hp-modal__close,
.hp-offcanvas__close,
.hp-menu__close,
.hp-header__close,
button[aria-label="Close"],
button[aria-label="Cerrar"]{
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 9999 !important;
}

/* 6) Mantén el look limpio (sin fondos raros en items principales) */
#menu-header > li > a{
  border-radius: 10px;
  background: transparent !important;
}


/* =========
   MENU HEADER (drawer / lateral) – HivePress / WP
   Aplica SOLO a #menu-header
   ========= */

#menu-header{
  list-style:none;
  margin:0;
  padding:10px 12px;
}

/* Cada item principal */
#menu-header > li{
  list-style:none;
  margin:0;
  padding:0;
  border-bottom:1px solid rgba(0,0,0,.08);
}

/* Links principales (caso normal: usuario, etc.) */
#menu-header > li > a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 12px;
  text-decoration:none;
  color:#0f172a;
  font-weight:600;
  border-radius:12px;
  transition:background .2s ease, color .2s ease, transform .15s ease;
}

/* Iconos */
#menu-header > li > a i{
  width:22px;
  min-width:22px;
  text-align:center;
  font-size:18px;
  color:#64748b;
}

/* Hover */
#menu-header > li > a:hover{
  background:rgba(187, 20, 209, 0.1);
  color:#bb14d1;
}
#menu-header > li > a:hover i{
  color:#bb14d1;
}

/* Estado activo WP (si aplica) */
#menu-header .current-menu-item > a,
#menu-header .current-menu-ancestor > a{
  background:rgba(187, 20, 209, 0.1);
  color:#bb14d1;
}
#menu-header .current-menu-item > a i{
  color:#bb14d1;
}

/* ---------- Caso especial: tus items "Créditos / Categorias"
   Tienes 2 <a> consecutivos:
   1) <a href="#"><i ...></i></a>
   2) <a class="sconsent-menu-title">Texto</a>
   Los convertimos visualmente en 1 fila bonita.
---------- */
#menu-header > li.menu-item-has-children{
  display:flex;
  flex-wrap:wrap; /* submenú cae abajo */
  align-items:stretch;
}

/* Primer <a> (solo icono) */
#menu-header > li.menu-item-has-children > a:first-child{
  width:44px;
  justify-content:center;
  padding:14px 0;
  border-radius:12px;
}

/* Segundo <a> (título) */
#menu-header > li.menu-item-has-children > a.sconsent-menu-title{
  flex:1;
  display:flex;
  align-items:center;
  padding:14px 12px 14px 6px;
  margin:0;
  border-radius:12px;
  color:#0f172a;
  font-weight:700;
  text-decoration:none;
  cursor:pointer; /* se ve clicable aunque no tenga href */
  transition:background .2s ease, color .2s ease;
}

/* Hover sincronizado (icono + título) */
#menu-header > li.menu-item-has-children:hover > a:first-child,
#menu-header > li.menu-item-has-children:hover > a.sconsent-menu-title{
  background:rgba(59,130,246,.08);
}
#menu-header > li.menu-item-has-children:hover > a:first-child i{
  color:#bb14d1;
}

/* Flechita a la derecha en los parents */
#menu-header > li.menu-item-has-children > a.sconsent-menu-title::after{
  content:"›";
  margin-left:auto;
  font-size:20px;
  line-height:1;
  color: rgba(255, 244, 255, 0.85);
  transform:translateY(-1px);
}

/* ---------- Submenús ---------- */
#menu-header .sub-menu{
  width:100%;
  list-style:none;
  margin:0 0 10px 0;
  padding:6px 0 10px 56px; /* indent bajo el icono */
  border-radius:12px;
  background:rgba(15,23,42,.03);
}

/* Links submenú */
#menu-header .sub-menu li{
  margin:0;
  padding:0;
}
#menu-header .sub-menu a{
  display:block;
  padding:10px 12px;
  text-decoration:none;
  color:#334155;
  font-weight:600;
  border-radius:10px;
  transition:background .2s ease, color .2s ease;
}
#menu-header .sub-menu a:hover{
  background:rgba(59,130,246,.10);
  color:#0b1220;
}

/* Separación visual suave del último item */
#menu-header > li:last-child{
  border-bottom:0;
}

/* (Opcional) si el drawer es muy ancho o muy estrecho, ajusta tipografía */
#menu-header{
  font-size:18px;
}
#menu-header .sub-menu a{
  font-size:16px;
}

/* Si la flecha está en el <a> (lo más común) */
#menu-header li.menu-item-has-children > a::after{
  right: 18px !important;         /* sepárala del borde */
}

/* Si la flecha está en el <li> (algunos temas lo hacen así) */
#menu-header li.menu-item-has-children{
  position: relative;
}
#menu-header li.menu-item-has-children::after{
  right: 18px !important;
}

/* Hacer clicable toda la fila en items con .sconsent-menu-title */
#menu-header > li.menu-item-has-children{
  position: relative;
}

/* El primer <a> (icono) cubre toda la fila y es el que recibe el click */
#menu-header > li.menu-item-has-children > a:first-child{
  position: relative !important;
  inset: 0 !important;          /* top/right/bottom/left = 0 */
  width: auto !important;
  z-index: 3 !important;
}

/* El título se ve, pero no “roba” el click */
#menu-header > li.menu-item-has-children > a.sconsent-menu-title{
  position: relative;
  z-index: 2;
  pointer-events: none !important;
}

/* =========================================================
   CUENTA (HivePress dentro de WooCommerce) — FIX SELECTORES
   Aplica en: Pedidos, Ajustes, Planes activos, etc.
   (porque aquí NO existe .hp-page.site-main)
   ========================================================= */

:root{
  --sc-accent: #bb14d1;
  --sc-ink: #552c50;
  --sc-card: #fffbff;
  --sc-border: rgba(85, 44, 80, 0.14);
  --sc-soft: rgba(187, 20, 209, 0.08);
  --sc-shadow: 0 12px 26px rgba(20, 12, 28, 0.08);
}

/* ---------------------------
   Sidebar: menú de cuenta
   --------------------------- */
#content .hp-page__sidebar nav.hp-menu--user-account{
  background: var(--sc-card);
  border: 1px solid var(--sc-border);
  border-radius: 18px;
  box-shadow: var(--sc-shadow);
  overflow: hidden;
  padding: 8px 0;
}

#content .hp-page__sidebar nav.hp-menu--user-account ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

#content .hp-page__sidebar nav.hp-menu--user-account li.hp-menu__item{
  margin: 0;
  padding: 0;
}

/* separador suave */
#content .hp-page__sidebar nav.hp-menu--user-account li.hp-menu__item + li.hp-menu__item > a{
  border-top: 1px solid rgba(187, 20, 209, 0.08);
}

#content .hp-page__sidebar nav.hp-menu--user-account li.hp-menu__item > a{
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 14px 16px;
  text-decoration: none;

  color: rgba(85, 44, 80, 0.85);
  font-weight: 800;

  background: transparent;
  border-left: 4px solid transparent;

  box-shadow: none;
  border-radius: 0;

  transition: background .15s ease, color .15s ease;
}

#content .hp-page__sidebar nav.hp-menu--user-account li.hp-menu__item > a:hover{
  background: rgba(187, 20, 209, 0.05);
  color: var(--sc-ink);
}

/* activo */
#content .hp-page__sidebar nav.hp-menu--user-account li.current-menu-item > a,
#content .hp-page__sidebar nav.hp-menu--user-account li.hp-menu__item--current > a{
  background: var(--sc-soft);
  border-left-color: var(--sc-accent);
  color: var(--sc-ink);
}

/* (NO toco tus flechas de la izquierda) */


/* =========================================================
   PLANES ACTIVOS (hp-memberships) — cuando exista el bloque
   ========================================================= */
#content .hp-page__content .hp-memberships .hp-membership--view-block{
  background: var(--sc-card);
  border: 1px solid var(--sc-border);
  border-radius: 18px;
  box-shadow: var(--sc-shadow);
  padding: 18px 18px 16px;
}

#content .hp-page__content .hp-memberships .hp-grid__item + .hp-grid__item{
  margin-top: 18px;
}

#content .hp-page__content .hp-memberships .hp-membership__name{
  margin: 0 0 10px;
  font-size: 22px;
  font-weight: 900;
  color: #1d1a23;
}

#content .hp-page__content .hp-memberships .hp-membership__details--primary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

#content .hp-page__content .hp-memberships .hp-membership__expired-date{
  color: rgba(85, 44, 80, 0.70);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 12px;
}

#content .hp-page__content .hp-memberships .hp-membership__status.hp-status{
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .5px;
  border: 1px solid transparent;
  background: rgba(255,255,255,0.7);
}

#content .hp-page__content .hp-memberships .hp-status--publish{
  color: #0f7a3a;
  border-color: rgba(21, 205, 114, 0.25);
  background: rgba(21, 205, 114, 0.10);
}

#content .hp-page__content .hp-memberships .hp-status--draft{
  color: #b00020;
  border-color: rgba(176, 0, 32, 0.18);
  background: rgba(176, 0, 32, 0.08);
}

#content .hp-page__content .hp-memberships .hp-membership__limits{
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(187, 20, 209, 0.10);

  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
}

#content .hp-page__content .hp-memberships .hp-membership__limit.hp-meta{
  padding: 0;
  border: 0;
  background: transparent;

  color: rgba(85, 44, 80, 0.80);
  font-weight: 700;
  font-size: 13px;
}

#content .hp-page__content .hp-memberships .hp-membership__limit strong{
  color: var(--sc-ink);
  font-weight: 900;
}

@media (max-width: 640px){
  #content .hp-page__content .hp-memberships .hp-membership__details--primary{
    flex-direction: column;
    align-items: flex-start;
  }
}


/* =========================================================
   PEDIDOS (WooCommerce orders table) — opcional, para que encaje
   ========================================================= */
#content .hp-page__content table.woocommerce-orders-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;

  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(187, 20, 209, 0.14);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(20, 12, 28, 0.10);
}

#content .hp-page__content table.woocommerce-orders-table thead th{
  padding: 14px 16px;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: var(--sc-ink);
  background: rgba(187, 20, 209, 0.07);
  border-bottom: 1px solid rgba(187, 20, 209, 0.14);
}

#content .hp-page__content table.woocommerce-orders-table tbody th,
#content .hp-page__content table.woocommerce-orders-table tbody td{
  padding: 14px 16px;
  color: rgba(29, 26, 35, 0.90);
  font-weight: 700;
  border-top: 1px solid rgba(187, 20, 209, 0.10);
}

#content .hp-page__content table.woocommerce-orders-table a.woocommerce-button.button{
  background: #552c50;
  color: #fff;
  border: 0;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 900;
  box-shadow: 0 12px 22px rgba(85, 44, 80, 0.18);
}

#content .hp-page__content table.woocommerce-orders-table a.woocommerce-button.button:hover{
  filter: brightness(1.06);
  transform: translateY(-1px);
}

/* Quitar flechas (chevrons) a la izquierda SOLO en el menú de cuenta */
.hp-menu--user-account .hp-menu__item::before,
.hp-menu--user-account .hp-menu__item a::before{
  content: none !important;
  display: none !important;
}

/* Por si el tema las mete como fondo */
.hp-menu--user-account .hp-menu__item,
.hp-menu--user-account .hp-menu__item a{
  background-image: none !important;
}


/* =========================================================
   PLANES ACTIVOS — volver a “pastillas” en límites
   (mantiene menú v2)
   ========================================================= */

/* Contenedor límites: sin “texto plano” */
#content .hp-page__content .hp-memberships .hp-membership__limits{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 12px !important;
  margin-top: 10px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(187, 20, 209, 0.10) !important;
}

/* Cada límite como pill */
#content .hp-page__content .hp-memberships .hp-membership__limit.hp-meta{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 8px 12px !important;
  border-radius: 999px !important;

  background: rgba(187, 20, 209, 0.08) !important;
  border: 1px solid rgba(187, 20, 209, 0.20) !important;

  color: rgba(85, 44, 80, 0.92) !important;
  font-weight: 800 !important;
  font-size: 13px !important;

  box-shadow: none !important; /* sin sombra para que no se vea “pesado” */
}

/* Etiqueta en mayúsculas suave */
#content .hp-page__content .hp-memberships .hp-membership__limit strong{
  color: #552c50 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  font-size: 11px !important;
}

/* El “:” queda bien alineado */
#content .hp-page__content .hp-memberships .hp-membership__limit strong::after{
  margin-left: 2px !important;
  opacity: .85 !important;
}

/* =========================================================
   WOOCOMMERCE: Ver pedido (view-order) — estilo SCONSENT
   Aplica dentro del layout HivePress (.hp-page__content)
   ========================================================= */

/* Título "Pedido #xxxx" */
#content .hp-page__content .hp-page__title{
  color: #2e2a32;
  font-weight: 900;
  letter-spacing: .4px;
  margin-bottom: 12px;
}

/* Párrafo resumen (con marks: order-number/date/status) como “card” */
#content .hp-page__content .woocommerce > p{
  background: rgba(255, 255, 255, 0.70);
  border: 1px solid rgba(187, 20, 209, 0.14);
  border-radius: 18px;
  box-shadow: 0 12px 26px rgba(20, 12, 28, 0.08);
  padding: 16px 18px;
  color: rgba(46, 42, 50, 0.86);
  line-height: 1.55;
  margin: 0 0 16px;
}

/* Chips <mark> */
#content .hp-page__content .woocommerce mark{
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(187, 20, 209, 0.10);
  border: 1px solid rgba(187, 20, 209, 0.18);
  color: #552c50;
  font-weight: 900;
}

/* Status chip un pelín distinto */
#content .hp-page__content .woocommerce mark.order-status{
  background: rgba(21, 205, 114, 0.10);
  border-color: rgba(21, 205, 114, 0.22);
  color: #0f7a3a;
}

/* Secciones: "Detalles del pedido" / "Dirección de facturación" */
#content .hp-page__content .woocommerce-order-details,
#content .hp-page__content .woocommerce-customer-details{
  margin-top: 16px;
}

#content .hp-page__content .woocommerce-order-details__title,
#content .hp-page__content .woocommerce-column__title{
  color: #552c50;
  font-weight: 900;
  letter-spacing: .2px;
  margin: 0 0 10px;
}

/* Tabla detalles: estilo “card table” */
#content .hp-page__content table.woocommerce-table--order-details{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;

  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(187, 20, 209, 0.14);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(20, 12, 28, 0.10);
}

#content .hp-page__content table.woocommerce-table--order-details thead th{
  padding: 14px 16px;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: #552c50;
  background: rgba(187, 20, 209, 0.07);
  border-bottom: 1px solid rgba(187, 20, 209, 0.14);
}

#content .hp-page__content table.woocommerce-table--order-details tbody td{
  padding: 14px 16px;
  color: rgba(29, 26, 35, 0.90);
  font-weight: 700;
  border-top: 1px solid rgba(187, 20, 209, 0.10);
}

#content .hp-page__content table.woocommerce-table--order-details a{
  color: #bb14d1;
  font-weight: 900;
  text-decoration: none;
}
#content .hp-page__content table.woocommerce-table--order-details a:hover{
  text-decoration: underline;
}

/* Totales (tfoot) como bloque más marcado */
#content .hp-page__content table.woocommerce-table--order-details tfoot th,
#content .hp-page__content table.woocommerce-table--order-details tfoot td{
  padding: 14px 16px;
  border-top: 1px solid rgba(187, 20, 209, 0.12);
  font-weight: 900;
}

#content .hp-page__content table.woocommerce-table--order-details tfoot tr:last-child th,
#content .hp-page__content table.woocommerce-table--order-details tfoot tr:last-child td{
  background: rgba(187, 20, 209, 0.06);
}

/* Dirección facturación como card */
#content .hp-page__content .woocommerce-customer-details address{
  background: rgba(255, 255, 255, 0.70);
  border: 1px solid rgba(187, 20, 209, 0.14);
  border-radius: 18px;
  box-shadow: 0 12px 26px rgba(20, 12, 28, 0.08);
  padding: 16px 18px;
  font-style: normal;
  color: rgba(46, 42, 50, 0.86);
  line-height: 1.6;
  margin: 0;
}

#content .hp-page__content .woocommerce-customer-details--email{
  margin-top: 10px !important;
  padding-top: 10px;
  border-top: 1px solid rgba(187, 20, 209, 0.10);
  color: rgba(85, 44, 80, 0.82);
  font-weight: 800;
}

/* Responsive: tabla scroll horizontal en móvil */
@media (max-width: 640px){
  #content .hp-page__content table.woocommerce-table--order-details{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}


/* Idiomas (atributo HivePress) */
.hp-block.hp-listing__attributes.hp-listing__attributes--primary.widget.hp-widget h6{
  text-align: left;
  font-size: 12px;     /* ajusta a tu gusto */
  font-weight:600;
  line-height: 1.2;
  padding: 0 0px 0px 10px;
  margin-bottom: 16px;
  color: rgba(187, 20, 209, 0.40);
}
.hp-block.hp-listing__attributes.hp-listing__attributes--primary.widget.hp-widget h6 strong{
    color: rgba(187, 20, 209, 0.40);
  }


/* =========================================================
   WOOCOMMERCE — THANK YOU (order-received) estilo ListingHive
   Reemplaza el bloque anterior completo por este
   ========================================================= */

.woocommerce-order-received #content.site-content{
  background-color: #f1e5ef; /* tu fondo */
}

/* Contenedor */
.woocommerce-order-received .woocommerce-order{
  max-width: 980px;
  margin: 0 auto;
}

/* Aviso */
.woocommerce-order-received .woocommerce-notice--success{
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(85, 44, 80, 0.14);
  border-left: 6px solid #bb14d1;
  border-radius: 18px;
  padding: 16px 18px;
  box-shadow: 0 12px 26px rgba(20, 12, 28, 0.08);
  color: rgba(29, 26, 35, 0.9);
  font-weight: 800;
  margin: 0 0 18px 0;
}

/* Resumen superior en GRID (4 cards + método pago a ancho completo) */
.woocommerce-order-received ul.woocommerce-order-overview{
  list-style: none;
  padding: 0;
  margin: 0 0 26px 0;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

/* IMPORTANTÍSIMO: ListingHive/Woo suelen meter floats/width -> los anulamos */
.woocommerce-order-received ul.woocommerce-order-overview li{
  float: none !important;
  width: auto !important;
  margin: 0 !important;

  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(85, 44, 80, 0.14);
  border-radius: 18px;
  padding: 14px 16px;
  box-shadow: 0 10px 24px rgba(20, 12, 28, 0.08);
  color: rgba(85, 44, 80, 0.72);

  font-size: 12px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.woocommerce-order-received ul.woocommerce-order-overview li strong{
  display: block;
  margin-top: 6px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 900;
  color: rgba(29, 26, 35, 0.92);
}

/* Método de pago: ocupa toda la fila */
.woocommerce-order-received ul.woocommerce-order-overview li.method{
  grid-column: 1 / -1;
}

/* Logo tarjeta alineado */
.woocommerce-order-received .wc-payment-gateway-method-logo-wrapper{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.woocommerce-order-received .wc-payment-gateway-method-logo-wrapper img{
  height: 16px;
  width: auto;
  display: inline-block;
}

/* Títulos */
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title{
  color: #552c50;
  font-weight: 900;
  letter-spacing: -.02em;
  margin: 26px 0 14px;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.05;
}

/* Tabla como “card” */
.woocommerce-order-received .woocommerce-order-details .shop_table{
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;

  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(85, 44, 80, 0.14);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(20, 12, 28, 0.10);
}

/* Cabecera */
.woocommerce-order-received .woocommerce-order-details .shop_table thead th{
  padding: 16px 18px;
  font-weight: 900;
  color: #552c50;
  background: rgba(187, 20, 209, 0.07);
  border-bottom: 1px solid rgba(187, 20, 209, 0.12);
  text-transform: none;
}

.woocommerce-order-received .woocommerce-order-details .shop_table thead th.product-total{
  text-align: right;
}

/* Body */
.woocommerce-order-received .woocommerce-order-details .shop_table tbody td{
  padding: 16px 18px;
  border-bottom: 1px solid rgba(187, 20, 209, 0.10);
  color: rgba(29, 26, 35, 0.90);
  font-weight: 700;
}

.woocommerce-order-received .woocommerce-order-details .shop_table tbody td.product-total{
  text-align: right;
  font-weight: 900;
}

/* Links producto */
.woocommerce-order-received .woocommerce-order-details .shop_table a{
  color: #bb14d1;
  font-weight: 900;
  text-decoration: none;
}
.woocommerce-order-received .woocommerce-order-details .shop_table a:hover{
  text-decoration: underline;
}

/* FOOTER (subtotal / método / total) — aquí estaba tu fallo de alineación */
.woocommerce-order-received .woocommerce-order-details .shop_table tfoot th,
.woocommerce-order-received .woocommerce-order-details .shop_table tfoot td{
  padding: 16px 18px;
  border-bottom: 1px solid rgba(187, 20, 209, 0.10);
  font-weight: 900;
}

.woocommerce-order-received .woocommerce-order-details .shop_table tfoot th{
  text-align: left !important;
  color: rgba(85, 44, 80, 0.85);
}

.woocommerce-order-received .woocommerce-order-details .shop_table tfoot td{
  text-align: right !important; /* <-- arregla el “1,99€” centrado */
  color: rgba(29, 26, 35, 0.92);
}

/* última fila “Total” destacada */
.woocommerce-order-received .woocommerce-order-details .shop_table tfoot tr:last-child th,
.woocommerce-order-received .woocommerce-order-details .shop_table tfoot tr:last-child td{
  background: rgba(187, 20, 209, 0.06);
  border-bottom: 0;
}

/* Dirección facturación como card */
.woocommerce-order-received .woocommerce-customer-details address{
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(85, 44, 80, 0.14);
  border-radius: 22px;
  padding: 16px 18px;
  box-shadow: 0 14px 34px rgba(20, 12, 28, 0.10);
  font-style: normal;
  color: rgba(29, 26, 35, 0.86);
  line-height: 1.6;
}

.woocommerce-order-received .woocommerce-customer-details--email{
  margin-top: 10px !important;
  padding-top: 10px;
  border-top: 1px solid rgba(187, 20, 209, 0.10);
  color: rgba(85, 44, 80, 0.82);
  font-weight: 900;
}

/* Responsive */
@media (max-width: 980px){
  .woocommerce-order-received ul.woocommerce-order-overview{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  .woocommerce-order-received ul.woocommerce-order-overview{
    grid-template-columns: 1fr;
  }
  .woocommerce-order-received .woocommerce-order-details .shop_table{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* =========================================================
   AJUSTES: títulos más pequeños + overview alineado
   ========================================================= */

/* 1) Títulos: menos gigantes */
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title{
  font-size: clamp(26px, 2.6vw, 36px) !important;
  margin: 18px 0 12px !important;
  letter-spacing: -0.02em !important;
}

/* 2) Resumen superior: 4 cards alineadas y aprovechando ancho */
.woocommerce-order-received ul.woocommerce-order-overview{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch;
}

/* Cada tarjeta puede encoger (evita que “Total” se baje) */
.woocommerce-order-received ul.woocommerce-order-overview li{
  min-width: 0 !important;
}

/* El contenido dentro también puede encoger (emails largos etc.) */
.woocommerce-order-received ul.woocommerce-order-overview li strong{
  min-width: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Método de pago a ancho completo, pero con menos alto */
.woocommerce-order-received ul.woocommerce-order-overview li.method{
  grid-column: 1 / -1 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* Si quieres que el “TOTAL” sea más compacto (opcional) */
.woocommerce-order-received ul.woocommerce-order-overview li.total strong,
.woocommerce-order-received ul.woocommerce-order-overview li.order strong,
.woocommerce-order-received ul.woocommerce-order-overview li.date strong,
.woocommerce-order-received ul.woocommerce-order-overview li.email strong{
  font-size: 16px !important;
}

/* Responsive: 2 columnas en tablet */
@media (max-width: 980px){
  .woocommerce-order-received ul.woocommerce-order-overview{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px){
  .woocommerce-order-received ul.woocommerce-order-overview{
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   FIX: ordenar el resumen superior (order overview) en GRID
   ========================================================= */

.woocommerce-order-received ul.woocommerce-order-overview{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-flow: row dense !important;
  gap: 12px !important;
}

/* Reset de cualquier cosa heredada que descoloque items */
.woocommerce-order-received ul.woocommerce-order-overview > li{
  float: none !important;
  width: auto !important;
  clear: none !important;

  grid-column: auto !important;
  grid-row: auto !important;

  min-width: 0 !important;
}

/* Colocación exacta por clases de WooCommerce */
.woocommerce-order-received ul.woocommerce-order-overview > li.order{ grid-column: 1 !important; grid-row: 1 !important; }
.woocommerce-order-received ul.woocommerce-order-overview > li.date{  grid-column: 2 !important; grid-row: 1 !important; }
.woocommerce-order-received ul.woocommerce-order-overview > li.email{ grid-column: 3 !important; grid-row: 1 !important; }
.woocommerce-order-received ul.woocommerce-order-overview > li.total{ grid-column: 4 !important; grid-row: 1 !important; }

/* Método de pago a ancho completo, segunda fila */
.woocommerce-order-received ul.woocommerce-order-overview > li.method{
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

/* Evita que el email rompa el grid */
.woocommerce-order-received ul.woocommerce-order-overview > li strong{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Responsive */
@media (max-width: 980px){
  .woocommerce-order-received ul.woocommerce-order-overview{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .woocommerce-order-received ul.woocommerce-order-overview > li.order{ grid-column: 1 !important; grid-row: 1 !important; }
  .woocommerce-order-received ul.woocommerce-order-overview > li.date{  grid-column: 2 !important; grid-row: 1 !important; }
  .woocommerce-order-received ul.woocommerce-order-overview > li.email{ grid-column: 1 !important; grid-row: 2 !important; }
  .woocommerce-order-received ul.woocommerce-order-overview > li.total{ grid-column: 2 !important; grid-row: 2 !important; }
  .woocommerce-order-received ul.woocommerce-order-overview > li.method{grid-column: 1 / -1 !important; grid-row: 3 !important; }
}

@media (max-width: 640px){
  .woocommerce-order-received ul.woocommerce-order-overview{
    grid-template-columns: 1fr !important;
  }
  .woocommerce-order-received ul.woocommerce-order-overview > li{
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}
.hp-listing--view-page .hp-listing__categories a{
    margin-bottom: 20px;
    margin-top: -20px;
}

/* =========================================================
   AGE GATE — FORCE OVERRIDES (markup real + inline styles)
   Pega este bloque al FINAL del style.css
   ========================================================= */

.age-gate.simplebar-scrollable-y{
  background: rgba(255, 251, 255, 0.96) !important;
  border: 1px solid rgba(187, 20, 209, 0.18) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 60px rgba(20, 12, 28, 0.28) !important;
}

/* SimpleBar mete margin:-20px inline -> lo anulamos */
.age-gate.simplebar-scrollable-y .simplebar-wrapper{
  margin: 0 !important;
}
.age-gate.simplebar-scrollable-y .simplebar-content{
  padding: 24px !important;
}

/* Scroll limpio dentro */
.age-gate.simplebar-scrollable-y .simplebar-content-wrapper{
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Logo */
.age-gate.simplebar-scrollable-y .age-gate__heading{
  display: flex !important;
  justify-content: center !important;
  margin-bottom: 14px !important;
}
.age-gate.simplebar-scrollable-y img.age-gate__heading-title--logo{
  width: min(320px, 80%) !important;
  height: auto !important;
  opacity: 0.95 !important;
}

/* Texto */
.age-gate.simplebar-scrollable-y .age-gate__subheadline{
  margin: 0 0 18px !important;
  color: rgba(85, 44, 80, 0.88) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

/* Inputs (grid) */
.age-gate.simplebar-scrollable-y ol.age-gate__form-elements{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1.25fr !important;
  gap: 12px !important;
}

.age-gate.simplebar-scrollable-y .age-gate__label{
  display: block !important;
  margin-bottom: 6px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #552c50 !important;
}

.age-gate.simplebar-scrollable-y input.age-gate__input{
  width: 100% !important;
  padding: 12px 12px !important;
  border-radius: 12px !important;
  border: 2px solid rgba(230, 211, 227, 1) !important;
  background: #fff !important;
  color: #1d1a23 !important;
  font-size: 16px !important;
  outline: none !important;
}

.age-gate.simplebar-scrollable-y input.age-gate__input:focus{
  border-color: #bb14d1 !important;
  box-shadow: 0 0 0 3px rgba(187, 20, 209, 0.14) !important;
}

/* Botón: si sigue saliendo pequeño, esto lo “mata” y lo hace full-width */
.age-gate.simplebar-scrollable-y .age-gate__submit{
  margin-top: 10px !important;
  display: block !important;
}

.age-gate.simplebar-scrollable-y .age-gate__submit button.age-gate__button{
  display: block !important;          /* clave */
  width: 100% !important;             /* clave */
  max-width: 100% !important;         /* clave */
  margin: 0 !important;

  border: 0 !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;

  background: #552c50 !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;

  box-shadow: 0 14px 26px rgba(85, 44, 80, 0.22) !important;
}

.age-gate.simplebar-scrollable-y .age-gate__additional-information{
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(85, 44, 80, 0.10) !important;
}

.age-gate.simplebar-scrollable-y .age-gate__additional-information p{
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: rgba(85, 44, 80, 0.78) !important;
}

/* Mobile */
@media (max-width: 420px){
    .site-header img.custom-logo,
    .header img.custom-logo,
    .custom-logo {
      max-height: 64px;
      width: auto;
    }
    
  .age-gate.simplebar-scrollable-y .simplebar-content{
    padding: 18px !important;
  }
  .age-gate.simplebar-scrollable-y ol.age-gate__form-elements{
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 10px !important;
  }
}

/* Oculta el "título manual" cuando NO hay anuncios en el grid */
.hp-listings:not(:has(.hp-listing)) + p[style*="font-size:24px"]{
  display: none !important;
}

/* (Opcional) también oculta el separador que viene después */
.hp-listings:not(:has(.hp-listing)) + p[style*="font-size:24px"] + hr{
  display: none !important;
}

.g-signin2 {
  display: none !important;
}


/* =========================================================
   LOGIN: hacer que PASSWORD tenga el mismo estilo que USER
   (pegar al FINAL del style.css)
   ========================================================= */

.hp-form input[type="password"]{
  width: 100%;
  padding: 12px 14px;
  font-size: 15px;
  border: 2px solid #e6d3e3;
  border-radius: 10px;
  background-color: #fff;
  color: #333;
  transition: border-color 0.3s ease;
}

/* Focus igual que los demás */
.hp-form input[type="password"]:focus{
  outline: none;
  border-color: #bb14d1;
  box-shadow: 0 0 0 2px rgba(187, 20, 209, 0.15);
}

/* (Opcional) si activas el icono del ojo, evita que el texto se meta debajo */
.hp-form__field--password .hp-field--password{
  padding-right: 42px; /* deja hueco para el icono */
}

/* “Pill” para los títulos de categorías en home */
.home-cat-pill{
  margin: 18px 0 18px !important;
  text-align: left;
}

/* El link se convierte en el “botón” */
.home-cat-pill > a{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 4px 16px;
  border-radius: 999px;

  background: rgba(187, 20, 209, 0.12);
  border: 1px solid rgba(187, 20, 209, 0.22);

  text-decoration: none;
  box-shadow: 0 10px 24px rgba(20, 12, 28, 0.08);
  transition: transform .12s ease, filter .12s ease;
}

/* Texto (tu strong) */
.home-cat-pill > a strong{
  color: #552c50;
  font-weight: 800;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  font-size: 13px;
}

/* Hover */
.home-cat-pill > a:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
}

/* =========================
   Preferencias (HivePress)
   - Single (page): tabla normal
   - Block (cards/grid): scroll horizontal sin scrollbar
   ========================= */

/* (Opcional pero recomendado) asegura que en single se vea normal */
.hp-listing--view-page .prefs__table{
  width: 100%;
}

/* BLOCK (cards/grid): convertir la tabla en layout “flat” */
.hp-listing--view-block .prefs__table,
.hp-listing--view-block .prefs__table tbody,
.hp-listing--view-block .prefs__table tr{
  display: block;
  width: 100%;
}

/* En BLOCK ocultamos la columna del label */
.hp-listing--view-block .prefs__table td:first-child{
  display: none;
}

/* En BLOCK el TD de valores se vuelve un carrusel horizontal */
/* 1) El scroll SIEMPRE vive aquí */
.hp-listing--view-block .prefs__table td.prefs__values{
  display: flex;
  gap: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding: 2px 20px 2px;
  max-width: 100%;
  box-sizing: border-box;

  /* ocultar scrollbar */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@media (max-width: 640px) {
    .hp-listing--view-block .prefs__table td.prefs__values{
        padding: 2px 24px 2px !important;
    }
}
.hp-listing--view-block .prefs__table td.prefs__values::-webkit-scrollbar{
  height: 0;
}

.hp-listing--view-block .prefs__table td.prefs__values .badge{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
}

/* 3) Evita el bug flex que hace que se salga aunque tenga max-width */
.hp-listing--view-block .hp-listing__content{
  min-width: 0;
}

/* 4) Para que el último chip no “toque” el borde */
.hp-listing--view-block .prefs__table td.prefs__values{
  padding-right: 12px;
}

/* (Opcional) aún más compacto en móvil */
@media (max-width: 768px){
  .hp-listing--view-block .prefs__table td.prefs__values{
    gap: 3px;
  }
}

/* --- Clip al borde del card (BLOCK) --- */

/* 1) El contenedor del contenido del card recorta lo que se salga */
.hp-listing--view-block .hp-listing__content{
  overflow: hidden;
  border-radius: inherit; /* por si el card tiene radio */
}

/* 2) Asegura que el carrusel no se vaya de ancho */
.hp-listing--view-block .prefs__table td.prefs__values{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* 3) Pequeño padding a la derecha para que el último chip no “toque” el borde */
.hp-listing--view-block .prefs__table td.prefs__values{
  padding-right: 10px;
}

/* =========================================================
   HIVEPRESS VERIFIED BADGE (REEMPLAZO COMPLETO - FIX)
   - Grid/categorías: badge verde abajo-derecha en la foto
   - Detalle: SOLO en el anuncio principal (no se dispara por relacionados/mapa)
   ========================================================= */

/* 1) Ocultar el icono de verificado junto al título (grid + detalle) */
.hp-listing__title .hp-listing__verified-badge.hp-listing__verified,
.hp-page__title .hp-listing__verified-badge.hp-listing__verified{
  display:none !important;
}

/* ---------------------------
   2) GRID (cards): SOLO en cards (view-block), no en mapas/otros
   --------------------------- */
.hp-listing--view-block:has(.hp-listing__verified-badge.hp-listing__verified) .hp-listing__image{
  position:relative;
  overflow:hidden;
}

.hp-listing--view-block:has(.hp-listing__verified-badge.hp-listing__verified) .hp-listing__image::after{
  all: unset;
  content:"✔︎";
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:10;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:6px 12px;
  border-radius:999px;

  font-size:14px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  writing-mode:horizontal-tb;
  text-orientation:mixed;

  color:#fff;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 6px 12px rgba(34,197,94,.22);
  backdrop-filter: blur(4px);

  pointer-events:none;
}

/* ---------------------------
   3) DETALLE (single listing): SOLO anuncio principal (view-page)
   Importante: NO usar :has() en body, para que no lo activen “relacionados”
   --------------------------- */
body.single-hp_listing .hp-row.hp-listing--view-page .hp-listing__images,
body.single-hp_listing .hp-row.hp-listing--view-page .hp-listing__gallery,
body.single-hp_listing .hp-row.hp-listing--view-page .hp-listing__image{
  position:relative;
  overflow:hidden;
}

/* Badge SOLO si el título del anuncio principal tiene el icono verificado */
body.single-hp_listing
  .hp-row.hp-listing--view-page:has(> .hp-page__content .hp-listing__title .hp-listing__verified-badge.hp-listing__verified)
  .hp-listing__images::after,
body.single-hp_listing
  .hp-row.hp-listing--view-page:has(> .hp-page__content .hp-listing__title .hp-listing__verified-badge.hp-listing__verified)
  .hp-listing__gallery::after,
body.single-hp_listing
  .hp-row.hp-listing--view-page:has(> .hp-page__content .hp-listing__title .hp-listing__verified-badge.hp-listing__verified)
  .hp-listing__image::after{
  all: unset;
  content:"✔︎ Verificado";
  position:absolute;

  right:12px;
  top:12px;

  z-index:50;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:8px 16px;
  border-radius:999px;

  font-size:14px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;

  color:#fff;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 6px 12px rgba(34,197,94,.22);
  backdrop-filter: blur(4px);

  pointer-events:none;
}

/* 4) Ajustes móvil */
@media (max-width: 480px){
  .hp-listing--view-block:has(.hp-listing__verified-badge.hp-listing__verified) .hp-listing__image::after{
    right:8px;
    bottom:8px;
    font-size:14px;
    padding:7px 14px;
  }
}