/* Casa Colombia — ajustes propios (sin recompilar Woodmart) */
/* Mega-menu FAJAS: "Por prenda" en 2 columnas */
.wd-dropdown-menu .wd-grid-f-inline > li.wd-col:first-child{
flex-basis:30% !important; max-width:30% !important;
}
.wd-dropdown-menu .wd-grid-f-inline > li.wd-col:first-child > ul.sub-sub-menu{
column-count:2; column-gap:26px;
}
.wd-dropdown-menu .wd-grid-f-inline > li.wd-col:first-child > ul.sub-sub-menu > li{
break-inside:avoid;
}
/* Iconos Phosphor en el menu de categorias */
.cc-menu-ic{ margin-right:9px; color:#9C3905; font-size:17px; vertical-align:-3px; }
/* #8 Boton FILTRAR del precio: contraste (texto blanco sobre terracota) */
.widget_price_filter .button,
.price_slider_amount .button,
.wd-price-filter .button{
background:#9C3905 !important; color:#fff !important;
border-radius:6px !important; font-weight:600;
}
.widget_price_filter .button:hover,
.price_slider_amount .button:hover{ background:#7a2c04 !important; color:#fff !important; }
/* #7 Alturas de card uniformes: mismo aspect ratio, sin recortar el producto */
.products .product-image-link,
.products .wd-product .product-image-link,
ul.products li.product .product-element-top{
aspect-ratio:3/4; display:block; overflow:hidden; position:relative; background:#ffffff;
}
.products .product-image-link img,
.products .product-element-top img{
width:100% !important; height:100% !important; object-fit:contain !important;
}
/* #1 Hover de filtros (como Woodmart demo) */
.widget_layered_nav ul li a,
.wd-layered-nav-item,
.widget_layered_nav ul li{ transition:color .15s, padding-left .15s; }
.widget_layered_nav ul li:hover > a,
.widget_layered_nav ul li a:hover,
.wd-layered-nav-item:hover{ color:#9C3905 !important; }
.widget_layered_nav ul li:hover{ padding-left:3px; }
/* #2 Top bar alineado al menu (contenedor full-width como el header) */
.header-banner .container,
.wd-header-banner .container{ max-width:calc(100% - 96px) !important; margin-left:auto !important; margin-right:auto !important; }
/* #6.2 (bis) Filtros: solo TEXTO lleva underline (animado, suave); COLOR no */
.wc-layered-nav-term:not(:has(.wd-swatch)) .layered-nav-link .wd-filter-lable{
background-image:linear-gradient(#9C3905,#9C3905);
background-size:0% 1.5px; background-position:0 100%; background-repeat:no-repeat;
transition:background-size .3s cubic-bezier(.4,0,.2,1); padding-bottom:2px;
}
.wc-layered-nav-term:not(:has(.wd-swatch)) .layered-nav-link:hover .wd-filter-lable{
background-size:100% 1.5px; color:#9C3905;
}
.wc-layered-nav-term:has(.wd-swatch) .layered-nav-link:hover{ text-decoration:none !important; }
/* #3.3 Top bar oculto en movil (se ve mal apretado) */
@media (max-width:1024px){ .wd-hb-wrapp, .header-banner, .wd-header-banner{ display:none !important; } }
/* Footer y copyright con fondo suave de marca */
.wd-footer.footer-container{ background:#FBF5EF !important; }
.copyrights-wrapper{ background:#F5EBE1 !important; border-top:1px solid #EDE0D5; }
/* Página del selector Encuentra tu faja */
body.cc-has-selector .wd-page-title{display:none}
body.cc-has-selector .cc-selector-embed{margin-top:6px}
.cc-sr-title{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Ficha: fila de Características (prestaciones + compresión) */
.cc-features{border:1px solid #EDE1D8;border-radius:14px;padding:15px 16px;margin:18px 0;background:color-mix(in srgb,#FFBA98 6%,#fff)}
.cc-features-h{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:#9C3905;font-weight:700;margin-bottom:12px}
.cc-features-row{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px}
.cc-feat{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#2B1A12}
.cc-feat-ic{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#FCEADE;color:#9C3905;font-size:20px}
.cc-feat-comp{display:flex;align-items:center;gap:11px;margin-top:14px;padding-top:13px;border-top:1px solid #F1E5DC}
.cc-feat-comp-l{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#7A6558;white-space:nowrap}
.cc-feat-comp-l i{color:#9C3905;font-size:16px}
.cc-features .cc-meter{flex:1;height:8px;border-radius:99px;background:#EDE1D8;overflow:hidden;max-width:180px}
.cc-features .cc-meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#FFBA98,#9C3905)}
.cc-feat-comp b{font-size:13.5px;color:#2B1A12;white-space:nowrap}
/* Pedir por WhatsApp desde el carrito */
.cc-wa-cart{display:flex!important;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:12px;background:#12a150!important;color:#fff!important;border:none!important;border-radius:12px;padding:14px 18px!important;font-weight:600;font-size:15px;text-decoration:none}
.cc-wa-cart:hover{background:#0e8a44!important}
.cc-wa-cart i{font-size:20px}
.cc-wa-cart-note{margin:9px 2px 0;font-size:12px;color:#7A6558;text-align:center;line-height:1.4}
/* Ficha: columna de info sticky (desktop) */
@media (min-width:769px){
.single-product-page .product-image-summary{ align-items:flex-start; }
.single-product-page .summary.entry-summary{ position:sticky; top:100px; align-self:flex-start; }
}
/* Guía de tallas */
.cc-guia{max-width:920px;margin:0 auto}
.cc-guia-lead{font-size:16px;color:#2B1A12;line-height:1.6;margin-bottom:22px}
.cc-guia-medir{background:color-mix(in srgb,#FFBA98 8%,#fff);border:1px solid #EDE1D8;border-radius:14px;padding:18px 20px;margin-bottom:24px}
.cc-guia-medir h3{margin:0 0 10px;font-size:16px;color:#9C3905}
.cc-guia-medir ul{margin:0;padding-left:18px}.cc-guia-medir li{margin:5px 0;font-size:14.5px}
.cc-guia-hint{margin:10px 0 0;font-size:13px;color:#7A6558}
.cc-guia-tablewrap{overflow-x:auto;border-radius:14px;border:1px solid #EDE1D8}
.cc-guia-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.cc-guia-table th{background:#9C3905;color:#fff;font-weight:600;padding:12px 10px;text-align:center;white-space:nowrap;font-size:12.5px;letter-spacing:.02em}
.cc-guia-table td{padding:11px 10px;text-align:center;border-top:1px solid #F1E5DC;color:#2B1A12}
.cc-guia-table tbody tr:nth-child(even){background:#FBF5EF}
.cc-guia-table .cc-g-rd{font-weight:700;color:#9C3905}
.cc-guia-foot{margin-top:16px;font-size:12.5px;color:#7A6558;text-align:center}
/* Guía de tallas: tarjetas de cómo medirte (gráfico) */
.cc-medir-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.cc-medir-card{position:relative;background:#fff;border:1px solid #EDE1D8;border-radius:14px;padding:20px 16px 16px;text-align:center;box-shadow:0 10px 26px -20px rgba(70,30,12,.3)}
.cc-medir-card .cc-medir-n{position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:24px;height:24px;background:#9C3905;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}
.cc-medir-card i{font-size:34px;color:#9C3905;display:block;margin:4px 0 8px}
.cc-medir-card b{display:block;font-size:15px;color:#2B1A12;margin-bottom:5px}
.cc-medir-card span{font-size:12.5px;color:#7A6558;line-height:1.45}
.cc-guia-hint{display:flex;align-items:center;gap:7px;font-size:13px;color:#7A6558;margin:0 2px 20px}
.cc-guia-hint i{color:#9C3905;font-size:17px}
@media(max-width:600px){.cc-medir-cards{grid-template-columns:1fr}}
/* #6 Cantidad: grupo conectado (un solo borde, sin cajas sueltas) */
.single-product-page .quantity{display:inline-flex!important;align-items:stretch;border:1.5px solid #ddd0c6;border-radius:12px;overflow:hidden;background:#fff}
.single-product-page .quantity .minus,
.single-product-page .quantity .plus{border:none!important;border-radius:0!important;background:#fff!important;color:#5b4a42!important;width:40px;min-width:40px;font-size:18px;line-height:1;box-shadow:none!important;margin:0!important}
.single-product-page .quantity .minus:hover,
.single-product-page .quantity .plus:hover{background:#FBF5EF!important;color:#923C14!important}
.single-product-page .quantity .qty{border:none!important;border-left:1.5px solid #eee1d7!important;border-right:1.5px solid #eee1d7!important;border-radius:0!important;text-align:center;width:50px;min-width:50px;box-shadow:none!important;background:#fff;font-weight:600;color:#2B1A12;-moz-appearance:textfield}
.single-product-page .quantity .qty::-webkit-outer-spin-button,
.single-product-page .quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* Tab Envíos y entrega */
.cc-envios h3{font-size:16px;color:#9C3905;margin:20px 0 6px;font-family:'Fraunces',serif;font-weight:500}
.cc-envios h3:first-child{margin-top:0}
.cc-envios p{font-size:14.5px;line-height:1.6;color:#4a3a30;margin:0 0 4px;max-width:70ch}
/* ===== SUCURSALES ===== */
.cc-suc{max-width:1120px;margin:0 auto}
.cc-suc-hero{text-align:center;margin-bottom:22px}
.cc-suc-badge{display:inline-flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:10px}
.cc-suc-avg{font-family:'Fraunces',serif;font-size:44px;font-weight:500;color:#9C3905;line-height:1}
.cc-suc-badge .cc-suc-stars{color:#E8A94B;font-size:18px;letter-spacing:2px}
.cc-suc-count{font-size:12.5px;color:#7A6558}
.cc-suc-lead{max-width:52ch;margin:0 auto;color:#4a3a30;font-size:15px}
#cc-suc-map{height:440px;border-radius:18px;overflow:hidden;border:1px solid #EDE1D8;margin-bottom:26px;box-shadow:0 20px 50px -30px rgba(70,30,12,.4)}
#cc-suc-map .leaflet-tile-pane{filter:sepia(.32) saturate(1.15) hue-rotate(-10deg) brightness(1.02)}
.cc-suc-pin span{display:block;width:22px;height:22px;background:#9C3905;border:2.5px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 3px 8px rgba(0,0,0,.35)}
.leaflet-popup-content-wrapper{border-radius:12px}
.cc-pop b{font-family:'Fraunces',serif;font-size:15px;color:#2B1A12;display:block}
.cc-pop span{font-size:12px;color:#7A6558}
.cc-pop-rate{color:#9C3905;font-weight:700;font-size:13px;margin:3px 0}
.cc-pop-addr{font-size:12px;color:#4a3a30;margin:4px 0}
.cc-pop-rev{font-size:12px;font-style:italic;color:#6B5A50;margin:4px 0}
.cc-pop a{color:#9C3905;font-weight:600;font-size:12.5px}
.cc-suc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cc-suc-card{background:#fff;border:1px solid #EDE1D8;border-radius:16px;padding:18px 18px 16px;display:flex;flex-direction:column;box-shadow:0 12px 30px -24px rgba(70,30,12,.35);transition:.3s}
.cc-suc-card.hl{border-color:#9C3905;box-shadow:0 0 0 3px rgba(156,57,5,.15)}
.cc-suc-card-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.cc-suc-card-h h3{font-family:'Fraunces',serif;font-weight:500;font-size:18px;margin:0;color:#2B1A12}
.cc-suc-city{font-size:11.5px;color:#7A6558;white-space:nowrap}
.cc-suc-rate{display:flex;align-items:center;gap:6px;margin:8px 0}
.cc-suc-r{font-weight:700;color:#9C3905;font-size:14px}
.cc-suc-rs{position:relative;font-size:14px;letter-spacing:1px;color:#e6ddd5}
.cc-suc-rs::before{content:'★★★★★';position:absolute;left:0;top:0;width:var(--f);overflow:hidden;color:#E8A94B;white-space:nowrap}
.cc-suc-rc{font-size:12px;color:#7A6558}
.cc-suc-new{font-size:12px;color:#B68176;font-style:italic}
.cc-suc-addr{display:flex;gap:6px;font-size:12.5px;color:#4a3a30;line-height:1.4;margin:0 0 10px}
.cc-suc-addr i{color:#9C3905;flex:0 0 auto;font-size:15px}
.cc-suc-rev{position:relative;min-height:78px;margin-bottom:12px}
.cc-suc-q{position:absolute;inset:0;opacity:0;transition:opacity .5s;font-size:12.5px;font-style:italic;color:#6B5A50;line-height:1.5}
.cc-suc-q.on{opacity:1;position:relative}
.cc-suc-q cite{display:block;font-style:normal;font-weight:600;color:#9C3905;margin-top:5px;font-size:11.5px}
.cc-suc-btns{display:flex;gap:8px;margin-top:auto}
.cc-suc-wa,.cc-suc-map-link{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px;border-radius:10px;font-size:12.5px;font-weight:600;text-decoration:none}
.cc-suc-wa{background:#12a150;color:#fff}.cc-suc-wa:hover{background:#0e8a44}
.cc-suc-map-link{background:#FCEADE;color:#9C3905;border:1px solid #F2C4A8}.cc-suc-map-link:hover{background:#FBDAC6}
@media(max-width:900px){.cc-suc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cc-suc-grid{grid-template-columns:1fr}#cc-suc-map{height:360px}}
/* fix carrusel reseñas: ocultar inactivas del todo */
.cc-suc-q{visibility:hidden}
.cc-suc-q.on{visibility:visible}
/* Guía de tallas: COMPACTA solo en el popup de la ficha (la página queda normal) */
.wd-sizeguide .cc-guia{max-width:100%}
.wd-sizeguide .cc-guia-lead{font-size:13px;line-height:1.5;margin-bottom:12px}
.wd-sizeguide .cc-medir-cards{gap:8px;margin:12px 0}
.wd-sizeguide .cc-medir-card{padding:12px 9px 10px;border-radius:10px}
.wd-sizeguide .cc-medir-card i{font-size:24px;margin:2px 0 4px}
.wd-sizeguide .cc-medir-card b{font-size:12.5px;margin-bottom:2px}
.wd-sizeguide .cc-medir-card span{font-size:10.5px;line-height:1.3}
.wd-sizeguide .cc-medir-card .cc-medir-n{width:19px;height:19px;font-size:10.5px;top:-9px}
.wd-sizeguide .cc-guia-hint{font-size:11px;margin:0 2px 10px}
.wd-sizeguide .cc-guia-table{font-size:11.5px;min-width:460px}
.wd-sizeguide .cc-guia-table th{padding:7px 6px;font-size:10.5px}
.wd-sizeguide .cc-guia-table td{padding:5px 6px}
.wd-sizeguide .cc-guia-foot{font-size:10.5px;margin-top:9px}
.wd-sizeguide.wd-popup{max-width:660px!important}
/* ===== SUCURSALES store-locator (split) ===== */
.cc-suc-split{display:flex;gap:18px;align-items:flex-start}
.cc-suc-list{flex:0 0 42%;max-width:460px;height:580px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:8px}
.cc-suc-list::-webkit-scrollbar{width:8px}.cc-suc-list::-webkit-scrollbar-thumb{background:#e0d3c8;border-radius:8px}
.cc-suc-split #cc-suc-map{flex:1;height:580px;position:sticky;top:96px;margin-bottom:0}
.cc-suc-split .cc-suc-card{cursor:pointer;margin:0}
.cc-suc-split .cc-suc-card.active{border-color:#9C3905;box-shadow:0 0 0 2px rgba(156,57,5,.16)}
.cc-suc-pin.on span{background:#7E2C04;transform:rotate(-45deg) scale(1.3)}
.cc-suc-rev{position:relative}
.cc-suc-rev-track{position:relative;min-height:82px}
.cc-suc-rev-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}
.cc-rev-prev,.cc-rev-next{background:#FCEADE;border:1px solid #F2C4A8;color:#9C3905;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:17px;line-height:1;display:grid;place-items:center;flex:0 0 auto}
.cc-rev-prev:hover,.cc-rev-next:hover{background:#FBDAC6}
.cc-rev-dots{display:flex;gap:5px}.cc-rev-dots i{width:6px;height:6px;border-radius:50%;background:#e6ddd5;display:block}.cc-rev-dots i.on{background:#9C3905}
@media(max-width:820px){.cc-suc-split{flex-direction:column}.cc-suc-list{flex:none;max-width:100%;width:100%;height:auto;padding-right:0}.cc-suc-split #cc-suc-map{width:100%;position:static;height:360px;order:-1}}
/* ===== Páginas locales ===== */
.cc-local{max-width:1040px;margin:0 auto}
.cc-local-lead{font-size:16px;line-height:1.65;color:#4a3a30;margin-bottom:26px}
.cc-local-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;margin-bottom:30px}
.cc-local-info{background:#fff;border:1px solid #EDE1D8;border-radius:16px;padding:22px}
.cc-local-info h2{font-family:'Fraunces',serif;font-weight:500;font-size:22px;margin:0 0 10px}
.cc-local-addr,.cc-local-phone{display:flex;gap:7px;align-items:flex-start;font-size:14px;color:#4a3a30;margin:8px 0}
.cc-local-addr i,.cc-local-phone i{color:#9C3905;font-size:17px;flex:0 0 auto}
.cc-local-rev{border-left:3px solid #E8A94B;margin:14px 0;padding:2px 0 2px 12px;font-style:italic;color:#6B5A50;font-size:13.5px}
.cc-local-rev cite{display:block;font-style:normal;font-weight:600;color:#9C3905;margin-top:5px;font-size:12px}
.cc-local-btns{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
#cc-local-map{min-height:320px;border-radius:16px;overflow:hidden;border:1px solid #EDE1D8}
#cc-local-map .leaflet-tile-pane{filter:sepia(.3) saturate(1.12) hue-rotate(-10deg) brightness(1.02)}
.cc-local-cta{background:linear-gradient(120deg,#FCEADE,#FBF5EF);border:1px solid #F1D9C7;border-radius:18px;padding:28px;text-align:center;margin-bottom:30px}
.cc-local-cta h2{font-family:'Fraunces',serif;font-weight:500;font-size:24px;margin:0 0 6px;color:#2B1A12}
.cc-local-cta p{color:#6B5A50;margin:0 0 16px}
.cc-local-cta-btn{display:inline-block;background:#9C3905;color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;text-decoration:none;margin:0 5px}
.cc-local-cta-btn.ghost{background:#fff;color:#9C3905;border:1.5px solid #9C3905}
.cc-local-cta-btn:hover{background:#7E2C04;color:#fff}
.cc-local-faq h2{font-family:'Fraunces',serif;font-weight:500;font-size:22px;margin:0 0 12px}
.cc-local-faq details{border-bottom:1px solid #EDE1D8;padding:12px 0}
.cc-local-faq summary{cursor:pointer;font-weight:600;color:#2B1A12;font-size:15px;list-style:none}
.cc-local-faq summary::-webkit-details-marker{display:none}
.cc-local-faq summary::before{content:'+';color:#9C3905;font-weight:700;margin-right:10px}
.cc-local-faq details[open] summary::before{content:'–'}
.cc-local-faq details p{margin:10px 0 0;color:#4a3a30;font-size:14px;line-height:1.6}
@media(max-width:820px){.cc-local-grid{grid-template-columns:1fr}}
/* ===== Página local v2 ===== */
.cc-local h2{font-family:'Fraunces',serif;font-weight:500;font-size:22px;margin:0 0 12px;display:flex;align-items:center;gap:9px}
.cc-local h2 i{color:#9C3905;font-size:24px}
.cc-local-trust{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;background:color-mix(in srgb,#FFBA98 8%,#fff);border:1px solid #F1E0D0;border-radius:12px;padding:13px 18px;margin-bottom:26px;font-size:13.5px;font-weight:600;color:#4a3a30}
.cc-local-trust span{display:inline-flex;align-items:center;gap:7px}.cc-local-trust i{color:#9C3905;font-size:18px}
.cc-local-line{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:#4a3a30;margin:9px 0}
.cc-local-line i{color:#9C3905;font-size:17px;flex:0 0 auto;margin-top:1px}
#cc-local-map{min-height:340px;border-radius:16px;overflow:hidden;border:1px solid #EDE1D8}
#cc-local-map .leaflet-tile-pane{filter:sepia(.3) saturate(1.12) hue-rotate(-10deg) brightness(1.02)}
/* reseñas con flechas */
.cc-local-reviews{background:#fff;border:1px solid #EDE1D8;border-radius:18px;padding:24px;margin:30px 0;text-align:center}
.cc-local-rev{display:flex;align-items:center;gap:14px;justify-content:center}
.cc-local-rev-track{position:relative;flex:1;max-width:640px;min-height:120px}
.cc-local-q{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s;font-size:16px;font-style:italic;color:#4a3a30;line-height:1.6}
.cc-local-q.on{opacity:1;visibility:visible;position:relative}
.cc-local-qstars{display:block;color:#E8A94B;font-size:16px;letter-spacing:2px;margin-bottom:8px}
.cc-local-q cite{display:block;font-style:normal;font-weight:600;color:#9C3905;margin-top:10px;font-size:13.5px}
.cc-rev-dots{display:flex;gap:6px;justify-content:center;margin-top:14px}.cc-rev-dots i{width:7px;height:7px;border-radius:50%;background:#e6ddd5;display:block}.cc-rev-dots i.on{background:#9C3905}
/* carrusel de productos */
.cc-local-prods{margin:30px 0}
.cc-local-prods-track{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.cc-local-prods-track::-webkit-scrollbar{height:8px}.cc-local-prods-track::-webkit-scrollbar-thumb{background:#e0d3c8;border-radius:8px}
.cc-lp{flex:0 0 200px;scroll-snap-align:start;text-decoration:none;color:#2B1A12;border:1px solid #EDE1D8;border-radius:13px;overflow:hidden;background:#fff;transition:.25s}
.cc-lp:hover{border-color:#9C3905;transform:translateY(-3px);box-shadow:0 12px 26px -18px rgba(70,30,12,.4)}
.cc-lp-img{aspect-ratio:3/4;display:block;background:#fff;overflow:hidden}.cc-lp-img img{width:100%;height:100%;object-fit:contain}
.cc-lp-n{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:600;line-height:1.3;padding:10px 11px 0;min-height:2.6em}
.cc-lp-p{display:block;color:#9C3905;font-weight:700;font-size:14px;padding:4px 11px 12px}
.cc-lp-skel{flex:0 0 200px;aspect-ratio:3/4.6;border-radius:13px;background:linear-gradient(100deg,#f3ece5,#f8f3ef,#f3ece5);background-size:200% 100%;animation:sk 1.2s infinite}
.cc-local-cta-btn i{margin-right:6px}
/* ===== Sucursales v3: panel arriba + mapa 100% + flechas laterales ===== */
.cc-suc-strip{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;margin-bottom:18px;scroll-snap-type:x proximity}
.cc-suc-strip::-webkit-scrollbar{height:8px}.cc-suc-strip::-webkit-scrollbar-thumb{background:#e0d3c8;border-radius:8px}
.cc-suc-strip .cc-suc-card{flex:0 0 320px;scroll-snap-align:start;cursor:pointer;margin:0;display:flex;flex-direction:column}
.cc-suc-strip .cc-suc-card.active{border-color:#9C3905;box-shadow:0 0 0 2px rgba(156,57,5,.16)}
.cc-suc #cc-suc-map{width:100%;height:480px;position:static !important;top:auto !important;border-radius:18px;overflow:hidden;border:1px solid #EDE1D8;box-shadow:0 20px 50px -30px rgba(70,30,12,.4);margin:0}
.cc-suc #cc-suc-map .leaflet-tile-pane{filter:sepia(.32) saturate(1.15) hue-rotate(-10deg) brightness(1.02)}
.cc-suc-strip .cc-suc-rev{display:flex;align-items:center;gap:6px;margin:2px 0}
.cc-suc-strip .cc-suc-rev-track{position:relative;flex:1;min-height:86px}
.cc-suc-strip .cc-suc-rev .cc-rev-prev,.cc-suc-strip .cc-suc-rev .cc-rev-next{background:none !important;border:none !important;color:#c9b4a5 !important;width:auto !important;height:auto !important;min-width:0 !important;border-radius:0 !important;font-size:28px !important;line-height:1;padding:0 1px !important;margin:0 !important;flex:0 0 auto;box-shadow:none !important;transition:color .18s}
.cc-suc-strip .cc-suc-rev .cc-rev-prev:hover,.cc-suc-strip .cc-suc-rev .cc-rev-next:hover{background:none !important;color:#9C3905 !important}
.cc-suc-strip .cc-rev-dots{display:flex;gap:4px;justify-content:center;margin:5px 0 0}
@media(max-width:600px){.cc-suc-strip .cc-suc-card{flex:0 0 84%}.cc-suc #cc-suc-map{height:380px}}
/* ===== Sucursales v4: mapa full + panel VERTICAL flotante ENCIMA ===== */
.cc-suc-locator{position:relative;height:620px;border-radius:18px;overflow:hidden;border:1px solid #EDE1D8;box-shadow:0 22px 55px -32px rgba(70,30,12,.45)}
.cc-suc-locator #cc-suc-map{position:absolute !important;inset:0 !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;border:none !important;border-radius:0 !important;margin:0 !important;box-shadow:none !important}
.cc-suc-locator #cc-suc-map .leaflet-tile-pane{filter:sepia(.3) saturate(1.12) hue-rotate(-10deg) brightness(1.02)}
.cc-suc-panel{position:absolute;top:14px;left:14px;bottom:14px;width:350px;max-width:calc(100% - 28px);overflow-y:auto;background:rgba(255,255,255,.97);border-radius:14px;box-shadow:0 12px 40px -12px rgba(30,10,0,.35);padding:12px;z-index:600;display:flex;flex-direction:column;gap:11px}
.cc-suc-panel::-webkit-scrollbar{width:7px}.cc-suc-panel::-webkit-scrollbar-thumb{background:#e0d3c8;border-radius:8px}
.cc-suc-panel-h{position:sticky;top:-12px;background:rgba(255,255,255,.98);margin:-12px -12px 0;padding:12px;font-family:'Fraunces',serif;font-size:16px;color:#2B1A12;display:flex;align-items:center;gap:8px;border-bottom:1px solid #F1E5DC;z-index:2}
.cc-suc-panel-h i{color:#9C3905;font-size:20px}
.cc-suc-panel .cc-suc-card{margin:0;cursor:pointer;padding:14px}
.cc-suc-panel .cc-suc-card.active{border-color:#9C3905;box-shadow:0 0 0 2px rgba(156,57,5,.16)}
.cc-suc-panel .cc-suc-rev{display:flex;align-items:center;gap:6px;margin:2px 0}
.cc-suc-panel .cc-suc-rev-track{position:relative;flex:1;min-height:84px}
.cc-suc-panel .cc-suc-rev .cc-rev-prev,.cc-suc-panel .cc-suc-rev .cc-rev-next{background:none !important;border:none !important;color:#c9b4a5 !important;width:auto !important;height:auto !important;min-width:0 !important;border-radius:0 !important;font-size:27px !important;line-height:1;padding:0 1px !important;margin:0 !important;flex:0 0 auto;box-shadow:none !important;transition:color .18s}
.cc-suc-panel .cc-suc-rev .cc-rev-prev:hover,.cc-suc-panel .cc-suc-rev .cc-rev-next:hover{background:none !important;color:#9C3905 !important}
.cc-suc-panel .cc-rev-dots{display:flex;gap:4px;justify-content:center;margin:5px 0 0}
.cc-suc-locator .leaflet-control-zoom{border:none;box-shadow:0 2px 10px rgba(0,0,0,.2)}
@media(max-width:700px){.cc-suc-locator{height:560px}.cc-suc-panel{left:8px;right:8px;top:8px;bottom:auto;width:auto;max-width:none;max-height:58%}}
/* ===== Belt de marcas ===== */
.cc-brand-belt{padding:34px 0 30px;border-top:1px solid #EDE1D8;background:#fff;overflow:hidden}
.cc-bb-title{text-align:center;font-family:'Fraunces',serif;font-weight:500;font-size:20px;color:#2B1A12;margin:0 0 20px}
.cc-bb-inner{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cc-bb-track{display:flex;align-items:center;gap:56px;width:max-content;animation:ccbb 38s linear infinite}
.cc-brand-belt:hover .cc-bb-track{animation-play-state:paused}
@keyframes ccbb{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cc-bb-item{flex:0 0 auto;display:grid;place-items:center;height:52px}
.cc-bb-item img{max-height:52px;max-width:150px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.62;transition:.3s}
.cc-bb-item:hover img{filter:grayscale(0);opacity:1}
@media(max-width:600px){.cc-bb-track{gap:36px}.cc-bb-item,.cc-bb-item img{height:40px;max-height:40px}}
/* ===== Sucursales v5: full-bleed + panel +15% + estados marcados + link local ===== */
.cc-suc-locator{width:100vw;margin-left:calc(50% - 50vw);border-radius:0;border-left:none;border-right:none;height:640px;box-shadow:none}
.cc-suc-panel{width:400px;overflow:hidden;padding:0}
.cc-suc-panel-h{position:static;margin:0;border-radius:14px 14px 0 0;padding:14px}
.cc-suc-panel-scroll{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:11px}
.cc-suc-panel-scroll::-webkit-scrollbar{width:7px}.cc-suc-panel-scroll::-webkit-scrollbar-thumb{background:#e0d3c8;border-radius:8px}
/* ficha activa MUY marcada */
.cc-suc-panel .cc-suc-card.active{border-color:#9C3905;border-left:4px solid #9C3905;background:linear-gradient(#FFF6EF,#FFFDFB);box-shadow:0 0 0 2px rgba(156,57,5,.22),0 12px 26px -14px rgba(156,57,5,.45);transform:translateY(-1px)}
/* marker inactivo malva, activo vino grande */
.cc-suc-pin span{background:#B68176}
.cc-suc-pin.on span{background:#9C3905;transform:rotate(-45deg) scale(1.5);box-shadow:0 4px 12px rgba(156,57,5,.6),0 0 0 4px rgba(156,57,5,.2)}
/* linea de rating + link a pagina local (misma linea) */
.cc-suc-rateline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}
.cc-suc-rateline .cc-suc-rate{margin:0}
.cc-suc-local{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:#9C3905;text-decoration:none;white-space:nowrap;border-bottom:1px solid transparent;transition:.2s}
.cc-suc-local:hover{border-bottom-color:#9C3905}
.cc-suc-local i{font-size:12px;transition:transform .2s}
.cc-suc-local:hover i{transform:translateX(2px)}
/* espaciado uniforme reseña<->dots<->botones */
.cc-suc-panel .cc-suc-rev{margin:0}
.cc-suc-panel .cc-rev-dots{margin:9px 0}
.cc-suc-panel .cc-suc-btns{margin-top:0}
/* burbuja mas cuidada */
.cc-pop-wrap .leaflet-popup-content-wrapper{border-radius:14px;box-shadow:0 14px 40px -10px rgba(30,10,0,.4)}
@media(max-width:700px){.cc-suc-locator{height:560px}.cc-suc-panel{width:auto}}
/* ===== Pagina local v3: mas texto + flechas limpias + secciones ===== */
.cc-local-lead{font-size:18px;line-height:1.7}
.cc-local-about{max-width:820px;margin:6px auto 34px;font-size:16.5px;line-height:1.75;color:#4a3a30;text-align:center}
.cc-local-about p{margin:0}
/* tipos de fajas */
.cc-local-types{margin:34px 0}
.cc-local-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cc-lt{background:#fff;border:1px solid #EDE1D8;border-radius:14px;padding:20px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-lt i{color:#9C3905;font-size:32px;margin-bottom:4px}
.cc-lt b{font-size:15px;color:#2B1A12}
.cc-lt span{font-size:13px;color:#6B5A50;line-height:1.45}
@media(max-width:820px){.cc-local-types-grid{grid-template-columns:1fr 1fr}}
/* resenas: texto mas grande + flechas transparentes en los lados */
.cc-local-reviews{padding:30px 26px}
.cc-local-rev{gap:6px}
.cc-local-rev-track{min-height:150px}
.cc-local-q{font-size:19px;line-height:1.65}
.cc-local-qstars{font-size:18px;margin-bottom:12px}
.cc-local-q cite{font-size:15px;margin-top:12px}
.cc-local-reviews .cc-rev-prev,.cc-local-reviews .cc-rev-next{background:none !important;border:none !important;color:#d6c1b2 !important;width:auto !important;height:auto !important;min-width:0 !important;border-radius:0 !important;font-size:42px !important;line-height:1;padding:0 6px !important;margin:0 !important;box-shadow:none !important;flex:0 0 auto;transition:color .2s}
.cc-local-reviews .cc-rev-prev:hover,.cc-local-reviews .cc-rev-next:hover{background:none !important;color:#9C3905 !important}
.cc-local-reviews .cc-rev-dots{margin-top:16px}
.cc-local-reviews .cc-rev-dots i{width:8px;height:8px}
/* titulos de seccion un poco mas grandes */
.cc-local h2{font-size:24px}
/* ===== Fix reseñas locales: quitar borde/comillas del blockquote del theme ===== */
.cc-local-reviews blockquote.cc-local-q,.cc-local-reviews .cc-local-q{border:none !important;border-left:none !important;padding:0 !important;margin:0 !important;background:none !important;box-shadow:none !important;quotes:none}
.cc-local-reviews blockquote.cc-local-q::before,.cc-local-reviews blockquote.cc-local-q::after{content:none !important;display:none !important}
.cc-local-rev-track{margin:0 auto}
.cc-local-rev{max-width:820px;margin:0 auto}
/* quitar borde amber remanente del .cc-local-rev v1 */
.cc-local-reviews .cc-local-rev{border-left:0 !important;border:none !important;padding-left:0 !important;padding:0 !important}
/* ===== Boton Pedir por WhatsApp (ficha) ===== */
.cc-pw-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:12px;padding:14px 18px;background:#12a150;color:#fff;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;transition:.2s;box-shadow:0 12px 26px -16px rgba(18,161,80,.75)}
.cc-pw-btn:hover{background:#0e8a44;color:#fff;transform:translateY(-1px)}
.cc-pw-btn i{font-size:22px}
.cc-pw-hint{font-size:12px;color:#7A6558;margin:8px 0 0;text-align:center;line-height:1.4}
/* ===== WhatsApp INLINE a la derecha de Añadir al carrito (misma línea, mismo alto) ===== */
.single-product .woocommerce-variation-add-to-cart,
.single-product form.cart:not(.variations_form):not(.grouped_form){display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
.single-product .woocommerce-variation-add-to-cart .quantity,
.single-product form.cart .quantity{margin:0}
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.single-product form.cart .single_add_to_cart_button{flex:1 1 auto;margin:0}
/* el boton WhatsApp deja de ser full-width: fila, mismo alto (stretch), ancho minimo */
.cc-pw-btn{flex:1 1 44%;min-width:165px;width:auto;margin:0;padding:0 16px;box-shadow:0 12px 26px -16px rgba(18,161,80,.75)}
.cc-pw-hint{flex-basis:100%;order:10;margin:4px 0 0}
@media(max-width:480px){.cc-pw-btn{flex-basis:100%}}
/* ===== WhatsApp inline (override definitivo, alta especificidad) ===== */
.single-product .woocommerce-variation-add-to-cart a.cc-pw-btn,
.single-product form.cart a.cc-pw-btn{flex:1 1 42% !important;width:auto !important;min-width:160px !important;margin:0 !important;padding:0 16px !important;align-self:stretch}
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.single-product form.cart .single_add_to_cart_button{flex:1 1 42% !important;width:auto !important}
.single-product .cc-pw-hint{flex-basis:100% !important;order:10;margin:6px 0 0}
@media(max-width:600px){.single-product .woocommerce-variation-add-to-cart a.cc-pw-btn,.single-product form.cart a.cc-pw-btn{flex-basis:100% !important}}
/* ===== WhatsApp inline v5: flex-basis 0 para que carrito+WhatsApp compartan fila ===== */
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.single-product form.cart:not(.grouped_form) .single_add_to_cart_button{flex:1 1 0 !important;width:auto !important;min-width:140px}
.single-product .woocommerce-variation-add-to-cart a.cc-pw-btn,
.single-product form.cart:not(.grouped_form) a.cc-pw-btn{flex:1 1 0 !important;width:auto !important;min-width:150px !important}
@media(max-width:600px){
.single-product .woocommerce-variation-add-to-cart a.cc-pw-btn,
.single-product form.cart:not(.grouped_form) a.cc-pw-btn{flex-basis:100% !important}
}
/* ===== Páginas estáticas (Nosotros, Taller, Envíos, etc.) ===== */
.cc-page{max-width:920px;margin:0 auto}
.cc-page-lead{font-size:19px;line-height:1.7;color:#4a3a30;margin:0 0 8px}
.cc-page h2{font-family:'Fraunces',serif;font-weight:500;font-size:26px;color:#2B1A12;margin:34px 0 14px;display:flex;align-items:center;gap:10px}
.cc-page h2 i{color:#9C3905;font-size:28px}
.cc-page p{font-size:16px;line-height:1.72;color:#4a3a30;margin:0 0 14px}
.cc-page ul{margin:0 0 16px;padding-left:0;list-style:none}
.cc-page ul li{position:relative;padding:6px 0 6px 30px;font-size:15.5px;color:#4a3a30;line-height:1.55}
.cc-page ul li::before{content:'';position:absolute;left:6px;top:13px;width:8px;height:8px;border-radius:50%;background:#9C3905}
.cc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 22px}
.cc-card{background:#fff;border:1px solid #EDE1D8;border-radius:16px;padding:22px 20px}
.cc-card i{color:#9C3905;font-size:32px;display:block;margin-bottom:10px}
.cc-card b{display:block;font-size:16px;color:#2B1A12;margin-bottom:5px;font-family:'Fraunces',serif;font-weight:500}
.cc-card span{font-size:14px;color:#6B5A50;line-height:1.55}
.cc-steps{counter-reset:s;display:grid;gap:14px;margin:8px 0 22px}
.cc-step{position:relative;padding:16px 18px 16px 60px;background:color-mix(in srgb,#FFBA98 7%,#fff);border:1px solid #F1E0D0;border-radius:14px}
.cc-step::before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:14px;width:30px;height:30px;border-radius:50%;background:#9C3905;color:#fff;font-weight:700;display:grid;place-items:center;font-size:15px}
.cc-step b{display:block;color:#2B1A12;font-size:15.5px;margin-bottom:2px}
.cc-step span{font-size:14px;color:#6B5A50;line-height:1.5}
.cc-page-cta{background:linear-gradient(120deg,#FCEADE,#FBF5EF);border:1px solid #F1D9C7;border-radius:18px;padding:30px;text-align:center;margin:34px 0 10px}
.cc-page-cta h2{justify-content:center;margin-top:0}
.cc-page-cta p{color:#6B5A50}
.cc-page-btn{display:inline-block;background:#9C3905;color:#fff;padding:13px 26px;border-radius:12px;font-weight:600;text-decoration:none;margin:6px 5px 0}
.cc-page-btn.wa{background:#12a150}
.cc-page-btn.ghost{background:#fff;color:#9C3905;border:1.5px solid #9C3905}
.cc-page-btn:hover{opacity:.92;color:#fff}
.cc-page-faq details{border-bottom:1px solid #EDE1D8;padding:14px 0}
.cc-page-faq summary{cursor:pointer;font-weight:600;color:#2B1A12;font-size:16px;list-style:none}
.cc-page-faq summary::-webkit-details-marker{display:none}
.cc-page-faq summary::before{content:'+';color:#9C3905;font-weight:700;margin-right:10px}
.cc-page-faq details[open] summary::before{content:'–'}
@media(max-width:760px){.cc-cards{grid-template-columns:1fr}}
/* ===== Foto en páginas estáticas ===== */
.cc-page-photo{margin:18px 0 26px;border-radius:18px;overflow:hidden;border:1px solid #EDE1D8;box-shadow:0 22px 55px -34px rgba(70,30,12,.5);line-height:0}
.cc-page-photo img{width:100%;height:auto;display:block;max-height:460px;object-fit:cover;object-position:center 28%}
/* ===== Fix móvil: botón WhatsApp con alto normal al apilarse ===== */
@media(max-width:600px){
.single-product .woocommerce-variation-add-to-cart a.cc-pw-btn,
.single-product form.cart:not(.grouped_form) a.cc-pw-btn{padding:14px 16px !important;min-height:48px}
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.single-product form.cart:not(.grouped_form) .single_add_to_cart_button{flex:1 1 100% !important}
.cc-pw-hint{text-align:center}
}
/* grid de productos en pagina local: respeta columnas responsivas de Woodmart */
.cc-local-prods .wd-products{margin:0}
/* ===== Botón WhatsApp: MISMO estilo que Añadir al carrito (solo cambia color) ===== */
.cc-pw-btn{font-size:13px !important;font-weight:600 !important;border-radius:8px !important;text-transform:uppercase !important;letter-spacing:normal !important}
.cc-pw-btn i{font-size:18px}
/* ===== Hub de Guías + artículos ===== */
.cc-guias-intro{max-width:820px;margin:0 auto 30px;text-align:center;font-size:18px;line-height:1.7;color:#4a3a30}
.cc-guias-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1040px;margin:0 auto}
.cc-guia-card{display:flex;flex-direction:column;background:#fff;border:1px solid #EDE1D8;border-radius:16px;padding:26px 22px;text-decoration:none;color:#2B1A12;transition:.25s}
.cc-guia-card:hover{border-color:#9C3905;transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(70,30,12,.45)}
.cc-guia-card i{color:#9C3905;font-size:36px;margin-bottom:12px}
.cc-guia-card h3{font-family:'Fraunces',serif;font-weight:500;font-size:19px;margin:0 0 8px;line-height:1.25}
.cc-guia-card p{font-size:14px;color:#6B5A50;line-height:1.55;margin:0 0 14px;flex:1}
.cc-guia-more{color:#9C3905;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:5px}
.cc-guia-card:hover .cc-guia-more i{transform:translateX(3px);transition:.2s}
/* articulo de guia */
.cc-guia{max-width:820px;margin:0 auto}
.cc-guia .cc-page-lead{font-size:19px;line-height:1.7;color:#4a3a30;margin-bottom:10px}
.cc-guia h2{font-family:'Fraunces',serif;font-weight:500;font-size:23px;color:#2B1A12;margin:28px 0 10px;display:flex;align-items:center;gap:10px}
.cc-guia h2 i{color:#9C3905;font-size:26px}
.cc-guia p{font-size:16px;line-height:1.72;color:#4a3a30;margin:0 0 14px}
.cc-guia a{color:#9C3905;font-weight:600}
.cc-guia-disc{background:color-mix(in srgb,#FFBA98 8%,#fff);border:1px solid #F1E0D0;border-radius:12px;padding:14px 16px;font-size:14px !important;color:#6B5A50;display:flex;gap:9px;align-items:flex-start;margin:22px 0}
.cc-guia-disc i{color:#9C3905;font-size:19px;flex:0 0 auto;margin-top:1px}
@media(max-width:820px){.cc-guias-grid{grid-template-columns:1fr}}
/* ===== FAQ dentro de guías ===== */
.cc-guia-faq{margin:18px 0 24px;border-top:1px solid #EDE1D8}
.cc-guia-faq details{border-bottom:1px solid #EDE1D8;padding:14px 0}
.cc-guia-faq summary{cursor:pointer;font-weight:600;color:#2B1A12;font-size:16px;list-style:none;display:flex;gap:10px}
.cc-guia-faq summary::-webkit-details-marker{display:none}
.cc-guia-faq summary::before{content:'+';color:#9C3905;font-weight:700}
.cc-guia-faq details[open] summary::before{content:'–'}
.cc-guia-faq details p{margin:10px 0 0;color:#4a3a30;font-size:15px;line-height:1.65}
.cc-guia ul{margin:0 0 16px;padding-left:0;list-style:none}
.cc-guia ul li{position:relative;padding:5px 0 5px 26px;font-size:15.5px;color:#4a3a30;line-height:1.55}
.cc-guia ul li::before{content:'';position:absolute;left:4px;top:12px;width:7px;height:7px;border-radius:50%;background:#9C3905}
/* ===== Sidebar del blog / guías ===== */
.cc-side-cta{background:#fff;border:1px solid #EDE1D8;border-radius:14px;padding:20px 18px;margin-bottom:18px;text-align:center;box-shadow:0 10px 26px -22px rgba(70,30,12,.4)}
.cc-side-cta i{color:#9C3905;font-size:30px;display:block;margin-bottom:8px}
.cc-side-cta h4{font-family:'Fraunces',serif;font-weight:500;font-size:16px;margin:0 0 6px;color:#2B1A12}
.cc-side-cta p{font-size:13px;color:#6B5A50;line-height:1.5;margin:0 0 13px}
.cc-side-cta a{display:inline-block;background:#9C3905;color:#fff;padding:9px 20px;border-radius:9px;font-weight:600;font-size:13px;text-decoration:none;transition:.2s}
.cc-side-cta a:hover{background:#7E2C04;color:#fff}
.cc-side-cta-wa a{background:#12a150}.cc-side-cta-wa a:hover{background:#0e8a44}
/* lista de productos WC en sidebar */
.widget .product_list_widget li a{color:#2B1A12;font-weight:500}
.widget .product_list_widget .amount{color:#9C3905;font-weight:700}
/* ===== PORTADA: Hero ===== */
.cc-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);height:660px;overflow:hidden;background:#EADbcf}
.cc-hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.1s ease;display:flex;align-items:center;pointer-events:none}
.cc-hero-slide.on{opacity:1;pointer-events:auto}
.cc-hero-inner{max-width:520px;padding:32px 40px;position:relative;z-index:2}
.pos-center .cc-hero-inner{margin:0 auto;text-align:center}
.pos-right .cc-hero-inner{margin-left:auto;margin-right:4vw}
.pos-left .cc-hero-inner{margin-left:4vw}
.cc-hero-h{font-family:'Fraunces',serif;font-weight:500;font-size:46px;line-height:1.08;color:#2B1A12;margin:0 0 16px;text-wrap:balance;text-shadow:0 1px 18px rgba(255,246,240,.55)}
.cc-hero-p{font-size:18px;line-height:1.6;color:#4a3a30;margin:0 0 24px;text-shadow:0 1px 12px rgba(255,246,240,.6)}
.pos-center .cc-hero-p{max-width:46ch;margin-left:auto;margin-right:auto}
.cc-hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.pos-center .cc-hero-btns{justify-content:center}
.cc-hero-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;transition:.2s}
.cc-hero-btn.primary{background:#9C3905;color:#fff;box-shadow:0 14px 30px -14px rgba(156,57,5,.7)}
.cc-hero-btn.primary:hover{background:#7E2C04;color:#fff;transform:translateY(-1px)}
.cc-hero-btn.ghost{background:rgba(255,255,255,.85);color:#9C3905;border:1.5px solid #9C3905}
.cc-hero-btn.ghost:hover{background:#fff;color:#7E2C04}
.cc-hero-btn i{font-size:18px}
.cc-hero-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:rgba(255,255,255,.8);border:none;width:44px;height:44px;border-radius:50%;font-size:26px;color:#9C3905;cursor:pointer;display:grid;place-items:center;transition:.2s;line-height:1}
.cc-hero-arr:hover{background:#fff}
.cc-hero-arr.prev{left:20px}.cc-hero-arr.next{right:20px}
.cc-hero-dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:9px}
.cc-hero-dots button{width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:transparent;cursor:pointer;padding:0;transition:.2s}
.cc-hero-dots button.on{background:#fff}
@media(max-width:1024px){.cc-hero{height:560px}.cc-hero-h{font-size:36px}}
@media(max-width:767px){.cc-hero{height:520px}.cc-hero-inner{padding:24px;max-width:none;margin:0 auto !important;text-align:center}.pos-right .cc-hero-inner,.pos-left .cc-hero-inner{margin:0 auto;text-align:center}.cc-hero-h{font-size:30px}.cc-hero-btns{justify-content:center}.cc-hero-slide{background-position:70% center}}
/* ===== PORTADA: secciones ===== */
.cc-sec{max-width:1200px;margin:0 auto;padding:64px 24px}
.cc-sec-head{text-align:center;margin-bottom:36px}
.cc-sec-eyebrow{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:12.5px;font-weight:600;color:#B68176;margin-bottom:8px}
.cc-sec-title{font-family:'Fraunces',serif;font-weight:500;font-size:34px;color:#2B1A12;margin:0;text-wrap:balance}
/* categorias */
.cc-cats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.cc-cat{position:relative;display:block;border-radius:16px;overflow:hidden;text-decoration:none;aspect-ratio:1/1;background:#FFF6F0}
.cc-cat-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s}
.cc-cat:hover .cc-cat-img{transform:scale(1.05)}
.cc-cat-label{position:absolute;left:0;bottom:0;z-index:2;display:inline-flex;align-items:center;gap:6px;margin:14px;padding:8px 14px;background:rgba(255,255,255,.92);border-radius:10px;font-weight:600;font-size:14.5px;color:#2B1A12;transition:.25s}
.cc-cat-label i{color:#9C3905;font-size:13px;transition:transform .25s}
.cc-cat:hover .cc-cat-label{background:#9C3905;color:#fff}
.cc-cat:hover .cc-cat-label i{color:#fff;transform:translateX(3px)}
@media(max-width:1024px){.cc-cats-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.cc-cats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cc-sec{padding:44px 16px}.cc-sec-title{font-size:27px}}
/* ===== PORTADA: banda selector ===== */
.cc-band{width:100vw;margin-left:calc(50% - 50vw);background-color:#FFBA98;background-size:cover;background-position:center;padding:72px 24px;text-align:center}
.cc-band-inner{max-width:640px;margin:0 auto}
.cc-band-inner>i{font-size:44px;color:#9C3905;margin-bottom:12px;display:inline-block}
.cc-band-inner h2{font-family:'Fraunces',serif;font-weight:500;font-size:36px;color:#2B1A12;margin:0 0 12px;text-wrap:balance}
.cc-band-inner p{font-size:17px;line-height:1.6;color:#5a4436;margin:0 0 24px}
.cc-band-btn{display:inline-block;background:#9C3905;color:#fff;padding:15px 34px;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none;box-shadow:0 16px 34px -16px rgba(156,57,5,.7);transition:.2s}
.cc-band-btn:hover{background:#7E2C04;color:#fff;transform:translateY(-2px)}
/* ===== etapas ===== */
.cc-etapas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cc-etapa{display:flex;flex-direction:column;background:#fff;border:1px solid #EDE1D8;border-radius:18px;overflow:hidden;text-decoration:none;color:#2B1A12;transition:.25s}
.cc-etapa:hover{border-color:#9C3905;transform:translateY(-4px);box-shadow:0 22px 46px -26px rgba(70,30,12,.45)}
.cc-etapa-img{position:relative;aspect-ratio:4/5;background-size:cover;background-position:center top}
.cc-etapa-badge{position:absolute;top:14px;left:14px;background:#9C3905;color:#fff;font-weight:600;font-size:12.5px;padding:5px 13px;border-radius:20px}
.cc-etapa-body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.cc-etapa-body b{font-family:'Fraunces',serif;font-weight:500;font-size:20px}
.cc-etapa-body>span{font-size:14.5px;color:#6B5A50;line-height:1.55}
.cc-etapa-more{margin-top:auto;color:#9C3905;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:5px}
.cc-etapa:hover .cc-etapa-more i{transform:translateX(3px);transition:.2s}
/* ===== marcas ===== */
.cc-marcas-sec{padding-top:40px}
.cc-marcas-note{text-align:center;margin-top:22px;color:#6B5A50;font-size:15px}
/* ===== taller ===== */
.cc-taller-feat{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:520px;background-size:cover;background-position:center right;display:flex;align-items:center}
.cc-taller-feat::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,246,240,.92) 0%,rgba(255,246,240,.7) 38%,transparent 62%)}
.cc-taller-inner{position:relative;z-index:2;max-width:520px;padding:56px 40px 56px 6vw}
.cc-taller-inner h2{font-family:'Fraunces',serif;font-weight:500;font-size:40px;color:#2B1A12;margin:6px 0 14px}
.cc-taller-inner p{font-size:17px;line-height:1.65;color:#4a3a30;margin:0 0 24px}
.cc-taller-btns{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:900px){.cc-etapas-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.cc-taller-feat::before{background:linear-gradient(180deg,rgba(255,246,240,.6),rgba(255,246,240,.94))}.cc-taller-inner{padding:44px 24px}}
@media(max-width:600px){.cc-band-inner h2{font-size:28px}.cc-taller-inner h2{font-size:30px}}
/* ===== PORTADA: sucursales + reseñas ===== */
.cc-sucp{max-width:1200px}
.cc-sucp-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.cc-sucp-info .cc-sec-title{margin:6px 0 16px}
.cc-sucp-info p{font-size:16px;color:#4a3a30;line-height:1.6;margin:0 0 22px}
.cc-sucp-badge{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.cc-sucp-avg{font-family:'Fraunces',serif;font-size:40px;font-weight:500;color:#9C3905;line-height:1}
.cc-sucp-stars{color:#E8A94B;font-size:18px;letter-spacing:2px}
.cc-sucp-count{font-size:13px;color:#7A6558}
.cc-sucp-rev{position:relative;background:#fff;border:1px solid #EDE1D8;border-radius:20px;padding:34px 30px 44px;min-height:230px;box-shadow:0 22px 50px -30px rgba(70,30,12,.4)}
.cc-sucp-rev>i{color:#F0C9B2;font-size:40px}
.cc-sucp-q{position:absolute;left:30px;right:30px;opacity:0;visibility:hidden;transition:opacity .5s;font-size:16.5px;font-style:italic;color:#4a3a30;line-height:1.6}
.cc-sucp-q.on{opacity:1;visibility:visible;position:relative;left:0;right:0}
.cc-sucp-qstars{display:block;color:#E8A94B;font-size:15px;letter-spacing:2px;margin-bottom:8px}
.cc-sucp-q cite{display:block;font-style:normal;font-weight:600;color:#9C3905;margin-top:10px;font-size:13.5px}
.cc-sucp-q cite span{color:#7A6558;font-weight:400}
.cc-sucp-dots{position:absolute;bottom:20px;left:30px;display:flex;gap:6px}
.cc-sucp-dots i{width:7px;height:7px;border-radius:50%;background:#e6ddd5;display:block}.cc-sucp-dots i.on{background:#9C3905}
@media(max-width:900px){.cc-sucp-grid{grid-template-columns:1fr;gap:28px}}
/* ===== Fix: hover de botones a terracota (no el magenta del demo) ===== */
:root,body,.wd-buttons,.woodmart-buttons{--btn-accented-bgcolor-hover:#7E2C04 !important;--btn-default-bgcolor-hover:#7E2C04 !important}
.single_add_to_cart_button:hover,
.wd-buttons a.button:hover,
li.product .add_to_cart_button:hover,
.product-grid-item .add_to_cart_button:hover,
.woodmart-add-btn:hover,
a.button.alt:hover,
.wd-add-btn a:hover,
.checkout-button:hover,
button.single_add_to_cart_button:hover{background-color:#7E2C04 !important;border-color:#7E2C04 !important}
/* ===== Page-title / breadcrumb: fondo suave de marca (no negro) manteniendo contraste ===== */
/* ---- CABECERA DE PAGINA / BREADCRUMB: banda suave con textura de arcos (Erwin) ---- */
.wd-page-title,.woodmart-page-title{
background-color:#FFF6F0 !important;
background-image:linear-gradient(100deg,rgba(255,186,152,.38) 0%,rgba(255,186,152,.14) 62%,rgba(182,129,118,.10) 100%),url("/wp-content/uploads/2026/07/textura-arcos-crema.svg") !important;
background-size:auto,cover !important;
background-position:center,center 35% !important;
background-repeat:no-repeat,no-repeat !important;
border-bottom:1px solid rgba(156,57,5,.10);
position:relative;
}
.wd-page-title .entry-title,.woodmart-page-title .entry-title{color:#40200F !important;position:relative;z-index:1}
.wd-page-title .breadcrumbs,.wd-page-title .woodmart-breadcrumbs{color:#7A5546 !important;position:relative;z-index:1}
.wd-page-title .breadcrumbs a{color:#9C3905 !important}
.wd-page-title .breadcrumbs a:hover{color:#B68176 !important}
/* Cabecera de pagina: navegacion de categorias y boton, sobre fondo claro */
/* Quick shop (popup "Seleccionar opciones"): mismos botones que la ficha */
.quick-shop-form .variations_button{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.quick-shop-form .variations_button .quantity{order:1}
.quick-shop-form .single_add_to_cart_button{order:2;flex:1 1 100%;border-radius:8px !important;min-height:44px;font-size:13px;font-weight:600;letter-spacing:normal}
.quick-shop-form a.cc-pw-btn{order:3;flex:1 1 100%;width:100% !important;min-height:44px;height:auto !important;margin:0 !important;padding:12px 16px !important;border-radius:8px !important;box-sizing:border-box;line-height:1.2}
.quick-shop-form a.cc-pw-btn i{font-size:18px}
.quick-shop-form .cc-pw-hint{display:none}
/* ============ TALLER DE ALTERACIONES ============ */
.cc-taller-hero{position:relative;margin:0 0 34px;border-radius:20px;overflow:hidden;background:#EFE3D8}
.cc-taller-hero img{display:block;width:100%;height:auto;object-fit:cover;min-height:340px}
.cc-taller-hero figcaption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 clamp(22px,5vw,64px);max-width:min(620px,58%);
background:linear-gradient(90deg,rgba(51,26,12,.72) 0%,rgba(51,26,12,.45) 62%,rgba(51,26,12,0) 100%)}
.cc-taller-kicker{display:inline-block;width:fit-content;padding:5px 12px;border-radius:99px;background:rgba(255,186,152,.22);color:#FFD8C2;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.cc-taller-hero figcaption strong{font-family:"Fraunces",serif;font-size:clamp(26px,3.4vw,42px);line-height:1.12;color:#fff;font-weight:600}
.cc-taller-sub{color:rgba(255,255,255,.9);font-size:15.5px;line-height:1.5;max-width:44ch}
.cc-btn-wa{display:inline-flex;align-items:center;gap:9px;width:fit-content;margin-top:6px;padding:13px 22px;border-radius:10px;background:#12a150;color:#fff !important;font-weight:600;font-size:14.5px;text-decoration:none;transition:.2s}
.cc-btn-wa:hover{background:#0e8a44;transform:translateY(-1px)}
.cc-btn-wa i{font-size:21px}
.cc-btn-ghost{display:inline-flex;align-items:center;gap:9px;width:fit-content;padding:13px 22px;border-radius:10px;border:1px solid #D9C4B6;background:#fff;color:#9C3905 !important;font-weight:600;font-size:14.5px;text-decoration:none;transition:.2s}
.cc-btn-ghost:hover{border-color:#9C3905;background:#FFF6F0}
.cc-btn-ghost i{font-size:20px}
@media(max-width:860px){
.cc-taller-hero figcaption{position:static;max-width:none;background:#3B2114;padding:26px 22px 30px}
.cc-taller-hero img{min-height:200px}
}
.cc-cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.cc-cards-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cc-cards-3{grid-template-columns:1fr}}
.cc-taller-notas{margin:0 0 34px;padding:22px 24px 22px 42px;border-radius:16px;background:#FFF6F0;border:1px solid #F1DED2}
.cc-taller-notas li{margin-bottom:11px;font-size:15.5px;line-height:1.6;color:#4A3529}
.cc-taller-notas li:last-child{margin-bottom:0}
.cc-taller-tiendas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 36px}
@media(max-width:900px){.cc-taller-tiendas{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cc-taller-tiendas{grid-template-columns:1fr}}
.cc-tt-item{display:flex;flex-direction:column;gap:5px;padding:15px 16px;border:1px solid #EDE1D8;border-radius:14px;background:#fff}
.cc-tt-item.is-ppal{border-color:#9C3905;background:#FFF6F0}
.cc-tt-item b{font-size:14.5px;color:#2B1A12}
.cc-tt-tag{align-self:flex-start;padding:3px 9px;border-radius:99px;background:#9C3905;color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-style:normal}
.cc-tt-item span{font-size:13px;line-height:1.5;color:#7A6558}
.cc-tt-links{display:flex;gap:14px;margin-top:6px}
.cc-tt-links a{font-size:13px;font-weight:600;color:#9C3905;text-decoration:none;border-bottom:1px solid rgba(156,57,5,.3)}
.cc-tt-links a:hover{border-bottom-color:#9C3905}
.cc-cta-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}
/* Cabecera de pagina: migas en tono legible (el tema usa .wd-breadcrumbs) */
.wd-page-title .wd-breadcrumbs,
.wd-page-title .woocommerce-breadcrumb,
.wd-page-title nav[aria-label="Breadcrumb"]{color:#7A5546 !important;position:relative;z-index:1}
.wd-page-title .wd-breadcrumbs a,
.wd-page-title .woocommerce-breadcrumb a{color:#9C3905 !important}
.wd-page-title .wd-breadcrumbs a:hover{color:#B68176 !important}
.wd-page-title .wd-breadcrumbs .wd-delimiter,
.wd-page-title .wd-breadcrumbs .wd-last{color:#8A6A5C !important}
/* Bloque CTA de cierre en paginas de contenido */
.cc-page .cc-cta{margin:40px 0 10px;padding:34px 28px;border-radius:20px;text-align:center;
background:linear-gradient(120deg,#FFF6F0 0%,#FDEBE0 100%);border:1px solid #F1DED2}
.cc-page .cc-cta h3{margin:0 0 8px;font-family:"Fraunces",serif;font-size:clamp(21px,2.4vw,27px);color:#40200F;font-weight:600}
.cc-page .cc-cta p{margin:0 auto;max-width:56ch;color:#6B5347;font-size:15.5px;line-height:1.6}
.cc-page-faq details p{margin:10px 0 0;color:#4a3a30;font-size:15px;line-height:1.65}
/* ============ FOOTER: columna de contacto ============ */
.cc-foot-contact{display:flex;flex-direction:column;gap:16px}
/* 17-sep: verde oscurecido para AA. #12a150 con blanco daba 3.37:1; #0B7A3B da 5.44:1 y el hover #086B35 6.64:1 */
.cc-foot-wa{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:12px;background:#0B7A3B;color:#fff !important;text-decoration:none;transition:.2s}
.cc-foot-wa:hover,.cc-foot-wa:focus-visible{background:#086B35;transform:translateY(-1px)}
.cc-foot-wa i{font-size:27px;flex:0 0 auto}
.cc-foot-wa span{display:flex;flex-direction:column;line-height:1.3}
.cc-foot-wa b{font-size:13.5px;font-weight:600}
.cc-foot-wa em{font-style:normal;font-size:16px;font-weight:700;letter-spacing:.02em}
.cc-foot-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:13px}
.cc-foot-list li{display:flex;gap:11px;align-items:flex-start}
.cc-foot-list li i{flex:0 0 auto;margin-top:2px;font-size:19px;color:#9C3905}
.cc-foot-list li span{display:flex;flex-direction:column;gap:2px;font-size:13.5px;line-height:1.5;color:#6B5347}
.cc-foot-list li b{font-size:13.5px;font-weight:600;color:#2B1A12}
.cc-foot-list li a{color:#9C3905;text-decoration:none;border-bottom:1px solid rgba(156,57,5,.28)}
.cc-foot-list li a:hover{border-bottom-color:#9C3905}
.cc-foot-social{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid rgba(156,57,5,.12)}
.cc-foot-social a{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid #EDE1D8;color:#9C3905 !important;font-size:20px;transition:.2s}
.cc-foot-social a:hover{background:#9C3905;border-color:#9C3905;color:#fff !important;transform:translateY(-2px)}
.cc-foot-handle{margin-inline-start:4px;font-size:13px;font-weight:600;color:#7A6558}
/* ---- Breadcrumb de la FICHA: sin "Inicio", nombre truncado, todo en una linea ---- */
.single-breadcrumbs-wrapper{align-items:center;gap:14px}
.single-breadcrumbs-wrapper .wd-breadcrumbs{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;white-space:nowrap;min-width:0;flex:1 1 auto;overflow:hidden}
.single-breadcrumbs-wrapper .wd-breadcrumbs > a:first-of-type{display:none}
.single-breadcrumbs-wrapper .wd-breadcrumbs > a:first-of-type + .wd-delimiter{display:none}
.single-breadcrumbs-wrapper .wd-breadcrumbs .wd-last{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.single-breadcrumbs-wrapper .wd-products-nav{flex:0 0 auto}
/* ---- Filtro de marca: logos un 20% mas grandes (variable propia del tema) ---- */
.wd-swatches-filter.wd-swatches-brands{--wd-swatch-w:72px;--wd-swatch-h:36px}
.wd-swatches-filter.wd-swatches-brands.wd-size-large{--wd-swatch-w:108px;--wd-swatch-h:48px}
/* ============ GUIA DE TALLAS: version COMPACTA solo dentro del popup de la ficha ============ */
/* En su pagina /guia-de-tallas/ se queda como esta (normal, con aire). */
.wd-sizeguide{max-width:760px}
.wd-sizeguide .wd-sizeguide-content{padding:22px 24px 24px}
.wd-sizeguide .cc-guia-lead{margin:0 0 14px;font-size:13.5px;line-height:1.5;color:#6B5347}
.wd-sizeguide .cc-medir-card b{grid-area:b;font-size:13px;line-height:1.2}
.wd-sizeguide .cc-medir-card span:not(.cc-medir-n){grid-area:s;font-size:11.5px;line-height:1.35;color:#7A6558}
.wd-sizeguide .cc-guia-hint{margin:0 0 12px;font-size:12px;padding:8px 11px}
.wd-sizeguide .cc-guia-hint i{font-size:15px}
.wd-sizeguide .cc-guia-tablewrap{max-height:46vh;overflow:auto;border-radius:12px;border:1px solid #EDE1D8}
.wd-sizeguide .cc-guia-table{margin:0;font-size:12.5px;border:0}
.wd-sizeguide .cc-guia-table th{position:sticky;top:0;z-index:1;background:#FFF6F0;padding:8px 6px;font-size:10.5px;line-height:1.2;letter-spacing:.04em;white-space:nowrap}
.wd-sizeguide .cc-guia-table td{padding:6px 6px;text-align:center;white-space:nowrap}
.wd-sizeguide .cc-guia-table tbody tr:nth-child(odd){background:#FCF7F3}
.wd-sizeguide .cc-guia-foot{margin:10px 0 0;font-size:11.5px;line-height:1.45;color:#8A7365}
@media(max-width:600px){
.wd-sizeguide .cc-medir-cards{grid-template-columns:1fr}
.wd-sizeguide .cc-guia-tablewrap{max-height:52vh}
}
/* Footer: columna de marca (logo + narrativa + redes al final) */
.cc-foot-brand{display:flex;flex-direction:column;gap:14px}
.cc-foot-logo{display:block;width:200px;max-width:70%}
.cc-foot-logo img{display:block;width:100%;height:auto}
.cc-foot-brand p{margin:0;font-size:13.5px;line-height:1.65;color:#6B5347}
.cc-foot-brand p strong{color:#40200F}
.cc-foot-brand .cc-foot-social{margin-top:4px}
/* Footer: lista de enlaces con icono */
.cc-foot-nav{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}
.cc-foot-nav li{display:flex;align-items:center;gap:10px}
.cc-foot-nav li i{flex:0 0 auto;font-size:18px;color:#9C3905}
.cc-foot-nav li a{font-size:13.5px;color:#6B5347;text-decoration:none;transition:.15s}
.cc-foot-nav li a:hover{color:#9C3905}
/* ---- Mega menu: franja fina al pie con el catalogo en PDF ---- */
.wd-sub-menu > li.cc-mega-strip{flex:0 0 100%;width:100%;order:99;margin-top:14px;padding-top:14px;border-top:1px solid rgba(156,57,5,.14)}
.wd-sub-menu > li.cc-mega-strip > a{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px !important;border-radius:10px;
background:linear-gradient(100deg,#FFF6F0 0%,#FDEBE0 100%);color:#9C3905 !important;font-size:13.5px;font-weight:600;letter-spacing:.01em;transition:.2s}
.wd-sub-menu > li.cc-mega-strip > a:hover{background:#9C3905;color:#fff !important}
.wd-sub-menu > li.cc-mega-strip > a .wd-nav-img,
.wd-sub-menu > li.cc-mega-strip > a i{font-size:19px}
.wd-sub-menu > li.cc-mega-strip > a::after{content:"\2192";font-size:15px;line-height:1}
/* Footer: boton de WhatsApp mas discreto y al final de la columna */
.cc-foot-wa.cc-foot-wa-sm{order:9;margin-top:2px;padding:9px 12px;border-radius:10px;align-self:flex-start}
.cc-foot-wa.cc-foot-wa-sm i{font-size:21px}
.cc-foot-wa.cc-foot-wa-sm b{font-size:11.5px;font-weight:500}
.cc-foot-wa.cc-foot-wa-sm em{font-size:14px}
/* ================= CTA UNICO DEL SITIO =================
Se aplica a .cc-page-cta (articulos y paginas) y a .cc-cta (Taller).
Panel terracota con la textura de arcos de Erwin y texto claro. */
.cc-page-cta,
.cc-page .cc-cta{
position:relative;overflow:hidden;
margin:44px 0 12px;padding:44px 32px;border:0;border-radius:22px;text-align:center;
background-color:#7E2C04 !important;
background-image:
linear-gradient(115deg,rgba(64,32,15,.92) 0%,rgba(126,44,4,.86) 55%,rgba(156,57,5,.80) 100%),
url("/wp-content/uploads/2026/07/textura-arcos-durazno.svg") !important;
background-size:auto,cover !important;
background-position:center,center 40% !important;
box-shadow:0 30px 70px -34px rgba(64,32,15,.75);
}
.cc-page-cta > *,
.cc-page .cc-cta > *{position:relative;z-index:1}
.cc-page-cta h2,
.cc-page-cta h3,
.cc-page .cc-cta h3{
display:block !important;margin:0 0 10px !important;
font-family:"Fraunces",serif;font-size:clamp(23px,2.7vw,31px);line-height:1.18;
color:#fff !important;font-weight:600}
.cc-page-cta h2 i,.cc-page-cta h3 i,.cc-page .cc-cta h3 i{display:none}
.cc-page-cta p,
.cc-page .cc-cta p{margin:0 auto 22px !important;max-width:56ch;
color:rgba(255,255,255,.86) !important;font-size:16px;line-height:1.6}
/* botones */
.cc-page-cta .cc-page-btn,
.cc-page-cta .cc-btn-wa,
.cc-page-cta .cc-btn-ghost,
.cc-page .cc-cta .cc-btn-wa,
.cc-page .cc-cta .cc-btn-ghost{
display:inline-flex !important;align-items:center;justify-content:center;gap:9px;
margin:6px 6px 0 !important;padding:14px 26px !important;border-radius:12px !important;
font-size:15px;font-weight:600;text-decoration:none;line-height:1.2;
transition:transform .18s,background .18s,box-shadow .18s;box-shadow:none !important}
.cc-page-cta .cc-page-btn:hover,
.cc-page-cta .cc-btn-wa:hover,
.cc-page-cta .cc-btn-ghost:hover,
.cc-page .cc-cta .cc-btn-wa:hover,
.cc-page .cc-cta .cc-btn-ghost:hover{transform:translateY(-2px);opacity:1}
/* primario: WhatsApp */
.cc-page-cta .cc-page-btn.wa,
.cc-page-cta .cc-btn-wa,
.cc-page .cc-cta .cc-btn-wa{background:#12a150 !important;color:#fff !important;border:0 !important}
.cc-page-cta .cc-page-btn.wa:hover,
.cc-page-cta .cc-btn-wa:hover,
.cc-page .cc-cta .cc-btn-wa:hover{background:#0e8a44 !important;color:#fff !important}
/* secundario: contorno claro sobre el panel oscuro */
.cc-page-cta .cc-page-btn.ghost,
.cc-page-cta .cc-btn-ghost,
.cc-page .cc-cta .cc-btn-ghost{
background:rgba(255,255,255,.06) !important;color:#fff !important;
border:1.5px solid rgba(255,255,255,.55) !important}
.cc-page-cta .cc-page-btn.ghost:hover,
.cc-page-cta .cc-btn-ghost:hover,
.cc-page .cc-cta .cc-btn-ghost:hover{background:#fff !important;color:#7E2C04 !important;border-color:#fff !important}
/* el resto de botones del CTA (sin clase de color) */
.cc-page-cta .cc-page-btn:not(.wa):not(.ghost){background:#fff !important;color:#7E2C04 !important;border:0 !important}
.cc-page-cta .cc-page-btn:not(.wa):not(.ghost):hover{background:#FFF6F0 !important;color:#7E2C04 !important}
.cc-cta-btns{margin-top:0}
@media(max-width:520px){
.cc-page-cta,.cc-page .cc-cta{padding:34px 20px}
.cc-page-cta .cc-page-btn,.cc-page-cta .cc-btn-wa,.cc-page-cta .cc-btn-ghost,
.cc-page .cc-cta .cc-btn-wa,.cc-page .cc-cta .cc-btn-ghost{width:100%;margin:6px 0 0 !important}
}
/* ============ QUIENES SOMOS ============ */
.cc-nos-cifras{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 38px}
@media(max-width:800px){.cc-nos-cifras{grid-template-columns:repeat(2,1fr)}}
.cc-nos-cifras > div{display:flex;flex-direction:column;gap:4px;padding:20px 18px;border-radius:16px;background:#FFF6F0;border:1px solid #F1DED2}
.cc-nos-cifras b{font-family:"Fraunces",serif;font-size:30px;line-height:1;color:#9C3905;font-weight:600}
.cc-nos-cifras span{font-size:13px;line-height:1.45;color:#7A6558}
.cc-nos-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 8px}
@media(max-width:900px){.cc-nos-quotes{grid-template-columns:1fr}}
.cc-nos-quotes blockquote{margin:0;padding:22px 22px 18px;border:1px solid #EDE1D8;border-radius:16px;background:#fff;position:relative}
.cc-nos-quotes blockquote::before{content:"\201C";position:absolute;top:6px;left:16px;font-family:"Fraunces",serif;font-size:46px;line-height:1;color:#FFBA98}
.cc-nos-quotes blockquote p{margin:14px 0 12px;font-size:14.5px;line-height:1.6;color:#4A3529}
.cc-nos-quotes cite{font-style:normal;font-size:12.5px;font-weight:600;color:#9C3905}
.cc-nos-nota{margin:0 0 8px;font-size:12.5px;color:#8A7365}
/* ============ RESEÑAS DE PORTADA ============ */
.cc-rev{width:100%}
.cc-rev-head{display:flex;justify-content:center;margin:0 0 26px}
.cc-rev-score{display:inline-flex;align-items:center;gap:12px;padding:11px 20px;border-radius:99px;background:#FFF6F0;border:1px solid #F1DED2}
.cc-rev-score b{font-family:"Fraunces",serif;font-size:26px;line-height:1;color:#40200F;font-weight:600}
.cc-rev-score span{font-size:13px;color:#7A6558}
.cc-rev-stars{display:inline-flex;gap:2px;color:#E8A33D}
.cc-rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:980px){.cc-rev-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cc-rev-grid{grid-template-columns:1fr}}
.cc-rev-card{display:flex;flex-direction:column;gap:12px;margin:0;padding:24px 22px;border:1px solid #EDE1D8;border-radius:18px;background:#fff;
transition:transform .2s,box-shadow .2s}
.cc-rev-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(64,32,15,.45)}
.cc-rev-card blockquote{margin:0;font-size:15px;line-height:1.62;color:#3C2A20}
.cc-rev-card blockquote::before{content:"\201C"}
.cc-rev-card blockquote::after{content:"\201D"}
.cc-rev-card figcaption{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:14px;border-top:1px solid #F3E8E0}
.cc-rev-av{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:50%;
background:linear-gradient(135deg,#FFBA98,#B68176);color:#fff;font-family:"Fraunces",serif;font-size:17px;font-weight:600}
.cc-rev-who{display:flex;flex-direction:column;gap:1px;min-width:0}
.cc-rev-who b{font-size:14px;color:#2B1A12}
.cc-rev-who a,.cc-rev-who em{font-size:12.5px;color:#9C3905;font-style:normal;text-decoration:none;border-bottom:1px solid rgba(156,57,5,.25)}
.cc-rev-who em{border:0;color:#7A6558}
.cc-rev-who a:hover{border-bottom-color:#9C3905}
/* ============ MAPA FINO DE TIENDAS ============ */
.cc-mapafino{width:100%;border-radius:20px;overflow:hidden;border:1px solid #EDE1D8;box-shadow:0 20px 50px -34px rgba(64,32,15,.5)}
#cc-mapafino-map{height:330px;width:100%;background:#F7F0EA}
@media(max-width:720px){#cc-mapafino-map{height:280px}}
.cc-mf-pin span{display:block;width:20px;height:20px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);
background:#9C3905;border:2px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.28)}
.cc-mapafino .leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 14px 34px -16px rgba(0,0,0,.4)}
.cc-mapafino .leaflet-popup-content{margin:13px 15px;font-family:"Hanken Grotesk",sans-serif;display:flex;flex-direction:column;gap:4px}
.cc-mapafino .leaflet-popup-content b{font-size:14px;color:#2B1A12}
.cc-mapafino .leaflet-popup-content span{font-size:12.5px;line-height:1.45;color:#7A6558}
.cc-mapafino .cc-mf-links{display:flex;gap:12px;margin-top:5px}
.cc-mapafino .cc-mf-links a{font-size:12.5px;font-weight:600;color:#9C3905;text-decoration:none;border-bottom:1px solid rgba(156,57,5,.3)}
/* ============ PORTADA: ajustes finos ============ */
/* Categorias: nombre mas pequeno y con sombra suave para que no se pierda */
/* (La regla de portada que ponía el nombre en oscuro con sombra blanca se quitó el
20-sep-2026: el nombre va ahora en blanco sobre el velo, dentro de la tarjeta.) */
/* Etapas: el texto necesitaba mas peso de mascara */
.home .wd-banner.wd-style-shadow .wd-banner-inner::after,
.home .wd-banner.wd-style-shadow .wd-banner-img::after{opacity:1}
.home .wd-banner.wd-style-shadow .wd-banner-subtitle,
.home .wd-banner.wd-style-shadow .wd-banner-text,
.home .wd-banner.wd-style-shadow .wd-banner-text p{color:rgba(255,255,255,.92) !important;font-size:14.5px;line-height:1.55}
.home .wd-banner.wd-style-shadow .wd-banner-title{text-shadow:0 2px 18px rgba(0,0,0,.45)}
.home .wd-banner.wd-style-shadow .wd-banner-btn,
.home .wd-banner.wd-style-shadow .btn-link{
display:inline-flex !important;align-items:center;gap:8px;margin-top:12px;
padding:10px 18px !important;border-radius:10px;
background:rgba(255,255,255,.14) !important;border:1px solid rgba(255,255,255,.5) !important;
color:#fff !important;font-size:13px;font-weight:600;letter-spacing:.02em;text-decoration:none !important;
transition:background .18s,color .18s}
.home .wd-banner.wd-style-shadow .wd-banner-btn:hover,
.home .wd-banner.wd-style-shadow .btn-link:hover{background:#fff !important;color:#7E2C04 !important}
.home .wd-banner.wd-style-shadow .wd-banner-btn::after,
.home .wd-banner.wd-style-shadow .btn-link::after{content:"\2192";font-size:15px;line-height:1}
/* Marcas en la ficha de producto */
.cc-ficha-marcas{margin:44px 0 6px;padding-top:34px;border-top:1px solid #EDE1D8}
.cc-ficha-marcas h3{margin:0 0 18px;font-family:"Fraunces",serif;font-size:19px;font-weight:600;color:#40200F;text-align:center}
/* Los bloques por shortcode deben ocupar el ancho de la seccion */
.home .elementor-widget-shortcode,
.home .elementor-widget-shortcode .elementor-widget-container{width:100% !important}
/* ============ BANDA "ENCUENTRA TU FAJA" ============ */
.cc-banda{position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;
width:100%;padding:52px 46px;border-radius:24px;
background:linear-gradient(118deg,#40200F 0%,#7E2C04 52%,#9C3905 100%);
box-shadow:0 34px 80px -40px rgba(64,32,15,.8)}
.cc-banda-tex{position:absolute;inset:0;pointer-events:none;opacity:.16;
background:url("/wp-content/uploads/2026/07/textura-arcos-durazno.svg") center/cover no-repeat}
.cc-banda > *:not(.cc-banda-tex){position:relative;z-index:1}
.cc-banda-col{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.cc-banda-kicker{display:inline-block;padding:5px 13px;border-radius:99px;background:rgba(255,186,152,.18);
color:#FFD8C2;font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.cc-banda h2{margin:0;font-family:"Fraunces",serif;font-size:clamp(27px,3.1vw,38px);line-height:1.14;color:#fff;font-weight:600}
.cc-banda p{margin:0;max-width:46ch;font-size:15.5px;line-height:1.62;color:rgba(255,255,255,.82)}
.cc-banda-btn{display:inline-flex;align-items:center;gap:10px;margin-top:6px;padding:15px 28px;border-radius:12px;
background:#fff;color:#7E2C04 !important;font-size:15px;font-weight:600;text-decoration:none;
transition:transform .18s,box-shadow .18s}
.cc-banda-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px -18px rgba(0,0,0,.6);color:#7E2C04 !important}
.cc-banda-btn i{font-size:21px}
.cc-banda-nota{font-size:12.5px;color:rgba(255,255,255,.9)}
.cc-banda-pasos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cc-banda-pasos li{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:14px;
background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
transition:background .2s,transform .2s}
.cc-banda-pasos li:hover{background:rgba(255,255,255,.12);transform:translateX(3px)}
.cc-banda-n{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
background:#FFBA98;color:#40200F;font-family:"Fraunces",serif;font-size:15px;font-weight:600}
.cc-banda-t{display:flex;flex-direction:column;gap:3px;font-size:13.5px;line-height:1.5;color:#FFF6F0}
.cc-banda-t b{font-size:15px;color:#fff;font-weight:600}
@media(max-width:900px){
.cc-banda{grid-template-columns:1fr;gap:26px;padding:38px 24px}
.cc-banda p{max-width:none}
}
/* Indicador de sucursal con taller de alteraciones */
.cc-taller-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;
background:#FCEADE;border:1px solid #F0D3C0;color:#9C3905;
font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;vertical-align:middle}
.cc-taller-chip i{font-size:13px}
.cc-suc-card-h .cc-taller-chip{margin-inline-start:auto}
.cc-pop .cc-taller-chip,.cc-mapafino .cc-taller-chip{margin-top:4px;align-self:flex-start;font-size:10px;padding:2px 8px}
h2 .cc-taller-chip{font-size:10.5px;margin-inline-start:8px;position:relative;top:-2px}
/* ============ RESEÑAS DE GOOGLE (carrusel, sin cajas ni lineas) ============ */
.cc-rv{width:100%}
.cc-rv-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}
.cc-rv-nota{display:flex;align-items:center;gap:13px}
.cc-rv-num{font-family:"Fraunces",serif;font-size:44px;line-height:1;color:#40200F;font-weight:600}
.cc-rv-meta{display:flex;flex-direction:column;gap:3px}
.cc-rv-stars{display:inline-flex;gap:2px;color:#F0A83C}
.cc-rv-meta em{font-style:normal;font-size:13px;color:#7A6558}
.cc-rv-nav{display:flex;gap:8px}
.cc-rv-nav button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
background:#FFF6F0;color:#9C3905;border:0;cursor:pointer;transition:background .18s,color .18s,transform .18s}
.cc-rv-nav button:hover{background:#9C3905;color:#fff;transform:translateY(-1px)}
.cc-rv-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
padding:6px 2px 18px;margin:0 -2px;scrollbar-width:none;-ms-overflow-style:none}
.cc-rv-track::-webkit-scrollbar{display:none}
/* 20-sep-2026: las tarjetas eran blancas sobre fondo blanco y no se distinguían del resto
de la página; además cada una tenía un alto distinto según lo larga que fuera la opinión.
Ahora llevan fondo crema, borde propio y un alto mínimo común. */
.cc-rv-card{flex:0 0 clamp(260px,31%,360px);scroll-snap-align:start;min-height:230px;
display:flex;flex-direction:column;gap:12px;padding:26px 24px;border-radius:20px;
background:#FDF7F2;border:1px solid #F0E2D8;box-shadow:0 10px 28px -24px rgba(64,32,15,.45)}
.cc-rv-card p{margin:0;font-size:15px;line-height:1.62;color:#3C2A20}
.cc-rv-card footer{display:flex;align-items:center;gap:11px;margin-top:auto;padding:0;border:0}
.cc-rv-av{flex:0 0 auto;width:40px;height:40px;border-radius:50%;object-fit:cover;background:#F3E8E0}
.cc-rv-who{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}
.cc-rv-who b{font-size:14px;color:#2B1A12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-rv-who em{font-style:normal;font-size:12px;color:#7A6558;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-rv-g{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
background:#F7F1EC;opacity:.85;transition:opacity .18s,transform .18s}
.cc-rv-g:hover{opacity:1;transform:scale(1.08)}
.cc-rv-todas{display:inline-block;margin-top:2px;font-size:13.5px;font-weight:600;color:#9C3905;
text-decoration:none;border-bottom:1px solid rgba(156,57,5,.3)}
.cc-rv-todas:hover{border-bottom-color:#9C3905}
@media(max-width:640px){
.cc-rv-card{flex-basis:82%}
.cc-rv-num{font-size:36px}
}
/* ============ MAPA: motor unico ============ */
.cc-mapa{width:100%;border-radius:18px;overflow:hidden;background:#F7F0EA}
.cc-mapa-fino{box-shadow:0 16px 44px -32px rgba(64,32,15,.5)}
.cc-pin span{display:block;width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);
background:#B68176;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:background .18s,transform .18s}
.cc-pin.on span{background:#9C3905;transform:rotate(-45deg) scale(1.25)}
.leaflet-control-zoom a{width:26px !important;height:26px !important;line-height:26px !important;
font-size:15px !important;color:#7A5546 !important;border-radius:7px !important;border:0 !important;
background:rgba(255,255,255,.94) !important;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.leaflet-control-zoom{border:0 !important;box-shadow:none !important;margin:0 12px 12px 0 !important}
.leaflet-control-zoom a:hover{background:#fff !important;color:#9C3905 !important}
/* popup identico en todos los mapas */
.cc-pop-wrap .leaflet-popup-content-wrapper{border-radius:14px;box-shadow:0 18px 46px -20px rgba(0,0,0,.45);padding:0}
.cc-pop-wrap .leaflet-popup-content{margin:0;width:auto !important;min-width:230px}
.cc-pop{display:flex;flex-direction:column;gap:5px;padding:15px 17px;font-family:"Hanken Grotesk",sans-serif}
.cc-pop b{font-size:15px;color:#2B1A12;line-height:1.25}
.cc-pop-city{font-size:12.5px;color:#9A7A69}
.cc-pop-rate{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#7A6558}
.cc-pop-rate b{font-size:13px;color:#40200F}
.cc-pop-rate i{font-style:normal;color:#F0A83C;font-size:11px;letter-spacing:1px}
.cc-pop-rate em{font-style:normal;color:#9A7A69}
.cc-pop-addr{font-size:12.5px;line-height:1.45;color:#7A6558}
.cc-pop-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.cc-pop-links a{font-size:12.5px;font-weight:600;color:#9C3905;text-decoration:none;border-bottom:1px solid rgba(156,57,5,.3)}
.cc-pop-links a:hover{border-bottom-color:#9C3905}
.cc-pop .cc-taller-chip{align-self:flex-start;margin:2px 0}
/* ============ GUIAS EN PORTADA ============ */
.cc-guias-portada{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;width:100%;align-items:stretch}
@media(max-width:880px){.cc-guias-portada{grid-template-columns:1fr}}
.cc-guias-col{display:flex;flex-direction:column;gap:16px}
.cc-guia-card{display:flex;gap:16px;align-items:center;padding:14px;border-radius:18px;background:#fff;
text-decoration:none;box-shadow:0 14px 40px -32px rgba(64,32,15,.5);transition:transform .22s,box-shadow .22s}
.cc-guia-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px -30px rgba(64,32,15,.55)}
.cc-guia-card .cc-guia-img{flex:0 0 116px;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#EFE3D8}
.cc-guia-card .cc-guia-img img{width:100%;height:100%;object-fit:cover;display:block}
.cc-guia-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.cc-guia-body b{font-family:"Fraunces",serif;font-size:17px;line-height:1.25;color:#40200F;font-weight:600}
.cc-guia-body span{font-size:14px;line-height:1.55;color:#6B5347}
.cc-guia-body em{font-style:normal;font-size:13px;font-weight:600;color:#9C3905}
.cc-guia-body em::after{content:" \2192"}
.cc-guia-card.es-grande{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}
.cc-guia-card.es-grande .cc-guia-img{flex:none;border-radius:0;aspect-ratio:16/10}
.cc-guia-card.es-grande .cc-guia-body{padding:24px 26px 28px;gap:9px}
.cc-guia-card.es-grande .cc-guia-body b{font-size:25px}
.cc-guias-todas{margin-top:auto;padding:14px;text-align:center;border-radius:14px;
border:1px solid #E4D3C6;color:#9C3905;font-size:14px;font-weight:600;text-decoration:none;transition:.18s}
.cc-guias-todas:hover{background:#9C3905;border-color:#9C3905;color:#fff}
/* ---- Tarjeta de sucursal activa: sin la barra izquierda que parecia un error ---- */
.cc-suc-card{border:1px solid #EDE1D8 !important;border-left-width:1px !important;
box-shadow:none;transition:box-shadow .2s,border-color .2s,background .2s}
.cc-suc-card.active{border-color:#E0C3B0 !important;background:#FFF9F5 !important;
box-shadow:0 16px 40px -26px rgba(64,32,15,.55) !important;position:relative}
.cc-suc-card.active::before{content:none !important}
.cc-suc-card.active::after{content:none !important}
.cc-suc-card .cc-suc-q{border-left:0 !important;padding-inline-start:0 !important}
.cc-suc-card blockquote{border-left:0 !important;padding-left:0 !important}
/* ---- Burbuja de WhatsApp: la X del saludo ---- */
.cc-wa-x,.cc-wa-close,.cc-wa-pop .cc-wa-head button{
background:transparent !important;border:0 !important;border-radius:8px !important;
color:rgba(255,255,255,.75) !important;transition:background .18s,color .18s}
.cc-wa-x:hover,.cc-wa-close:hover,.cc-wa-pop .cc-wa-head button:hover{
background:rgba(255,255,255,.16) !important;color:#fff !important}
/* ---- Hero en movil: que no recorte a las modelos ---- */
@media(max-width:768px){
.wd-slide,.wd-slide .wd-slide-bg{background-position:center top !important}
.home .wd-slider .wd-slide{min-height:520px}
.home .wd-slider .wd-text-block{font-size:11px !important}
}
/* ============ ENVIOS Y MAYORISTA ============ */
.cc-dosbloques{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}
@media(max-width:860px){.cc-dosbloques{grid-template-columns:1fr}}
.cc-bloque{display:flex;flex-direction:column;gap:10px;padding:34px 32px;border-radius:20px;text-decoration:none;
transition:transform .22s,box-shadow .22s}
.cc-bloque:hover{transform:translateY(-3px)}
.cc-bloque-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;font-size:27px}
.cc-bloque b{font-family:"Fraunces",serif;font-size:23px;line-height:1.2;font-weight:600}
.cc-bloque span:not(.cc-bloque-ic){font-size:14.5px;line-height:1.6}
.cc-bloque em{font-style:normal;font-size:13.5px;font-weight:600;margin-top:4px}
.cc-bloque em::after{content:" \2192"}
.cc-bloque-envios{background:#FFF6F0;border:1px solid #F1DED2}
.cc-bloque-envios .cc-bloque-ic{background:#FCEADE;color:#9C3905}
.cc-bloque-envios b{color:#40200F}
.cc-bloque-envios span:not(.cc-bloque-ic){color:#6B5347}
.cc-bloque-envios em{color:#9C3905}
.cc-bloque-envios:hover{box-shadow:0 20px 46px -30px rgba(64,32,15,.5)}
.cc-bloque-mayor{background:linear-gradient(120deg,#40200F 0%,#7E2C04 100%)}
.cc-bloque-mayor .cc-bloque-ic{background:rgba(255,255,255,.13);color:#FFD8C2}
.cc-bloque-mayor b{color:#fff}
.cc-bloque-mayor span:not(.cc-bloque-ic){color:rgba(255,255,255,.82)}
.cc-bloque-mayor em{color:#FFD8C2}
.cc-bloque-mayor:hover{box-shadow:0 22px 50px -28px rgba(64,32,15,.75)}
/* Listado del taller: distinguir tienda con taller de punto de entrega */
.cc-tt-tag-alt{background:#F3EAE3 !important;color:#8A7365 !important}
/* ---- Tabla de talla segun inflamacion (dato oficial MeliBelt, pág. 52 del catálogo) ---- */
.cc-hinch{margin:34px 0 0;padding:26px 26px 22px;border-radius:18px;background:#FFF6F0;border:1px solid #F1DED2}
.cc-hinch h4{margin:0 0 8px;font-family:"Fraunces",serif;font-size:20px;font-weight:600;color:#40200F}
.cc-hinch > p{margin:0 0 16px;font-size:14.5px;line-height:1.6;color:#6B5347}
.cc-hinch .cc-guia-tablewrap{background:#fff;border-radius:12px;overflow:auto}
.cc-hinch-table th{font-size:11.5px;line-height:1.25;white-space:normal}
.cc-hinch-table td{font-size:13.5px}
.cc-hinch-nota{margin:14px 0 0;font-size:13px;line-height:1.55;color:#7A6558}
.cc-hinch-nota a{color:#9C3905;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(156,57,5,.3)}
/* en el popup de la ficha va compacta */
.wd-sizeguide .cc-hinch{margin-top:14px;padding:16px 16px 14px;border-radius:12px}
.wd-sizeguide .cc-hinch h4{font-size:15px;margin-bottom:5px}
.wd-sizeguide .cc-hinch > p{font-size:12.5px;margin-bottom:10px}
.wd-sizeguide .cc-hinch .cc-guia-tablewrap{max-height:none}
.wd-sizeguide .cc-hinch-table th{font-size:9.5px;padding:6px 3px !important}
.wd-sizeguide .cc-hinch-table td{font-size:11.5px;padding:4px 3px !important}
.wd-sizeguide .cc-hinch-nota{font-size:11.5px;margin-top:9px}
/* Cabecera de la tabla de inflacion: texto claro sobre la banda terracota */
.cc-hinch-table thead th{color:#fff !important;background:#9C3905 !important}
.cc-hinch-table .cc-g-rd{color:#9C3905;font-weight:700}
/* En el popup el bloque va plegado */
.cc-hinch-plegable{padding:0 !important;background:#FFF6F0;border:1px solid #F1DED2}
.cc-hinch-plegable summary{cursor:pointer;list-style:none;padding:13px 16px;font-size:13.5px;font-weight:600;color:#40200F;display:flex;align-items:center;gap:9px}
.cc-hinch-plegable summary::-webkit-details-marker{display:none}
.cc-hinch-plegable summary::before{content:'+';color:#9C3905;font-weight:700;font-size:16px;line-height:1}
.cc-hinch-plegable details[open] summary::before{content:'\2013'}
.cc-hinch-plegable details > *:not(summary){padding-inline:16px}
.cc-hinch-plegable details > p:last-child{padding-bottom:14px}
/* Guías: las tarjetas pequeñas también con imagen arriba, ancha.
Un recorte cuadrado de estas fotos caía en la pared, sin la modelo. */
.cc-guia-card{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}
.cc-guia-card .cc-guia-img{flex:none;width:100%;border-radius:0;aspect-ratio:16/9}
.cc-guia-card .cc-guia-img img{object-position:center 38%}
.cc-guia-body{padding:18px 20px 20px;gap:7px}
.cc-guia-card.es-grande .cc-guia-img{aspect-ratio:16/10}
.cc-guia-card.es-grande .cc-guia-img img{object-position:center 32%}
.cc-guias-col{gap:18px}
.cc-guias-todas{margin-top:0}
/* La guía destacada llena su columna: la imagen crece con el alto disponible */
.cc-guias-portada{align-items:stretch}
.cc-guia-card.es-grande{height:100%}
.cc-guia-card.es-grande .cc-guia-img{flex:1 1 auto;aspect-ratio:auto;min-height:340px}
/* ---- Contenedores de Elementor: conectar los márgenes que el propio Elementor calcula.
El tema no carga la regla base que consume --margin-*, así que las secciones salían pegadas. ---- */
.elementor .e-con{
margin-block-start:var(--margin-top, 0px);
margin-block-end:var(--margin-bottom, 0px);
margin-inline-start:var(--margin-left, 0px);
margin-inline-end:var(--margin-right, 0px);
}
/* ============ MAPA EN MÓVIL ============
En pantalla estrecha el panel de tiendas tapaba el mapa entero.
Se apilan: mapa arriba con alto fijo, listado debajo en flujo normal. */
@media(max-width:900px){
.cc-suc-locator{display:flex !important;flex-direction:column;height:auto !important;position:static !important}
#cc-suc-map{position:relative !important;width:100% !important;height:300px !important;
margin:0 0 16px !important;border-radius:16px;order:1}
.cc-suc-panel{position:static !important;width:100% !important;max-width:none !important;
height:auto !important;max-height:none !important;box-shadow:none !important;
border:1px solid #EDE1D8;border-radius:16px;order:2;inset:auto !important;transform:none !important}
.cc-suc-panel-scroll{max-height:none !important;overflow:visible !important}
.cc-mapa-fino #cc-mapa-map,.cc-mapa [id^="cc-mapa-"]{height:280px !important}
#cc-local-map{height:260px !important}
/* aviso de arrastre con dos dedos */
.cc-mapa,.cc-suc-locator{position:relative}
.cc-map-hint{position:absolute;inset:auto 0 0;padding:9px 12px;text-align:center;
background:rgba(32,16,8,.62);color:#fff;font-size:12px;font-weight:500;pointer-events:none;
opacity:0;transition:opacity .25s;z-index:500}
.cc-map-hint.on{opacity:1}
}
/* Localizador en móvil: mapa arriba, listado debajo. Especificidad suficiente
para ganar a .cc-suc-locator #cc-suc-map, que lo dejaba a pantalla completa. */
@media(max-width:900px){
.cc-suc .cc-suc-locator{height:auto !important;display:flex !important;flex-direction:column;
width:100% !important;margin-left:0 !important;border-radius:16px;border:1px solid #EDE1D8;overflow:hidden}
.cc-suc .cc-suc-locator #cc-suc-map{position:relative !important;inset:auto !important;
width:100% !important;height:300px !important;order:1;flex:0 0 auto}
.cc-suc .cc-suc-locator .cc-suc-panel{position:static !important;inset:auto !important;
width:100% !important;max-width:none !important;max-height:none !important;
order:2;box-shadow:none !important;border-radius:0;background:#fff}
.cc-suc .cc-suc-locator .cc-suc-panel-scroll{max-height:none !important;overflow:visible !important}
}
/* ---- Artículo: sin la firma de autor ni el contador de comentarios ---- */
.single-post .entry-meta,
.single-post .wd-post-meta,
.single-post .meta-post-categories + .entry-meta,
.single-post .post-single-page .entry-meta{display:none !important}
.single-post .entry-header .entry-title{margin-top:0}
/* la imagen destacada con el mismo redondeo del resto del sitio */
.single-post .post-image,
.single-post .entry-content > figure:first-child img,
.single-post .post-image img{border-radius:16px;overflow:hidden}
/* Figuras dentro de los artículos */
.cc-art-fig{margin:26px 0;padding:0}
.cc-art-fig img{display:block;width:100%;height:auto;border-radius:16px}
.cc-art-fig figcaption{margin-top:10px;font-size:13.5px;line-height:1.55;color:#7A6558;font-style:normal}
/* ============ ETAPAS POST-OPERATORIAS ============
Tres piezas editoriales a sangre, con el texto sobre la foto. */
.cc-etapas{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:100%}
@media(max-width:900px){.cc-etapas{grid-template-columns:1fr;gap:16px}}
.cc-etapa{position:relative;display:block;overflow:hidden;border-radius:20px;
aspect-ratio:3/4;text-decoration:none;background:#EFE3D8;isolation:isolate}
@media(max-width:900px){.cc-etapa{aspect-ratio:4/3}}
.cc-etapa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.cc-etapa:hover img{transform:scale(1.05)}
.cc-etapa::after{content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(180deg,rgba(40,20,10,.30) 0%,rgba(40,20,10,0) 34%,rgba(40,20,10,.52) 62%,rgba(30,14,6,.90) 100%);
transition:opacity .35s}
.cc-etapa:hover::after{opacity:.94}
/* numeral fantasma */
.cc-etapa-num{position:absolute;top:14px;inset-inline-start:20px;z-index:2;
font-family:"Fraunces",serif;font-size:64px;line-height:.8;font-weight:600;
color:rgba(255,255,255,.30);letter-spacing:-.03em;
text-shadow:0 2px 24px rgba(0,0,0,.28);transition:color .35s}
.cc-etapa:hover .cc-etapa-num{color:rgba(255,255,255,.46)}
.cc-etapa-cap{position:absolute;inset-inline:0;bottom:0;z-index:2;
display:flex;flex-direction:column;gap:6px;padding:24px 24px 26px}
.cc-etapa-cap em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.16em;
text-transform:uppercase;color:#FFD8C2}
.cc-etapa-cap b{font-family:"Fraunces",serif;font-size:clamp(21px,2.2vw,26px);line-height:1.14;
font-weight:600;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.cc-etapa-desc{font-size:14px;line-height:1.5;color:rgba(255,255,255,.86);
max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,margin .4s ease}
.cc-etapa:hover .cc-etapa-desc{max-height:7em;opacity:1;margin-top:2px}
.cc-etapa-go{display:inline-flex;align-items:center;gap:8px;margin-top:8px;
font-size:13px;font-weight:600;letter-spacing:.02em;color:#fff}
.cc-etapa-go::after{content:"\2192";font-size:15px;transition:transform .25s}
.cc-etapa:hover .cc-etapa-go::after{transform:translateX(5px)}
/* en táctil no hay hover: el texto se muestra siempre */
@media(hover:none){
.cc-etapa-desc{max-height:7em;opacity:1;margin-top:2px}
}
.cc-etapas-pie{margin:24px 0 0;text-align:center;font-size:14.5px;color:#7A6558}
.cc-etapas-pie a{color:#9C3905;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(156,57,5,.3)}
.cc-etapas-pie a:hover{border-bottom-color:#9C3905}
/* ============ HERO EN MÓVIL ============
Arte vertical de Erwin (PRY-519): modelo a la derecha, mitad izquierda limpia.
El bloque de texto se centra verticalmente en esa mitad, con aire real. */
@media(max-width:768px){
.home .wd-slider .wd-slide{min-height:600px !important}
/* se sustituye la imagen apaisada por el arte vertical */
.home .wd-slide-bg img{display:none !important}
.home .wd-slide-bg{background-size:cover !important;background-position:center center !important;
background-repeat:no-repeat !important}
.home .wd-slide-bg:has(img[src*="cc-hero1-escritorio"]){background-image:url("/wp-content/uploads/2026/09/cc-hero1-movil.jpg") !important}
.home .wd-slide-bg:has(img[src*="cc-hero2-escritorio"]){background-image:url("/wp-content/uploads/2026/09/cc-hero2-movil.jpg") !important}
.home .wd-slide-bg:has(img[src*="cc-hero3-escritorio"]){background-image:url("/wp-content/uploads/2026/09/cc-hero3-movil.jpg") !important}
/* velo suave a la izquierda: el titular se lee sin tapar a la modelo */
.home .wd-slide-bg::after{content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(96deg,rgba(247,236,228,.86) 0%,rgba(247,236,228,.62) 38%,rgba(247,236,228,0) 62%)}
/* flechas y puntos, fuera del texto */
.home .wd-slider .wd-nav-arrows{display:none !important}
.home .wd-slider .wd-nav-pagin-wrap{bottom:14px !important}
}
/* Hero móvil: el contenedor debe ocupar el alto del slide para poder centrar */
/* Hero móvil: separar título, subtítulo y botones con gap (el contenedor ya es flex-column) */
@media(max-width:768px){
.home .wd-slider .wd-slide .e-con-inner{gap:16px !important;row-gap:16px !important}
.home .wd-slider .wd-slide .e-con-inner > *{margin-top:0 !important;margin-bottom:0 !important}
}
/* Hero móvil: velo un poco más ancho para que el titular se lea sobre la modelo.
PRY-946: el arte nuevo de Erwin trae a las modelos más centradas que el de PRY-519,
así que el velo llega más a la derecha y el bloque de texto se estrecha para no
invadir el pelo de la modelo, que era donde el titular perdía contraste. */
@media(max-width:768px){
.home .wd-slide-bg::after{
background:radial-gradient(76% 44% at 12% 46%,
rgba(247,236,228,.96) 0%,
rgba(247,236,228,.88) 40%,
rgba(247,236,228,.52) 68%,
rgba(247,236,228,.14) 86%,
rgba(247,236,228,0) 100%) !important}
.home .wd-slider .title-wrapper .title{font-size:23px !important;line-height:1.15 !important}
.home .wd-slider .wd-slide-inner{max-width:270px !important}
/* La tercera diapositiva es la unica cuyo arte vertical mete el pelo oscuro de la
modelo justo donde acaba el titular: alli el velo tiene que llegar mas lejos. */
#slide-3282 .wd-slide-bg::after{
background:radial-gradient(90% 46% at 10% 46%,
rgba(247,236,228,.97) 0%,
rgba(247,236,228,.92) 44%,
rgba(247,236,228,.72) 70%,
rgba(247,236,228,.34) 88%,
rgba(247,236,228,0) 100%) !important}
#slide-3282 .wd-slide-inner{max-width:252px !important}
}
/* PRY-946: en tableta (769-1024) el arte apaisado de 1920x900 se recortaba tanto que
partia a las dos modelos, que estan en los extremos. Bajando el alto del hero baja
el factor de escala y entran casi enteras. */
@media(min-width:769px) and (max-width:1024px){
.home .wd-slider .wd-slide{min-height:560px !important}
}
/* PRY-946: primera diapositiva en escritorio. La foto nueva deja el centro sobre una
pared de tono medio y el titular caía a 1.77:1.
QA de Erwin (18-sep): el velo crema opacaba demasiado la foto; pidió quitarlo y pasar
el texto a blanco. Medido: con texto blanco y sin velo el titular pasa raspando
(3.31:1 sobre 3 que exige) pero el antetítulo de 13 px cae a 3.65:1 y el botón
secundario a 3.07:1, cuando ambos necesitan 4.5:1. Así que se hace lo que pidió
—texto blanco— pero el velo, en vez de crema, es OSCURO y muy tenue: apenas se ve,
no lava el color de la foto (que era su queja) y deja los tres textos por encima del
mínimo. Medido: antetítulo 5.46:1, titular 5.19:1, botón secundario 4.84:1.
El móvil no se toca, como pidió: esta regla vive en min-width 769. */
@media(min-width:769px){
#slide-3240 .wd-slide-bg::after{content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(60% 82% at 50% 52%,
rgba(38,20,12,.30) 0%,
rgba(38,20,12,.25) 54%,
rgba(38,20,12,.09) 80%,
rgba(38,20,12,0) 100%)}
#slide-3240 .title,
#slide-3240 .title-wrapper .title,
#slide-3240 .wd-text-block,
#slide-3240 .wd-text-block *{color:#FFF6F0 !important}
/* el boton secundario trae --btn-color:#333 en linea; la variable lleva !important */
#slide-3240 .btn.btn-style-bordered{--btn-color:#FFF6F0 !important}
}
/* ---- Filtro de color/talla: check blanco ✓ en el swatch activo (modo lista) ---- */
/* el glifo nativo de Woodmart es una X (para quitar filtro): lo ocultamos */
.wd-swatches-filter .wd-swatch.wd-bg::before{opacity:0 !important;content:none !important}
/* check propio, solo en el color activo */
.wd-swatches-filter li.chosen .wd-swatch.wd-bg,
.wd-swatches-filter li.wd-active .wd-swatch.wd-bg{position:relative}
.wd-swatches-filter li.chosen .wd-swatch.wd-bg,
.wd-swatches-filter li.wd-active .wd-swatch.wd-bg,
.wd-swatches-filter li.wc-layered-nav-term .wd-swatch.wd-bg{position:relative}
.wd-swatches-filter li.chosen .wd-swatch.wd-bg::after,
.wd-swatches-filter li.wd-active .wd-swatch.wd-bg::after,
.wd-swatches-filter li.wc-layered-nav-term:hover .wd-swatch.wd-bg::after{
content:"\2713";position:absolute;inset:0;display:grid;place-items:center;
color:#fff;font-size:12px;font-weight:700;line-height:1;opacity:1 !important;pointer-events:none}
/* el conteo del color/talla activo, destacado en terracota */
.wd-swatches-filter li.chosen > .count,
.wd-swatches-filter li.wd-active > .count{background:#9C3905 !important;color:#fff !important;border-color:#9C3905 !important}
/* Logos de marca del filtro: 40% más grandes para que se lean */
.wd-swatches-filter.wd-swatches-brands{--wd-swatch-w:100px !important;--wd-swatch-h:50px !important}
.wd-swatches-filter.wd-swatches-brands .wd-swatch.wd-bg{max-width:100px !important;height:50px !important}
.wd-swatches-filter.wd-swatches-brands .wd-swatch-bg{background-size:contain !important}
/* ---- Reseñas: avatar siempre redondo (Google manda cuadrados de color con inicial) ---- */
.cc-rv-av{border-radius:50% !important;overflow:hidden;background:#F3E8E0}
.cc-rv-card footer{position:relative}
/* la G de Google no debe tener fondo cuadrado */
.cc-rv-g svg{border-radius:50%}
/* ---- Sombra de las tarjetas: el carrusel la cortaba (overflow-x fuerza overflow-y) ---- */
.cc-rv-track{overflow-x:auto;overflow-y:visible;padding:10px 4px 30px;margin-bottom:-14px}
.cc-rv-card{margin-bottom:4px}
/* Enlace de los bloques de envíos/mayorista: estilo limpio como las etapas (flecha, sin subrayado) */
.cc-bloque em{display:inline-flex;align-items:center;gap:7px;text-decoration:none !important;border:0 !important}
.cc-bloque em::after{content:"\2192";font-size:15px;transition:transform .22s}
.cc-bloque:hover em::after{transform:translateX(5px)}
/* ============ GUÍAS EN PORTADA: 3 tarjetas parejas ============ */
.cc-guias3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;width:100%}
@media(max-width:900px){.cc-guias3{grid-template-columns:1fr}}
.cc-guia3{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;
text-decoration:none;box-shadow:0 16px 44px -30px rgba(64,32,15,.5);transition:transform .22s,box-shadow .22s}
.cc-guia3:hover{transform:translateY(-4px);box-shadow:0 24px 54px -28px rgba(64,32,15,.6)}
.cc-guia3-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#EFE3D8}
.cc-guia3-img img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;transition:transform .5s}
.cc-guia3:hover .cc-guia3-img img{transform:scale(1.04)}
.cc-guia3-body{display:flex;flex-direction:column;gap:8px;padding:22px 22px 24px;flex:1 1 auto}
.cc-guia3-kicker{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9C3905}
.cc-guia3-body b{font-family:"Fraunces",serif;font-size:19px;line-height:1.22;color:#40200F;font-weight:600}
.cc-guia3-ex{font-size:14px;line-height:1.55;color:#6B5347;flex:1 1 auto}
.cc-guia3-go{display:inline-flex;align-items:center;gap:7px;margin-top:4px;font-size:13.5px;font-weight:600;color:#9C3905}
.cc-guia3-go::after{content:"\2192";font-size:15px;transition:transform .22s}
.cc-guia3:hover .cc-guia3-go::after{transform:translateX(4px)}
/* Controles de zoom del mapa: separación entre + y − */
.leaflet-control-zoom{display:flex;flex-direction:column;gap:6px}
.leaflet-control-zoom a{border-radius:8px !important}
.leaflet-control-zoom a+a{margin-top:0}
/* ---- Mega menú: fondo blanco garantizado y 4 ejes cómodos en fila ---- */
.wd-dropdown-menu.wd-design-sized{background:#fff !important}
.wd-dropdown-menu.wd-design-sized .wd-sub-menu.wd-grid-f-inline{gap:0 24px}
/* Ocultar la tabla nativa de Woodmart en el modal: usamos la del shortcode (consistente) */
.wd-sizeguide .responsive-table{display:none !important}
/* ============ CABECERA DE PÁGINA (arte de Erwin) ============ */
/* Más baja para que el bodegón se vea completo y no se recorte por los lados */
.wd-page-title{min-height:192px;display:flex;flex-direction:column;justify-content:center}
@media(max-width:768px){.wd-page-title{min-height:150px}}
/* Banner de taller (portada): enlace estilo flecha, como envíos/etapas */
.home .content-banner .btn.btn-style-link,
.home .banner-btn-wrapper .btn.btn-style-link{
text-decoration:none !important;position:relative;display:inline-flex !important;align-items:center;gap:8px;
padding-bottom:2px;border-bottom:0 !important;font-weight:600;letter-spacing:.02em}
.home .content-banner .btn.btn-style-link::after,
.home .banner-btn-wrapper .btn.btn-style-link::after{content:"\2192";font-size:16px;transition:transform .22s}
.home .content-banner .btn.btn-style-link:hover::after,
.home .banner-btn-wrapper .btn.btn-style-link:hover::after{transform:translateX(5px)}
/* quitar cualquier subrayado nativo del btn-link */
.home .btn.btn-style-link .wd-btn-text{text-decoration:none !important;border-bottom:0 !important}
/* ============ GUÍA DE TALLAS EN EL MODAL ============
Usa el MISMO estilo de cajitas que la página /guia-de-tallas/ (no se sobrescribe .cc-medir-card). */
.wd-sizeguide .wd-sizeguide-title{margin:0 !important;padding:0;text-align:center;font-size:19px}
.wd-sizeguide .wd-sizeguide-content{padding:0 !important}
.wd-sizeguide .cc-guia{margin:0;padding:4px 2px 0}
.wd-sizeguide .cc-guia-lead{margin:14px 0 20px;text-align:center;font-size:13.5px;line-height:1.5;color:#6B5347}
.wd-sizeguide .cc-medir-cards{margin:22px 0 16px}
.wd-sizeguide .cc-guia-hint{display:flex;align-items:flex-start;gap:8px;margin:0 0 14px;padding:10px 12px;
border-radius:10px;background:#FBF2EC;font-size:12.5px;line-height:1.45;color:#7A6558}
.wd-sizeguide .cc-guia-hint i{color:#9C3905;font-size:16px;flex:0 0 auto}
/* tablas del modal: compactas y legibles */
.wd-sizeguide .cc-guia-tablewrap{border:1px solid #EDE1D8;border-radius:12px;overflow:auto;max-height:46vh;margin:0 0 4px}
.wd-sizeguide .cc-guia-table{width:100%;border-collapse:collapse;font-size:12.5px;margin:0}
.wd-sizeguide .cc-guia-table th{position:sticky;top:0;z-index:1;background:#9C3905;color:#fff;
padding:8px 6px;font-size:10.5px;line-height:1.2;font-weight:700;text-align:center;white-space:nowrap}
.wd-sizeguide .cc-guia-table td{padding:6px 8px;text-align:center;color:#4A3529;white-space:nowrap;border-top:1px solid #F1E7DF}
.wd-sizeguide .cc-guia-table td.cc-g-rd{font-weight:700;color:#9C3905}
.wd-sizeguide .cc-guia-table tbody tr:nth-child(odd) td{background:#FCF7F3}
/* "¿Recién operada?" plegable al final */
.wd-sizeguide .cc-hinch-plegable{margin-top:14px;background:#FFF6F0;border:1px solid #F1DED2;border-radius:12px;padding:0;overflow:hidden}
.wd-sizeguide .cc-hinch-plegable summary{cursor:pointer;list-style:none;padding:13px 16px;font-size:13.5px;font-weight:600;color:#40200F;display:flex;align-items:center;gap:9px}
.wd-sizeguide .cc-hinch-plegable summary::-webkit-details-marker{display:none}
.wd-sizeguide .cc-hinch-plegable summary::before{content:'+';color:#9C3905;font-weight:700;font-size:17px;line-height:1}
.wd-sizeguide .cc-hinch-plegable details[open] summary::before{content:'\2013'}
.wd-sizeguide .cc-hinch-plegable details > *:not(summary){padding-inline:16px}
.wd-sizeguide .cc-hinch-plegable details > .cc-guia-tablewrap{margin-inline:16px;width:auto}
.wd-sizeguide .cc-hinch-plegable details > p{font-size:12.5px;line-height:1.5;color:#6B5347;margin:0 0 12px}
.wd-sizeguide .cc-hinch-plegable details > p:last-child{padding-bottom:14px}
.wd-sizeguide .cc-hinch-nota a{color:#9C3905;font-weight:600}
/* Navegación de categorías del catálogo: texto blanco legible, un solo subrayado */
.wd-page-title .wd-nav-product-cat{gap:6px 22px !important;flex-wrap:wrap;justify-content:center}
.wd-page-title .wd-nav-product-cat > li > a,
.wd-page-title .category-nav-link,
.wd-page-title .category-nav-link .nav-link-summary,
.wd-page-title .category-nav-link .nav-link-text{color:#fff !important;text-shadow:0 1px 8px rgba(40,20,10,.5)}
.wd-page-title .category-nav-link .nav-link-count{color:rgba(255,255,255,.72) !important;text-shadow:0 1px 6px rgba(40,20,10,.4)}
.wd-page-title .wd-nav-product-cat > li > a,
.wd-page-title .category-nav-link{
display:inline-flex !important;flex-direction:column;align-items:center;gap:2px;
padding:6px 2px 8px !important;background:none !important;border:0 !important;border-radius:0 !important;
font-size:12.5px !important;font-weight:600;letter-spacing:.02em;
border-bottom:2px solid transparent !important;transition:border-color .18s}
.wd-page-title .category-nav-link .nav-link-summary{display:flex;flex-direction:column;align-items:center;gap:1px}
.wd-page-title .category-nav-link .nav-link-count{font-size:10.5px;font-weight:500}
/* un solo indicador: al hover en blanco, activo en durazno; y anular el nativo de Woodmart */
.wd-page-title .wd-nav-product-cat > li > a::before,
.wd-page-title .wd-nav-product-cat > li > a::after,
.wd-page-title .category-nav-link::before,
.wd-page-title .category-nav-link::after{display:none !important}
.wd-page-title .wd-nav-product-cat > li > a:hover,
.wd-page-title .category-nav-link:hover{border-bottom-color:#fff !important}
.wd-page-title .wd-nav-product-cat > li.wd-active > a,
.wd-page-title .wd-nav-product-cat > li.current-cat > a,
.wd-page-title .wd-nav-product-cat > li.wd-active > .category-nav-link{border-bottom-color:#FFBA98 !important}
.wd-page-title > *{position:relative;z-index:1}
/* ---- Mega menú: banda al pie (sin separador), fondo de color, link plano con icono ---- */
.wd-dropdown-menu.wd-design-sized{padding-bottom:0 !important}
.wd-sub-menu > li.cc-mega-strip{flex:0 0 100%;width:100%;order:99;margin:16px -30px -30px !important;padding:0;border:0 !important;
background:linear-gradient(100deg,#FFF6F0 0%,#FCEADE 100%);border-radius:0 0 6px 6px}
.wd-sub-menu > li.cc-mega-strip > a{display:flex !important;align-items:center;gap:11px;width:100% !important;
padding:15px 30px !important;background:none !important;border:0 !important;border-radius:0;
color:#9C3905 !important;font-size:13.5px;font-weight:600;letter-spacing:.01em;transition:color .18s}
.wd-sub-menu > li.cc-mega-strip > a:hover{color:#7E2C04 !important}
.wd-sub-menu > li.cc-mega-strip > a i,
.wd-sub-menu > li.cc-mega-strip > a .wd-nav-img{font-size:20px}
.wd-sub-menu > li.cc-mega-strip > a::after{content:"\2192";font-size:15px;line-height:1;margin-inline-start:6px;transition:transform .2s}
.wd-sub-menu > li.cc-mega-strip > a:hover::after{transform:translateX(4px)}
/* Avatar de la burbuja de WhatsApp sin borde */
.cc-wa-av{border:0 !important}
/* 18) tabla de "recién operada" sin padding-inline (solo el texto lo lleva) */
.wd-sizeguide .cc-hinch-plegable details > .cc-guia-tablewrap{padding-inline:0 !important;margin-inline:0 !important;width:100%}
/* 13) Bloque de título en tamaño por defecto: quitar spacing y font-size forzados del panel */
.wd-page-title.title-size-default,
.wd-page-title.page-title-default{--wd-title-sp:20px;--wd-title-font-s:42px}
.wd-page-title.title-size-default .entry-title,
.wd-page-title.page-title-default .entry-title{font-size:42px;line-height:1.15}
@media(max-width:768px){.wd-page-title.title-size-default .entry-title{font-size:30px}}
/* Iconos en el menú móvil (categorías y menú general) */
.wd-nav-mobile .cc-menu-ic,
.mobile-nav .cc-menu-ic,
.wd-nav-mobile-cats .cc-menu-ic{font-size:19px;color:#9C3905;margin-inline-end:11px;vertical-align:-3px;flex:0 0 auto}
.wd-nav-mobile .menu-item > a,
.wd-nav-mobile-cats .menu-item > a{display:flex !important;align-items:center}
/* 22) Hero en MÓVIL: todo el contenido alineado a la izquierda */
@media(max-width:768px){
.home .wd-slider .wd-slide .e-con-inner,
.home .wd-slider .wd-slide .container{align-items:flex-start !important;text-align:left !important}
.home .wd-slider .wd-slide .title-wrapper,
.home .wd-slider .wd-slide .title-wrapper .title,
.home .wd-slider .wd-slide .wd-text-block,
.home .wd-slider .wd-slide .wd-text-block p,
.home .wd-slider .wd-slide .wd-button-wrapper{text-align:left !important}
.home .wd-slider .wd-slide .wd-button-wrapper{justify-content:flex-start !important;display:flex}
.home .wd-slider .wd-slide [class*="elementor-element"]{text-align:left !important}
}
/* 22b) Hero móvil: contenido centrado verticalmente y AMBOS botones a la izquierda */
@media(max-width:768px){
.home .wd-slider .wd-slide .e-con-inner{
display:flex !important;flex-direction:column !important;
justify-content:center !important;align-items:flex-start !important;
min-height:520px;height:100%;padding-block:20px !important}
.home .wd-slider .wd-slide .wd-button-wrapper,
.home .wd-slider .wd-slide .elementor-widget-wd_button{
text-align:left !important;justify-content:flex-start !important;align-self:flex-start !important;width:auto !important}
.home .wd-slider .wd-slide .wd-button-wrapper{display:flex !important;justify-content:flex-start !important}
}
/* ==========================================================================
PRY-521 — Correcciones de QA en producción (23-jul-2026)
========================================================================== */
/* --- #1/#2 Portada: botones bajo el mapa "Cerca de ti" ---
En desktop van en fila con separación; en móvil apilados a ancho completo.
Separados del borde inferior del mapa. */
.cc-mapa-cta{display:flex !important;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;margin-top:26px !important}
.cc-mapa-cta > .elementor-widget-wd_button{width:auto !important;max-width:none !important;flex:0 0 auto;margin:0}
.cc-mapa-cta > .elementor-widget-wd_button .wd-button{width:auto}
@media(max-width:767px){
.cc-mapa-cta{flex-direction:column;align-items:stretch;gap:12px;margin-top:20px !important}
.cc-mapa-cta > .elementor-widget-wd_button{width:100% !important}
.cc-mapa-cta > .elementor-widget-wd_button .wd-button{display:flex;width:100%;justify-content:center}
}
/* --- #4 Taller: viñetas del card "Qué conviene saber antes" ---
En móvil el padding izquierdo colapsaba a 0 y los puntos quedaban pegados. */
.cc-taller-notas{padding-left:42px !important}
@media(max-width:600px){.cc-taller-notas{padding-left:26px !important;padding-right:18px !important}}
/* --- #6/#7 Sucursales en móvil: mapa +20% de alto y lista con scroll propio,
para ver mapa y listado a la vez sin que la ficha tape el mapa. --- */
@media(max-width:900px){
.cc-suc .cc-suc-locator #cc-suc-map,
#cc-suc-map{height:360px !important}
.cc-suc .cc-suc-locator .cc-suc-panel-scroll,
.cc-suc-panel-scroll{max-height:56vh !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch}
}
/* --- #13 Hero de /cart/ y /checkout/: los pasos iban en blanco sobre durazno
claro y no se leían. Paso activo en terracota, inactivos en marrón legible. --- */
body.woocommerce-cart .wd-checkout-steps,
body.woocommerce-checkout .wd-checkout-steps,
body.woocommerce-cart .wd-checkout-steps span,
body.woocommerce-checkout .wd-checkout-steps span{color:#7A5546 !important;opacity:1 !important}
body.woocommerce-cart .wd-checkout-steps .step-active,
body.woocommerce-checkout .wd-checkout-steps .step-active,
body.woocommerce-cart .wd-checkout-steps .step-active span,
body.woocommerce-checkout .wd-checkout-steps .step-active span{color:#9C3905 !important}
body.woocommerce-cart .wd-checkout-steps .step-inactive,
body.woocommerce-checkout .wd-checkout-steps .step-inactive,
body.woocommerce-cart .wd-checkout-steps .step-inactive span,
body.woocommerce-checkout .wd-checkout-steps .step-inactive span{color:#7A5A48 !important;opacity:1 !important}
/* el enlace PAGAR traia opacity:.7 del tema y aclaraba el color por debajo de AA */
body.woocommerce-cart .wd-checkout-steps .step-inactive a,
body.woocommerce-checkout .wd-checkout-steps .step-inactive a{opacity:1 !important}
/* --- #15 Border-radius consistente en botones de WooCommerce (global) ---
Cubre mini-carrito, /cart/, /checkout/ y cards ("Seleccionar opciones"). --- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.cart-widget-side .buttons a.button,
.woocommerce-mini-cart__buttons a.button,
.wd-product .wd-buttons a,
.products .product .button{border-radius:10px !important}
/* --- #14 Panel emergente del carrito: jerarquía + contraste --- */
/* "Finalizar compra" = primario sólido terracota, texto blanco */
.cart-widget-side .buttons a.button.checkout,
.woocommerce-mini-cart__buttons a.button.checkout{background:#9C3905 !important;color:#fff !important;border:1px solid #9C3905 !important}
.cart-widget-side .buttons a.button.checkout:hover,
.woocommerce-mini-cart__buttons a.button.checkout:hover{background:#7E2C04 !important;border-color:#7E2C04 !important}
/* "Ver carrito" = secundario, contorno terracota sobre crema, texto terracota */
.cart-widget-side .buttons a.button.btn-cart,
.woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout){background:#FFF6F0 !important;color:#9C3905 !important;border:1px solid #E7C6B3 !important}
.cart-widget-side .buttons a.button.btn-cart:hover,
.woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover{background:#FCEADE !important;border-color:#9C3905 !important;color:#9C3905 !important}
/* --- Menor (opcional): swatch de color en las cards con borde y forma clara --- */
.products .product .wd-swatch.wd-bg{border:1px solid rgba(43,26,18,.16) !important;box-shadow:0 0 0 2px #fff inset;border-radius:50%}
/* #1/#2 (bis) — Elementor no pinta _css_classes en estos contenedores hechos por
script; targeteamos por el id estable del contenedor de botones (cc00030). */
.elementor-element-cc00030{display:flex !important;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;margin-top:26px !important}
.elementor-element-cc00030 > .elementor-widget-wd_button{width:auto !important;max-width:none !important;flex:0 0 auto;margin:0}
.elementor-element-cc00030 > .elementor-widget-wd_button .wd-button{width:auto}
@media(max-width:767px){
.elementor-element-cc00030{flex-direction:column;align-items:stretch;gap:12px;margin-top:20px !important}
.elementor-element-cc00030 > .elementor-widget-wd_button{width:100% !important}
.elementor-element-cc00030 > .elementor-widget-wd_button .wd-button{display:flex;width:100%;justify-content:center}
}
/* --- #9 Ficha en móvil: el carrusel Swiper fijaba la altura del visor a la imagen
más alta y dejaba un hueco blanco en las imágenes más bajas. En móvil normalizamos
cada diapositiva a una caja de proporción fija con la imagen contenida: todas quedan
de igual altura y no hay vacío. --- */
@media(max-width:768px){
.single-product .woocommerce-product-gallery__wrapper .wd-carousel-item{height:auto !important}
.single-product .woocommerce-product-gallery__image{
aspect-ratio:4/5;background:#fff;overflow:hidden;border-radius:10px;
display:flex;align-items:center;justify-content:center}
.single-product .woocommerce-product-gallery__image a,
.single-product .woocommerce-product-gallery__image img{
width:100% !important;height:100% !important;object-fit:contain !important}
}
/* --- #15 (bis) — Border-radius también en /cart/ y /checkout/: sus botones son
input[type=submit] o #place_order (no .button), y en bloques Woo .wc-block-components-button. --- */
.woocommerce input[type="submit"],
.woocommerce button[type="submit"],
.woocommerce #place_order,
.woocommerce button#place_order,
.woocommerce input#place_order,
.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"],
.woocommerce button[name="apply_coupon"],
.woocommerce input[name="apply_coupon"],
.woocommerce .wc-block-components-button,
.wc-block-components-button,
.wc-block-cart__submit-button,
.wp-block-woocommerce-cart .wc-block-components-button,
.wp-block-woocommerce-checkout .wc-block-components-button{border-radius:10px !important}
/* --- Menor: alinear la lupa (quick view) con el botón "Seleccionar opciones" en las cards.
Antes la lupa quedaba suelta, sin igualar la altura del botón. --- */
.products .product .wd-bottom-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap}
.products .product .wd-bottom-actions .wd-add-btn,
.products .product .wd-bottom-actions .wrap-quickview-button{margin:0}
.products .product .wd-bottom-actions .wd-quick-view-btn,
.products .product .wd-bottom-actions .open-quick-view{display:inline-flex !important;align-items:center;justify-content:center;width:36px;height:36px;margin:0}
/* --- Menos espacio bajo el hero de la portada (Liza: 80px → 20px) --- */
.elementor-3228 > .elementor-element-a3ba9e8{margin-block-end:20px !important;margin-bottom:20px !important}
/* --- Marcas: logos SIEMPRE a color (sin grayscale) con hover de escala.
Aplica a TODAS las instancias del widget de marca: portada (wd-brand-item),
footer belt (cc-bb-item), filtro de tienda y ficha de producto. --- */
.wd-brand-item img,
.cc-bb-item img,
.wd-products-brands img,
.woodmart-brands-item img,
.wd-brands-filter img,
.widget_layered_nav_brands img,
.cc-marca-ficha img,
.cc-marca-logo img{
filter:none !important;
-webkit-filter:none !important;
opacity:.9;
transition:transform .28s ease, opacity .28s ease;
}
.wd-brand-item:hover img,
.cc-bb-item:hover img,
.wd-products-brands a:hover img,
.woodmart-brands-item:hover img,
.wd-brands-filter a:hover img,
.widget_layered_nav_brands a:hover img,
.cc-marca-ficha a:hover img,
.cc-marca-logo a:hover img{
opacity:1;
transform:scale(1.07);
}
/* Marcas a color pleno (gana a la opacidad 0.5 del tema) + hover de escala */
.wd-brand-item img,.cc-bb-item img,.wd-products-brands img,.woodmart-brands-item img,
.wd-brands-filter img,.widget_layered_nav_brands img,.cc-marca-ficha img,.cc-marca-logo img{opacity:1 !important}
.wd-brand-item:hover img,.cc-bb-item:hover img,.wd-products-brands a:hover img,
.woodmart-brands-item:hover img,.wd-brands-filter a:hover img{transform:scale(1.07);opacity:1 !important}
/* --- Logo del header: sin "ventas por catálogo", un poco más grande --- */
.whb-general-header .site-logo img,
.whb-general-header .logo img,
.header-logo img,
.site-logo img{max-width:220px !important;width:220px !important}
@media(max-width:1024px){.whb-general-header .site-logo img,.site-logo img{max-width:180px !important;width:180px !important}}
/* ==== Hero MÓVIL: legibilidad de texto claro + botones a la izquierda (todos los slides) 24-jul ==== */
@media(max-width:768px){
/* subtítulo/eyebrow y textos claros: a marrón oscuro para que no se pierdan sobre el velo crema */
.home .wd-slider .wd-slide .elementor-widget-wd_text_block,
.home .wd-slider .wd-slide .elementor-widget-wd_text_block p,
.home .wd-slider .wd-slide .elementor-widget-wd_text_block span{ color:#2B1A12 !important; }
/* botón de texto (bordered/fantasma): texto oscuro en vez de blanco */
.home .wd-slider .wd-slide .btn.btn-style-bordered{ color:#2B1A12 !important; }
.home .wd-slider .wd-slide .btn.btn-style-bordered:hover{ color:#9C3905 !important; }
/* todos los botones alineados a la IZQUIERDA como el texto (no centrados) */
.home .wd-slider .wd-slide .elementor-widget-wd_button{
align-self:flex-start !important; margin-left:0 !important; margin-right:auto !important;
text-align:left !important;
}
}
/* ===== USA (PRY-903/904): cabecera terracota-malva, bandera, panel movil, iconos de pago ===== */
.whb-general-header .whb-col-right .wd-header-my-account > a::before, .whb-general-header .whb-col-mobile-right .wd-header-cart > a::before, .whb-general-header .whb-mobile-right .wd-header-cart > a::before{content:"";display:inline-block;width:26px;height:18px;margin-right:10px;vertical-align:-3px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);background:url("data:image/svg+xml;utf8,") center/cover no-repeat}
.whb-general-header .wd-tools-count{background:#2B1A12!important;color:#fff!important}
.whb-general-header .wd-nav>li>a, .whb-general-header .wd-tools-text, .whb-general-header .wd-cart-subtotal, .whb-general-header .wd-tools-icon{color:#FFF6F0}
.wd-side-hidden-nav, .mobile-nav{background:#9C3905}
.wd-side-hidden-nav a, .wd-side-hidden-nav .wd-nav-mob-tab li a, .wd-side-hidden-nav .searchform input, .wd-side-hidden-nav .wd-nav > li > a{color:#FFF6F0!important}
.wd-side-hidden-nav .wd-nav-mob-tab li.wd-active a{color:#fff!important;border-color:#fff!important}
.wd-side-hidden-nav .wd-nav-mobile > li, .wd-side-hidden-nav .wd-nav-mob-tab{border-color:rgba(255,255,255,.16)!important}
.wd-side-hidden-nav .searchform input{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.2)!important}
/* cc-header-bg-usa: fondo de la cabecera (Woodmart no compila el bg del Header Builder desde CLI) */
.whb-general-header, .whb-sticked .whb-general-header, .whb-clone .whb-general-header{background-color:#9C3905!important}
.whb-general-header .wd-burger, .whb-general-header .wd-tools-text, .whb-general-header .wd-header-mobile-nav a{color:#FFF6F0!important}
/* cc-panel-usa: panel del menu movil en el color de la cabecera */
.mobile-nav.wd-side-hidden.wd-side-hidden-nav{background-color:#9C3905!important}
.mobile-nav.wd-side-hidden-nav .wd-nav-mob-tab li a{color:#FFF6F0!important;opacity:.85}
.mobile-nav.wd-side-hidden-nav .wd-nav-mob-tab li.wd-active a{opacity:1;border-color:#fff!important}
.mobile-nav.wd-side-hidden-nav .wd-nav-mob-tab{background:rgba(0,0,0,.08)}
.mobile-nav.wd-side-hidden-nav .wd-nav-mobile>li>a, .mobile-nav.wd-side-hidden-nav .woodmart-nav-link, .mobile-nav.wd-side-hidden-nav .wd-close-side{color:#FFF6F0!important}
.mobile-nav.wd-side-hidden-nav .wd-nav-mobile>li{border-color:rgba(255,255,255,.16)!important}
.mobile-nav.wd-side-hidden-nav .wd-nav-mobile .wd-sub-menu li a{color:#FFF6F0!important}
.mobile-nav.wd-side-hidden-nav .searchform input{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
.mobile-nav.wd-side-hidden-nav .searchform input::placeholder{color:rgba(255,246,240,.7)}
.mobile-nav.wd-side-hidden-nav .searchsubmit, .mobile-nav.wd-side-hidden-nav .searchsubmit span{color:#fff!important}
/* cc-panel-usa-iconos: iconos del menu movil en crema (se perdian sobre el fondo) */
.mobile-nav.wd-side-hidden-nav .wd-nav-mobile li a i, .mobile-nav.wd-side-hidden-nav .wd-nav-mobile li a [class*="ph-"], .mobile-nav.wd-side-hidden-nav .wd-nav-mobile li a::before, .mobile-nav.wd-side-hidden-nav .wd-tools-element i{color:#FFF6F0!important;opacity:1}
.mobile-nav.wd-side-hidden-nav .searchsubmit svg, .mobile-nav.wd-side-hidden-nav .wd-nav-mobile li a svg{fill:#FFF6F0!important}
/* ===== USA: páginas hub, tienda y citas (PRY-905/910) ===== */
.cc-hub .cc-hub-grid, .cc-hub .woocommerce.columns-4{margin:26px 0 34px}
.cc-hub .cc-page-faq{margin-top:26px}
.cc-hub h2{margin-top:34px}
.cc-tienda-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:22px 0 26px}
.cc-tienda-datos>div{background:#FFF6F0;border:1px solid #F1DED2;border-radius:14px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:4px}
.cc-tienda-datos i{font-size:26px;color:#9C3905;margin-bottom:4px}
.cc-tienda-datos b{font-family:"Fraunces",serif;font-size:16px;color:#2B1A12}
.cc-tienda-datos span{color:#5b4a42;font-size:14.5px;line-height:1.5}
.cc-tienda-datos a{margin-top:8px;font-weight:600;color:#9C3905;text-decoration:underline;text-underline-offset:3px;font-size:14px}
.cc-nos-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:20px 0 10px}
.cc-nos-quotes blockquote{margin:0;background:#FFF6F0;border:1px solid #F1DED2;border-left:3px solid #9C3905;border-radius:12px;padding:18px 20px}
.cc-nos-quotes blockquote p{margin:0 0 10px;font-size:15px;line-height:1.6;color:#4A3A30;font-style:italic}
.cc-nos-quotes cite{font-style:normal;font-size:13px;color:#7A6558;font-weight:600}
.cc-nos-nota{font-size:13.5px;color:#7A6558;margin-top:6px}
.cc-cards .cc-card a{margin-top:10px;display:inline-block;font-weight:600;color:#9C3905;text-decoration:underline;text-underline-offset:3px;font-size:14px}
@media (max-width:600px){.cc-tienda-datos{grid-template-columns:1fr}}
/* cc-ficha-hubs: enlazado interno de la ficha a las paginas hub */
.cc-ficha-hubs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0 2px;font-size:13.5px}
.cc-ficha-hubs span{color:#7A6558}
.cc-ficha-hubs a{background:#FBEADF;color:#7E2C04;border:1px solid #F2C4A8;border-radius:999px;padding:4px 12px;text-decoration:none;font-weight:600}
.cc-ficha-hubs a:hover{background:#9C3905;color:#fff;border-color:#9C3905}
/* ===== cc-pagos: logos de marca, sin caja y con la altura calibrada por marca =====
Cada logo tiene una proporción distinta (Discover es 5:1, Cash App es 1:1), así que
una caja igual para todos los deja desparejos. Se iguala la altura ÓPTICA. */
.cc-pagos{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:18px 0 0}
.cc-pagos+.cc-pagos{margin-top:12px}
.cc-pagos-lb{font-size:13px;color:#7A6558;flex:none}
.cc-pagos ul{display:flex;flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none;align-items:center}
.cc-pagos li{margin:0;padding:0;display:flex;align-items:center}
.cc-logo img{width:auto;display:block}
.cc-logo-visa img{height:19px}
.cc-logo-mastercard img{height:27px}
.cc-logo-amex img{height:27px}
.cc-logo-discover img{height:13px}
/* Google Pay (SVG 64x24): 19px iguala el ancho y la altura de "Pay" de Apple Pay a 20px (medido: 29.25 px de ancho en ambos) */
.cc-logo-googlepay img{height:19px}
.cc-logo-cashapp img{height:26px;border-radius:5px}
.cc-logo-applepay img{height:20px}
.cc-logo-ups img{height:30px}
.cc-logo-usps img{height:13px}
@media (max-width:480px){
.cc-pagos{gap:6px 12px}
.cc-pagos ul{gap:12px}
.cc-logo-visa img{height:17px}
.cc-logo-mastercard img{height:24px}
.cc-logo-amex img{height:24px}
.cc-logo-discover img{height:11px}
.cc-logo-googlepay img{height:17px} /* iguala a Apple Pay a 18px */
.cc-logo-cashapp img{height:23px}
.cc-logo-applepay img{height:18px}
.cc-logo-ups img{height:26px}
.cc-logo-usps img{height:11px}
}
/* =====================================================================
16-sep-2026 · Correcciones de la revision visual (accesibilidad y maquetacion)
===================================================================== */
/* 1) Boton REGISTRARSE de Mi cuenta: #333 sobre #9C3905 daba 1.81:1 -> blanco (6.6:1) */
a.wd-switch-to-register,
a.wd-switch-to-register:hover,
a.wd-switch-to-register:focus{color:#fff !important}
/* 2) Portada, slide 2 (MeliBelt) en escritorio: el titular oscuro no se leia sobre la foto.
Titular y antetitulo claros + degradado oscuro a la izquierda, que empieza por debajo
del logo de MeliBelt (el logo es marron y se perderia sobre el oscuro). */
@media (min-width:769px){
.wd-slide:has(.elementor-element-a3a218f) .wd-slide-bg::after{
content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
background:linear-gradient(90deg,rgba(28,14,6,.72) 0%,rgba(28,14,6,.55) 38%,rgba(28,14,6,0) 64%);
-webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 33%,#000 46%,#000 100%);
mask-image:linear-gradient(180deg,transparent 0%,transparent 33%,#000 46%,#000 100%)}
.elementor-element-a3a218f .title{color:#FFF6F0 !important;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.elementor-element-ad9297a .title{color:#FFF6F0 !important}
}
/* 3) Banner MeliBelt de la portada: subtitulo y enlace por debajo de AA -> degradado detras del texto */
.elementor-element-cc00018 .wrapper-content-banner{
background:linear-gradient(0deg,rgba(28,14,6,.78) 0%,rgba(28,14,6,.52) 30%,rgba(28,14,6,0) 62%)}
.elementor-element-cc00018 .banner-inner,
.elementor-element-cc00018 .banner-inner p{color:#fff !important}
/* 6) Barra fija de compra (productos simples): no debe arrastrar logos de pago, hubs ni stock */
.wd-sticky-btn .cc-pagos,
.wd-sticky-btn .cc-ficha-hubs,
.wd-sticky-btn .stock{display:none !important}
/* 7) Resenas de la portada cortadas por la derecha en celular (el pie tiene nowrap) */
.cc-rv-card{min-width:0}
/* 8) Nombres de producto en las rejillas: 3 lineas para que no se esconda la referencia */
/* doble clase: en celular el tema vuelve a cargar su CSS de titulos en el body, despues de este archivo */
.wd-products.title-line-two,.products.title-line-two,[class*=title-line-].title-line-two{--wd-line-count:3}
.wd-product .wd-entities-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}
/* 9) Guia de tallas: la columna de talla (td.cc-g-rd) queda fija al desplazar la tabla en celular.
Selectores por clase y posicion, no por orden fijo: sirve si la talla va primera o ultima. */
.cc-guia-table td.cc-g-rd:first-child,
.cc-guia-table:has(td.cc-g-rd:first-child) th:first-child{position:sticky;left:0;box-shadow:6px 0 8px -6px rgba(64,32,15,.28)}
.cc-guia-table td.cc-g-rd:last-child,
.cc-guia-table:has(td.cc-g-rd:last-child) th:last-child{position:sticky;right:0;box-shadow:-6px 0 8px -6px rgba(64,32,15,.28)}
.cc-guia-table td.cc-g-rd:is(:first-child,:last-child){z-index:1;background:#fff}
.cc-guia-table tbody tr:nth-child(even) td.cc-g-rd:is(:first-child,:last-child){background:#FBF5EF}
.wd-sizeguide .cc-guia-table tbody tr:nth-child(odd) td.cc-g-rd:is(:first-child,:last-child){background:#FCF7F3}
.cc-guia-table:has(td.cc-g-rd:first-child) th:first-child,
.cc-guia-table:has(td.cc-g-rd:last-child) th:last-child{z-index:3;background:#9C3905}
/* 10) Mayorista: 4 tarjetas en rejilla de 3 dejaban un hueco -> 2x2 (en celular sigue a 1 columna) */
@media (min-width:761px){
.cc-cards:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* 11) Campo de cantidad: foco visible (el tema lo dejaba en outline:none) */
.quantity input.qty:focus-visible,
.quantity input.qty:focus{outline:2px solid currentColor !important;outline-offset:-3px}
/* =====================================================================
17-sep-2026 · Accesibilidad WCAG 2.2 AA (hallazgos de QA del 16-sep, axe-core)
El JS de apoyo (aria-label, minicarrito con bloques, aviso de tablas) vive en
mu-plugins/cc-accesibilidad.php. El verde del pie de WhatsApp se cambio arriba (.cc-foot-wa).
===================================================================== */
/* A1) Pago: enlaces a terminos y privacidad. #333 sobre texto #5b4a42 daba 1.5:1 y sin subrayado.
Terracota (7.0:1 sobre blanco) + subrayado para distinguirlos del texto sin depender del color. */
.wc-block-checkout__terms a,
.wc-block-components-checkbox__label a{color:#9C3905;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.wc-block-checkout__terms a:hover,
.wc-block-components-checkbox__label a:hover{color:#7A2C03;text-decoration-thickness:2px}
/* A2) Pago: "Introduce una direccion de envio..." #918580 sobre #f9f8f8 daba 3.37:1 -> 6.71:1 */
/* Woo lo pinta con .wc-block-checkout__shipping-option ... y color-mix al 66 %: hace falta un nivel mas */
.wc-block-checkout .wc-block-checkout__shipping-option .wc-block-components-shipping-rates-control__no-shipping-address-message,
.wc-block-checkout .wc-block-components-shipping-rates-control__no-results-notice,
.wc-block-cart .wc-block-components-shipping-rates-control__no-results-notice{color:#6B5347}
/* A3) Hover de los nombres de producto: el tema usa rgb(51 51 51 / 65%) = #7a7a7a, 4.29:1 -> 7.11:1.
html:root gana al :root que imprime el tema en linea. */
html:root{--wd-entities-title-color-hover:#6B5347}
/* A4) Pago y carrito en celular: la barra inferior fija de Woodmart tapaba campos del formulario */
@media (max-width:1024px){
body.woocommerce-cart .wd-toolbar,
body.woocommerce-checkout .wd-toolbar{display:none}
body.woocommerce-cart.sticky-toolbar-on,
body.woocommerce-checkout.sticky-toolbar-on{padding-bottom:0}
}
/* A5) Cupon (carrito de bloques): el rotulo se quedaba en top:21px encima del texto escrito.
Woodmart fija top:21px con :is(div.wc-block-checkout, div.wc-block-cart), que en el carrito gana a la
regla .is-active de Woo (en el pago no, porque alli va dentro de .wc-block-components-form). */
:is(div.wc-block-checkout,div.wc-block-cart) .wc-block-components-text-input.is-active > label,
:is(div.wc-block-checkout,div.wc-block-cart) .wc-block-components-text-input input:-webkit-autofill + label{top:6px;transform:scale(.82)}
/* A6) Rejilla de categorías. Hasta el 20-sep-2026 aquí se sacaba el nombre de encima de la foto
y se ponía debajo, centrado y con la cantidad de productos. Al lado de la tienda de RD se
veía peor: tarjetas altas, mucho aire vacío entre la foto y el texto, y líneas como
«1 producto» que no aportan nada y envejecen mal. Se vuelve al nombre DENTRO de la
tarjeta, abajo a la izquierda como en RD, siempre visible (no solo al pasar el ratón), con
un velo degradado para que se lea sobre cualquier foto. La cantidad se esconde. */
.wd-cat.cat-design-default .wd-cat-inner{position:relative;overflow:hidden;border-radius:4px}
.wd-cat.cat-design-default .wd-cat-content,
.wd-cat.cat-design-default:hover .wd-cat-content{position:absolute;left:0;right:0;bottom:0;top:auto;
transform:none;opacity:1;text-align:left;padding:34px 18px 14px !important;pointer-events:none;
background:linear-gradient(to top,rgba(43,26,18,.55) 0%,rgba(43,26,18,.28) 45%,rgba(43,26,18,0) 100%)}
.wd-cat.cat-design-default .wd-entities-title,
.wd-cat.cat-design-default:hover .wd-entities-title{position:static;transform:none;opacity:1;margin:0;
font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#fff !important;text-shadow:0 1px 8px rgba(43,26,18,.5)}
.wd-cat.cat-design-default .wd-cat-count{display:none !important}
@media(max-width:768px){
.wd-cat.cat-design-default .wd-cat-content{padding:26px 12px 10px !important}
.wd-cat.cat-design-default .wd-entities-title{font-size:13px}
}
/* A7) Guia de tallas: aviso y sombra de desplazamiento horizontal (los crea cc-accesibilidad.php solo si la
tabla es mas ancha que su caja). La columna de talla fija (regla 9 del 16-sep) se respeta: la sombra
se coloca a su izquierda. */
.cc-sx-host{position:relative}
.cc-sx-aviso{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0 2px 8px;
font-size:12.5px;line-height:1.3;font-weight:600;color:#6B5347}
.cc-sx-aviso svg{flex:0 0 auto;color:#9C3905}
.cc-sx-aviso[hidden],.cc-sx-sombra[hidden]{display:none}
.cc-sx-sombra{position:absolute;width:18px;pointer-events:none;z-index:4;
background:linear-gradient(to left,rgba(64,32,15,.26),rgba(64,32,15,0))}
.cc-guia-tablewrap[data-cc-sx]:focus-visible{outline:2px solid #9C3905;outline-offset:2px}
/* A8) Referencias en carrito, pago y minicarrito: Rosarivo, que era la fuente de los nombres
de producto, solo trae numeros antiguos: "5015" parecia "5o15" y "T004", "Too4". Esto se
tapaba aqui forzando Fraunces en --wd-entities-title-font; el 17-sep-2026 se arreglo donde
tocaba (ajustes del tema: titulos de producto y de widget ya son Fraunces) y esa linea se
quito. Se mantienen las cifras de caja alta, que si hacen falta. */
.wc-block-components-product-name,
.wc-block-components-order-summary-item__description,
.wd-entities-title,
.product_title,
.woocommerce-mini-cart-item,
.cart_item .product-name,
.wd-sticky-btn-info{font-variant-numeric:lining-nums}
/* A9) Foco con teclado en las opciones de talla y color: el tema ya pone un contorno punteado negro (visible);
se pasa a linea continua terracota por coherencia con el resto. Se hace con sus variables porque
base-deferred.css declara el outline con !important. */
.wd-swatches-product .wd-swatch{--wd-otl-style:solid;--wd-otl-color:#9C3905}
/* 17-sep-2026 · Enlaces dentro del texto de las páginas: color de marca y subrayado (WCAG 1.4.1).
Antes salían en #333 y sin subrayar; no se distinguían del texto. No afecta a botones (tienen clase). */
.cc-page p a:not([class]), .cc-page li a:not([class]), .cc-page td a:not([class]), .cc-page details a:not([class]),
.cc-hub p a:not([class]), .cc-hub li a:not([class]), .cc-hub details a:not([class]){
color:#9C3905;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.cc-page p a:not([class]):hover, .cc-page li a:not([class]):hover, .cc-page details a:not([class]):hover,
.cc-hub p a:not([class]):hover, .cc-hub li a:not([class]):hover, .cc-hub details a:not([class]):hover{color:#7E2C04}
/* 17-sep-2026 · Tipografia: los unicos rincones que se salian de las dos familias de la
marca eran los controles del mapa, que Leaflet dibuja con su propia pila del sistema
("Helvetica Neue" el contenedor, "Lucida Console" los botones + y -). */
.leaflet-container,
.leaflet-container .leaflet-control-zoom-in,
.leaflet-container .leaflet-control-zoom-out{
font-family:"Hanken Grotesk",Arial,Helvetica,sans-serif}
/* ============ PRY-946, QA de Erwin (18-sep-2026) ============ */
/* Banner «Por qué trabajamos con MeliBelt» en móvil. Erwin lo vio pixelado y tenía razón,
pero la causa no era la resolución del original (1920x899, de sobra). El recuadro en
móvil mide 360x300, casi cuadrado, y la foto es apaisada 2.14:1: con object-fit cover el
navegador necesita 641 px de ancho de imagen, pero el atributo `sizes` que genera
WordPress declara 360 px, así que escogía el archivo de 400 px y lo estiraba. De paso,
el recorte central cortaba el logotipo por la mitad.
Se sirve un recorte propio 1079x899 (la proporción exacta del recuadro), encuadrado para
que entren el logotipo y las dos modelos. A 3x de densidad da 1:1. */
@media(max-width:768px){
.promo-banner .banner-image:has(img[src*="cc-melibelt-banner"]){
background-image:url("/wp-content/uploads/2026/09/cc-melibelt-movil.jpg");
background-size:cover;background-position:center}
.promo-banner .banner-image img[src*="cc-melibelt-banner"]{opacity:0}
}
/* Nosotros: el de la página sirve el recorte vertical en móvil. */
.cc-taller-hero picture{display:block}
/* ===== Banda de respaldo de la portada (sustituye al mapa) · 20-sep-2026 ===== */
.cc-respaldo{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100%;margin:6px 0 4px}
.cc-respaldo-item{display:flex;flex-direction:column;gap:8px;padding:26px 24px;border-radius:20px;
background:#FDF7F2;border:1px solid #F0E2D8}
.cc-respaldo-item i{font-size:30px;color:#9C3905;line-height:1}
.cc-respaldo-item b{font-family:"Fraunces",serif;font-size:17px;font-weight:600;line-height:1.25;color:#40200F}
.cc-respaldo-item span{font-size:14.5px;line-height:1.58;color:#5B4A42}
@media(max-width:1024px){.cc-respaldo{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cc-respaldo{grid-template-columns:1fr;gap:12px}
.cc-respaldo-item{padding:20px 18px}}
/* ===== Ajustes del 20-sep-2026 ===== */
/* Costura clara entre la cabecera y el hero. En el marcado no hay ningún borde: medido a
1440, 1920, 2000 y 2560 px, en las tres diapositivas y a 1x y 2x, la cabecera y la foto
se tocan sin nada en medio. La raya aparece en pantallas con escalado fraccionario, donde
el borde inferior de la cabecera y el superior del hero caen en mitades de píxel y se
cuela el fondo de la página. Se soluciona solapándolos un píxel. */
.home .whb-main-header{position:relative;z-index:2}
.home .elementor-3228 > .e-con:first-child{margin-top:-1px}
/* Pie: la línea de copyright se partía en dos renglones porque la rejilla daba media
anchura a cada columna, y la de la derecha solo lleva la firma. Ahora el texto se queda
con todo el espacio sobrante. */
.wd-copyrights .container.wd-grid-g{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:768px){.wd-copyrights .container.wd-grid-g{grid-template-columns:1fr}}
/* Portada: el hueco blanco entre la cabecera y el slider.
Woodmart le pone `padding-block:40px` a `.wd-content-layout` para separar el contenido
de la cabecera. En una portada cuyo primer elemento es un hero a sangre eso no separa
nada: deja una banda blanca de 40px encima de la foto, que es justo lo que se veía.
Se quita ARRIBA y solo en la portada; el de abajo se queda, que ahí sí hace falta
para que el pie no quede pegado a la última sección. */
.home .wd-content-layout{padding-block-start:0}