/* ============================================================
   XANAY — Sistema de marca editorial (todo el sitio)
   Bodoni Moda · Nunito Sans · tinta/crema/oro · "arte que florece"
   El color vive en las piezas, no en la interfaz.
   ============================================================ */
:root{
  --ink:#241826; --muted:rgba(36,24,38,.55); --line:rgba(36,24,38,.14);
  --gold:#A9803F; --bug:#D6006E; --warm:#FBF8F2; --papel:#FFFFFF;
}

/* ---------- Tipografía ---------- */
body,p,li,input,select,textarea,button,.woocommerce,.wp-site-blocks{
  font-family:'Nunito Sans',system-ui,sans-serif; color:var(--ink);
}
h1,h2,h3,h4,h5,.wp-block-heading,.entry-title,.product_title,
.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2,
.related.products>h2,.cross-sells>h2,.cart_totals h2,.woocommerce-column__title{
  font-family:'Bodoni Moda',Georgia,serif !important; font-weight:400 !important; color:var(--ink);
  letter-spacing:.2px;
}

/* ---------- Enlaces ---------- */
a{ color:var(--ink); }
a:hover{ color:var(--gold); }

/* ---------- Precios: discretos (no rosa) ---------- */
.woocommerce-Price-amount,.price .amount,.price,.summary .price{
  color:var(--ink) !important; font-weight:400;
}
.price del,.price del .amount{ color:var(--muted) !important; }
.price ins{ text-decoration:none; }

/* ---------- Botones: editoriales (tinta, rectos, versalitas) ---------- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce a.button.alt,.woocommerce button.button.alt,
.wc-block-components-button,.wp-block-button__link,
.single_add_to_cart_button,.woocommerce #respond input#submit{
  background:var(--ink) !important; color:#fff !important; border:none !important;
  border-radius:0 !important; font-family:'Nunito Sans',sans-serif !important;
  font-weight:700 !important; letter-spacing:1.6px !important; text-transform:uppercase !important;
  font-size:12px !important; padding:1em 2em !important; transition:background .25s;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,
.wc-block-components-button:hover,.wp-block-button__link:hover,
.single_add_to_cart_button:hover,.woocommerce #respond input#submit:hover{
  background:var(--gold) !important; color:#fff !important;
}
.added_to_cart{ text-transform:uppercase; letter-spacing:1.4px; font-size:11px; font-weight:700; border-bottom:1px solid currentColor; }

/* ---------- Etiquetas/eyebrows tipo editorial ---------- */
.eyebrow{ font-size:13px; font-weight:700; letter-spacing:2.6px; text-transform:uppercase; color:var(--gold); }
.woocommerce-breadcrumb{ font-size:11px; letter-spacing:1.6px; text-transform:uppercase; color:var(--muted); }

/* ---------- Tienda: tarjetas de producto minimalistas ---------- */
ul.products li.product,.wc-block-grid__product{
  background:transparent; text-align:center; padding:8px;
}
ul.products li.product img{ border-radius:0; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'Bodoni Moda',serif !important; font-size:1.15rem; font-weight:400; padding:.7em 0 .25em;
}
.woocommerce ul.products li.product .price{ color:var(--muted) !important; font-size:.95rem; }
.woocommerce ul.products li.product .button{ margin-top:.5em; }
.woocommerce span.onsale{
  background:var(--gold); color:#fff; border-radius:0; font-weight:700; letter-spacing:1px;
  text-transform:uppercase; font-size:10px; min-height:auto; min-width:auto; padding:6px 10px; line-height:1;
}

/* ---------- Títulos de página / archivo ---------- */
.woocommerce-products-header__title,.page-title,.wp-block-post-title{
  font-family:'Bodoni Moda',serif !important; font-weight:400 !important;
}
.woocommerce-result-count,.woocommerce-ordering select{
  font-size:12px; letter-spacing:.5px; color:var(--muted);
}

/* ---------- Ficha de producto ---------- */
.single-product div.product .product_title{ font-size:2.2rem; }
.single-product div.product .price{ font-size:1.4rem; color:var(--ink) !important; }
.woocommerce-tabs .tabs li a{ text-transform:uppercase; letter-spacing:1.2px; font-size:12px; font-weight:700; }

/* ---------- Carrito / Bolsa ---------- */
.cart-collaterals .cart_totals,.woocommerce-cart .cart_totals{ background:var(--warm); padding:24px; }
table.cart th,.woocommerce table.shop_table th{ text-transform:uppercase; letter-spacing:1.2px; font-size:11px; font-weight:700; color:var(--muted); }

/* ============================================================
   Refinamientos editoriales — ficha, tienda, bolsa, checkout
   ============================================================ */

/* CTA principal de compra en Buganvilia (solo esa acción) */
.single_add_to_cart_button,
.woocommerce #place_order,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.checkout-button.button,
.woocommerce a.checkout-button{
  background:var(--bug) !important; color:#fff !important; border:none !important;
}
.single_add_to_cart_button:hover,
.woocommerce #place_order:hover,
.checkout-button.button:hover,
.woocommerce a.checkout-button:hover{ background:#A80057 !important; }

/* Nota meses sin intereses */
.xny-msi{ color:var(--gold); font-size:13px; letter-spacing:.3px; margin:.2em 0 1.2em; }

/* ---------- Ficha de producto (solo tipografía segura, sin romper el layout de bloques) ---------- */
.single-product .product_title,.single-product .wp-block-post-title{ font-size:2.2rem; line-height:1.15; }
.single-product .price{ font-size:1.4rem; color:var(--ink) !important; }
.single-product .price .woocommerce-Price-amount{ font-weight:500; }
.single-product .product_meta{ font-size:12px; letter-spacing:.4px; color:var(--muted); }
.woocommerce-tabs ul.tabs::before{ border-color:var(--line); }

/* ---------- Tienda / categoría — encabezado editorial ---------- */
.woocommerce-products-header{ text-align:center; padding:56px 0 30px; }
.woocommerce-products-header__title{ font-size:2.6rem; }
.term-description{ text-align:center; max-width:640px; margin:0 auto 30px; color:var(--muted); }
.woocommerce .products{ gap:8px 16px; }

/* ---------- Bolsa / Carrito ---------- */
.woocommerce-cart .wp-block-post-title,.woocommerce-checkout .wp-block-post-title{ font-family:'Bodoni Moda',serif !important; text-align:center; }
.woocommerce-cart table.cart img{ width:88px; }
.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{ border-radius:0 !important; letter-spacing:1.6px; text-transform:uppercase; }

/* ---------- Checkout ---------- */
.woocommerce-checkout #payment{ background:var(--warm); border-radius:0; }
.woocommerce-checkout #payment ul.payment_methods{ border-color:var(--line); }
.woocommerce-info,.woocommerce-message{ border-top-color:var(--gold); }

/* ============================================================
   CHROME EDITORIAL SITEWIDE (header.php / footer.php) + plantillas internas
   ============================================================ */
.xutil{ text-align:center; font-size:10.5px; font-weight:700; letter-spacing:2.4px; text-transform:uppercase; color:var(--muted); padding:11px; border-bottom:1px solid var(--line); background:#fff; }
.xhd{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:22px 46px; border-bottom:1px solid var(--line); background:#fff; position:relative; z-index:5; }
.xhd .xnavl{ display:flex; gap:26px; }
.xhd .xnavl a,.xhd .xnavr a{ font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--ink); }
.xhd .xnavl a:hover,.xhd .xnavr a:hover{ color:var(--gold); }
.xhd .xbrand{ display:flex; align-items:center; gap:9px; justify-self:center; }
.xhd .xbrand .wm{ font-family:'Playfair Display',serif; font-weight:800; font-size:25px; letter-spacing:3px; color:var(--ink); }
.xhd .xnavr{ display:flex; gap:22px; justify-self:end; }
.xmain{ display:block; background:#fff; min-height:40vh; }
.xcontain{ max-width:1180px; margin:0 auto; padding:0 46px; }

.xf{ background:var(--ink); color:#EFE6D8; padding:70px 46px 40px; margin-top:0; }
.xf .fx{ max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:34px; }
.xf .fbrand .wm{ font-family:'Playfair Display',serif; font-weight:800; font-size:26px; letter-spacing:3px; color:#fff; }
.xf .fbrand p{ color:rgba(239,230,216,.6); font-size:13px; line-height:1.7; margin-top:14px; max-width:270px; }
.xf h4{ font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(239,230,216,.9); margin-bottom:16px; }
.xf a{ display:block; color:rgba(239,230,216,.6) !important; font-size:13px; margin-bottom:11px; }
.xf a:hover{ color:#fff !important; }
.xf .fbot{ max-width:1180px; margin:44px auto 0; padding-top:22px; border-top:1px solid rgba(239,230,216,.15); display:flex; justify-content:space-between; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:rgba(239,230,216,.45); }

/* ---------- Ficha editorial (Zara) ---------- */
.xficha{ padding:34px 46px 90px; }
.xcrumb{ font-size:11px; letter-spacing:1.6px; text-transform:uppercase; color:var(--muted); margin-bottom:26px; }
.xcrumb a{ color:var(--muted); } .xcrumb a:hover{ color:var(--gold); }
.xficha-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:start; }
.xficha-media{ background:var(--warm); padding:34px; display:flex; align-items:center; justify-content:center; }
.xficha-media .xf-main{ width:100%; height:auto; object-fit:contain; max-height:640px; }
.xf-title{ font-family:'Bodoni Moda',serif; font-weight:400; font-size:2.5rem; line-height:1.08; margin:.05em 0 .3em; }
.xficha-info .eyebrow{ display:block; margin-bottom:6px; }
.xf-price{ font-size:1.5rem; color:var(--ink); font-weight:500; }
.xficha-info .xny-msi{ margin:.3em 0 1.1em; }
.xf-cta{ margin:8px 0 12px; }
.xf-cta .button,.xf-cta .single_add_to_cart_button{ width:100%; text-align:center; }
.xf-cta .quantity{ margin-bottom:12px; }
.xf-pay{ font-size:12px; color:var(--muted); letter-spacing:.3px; margin-bottom:26px; }
.xf-short{ font-size:15px; line-height:1.7; color:#5B4C5E; margin-bottom:14px; }
.xf-acc{ border-top:1px solid var(--line); padding:16px 0; }
.xf-acc summary{ cursor:pointer; list-style:none; font-size:12px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; display:flex; justify-content:space-between; align-items:center; }
.xf-acc summary::-webkit-details-marker{ display:none; }
.xf-acc summary::after{ content:'+'; color:var(--muted); font-size:18px; }
.xf-acc[open] summary::after{ content:'–'; }
.xf-acc>div{ font-size:14.5px; line-height:1.8; color:#5B4C5E; padding-top:12px; }
.xf-specs div{ display:flex; justify-content:space-between; border-bottom:1px solid var(--line); padding:8px 0; }
.xf-specs span{ color:var(--muted); } .xf-specs b{ font-weight:600; }
/* detalles repartidos tipo Zara */
.xficha-detalles{ margin:70px 0 20px; display:grid; grid-template-columns:repeat(12,1fr); gap:20px; }
.xficha-detalles .xd{ margin:0; overflow:hidden; }
.xficha-detalles .xd img{ width:100%; height:100%; object-fit:cover; display:block; }
.xd-0{ grid-column:1/7; aspect-ratio:4/3; }
.xd-1{ grid-column:8/13; aspect-ratio:3/4; margin-top:60px; }
.xd-2{ grid-column:2/8; aspect-ratio:3/2; }
.xficha-rel{ margin-top:70px; border-top:1px solid var(--line); padding-top:40px; }
.xficha-rel h2{ text-align:center; font-size:2rem; }
@media(max-width:820px){
 .xhd{ grid-template-columns:auto 1fr; gap:12px; padding:14px 20px; } .xhd .xnavl{ display:none; }
 .xcontain{ padding:0 20px; } .xficha{ padding:20px; }
 .xficha-grid{ grid-template-columns:1fr; gap:24px; }
 .xficha-detalles{ display:block; } .xficha-detalles .xd{ margin:0 0 16px; } .xd-1{ margin-top:0; }
 .xf .fx{ grid-template-columns:1fr 1fr; }
}

/* ---------- Tienda / Categoría editorial ---------- */
.xarchive{ padding:44px 46px 90px; }
.xarchive-head{ text-align:center; margin-bottom:44px; }
.xarchive-head .eyebrow{ display:block; margin-bottom:10px; }
.xarchive-head h1{ font-family:'Bodoni Moda',serif; font-weight:400; font-size:2.8rem; }
.xarchive-desc{ max-width:600px; margin:14px auto 0; color:var(--muted); font-size:15px; line-height:1.7; }
.xarchive-bar{ display:flex; justify-content:space-between; align-items:center; margin-bottom:26px; border-bottom:1px solid var(--line); padding-bottom:14px; }
.xarchive ul.products{ display:flex !important; flex-wrap:wrap; gap:48px 22px; margin:0 !important; padding:0; list-style:none; }
.xarchive ul.products::before,.xarchive ul.products::after{ content:none !important; display:none !important; }
.xarchive ul.products li.product{
  width:calc(25% - 17px) !important; margin:0 !important; float:none !important; clear:none !important;
  display:flex; flex-direction:column; align-items:center; text-align:center;
}
.xarchive ul.products li.product a.woocommerce-LoopProduct-link,
.xarchive ul.products li.product > a:first-of-type{ order:1; width:100%; }
.xarchive ul.products li.product a img{ width:100%; height:auto; margin-bottom:14px; }
.xarchive ul.products li.product .woocommerce-loop-product__title{ order:2; font-size:1.1rem; }
.xarchive ul.products li.product .price{ order:3; display:block; margin:.4em 0 .8em; color:var(--muted) !important; }
.xarchive ul.products li.product .button,
.xarchive ul.products li.product .added_to_cart{ order:4; align-self:center; }
.xarchive-empty{ text-align:center; color:var(--muted); padding:60px 0; }
@media(max-width:1024px){ .xarchive ul.products li.product{ width:calc(33.333% - 15px) !important; } }
@media(max-width:720px){ .xarchive ul.products li.product{ width:calc(50% - 11px) !important; } .xarchive{ padding:24px 20px 60px; } }

/* ---------- Página estándar (Bolsa / Checkout) ---------- */
.xpage{ padding:50px 46px 90px; }
.xpage-title{ font-family:'Bodoni Moda',serif; font-weight:400; font-size:2.4rem; text-align:center; margin-bottom:34px; }
@media(max-width:820px){ .xpage{ padding:30px 20px 60px; } }

/* CTA principal (ficha) en Buganvilia — mayor especificidad que la regla tinta */
.single-product .xf-cta button.single_add_to_cart_button{ background:var(--bug) !important; color:#fff !important; }
.single-product .xf-cta button.single_add_to_cart_button:hover{ background:#A80057 !important; }

/* ============================================================
   MÓVIL — encabezado y ajustes finos
   ============================================================ */
@media(max-width:820px){
  .xutil{ padding:9px 10px; font-size:9.5px; letter-spacing:1.5px; line-height:1.5; }
  .xhd{ display:flex !important; flex-direction:column; align-items:center; gap:9px; padding:12px 14px; }
  .xhd .xbrand{ order:-1; }
  .xhd .xnavl{ display:flex !important; }
  .xhd .xnavl,.xhd .xnavr{ justify-content:center; flex-wrap:wrap; gap:16px; }
  .xhd .xnavl a,.xhd .xnavr a{ font-size:10px; letter-spacing:1.4px; }
  .xhd .xbrand .wm{ font-size:22px; }
  .xcontain{ padding:0 18px; }
  .xarchive{ padding:20px 18px 60px; }
  .xarchive-head h1{ font-size:2.1rem; }
  .xarchive-bar{ flex-direction:column; gap:10px; align-items:flex-start; }
  .xficha{ padding:18px; }
  .xf-title{ font-size:2rem; }
  .xf-cta .button,.xf-cta button.single_add_to_cart_button{ width:100%; }
}
@media(max-width:420px){
  .xarchive ul.products li.product{ width:100% !important; }
}

/* ============================================================
   Banner editorial de categoría (estilo Dior) — foto ANA en Textiles
   ============================================================ */
.xcat-banner{ position:relative; min-height:80vh; background-size:cover; background-position:center 26%; display:flex; align-items:center; overflow:hidden; }
.xcat-banner__scrim{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(20,10,16,.60), rgba(20,10,16,.16) 52%, rgba(20,10,16,0) 78%); }
.xcat-banner__in{ position:relative; z-index:2; max-width:1180px; margin:0 auto; padding:0 46px; width:100%; color:#fff; }
.xcat-banner .eyebrow{ color:#E7C77E !important; }
.xcat-banner__title{ font-family:'Bodoni Moda',serif !important; font-weight:400 !important; color:#fff !important; font-size:clamp(2.6rem,5.2vw,4.9rem); line-height:1.04; margin:20px 0 22px; max-width:13ch; }
.xcat-banner__text{ max-width:46ch; font-size:16px; line-height:1.85; opacity:.95; color:#fff; }
.xarchive-head--slim{ height:64px; }
@media(max-width:820px){
  .xcat-banner{ min-height:78vh; background-position:center 20%; align-items:flex-end; }
  .xcat-banner__scrim{ background:linear-gradient(180deg, rgba(20,10,16,.10) 35%, rgba(20,10,16,.72)); }
  .xcat-banner__in{ padding:0 20px 42px; }
  .xcat-banner__title{ font-size:2.5rem; max-width:100%; margin:14px 0 16px; }
  .xcat-banner__text{ font-size:15px; }
  .xarchive-head--slim{ height:34px; }
}

/* ============================================================
   Página Colecciones — portadas en grande
   ============================================================ */
.xcol-head{ text-align:center; padding:60px 46px 40px; }
.xcol-head .eyebrow{ display:block; margin-bottom:10px; }
.xcol-head h1{ font-family:'Bodoni Moda',serif !important; font-weight:400 !important; font-size:clamp(2.4rem,4.5vw,3.4rem); margin:0 0 14px; }
.xcol-head p{ max-width:600px; margin:0 auto; color:var(--muted); font-size:16px; line-height:1.8; }
.xcol-grid{ display:grid; grid-template-columns:1fr 1fr; gap:22px; padding-bottom:96px; }
.xcol-card{ position:relative; height:480px; overflow:hidden; display:flex; align-items:flex-end;
  background-size:cover; background-position:center; text-decoration:none; }
.xcol-card::after{ content:''; position:absolute; inset:0; background-size:cover; background-position:center; }
.xcol-card__ov{ position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(15,8,14,0) 42%, rgba(15,8,14,.66) 100%); transition:background .4s; }
.xcol-card{ background-color:#241826; }
.xcol-card > .xcol-card__ov{ }
.xcol-card__body{ position:relative; z-index:2; padding:34px; color:#fff; }
.xcol-card__label{ display:block; font-family:'Bodoni Moda',serif; font-weight:400; font-size:2.1rem; line-height:1.1; }
.xcol-card__link{ display:inline-block; margin-top:10px; font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#E7C77E; opacity:0; transform:translateY(8px); transition:.4s; }
.xcol-card:hover .xcol-card__link{ opacity:1; transform:translateY(0); }
.xcol-card:hover .xcol-card__ov{ background:linear-gradient(180deg, rgba(15,8,14,.12) 20%, rgba(15,8,14,.72) 100%); }
/* la imagen hace zoom suave: se logra escalando el fondo via transform en un pseudo */
.xcol-card{ transition:transform .0s; }
.xcol-card:first-child{ grid-column:1 / -1; height:440px; }
@media(max-width:820px){
  .xcol-head{ padding:34px 18px 24px; }
  .xcol-grid{ grid-template-columns:1fr; gap:16px; padding-bottom:60px; }
  .xcol-card{ height:340px; }
  .xcol-card:first-child{ grid-column:auto; height:300px; }
  .xcol-card__label{ font-size:1.8rem; }
  .xcol-card__body{ padding:24px; }
}

/* ============================================================
   Colecciones — hero editorial ANA (texto sobre el rostro, estilo Dior)
   ============================================================ */
.xcol-hero{ position:relative; width:100%; min-height:92vh; background-repeat:no-repeat; background-size:190%; background-position:65% 66%; overflow:hidden; }
.xcol-hero__scrim{ position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(20,10,16,.66), rgba(20,10,16,.30) 40%, rgba(20,10,16,0) 70%),
    linear-gradient(180deg, rgba(20,10,16,.14), rgba(20,10,16,0) 26%, rgba(20,10,16,0) 60%, rgba(20,10,16,.42)); }
.xcol-hero__in{ position:absolute; left:6.5%; top:46%; transform:translateY(-50%); z-index:2; text-align:left; max-width:min(72%,760px); color:#fff; }
.xcol-hero .eyebrow{ color:#E7C77E !important; display:block; margin-bottom:16px; letter-spacing:3px; }
.xcol-hero__title{ font-family:'Bodoni Moda',serif !important; font-weight:400 !important; color:#fff !important; font-size:clamp(3.4rem,8.2vw,7rem); line-height:.98; margin:0; letter-spacing:.01em; text-shadow:0 2px 40px rgba(0,0,0,.42); }
.xcol-hero__lead{ position:absolute; z-index:2; left:6.5%; bottom:42px; width:min(90%,520px); text-align:left; color:#fff; font-size:15px; line-height:1.8; opacity:.94; text-shadow:0 1px 18px rgba(0,0,0,.5); }
@media(max-width:820px){
  .xcol-hero{ min-height:80vh; background-size:265%; background-position:72% 46%; }
  .xcol-hero__in{ left:6%; top:44%; max-width:90%; }
  .xcol-hero__title{ font-size:clamp(2.8rem,13vw,3.8rem); }
  .xcol-hero__lead{ left:6%; bottom:26px; font-size:13.5px; width:88%; }
}