/* WIC · Explore con el diseño del sitio (vista previa 2026-10-13). Solo estilo: el buscador, los filtros y el mapa del tema
   siguen funcionando igual. Todo cuelga de body.wic-ex2 (clase que pone explore2.js), así que sin el script no cambia nada. */
@font-face{font-family:"WIC Display";src:url(/partners-deck/mapa3d/fonts/fraunces-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"WIC Sans";src:url(/partners-deck/mapa3d/fonts/switzer-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"WIC Sans";src:url(/partners-deck/mapa3d/fonts/switzer-600.woff2) format("woff2");font-weight:600;font-display:swap}
body.wic-ex2{--ex-navy:#062C53;--ex-crema:#FAF7F2;--ex-arena:#F4EFE6;--ex-oro:#E8A24C;--ex-cromo:#086380;--ex-teal:#006974;--ex-tinta:#4A5D70;--ex-linea:rgba(6,44,83,.14);
  background:var(--ex-crema)}
body.wic-ex2 #c27-explore-listings,body.wic-ex2 .finder-listings,body.wic-ex2 .explore-head{background:transparent}
body.wic-ex2 #c27-site-wrapper{background:var(--ex-crema)}
body.wic-ex2 .finder-listings,body.wic-ex2 .explore-head,body.wic-ex2 #c27-explore-listings{box-shadow:none!important;border:0!important}

/* ---------- Cabecera ---------- */
body.wic-ex2 .wic-explore-page-title{position:relative;background:linear-gradient(180deg,var(--ex-arena),var(--ex-crema));padding:30px 30px 16px;border:0;
  display:grid;grid-template-columns:1fr auto;column-gap:24px;align-items:end;font-family:"WIC Sans",system-ui,sans-serif}
body.wic-ex2 .wic-explore-page-title::before{content:"Explore Los Cabos";grid-column:1/-1;font:600 11.5px/1 "WIC Sans",system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:var(--ex-teal);margin-bottom:10px;
  display:flex;align-items:center;gap:12px}
body.wic-ex2 .wic-explore-page-title h1{grid-column:1;margin:0;font:600 clamp(30px,3.6vw,50px)/1.04 "WIC Display",Georgia,serif;letter-spacing:-.02em;color:var(--ex-navy)}
body.wic-ex2 .wic-ex-lead{grid-column:1;margin:8px 0 0;font:400 16px/1.5 "WIC Sans",system-ui,sans-serif;color:var(--ex-tinta);max-width:62ch}
body.wic-ex2 .wic-ex-lead b{color:var(--ex-navy);font-weight:600}
body.wic-ex2 .wic-ex-filtros{grid-column:2;grid-row:2/4;align-self:end;display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  font:600 14.5px/1 "WIC Sans",system-ui,sans-serif;color:#fff;background:var(--ex-cromo);border:0;border-radius:999px;padding:13px 20px 13px 16px;transition:background .2s}
body.wic-ex2 .wic-ex-filtros:hover,body.wic-ex2 .wic-ex-filtros:focus-visible{background:var(--ex-navy)}
body.wic-ex2 .wic-ex-filtros:focus-visible{outline:3px solid var(--ex-oro);outline-offset:3px}
body.wic-ex2 .wic-ex-filtros svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

/* ---------- Categorías como pastillas con los iconos oficiales ---------- */
body.wic-ex2 .explore-head{border:0;box-shadow:none;padding:2px 24px 2px;height:auto}
body.wic-ex2 .explore-types{padding-top:4px!important;padding-bottom:10px!important}
body.wic-ex2 .explore-head .finder-title{display:none}
/* el tema centra las pestañas con dos márgenes automáticos; aquí van a la izquierda, alineadas con el título */
body.wic-ex2 .explore-types::before{content:none!important}
body.wic-ex2 .explore-types .item{height:auto;border:0!important;padding:0 5px}
body.wic-ex2 .explore-types .item>a{display:flex;align-items:center;height:auto;padding:9px 17px 9px 12px;border-radius:999px;background:#fff;border:1px solid var(--ex-linea);
  box-shadow:0 1px 2px rgba(6,44,83,.05);transition:border-color .2s,box-shadow .2s,transform .2s}
body.wic-ex2 .explore-types .item>a:hover{border-color:rgba(6,44,83,.34)}
body.wic-ex2 .explore-types .item.active>a{border-color:var(--ex-oro);box-shadow:0 0 0 1.5px var(--ex-oro),0 3px 7px rgba(6,44,83,.10)}
body.wic-ex2 .explore-types .item>a::after,body.wic-ex2 .explore-types .item::after,body.wic-ex2 .explore-types .item.active::after{display:none!important}
body.wic-ex2 .explore-types .type-info{display:flex;align-items:center;gap:9px;margin:0;padding:0}
body.wic-ex2 .explore-types .type-info h4{font:600 14.5px/1.2 "WIC Sans",system-ui,sans-serif;color:var(--ex-navy);margin:0;white-space:nowrap}
body.wic-ex2 .explore-types .type-info i{display:block;width:24px;height:24px;margin:0;font-size:0!important;color:transparent!important;background:center/contain no-repeat}
body.wic-ex2 .explore-types .type-info i::before{content:none!important}
body.wic-ex2 .explore-types .type-place i{background-image:url(/partners-deck/herramientas/iconos/wic-icon-restaurants.svg)}
body.wic-ex2 .explore-types .type-beaches i{background-image:url(/partners-deck/herramientas/iconos/wic-icon-beaches.svg)}
body.wic-ex2 .explore-types .type-hotels i{background-image:url(/partners-deck/herramientas/iconos/wic-icon-hotels.svg)}
body.wic-ex2 .explore-types .type-tours-activities i{background-image:url(/partners-deck/herramientas/iconos/wic-icon-tours-brujula.svg)}
body.wic-ex2 .explore-types .type-yacht-rentals i{background-image:url(/partners-deck/herramientas/iconos/wic-icon-yachts.svg)}
body.wic-ex2 .explore-types .type-golf-courses i{background-image:url(/partners-deck/herramientas/iconos/wic-icon-golf.svg)}
body.wic-ex2 .explore-types .type-photographers i{background-image:url(/partners-deck/herramientas/iconos/wic-icon-photographers.svg)}
body.wic-ex2 .explore-types .type-wellness i{background-image:url(/partners-deck/herramientas/iconos/wic-icon-wellness.svg)}
body.wic-ex2 .explore-types .type-transportation i{background-image:url(/partners-deck/herramientas/iconos/wic-icon-transportation.svg)}
body.wic-ex2 .explore-types .type-event i{background-image:url(/partners-deck/herramientas/iconos/wic-icon-events.svg)}

/* ---------- Tarjetas ---------- */
/* Todo va dentro de .finder-listings: la vista rápida (#quick-view, en body) usa las mismas clases y no debe heredar esto. */
/* La tarjeta es el contenedor completo (foto + texto + pie con categoría y corazón) */
body.wic-ex2 .finder-listings .lf-item-container{border-radius:16px!important;overflow:hidden;background:#fff;border:1px solid rgba(6,44,83,.09);box-shadow:0 8px 26px rgba(6,44,83,.09)!important;transition:box-shadow .25s,transform .25s}
body.wic-ex2 .finder-listings .lf-item-container:hover{box-shadow:0 16px 38px rgba(6,44,83,.16)!important;transform:translateY(-2px)}
/* El tema desliza el texto hacia abajo y lo sube al pasar el cursor; con nombres de dos renglones la descripción quedaba
   fuera. Aquí la foto mide siempre lo mismo y el texto arranca siempre a la misma altura (cabe un nombre de dos renglones):
   en una fila, fotos, logos y nombres quedan alineados; la zona va pegada abajo. Las tarjetas de tours tienen su propio
   diseño (wic-tours-explore) y no se tocan. */
body.wic-ex2 .finder-listings .lf-item-container:not(.type-tours-activities) .lf-item{height:292px!important;background:#fff}
body.wic-ex2 .finder-listings .lf-item-container:not(.type-tours-activities) .lf-item>a{height:100%!important}
body.wic-ex2 .finder-listings .lf-item-container:not(.type-tours-activities) .lf-item .lf-background,body.wic-ex2 .finder-listings .lf-item-container:not(.type-tours-activities) .lf-item .overlay{height:124px!important}
body.wic-ex2 .finder-listings .lf-item-container:not(.type-tours-activities) .lf-item .lf-background{background-color:#0d4a6b}
body.wic-ex2 .finder-listings .lf-item-container:not(.type-tours-activities) .lf-item-info-2{top:124px!important;bottom:0!important;height:auto!important;transform:none!important;padding-top:40px!important;padding-bottom:12px!important;display:flex;flex-direction:column}
/* zona y segundo dato (fecha del evento, hoyos, tipo…) en un renglón; si no caben, cada uno se acorta con «…» */
body.wic-ex2 .finder-listings .lf-item-container:not(.type-tours-activities) .lf-contact{opacity:1!important;visibility:visible!important;transform:none!important;margin-top:auto!important;flex:none;display:flex!important;flex-wrap:nowrap;gap:14px;overflow:hidden}
body.wic-ex2 .finder-listings .lf-item-container:not(.type-tours-activities) .lf-contact li{display:block!important;flex:0 1 auto;min-width:0;padding-right:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.wic-ex2 .finder-listings .lf-item-container:not(.type-tours-activities) .lf-contact li:nth-child(n+3){flex-shrink:1000}
/* la zona manda: no se acorta salvo que pase del 62 % del renglón; el segundo dato toma lo que sobra */
body.wic-ex2 .finder-listings .lf-item-container:not(.type-tours-activities) .lf-contact li:first-child{flex:0 0 auto;max-width:62%}
body.wic-ex2 .finder-listings .lf-item-container:not(.type-tours-activities) .lf-contact li:only-child{max-width:100%}
body.wic-ex2 .finder-listings .lf-item-container:not(.type-tours-activities) .lf-contact li i{display:inline-block;vertical-align:-4px;margin-right:5px}
body.wic-ex2 .finder-listings .c27-footer-section{border-top:1px solid rgba(6,44,83,.08);font-family:"WIC Sans",system-ui,sans-serif}
body.wic-ex2 .finder-listings .c27-footer-section .category-name{font:600 13px/1.2 "WIC Sans",system-ui,sans-serif;color:var(--ex-navy)}
/* el tema deja la lista de categorías 46 px por debajo de la lupa y el corazón: en tarjetas angostas el «+2» se encimaba */
body.wic-ex2 .finder-listings .c27-footer-section .c27-listing-preview-category-list{right:100px!important;width:auto!important}
body.wic-ex2 .finder-listings .c27-footer-section .c27-listing-preview-category-list li:first-child{max-width:calc(100% - 44px)}
body.wic-ex2 .finder-listings .lf-item .overlay{background:linear-gradient(180deg,rgba(6,44,83,0) 45%,rgba(6,44,83,.42))!important;opacity:1!important}
body.wic-ex2 .finder-listings .lf-item-container:not(.type-tours-activities) .lf-item-info-2{font-family:"WIC Sans",system-ui,sans-serif}
body.wic-ex2 .finder-listings .lf-item-info-2 h4.listing-preview-title{font:600 19px/1.2 "WIC Display",Georgia,serif;letter-spacing:-.01em;color:var(--ex-navy);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:none}
body.wic-ex2 .finder-listings .lf-item-container.type-tours-activities .lf-item-info-2 h4.listing-preview-title{font-size:18px;min-height:2.4em!important}
body.wic-ex2 .finder-listings .lf-item-info-2 h6{font:400 14.5px/1.45 "WIC Sans",system-ui,sans-serif;color:var(--ex-tinta)}
body.wic-ex2 .finder-listings .lf-item .lf-avatar{border:2px solid #fff;box-shadow:0 4px 14px rgba(6,44,83,.16)}
body.wic-ex2 .finder-listings .lf-item .lf-contact li{font:400 13.5px/1.3 "WIC Sans",system-ui,sans-serif;color:var(--ex-tinta)}
body.wic-ex2 .finder-listings .lf-item .lf-contact li i{color:var(--ex-teal)}
body.wic-ex2 .finder-listings .lf-item .lf-head-btn{border-radius:999px;background:rgba(255,255,255,.94);color:var(--ex-navy);border:0;font:600 12px/1 "WIC Sans",system-ui,sans-serif;letter-spacing:.02em;padding:7px 11px;text-transform:none}
body.wic-ex2 .finder-listings .lf-item .lf-head-btn.listing-status-open{color:var(--ex-teal)}
body.wic-ex2 .finder-listings .lf-item .lf-head-btn.listing-status-closed{color:#8a5a12}
body.wic-ex2 .fl-head{font-family:"WIC Sans",system-ui,sans-serif;color:var(--ex-tinta)}
body.wic-ex2 .fl-results-no{font:400 14px/1 "WIC Sans",system-ui,sans-serif;color:var(--ex-tinta)}

/* ---------- Filtros: lo que no sirve ---------- */
body.wic-ex2 .finder-search .rating-filter{display:none!important}
body.wic-ex2 .finder-search{font-family:"WIC Sans",system-ui,sans-serif}
body.wic-ex2 .finder-search .fc-search .buttons{background:var(--ex-cromo)!important;border-radius:999px!important;font:600 15px/1 "WIC Sans",system-ui,sans-serif}

/* ---------- PC: filtros recogidos, más resultados y mapa enmarcado ---------- */
@media (min-width:1201px){
  body.wic-ex2 .finder-search{width:372px!important;z-index:30;background:#fff;border-radius:0 20px 20px 0;box-shadow:0 22px 60px rgba(6,44,83,.22);transform:translateX(-104%);transition:transform .28s ease;visibility:hidden}
  body.wic-ex2.wic-ex-f .finder-search{transform:none;visibility:visible}
  body.wic-ex2 .finder-listings{left:0!important;width:62%!important;padding:0 20px 20px 24px}
  body.wic-ex2.wic-ex-f .finder-listings{left:372px!important;width:calc(62% - 372px)!important}
  body.wic-ex2 .finder-map{left:auto!important;right:20px!important;width:calc(38% - 28px)!important;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(6,44,83,.12);border:1px solid rgba(6,44,83,.10);
    height:calc(100% - 92px)!important}
  body.wic-ex2 .finder-map .map{border-radius:20px}
  /* el tema da al buscador «pantalla − menú»; con la cabecera encima el mapa quedaba cortado por abajo. --ex-top lo pone explore2.js */
  body.wic-ex2 .finder-container{height:max(600px,calc(100vh - var(--ex-top,240px)))!important}
  body.wic-ex2 .results-view.grid .grid-item{width:33.333%!important}
  /* con los filtros abiertos la lista se angosta: una columna (dos solo desde 1900 px, abajo) */
  body.wic-ex2.wic-ex-f .results-view.grid .grid-item{width:100%!important}
  /* el icono de mapa junto a «Showing…» lo amplía: que cubra toda la lista, como en el tema */
  body.wic-ex2 .cts-explore.map-expanded .finder-map{left:24px!important;right:20px!important;width:auto!important}
  body.wic-ex2.wic-ex-f .cts-explore.map-expanded .finder-map{left:396px!important}
  body.wic-ex2 .cts-explore.map-expanded .finder-listings{visibility:hidden}
  /* el botón del tema para volver era un cuadrito sin texto abajo a la izquierda, fuera de pantalla en laptops */
  body.wic-ex2 .cts-explore.map-expanded .finder-map .collapse-map-btn{top:14px!important;bottom:auto!important;left:50%!important;transform:translateX(-50%);width:auto!important;height:auto!important;display:inline-flex!important;align-items:center;gap:8px;padding:10px 18px!important;border-radius:999px!important;background:var(--ex-navy)!important;color:#fff!important;font:600 14px/1 "WIC Sans",system-ui,sans-serif;box-shadow:0 8px 22px rgba(6,44,83,.28);z-index:6;text-decoration:none}
  body.wic-ex2 .cts-explore.map-expanded .finder-map .collapse-map-btn span{display:inline!important}
  body.wic-ex2 .cts-explore.map-expanded .finder-map .collapse-map-btn i{color:#fff!important;font-size:18px;margin:0}
  /* tours con los filtros abiertos (una columna ancha): la foto no crece con el ancho */
  body.wic-ex2.wic-ex-f .finder-listings .lf-item-container.type-tours-activities .lf-background,
  body.wic-ex2.wic-ex-f .finder-listings .lf-item-container.type-tours-activities .overlay{aspect-ratio:auto!important;height:230px!important}
  /* pestañas un poco más compactas para que quepan las 10 en una laptop de 1512 px */
  body.wic-ex2 .explore-types .item{padding:0 3px}
  body.wic-ex2 .explore-types .item>a{padding:9px 14px 9px 10px}
  body.wic-ex2 .explore-types .type-info{gap:7px}
}
@media (min-width:1900px){ body.wic-ex2.wic-ex-f .results-view.grid .grid-item{width:50%!important} }
/* tres columnas solo cuando la tarjeta mide ≥355 px (su pie completo y las etiquetas de tours en un renglón): desde 1900 px */
@media (min-width:1201px) and (max-width:1899px){ body.wic-ex2 .results-view.grid .grid-item{width:50%!important} }

/* ---------- Celular y tableta: el acomodo del tema, con el estilo del sitio ---------- */
@media (max-width:1200px){
  body.wic-ex2 .wic-explore-page-title{padding:22px 16px 10px;grid-template-columns:1fr}
  body.wic-ex2 .explore-types .type-info{gap:8px}
  body.wic-ex2 .wic-ex-filtros{display:none}
  body.wic-ex2 .wic-ex-lead{font-size:14.5px}
  body.wic-ex2 .explore-head{padding:0 6px}
  body.wic-ex2 .explore-types .item>a{padding:8px 14px 8px 10px}
  body.wic-ex2 .results-view.grid .grid-item{padding-left:12px;padding-right:12px}
}

/* Tableta: un poco más de aire que en celular */
@media (min-width:768px) and (max-width:1200px){ body.wic-ex2 .wic-explore-page-title{padding:26px 22px 10px} }

/* Celular: cabecera más corta para que la primera tarjeta suba (título en un renglón en casi todas las categorías) */
body.wic-ex2 .wic-ex-lead{min-height:1.5em}
@media (max-width:600px){
  body.wic-ex2 .wic-explore-page-title h1{font-size:26px}
  body.wic-ex2 .wic-ex-lead-more{display:none}
}
/* Tours en celular (tarjeta propia, foto a la izquierda): la foto llena su columna en vez de dejar un hueco blanco debajo */
@media (max-width:767px){
  body.wic-ex2 .finder-listings .lf-item-container.type-tours-activities .lf-item>a{align-items:stretch}
  body.wic-ex2 .finder-listings .lf-item-container.type-tours-activities .lf-item-info-2 h4.listing-preview-title{font-size:15px;-webkit-line-clamp:4;min-height:0!important}
  body.wic-ex2 .finder-listings .lf-item-container.type-tours-activities .lf-background,
  body.wic-ex2 .finder-listings .lf-item-container.type-tours-activities .overlay{height:100%!important;aspect-ratio:auto!important}
}
@media (prefers-reduced-motion:reduce){
  body.wic-ex2 .finder-search,body.wic-ex2 .finder-listings .lf-item-container{transition:none!important}
  body.wic-ex2 .finder-listings .lf-item-container:hover{transform:none}
}