/* ===== Propicia: se carga después de site.css y lo adapta a la identidad del sitio ===== */
:root{
  --verde:#4eb2a8; --verde-osc:#2f8a81; --verde-hover:#24706a; --verde-suave:#e3f1ef;
  --pizarra:#5a5954; --carbon:#2b2a27; --gris-osc:#2b2a27; --texto:#5a5954; --texto-2:#8a8880;
  --fondo:#ebe9e4; --linea:#dedbd3; --input:#d4d1c8; --img:#e2dfd8;
  --f-tit:Georgia,"Times New Roman",serif; --f-txt:'Poppins',system-ui,sans-serif;
  --r:4px; --wrap:1416px;
}
body{background:#f2f1ee;color:var(--carbon);font-weight:300}
strong,b{font-weight:500}
.wrap{padding:0 48px}
h1,h2,h3,.h-lg,.h-md,.h-xl{font-family:var(--f-tit);font-weight:400;letter-spacing:-.01em}
.h-lg{font-size:clamp(34px,4vw,52px);line-height:1.08}
.h-md{font-size:26px}
.btn{font-family:var(--f-txt);font-weight:500;font-size:14px;min-height:44px}
.btn--green,.btn--dark{background:var(--carbon);color:#f2f1ee}
.btn--green:hover,.btn--dark:hover{background:#000;color:#f2f1ee}
.btn--white{background:transparent;color:var(--carbon);border:1px solid var(--carbon)}
.btn--white:hover{background:var(--carbon);color:#f2f1ee}
.btn--line{background:transparent;color:var(--carbon);border:1px solid var(--carbon);min-height:40px;padding:0 22px}
.btn--line:hover{background:var(--carbon);color:#f2f1ee;transform:none}
.tag{font-family:var(--f-txt);font-weight:500;letter-spacing:.06em;font-size:11px;text-transform:uppercase;background:var(--carbon);color:#f2f1ee}
.tag--gris{background:#f2f1ee;color:var(--carbon)}
.tag--suave{background:var(--verde-suave);color:var(--verde-osc)}

/* Header como el del sitio */
.header{position:sticky;top:0;z-index:20;background:rgba(242,241,238,.95);backdrop-filter:blur(8px);border-bottom:0;box-shadow:none}
.header__in{min-height:74px}
.header__logo img{height:30px;width:auto}
.nav{gap:24px}
.nav a:not(.btn){font-family:var(--f-txt);font-weight:400;font-size:14px;color:var(--carbon)}
.nav a:not(.btn):hover,.nav a[aria-current]{color:var(--verde)}
.nav a[aria-current]{box-shadow:none}

/* Encabezado de página y listado */
.page-head{background:#f2f1ee;padding:48px 0 32px}
.migas,.migas a{font-size:13px;color:var(--texto-2)}
.migas a:hover{color:var(--verde)}
.buscar-q input{background:#fff;border:1px solid var(--input);border-radius:999px}
.filtros-panel{background:#fff;border:1px solid var(--linea);border-radius:var(--r)}
.facet legend{font-family:var(--f-tit);font-weight:400;font-size:17px}
.facet__op{font-size:14px}
.facet__op[aria-pressed="true"]{background:var(--carbon);border-color:var(--carbon);color:#f2f1ee}
.toolbar__orden select,.field input,.field select,.field textarea{background:#fff;border-color:var(--input);border-radius:var(--r)}
.chip-activo{background:#fff;border:1px solid var(--carbon);color:var(--carbon)}
.paginado button[aria-current]{background:var(--carbon);color:#f2f1ee;border-color:var(--carbon)}

/* Tarjetas */
.card{background:#fff;border:1px solid var(--linea);border-radius:var(--r);box-shadow:none}
.card:hover{box-shadow:0 12px 32px rgba(43,42,39,.08)}
.card__img{border-radius:0}
.card__price{font-family:var(--f-tit);font-weight:400;font-size:22px;color:var(--carbon)}
.card__title{font-family:var(--f-txt);font-weight:500;font-size:15px;color:var(--carbon)}
.card__mas{color:var(--verde-osc);font-weight:500}
.card__fav{background:rgba(255,255,255,.9)}
[data-fav][aria-pressed="true"] svg{fill:var(--verde);stroke:var(--verde)}

/* Ficha */
.ficha__price{font-family:var(--f-tit);font-weight:400;color:var(--carbon)}
.galeria button,.galeria img{border-radius:0}
.specs{background:none;border:0;padding:0}
.specs div{background:#fff;border:1px solid var(--linea);border-radius:var(--r)}
.specs strong{font-weight:500}
.chips span{background:#fff;border:1px solid var(--linea)}
.consulta{background:#fff;border:1px solid var(--linea);border-radius:var(--r);box-shadow:none}
.vacio{background:#fff;border:1px solid var(--linea);border-radius:var(--r)}
.skeleton{background:linear-gradient(90deg,#e8e6e0,#f2f1ee,#e8e6e0);background-size:200% 100%;border-radius:var(--r)}

/* Footer como el del sitio */
.footer{background:#2b2a27;border-top:1px solid #45443f;color:#b5b3ab;padding:32px 0;font-size:13px;margin-top:80px}
.footer__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px}
.footer__links{display:flex;flex-wrap:wrap;gap:8px 28px}
.footer a{color:#b5b3ab}.footer a:hover{color:var(--verde)}
.footer__legal{flex-basis:100%;font-size:12px;line-height:1.6;color:#8a8880;max-width:900px;margin:0}

@media (max-width:900px){
  .nav{background:#f2f1ee}
  .nav a:not(.btn){font-size:16px}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .page-head{padding:32px 0 24px}
}

/* Ajustes */
.chips .tag{background:var(--carbon);color:#f2f1ee;border:0}
.chips .tag--gris{background:#fff;color:var(--carbon);border:1px solid var(--carbon)}
.chips .tag--suave{background:var(--verde-suave);color:var(--verde-osc);border:0}
.filtros-panel{padding:20px}
.buscar-q{display:flex;gap:10px}
.buscar-q input{flex:1;min-width:0}
@media (max-width:640px){
  .buscar-q .btn{padding:0 16px;font-size:0;gap:0}
  .buscar-q .btn svg{font-size:19px}
  .filtros-panel{padding:20px 16px}
}