/* ===== BIKA ELITE FASE 1 - INICIO (borrar de aqui para revertir) ===== */ :root{--bika-font:'Lato',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--bika-fs-display:clamp(2.1250rem,1.5528rem + 2.4413vw,3.7500rem);--bika-fs-h2:clamp(1.6250rem,1.3169rem + 1.3146vw,2.5000rem);--bika-fs-h3:clamp(1.1875rem,1.0775rem + 0.4695vw,1.5000rem);--bika-fs-h4:clamp(1.0625rem,1.0185rem + 0.1878vw,1.1875rem);--bika-fs-lead:clamp(1.0312rem,0.9982rem + 0.1408vw,1.1250rem);--bika-fs-body:clamp(0.9688rem,0.9467rem + 0.0939vw,1.0312rem);--bika-fs-small:clamp(0.8438rem,0.8327rem + 0.0469vw,0.8750rem);--bika-fs-label:clamp(0.7188rem,0.6967rem + 0.0939vw,0.7812rem);--bika-fs-price:clamp(1.1875rem,1.1215rem + 0.2817vw,1.3750rem);--bika-fs-price-old:clamp(0.8750rem,0.8530rem + 0.0939vw,0.9375rem);--bika-fs-btn:clamp(0.9062rem,0.8842rem + 0.0939vw,0.9688rem);--bika-lh-tight:1.12;--bika-lh-title:1.25;--bika-lh-body:1.65;--bika-ls-tight:-0.015em;--bika-ls-micro:-0.005em;--bika-ls-label:0.14em;--bika-ls-btn:0.02em;--bika-bg:#FFFFFF;--bika-surface:#F3F1ED;--bika-surface-2:#E9E5DD;--bika-surface-3:#DCD7CC;--bika-surface-dark:#3B3934;--bika-surface-dark-2:#2C2A26;--bika-ink:#3B3934;--bika-text-soft:#5C574F;--bika-text-mute:#6B665E;--bika-text-on-dark:#FFFFFF;--bika-text-on-dark-soft:#D8D3CA;--bika-border-strong:#CFC8BB;--bika-border-ink:#3B3934;--bika-veil-on-dark:rgba(255,255,255,.08);--bika-veil-mark:rgba(255,255,255,.03);--bika-accent:#FFCC33;--bika-accent-ink:#3B3934;--bika-cta-bg:var(--bika-surface-dark);--bika-cta-ink:var(--bika-text-on-dark);--bika-cta-bg-hover:var(--bika-surface-dark-2);--bika-ok:#1F6B4A;--bika-ok-bg:#EAF3EE;--bika-warn:#9A5B00;--bika-warn-bg:#FFF6DC;--bika-error:#B3261E;--bika-error-bg:#FDECEA;--bika-sale:#B3261E;--bika-focus:#3B3934;--bika-focus-on-dark:#FFCC33;--bika-s1:4px;--bika-s2:8px;--bika-s3:12px;--bika-s4:16px;--bika-s5:20px;--bika-s6:24px;--bika-s7:32px;--bika-s8:40px;--bika-sec-y:clamp(3.5rem,2.2676rem + 5.2582vw,7rem);--bika-gap:clamp(0.875rem,0.6549rem + 0.9390vw,1.5rem);--bika-card-p:clamp(1.25rem,1.0739rem + 0.7512vw,1.75rem);--bika-panel-p:clamp(2rem,1.4rem + 2.5vw,3.5rem);--bika-tap:44px;--bika-field-h:52px;--bika-r-sm:10px;--bika-r-md:14px;--bika-r-lg:20px;--bika-r-xl:24px;--bika-r-2xl:32px;--bika-r-pill:999px;--bika-r-lg-sm:16px;--bika-sh-drop:0 16px 40px rgba(59,57,52,.12);--bika-t:.18s cubic-bezier(.2,.6,.3,1);--bika-t-in:.12s ease-out;--bika-ico-flecha-ne:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2017%2017%207%22%2F%3E%3Cpath%20d%3D%22M8.5%207H17v8.5%22%2F%3E%3C%2Fsvg%3E")}.bika-cat-section,.bika-guias,.bika-el-ofertas,.bika-el-vendidos,.bika-el-medida{padding-block:var(--bika-sec-y) !important}body.home .section-title-container{margin-bottom:clamp(2rem,1.5rem + 1.2vw,2.5rem)}body.home .section-title{display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;gap:var(--bika-s6);border:0}body.home .section-title>b[aria-hidden="true"]{flex:0 0 0;width:0;min-width:0;margin:0;padding:0;border:0}body.home .section-title .section-title-main{margin:0;padding:0;border:0;color:var(--bika-ink);font-weight:700;line-height:var(--bika-lh-tight);letter-spacing:var(--bika-ls-tight);text-transform:none;text-wrap:balance;font-size:var(--bika-fs-h2) !important}.product-small .box-image{border-radius:var(--bika-r-lg);overflow:hidden;background-color:var(--bika-surface)}.product-small .box-text.box-text-products{padding:var(--bika-s4) var(--bika-s1) 0;text-align:left}.product-small .box-text .product-title{margin:0 0 var(--bika-s2);color:var(--bika-ink);font-size:var(--bika-fs-body);font-weight:700;line-height:1.4;letter-spacing:0;text-transform:none;min-height:2.8em}.product-small .box-text .product-title a{color:inherit;text-decoration:none}.product-small .price-wrapper .price{color:var(--bika-ink);font-size:var(--bika-fs-price);font-weight:700;line-height:1.2;letter-spacing:var(--bika-ls-micro)}.product-small .price-wrapper .price del{color:var(--bika-text-mute);font-size:var(--bika-fs-price-old);font-weight:400}.product-small .price-wrapper .price ins{text-decoration:none}.product-small .price-wrapper:empty{margin:0;min-height:0}.product-small .add-to-cart-button{margin-top:var(--bika-s2)}.product-small .add-to-cart-button .button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--bika-tap);padding:0 var(--bika-s6);background-color:var(--bika-surface-dark);color:var(--bika-text-on-dark);border:0;border-radius:var(--bika-r-pill);box-shadow:none;font-size:var(--bika-fs-btn);font-weight:700;letter-spacing:var(--bika-ls-btn);text-transform:none;transition:background-color var(--bika-t),color var(--bika-t)}.product-small .add-to-cart-button .button:hover{background-color:var(--bika-accent);color:var(--bika-accent-ink)}.product-small .badge-container .badge{width:auto;height:auto}.product-small .badge-container .badge-circle .badge-inner{border:0;border-radius:var(--bika-r-pill);background-color:var(--bika-sale);color:var(--bika-text-on-dark);padding:var(--bika-s1) var(--bika-s3);font-size:var(--bika-fs-label);font-weight:700;line-height:1.4}.bika-guias .box-blog-post .box-image img{border-radius:var(--bika-r-lg)}.col-inner>.bika-pilar{display:flex;flex-direction:column;height:100%;padding:var(--bika-card-p);background-color:var(--bika-surface);border:0;border-radius:var(--bika-r-lg);box-shadow:none;text-align:left;transition:background-color var(--bika-t)}.col-inner>.bika-pilar:hover{background-color:var(--bika-surface-2);transform:none;box-shadow:none}.bika-pilar>.bika-pilar-ico{inline-size:var(--bika-tap);block-size:var(--bika-tap);margin:0 0 var(--bika-s5);display:flex;align-items:center;justify-content:center;background-color:var(--bika-surface-3);border:0;border-radius:var(--bika-r-sm);font-size:var(--bika-fs-h3);line-height:1}.bika-pilar>h4{margin:0 0 var(--bika-s3);color:var(--bika-ink);font-size:var(--bika-fs-h4);font-weight:700;line-height:1.30;letter-spacing:var(--bika-ls-micro);min-height:2.6em}.bika-pilar>p{margin:0;max-width:34ch;color:var(--bika-text-soft);font-size:var(--bika-fs-body);line-height:var(--bika-lh-body)}.bika-el-medida .col-inner h2{color:var(--bika-ink);font-size:var(--bika-fs-h2);font-weight:700;line-height:var(--bika-lh-tight);letter-spacing:var(--bika-ls-tight);text-wrap:balance;margin-bottom:var(--bika-s4)}.bika-el-medida .col-inner p{color:var(--bika-text-soft);font-size:var(--bika-fs-lead);line-height:var(--bika-lh-body);max-width:56ch}.bika-el-medida .img .img-inner{border-radius:var(--bika-r-xl);overflow:hidden}.bika-el-news{background-color:var(--bika-surface);border-radius:var(--bika-r-2xl);padding:var(--bika-panel-p)}.bika-el-news .wpcf7-form{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--bika-s3)}.bika-el-news .wpcf7-form>p{flex:1 1 220px;margin:0}.bika-el-news .wpcf7-email,.bika-el-news .wpcf7-text{inline-size:100%;block-size:var(--bika-field-h);padding:0 var(--bika-s5);background-color:var(--bika-bg);color:var(--bika-ink);border:1.5px solid var(--bika-border-strong);border-radius:var(--bika-r-pill);font-family:var(--bika-font);font-size:var(--bika-fs-body);box-shadow:none;transition:border-color var(--bika-t),box-shadow var(--bika-t)}.bika-el-news .wpcf7-email::placeholder{color:var(--bika-text-mute)}.bika-el-news .wpcf7-email:focus,.bika-el-news .wpcf7-text:focus{border-color:var(--bika-border-ink)}.bika-el-news .wpcf7-email:focus-visible,.bika-el-news .wpcf7-text:focus-visible{outline:3px solid var(--bika-focus);outline-offset:2px}.bika-el-news .wpcf7-not-valid{border-color:var(--bika-error)}.bika-el-news .wpcf7-not-valid-tip{margin-top:var(--bika-s2);color:var(--bika-error);font-size:var(--bika-fs-small)}.bika-el-news .contact-submit{flex:0 0 auto;margin:0}.bika-el-news .wpcf7-submit{min-height:var(--bika-field-h);padding:0 var(--bika-s8);background-color:var(--bika-surface-dark);color:var(--bika-text-on-dark);border:0;border-radius:var(--bika-r-pill);font-family:var(--bika-font);font-size:var(--bika-fs-btn);font-weight:700;letter-spacing:var(--bika-ls-btn);text-transform:none;box-shadow:none;cursor:pointer;transition:background-color var(--bika-t)}.bika-el-news .wpcf7-submit:hover{background-color:var(--bika-surface-dark-2)}.bika-el-news .wpcf7-response-output{flex:1 0 100%;margin:var(--bika-s4) 0 0;padding:var(--bika-s3) var(--bika-s5);border:0;border-radius:var(--bika-r-md);background-color:var(--bika-warn-bg);color:var(--bika-warn);font-size:var(--bika-fs-small);line-height:1.5}.bika-el-news form.sent .wpcf7-response-output{background-color:var(--bika-ok-bg);color:var(--bika-ok)}.bika-el-news form.invalid .wpcf7-response-output{background-color:var(--bika-error-bg);color:var(--bika-error)}@media (max-width:549px){.bika-cat-section .banner .banner-inner,.product-small .box-image,.col-inner>.bika-pilar,.bika-guias .box-blog-post .box-image img{border-radius:var(--bika-r-lg-sm)}.bika-el-news{border-radius:var(--bika-r-xl);padding:var(--bika-s7) var(--bika-s5)}.bika-el-medida .img .img-inner{border-radius:var(--bika-r-lg-sm)}.bika-pilar>h4{min-height:0}.product-small .box-text .product-title{min-height:0}.footer-wrapper .bika-footer-links a{padding-block:11px}.footer-wrapper .bika-fw-bg.dark::before{content:none}.bika-el-news .wpcf7-form>p,.bika-el-news .contact-submit,.bika-el-news .wpcf7-submit{flex:1 0 100%;inline-size:100%}}@media (min-width:550px) and (max-width:849px){.bika-pilar>h4{min-height:0}}@media (max-width:849px){.bika-cat-section .banner .text-inner{gap:6px}.bika-cat-section .banner .text-inner h3{flex:1 1 100%;min-height:34px;padding:0 var(--bika-s2)}.bika-cat-section .banner .text-inner .button{padding:0 var(--bika-s3)}.bika-cat-section .banner .text-box.banner-layer{max-width:calc(100% - var(--bika-s3))}}@media (min-width:850px){.bika-cat-section .bika-cat-visible>.col,.bika-cat-section .accordion .col{padding:calc(var(--bika-gap) / 2) calc(var(--bika-gap) / 2) var(--bika-gap) !important}.bika-cat-section .banner .text-inner h3{font-size:var(--bika-fs-h4) !important;line-height:var(--bika-lh-title) !important}.bika-cat-section .banner .text-inner .button{font-size:var(--bika-fs-btn)}}@media (min-width:1100px){.bika-cat-section .bika-cat-visible>.col{flex-basis:25%;max-width:25%}}.bika-benef div,.bika-benef span,.bika-benef small,.bika-benef p{color:var(--bika-text-mute) !important}.bika-benef b,.bika-benef strong{color:var(--bika-ink) !important}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--bika-focus);outline-offset:2px}.footer-wrapper:where(a,button,input,summary):focus-visible{outline-color:var(--bika-focus-on-dark)}body .btn-bika-solid:focus-visible,.bika-el-news .wpcf7-submit:focus-visible,.bika-cat-section .bika-vertodo a.button:focus-visible,.bika-cat-section .accordion .accordion-title.plain:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bika-bg),0 0 0 6px var(--bika-focus)}.bika-cat-section .banner a.fill:focus-visible{outline:3px solid var(--bika-focus);outline-offset:3px;border-radius:var(--bika-r-lg)}@media (prefers-reduced-motion:reduce){.bika-cat-section .banner .text-inner .button::after,.col-inner>.bika-pilar,body .btn-bika-solid,body .btn-bika-outline{transition-duration:.01ms}body .btn-bika-solid:hover{transform:none}.bika-cat-section .banner:hover .text-inner .button::after{transform:none}}@media (hover:none){.bika-cat-section .banner:hover .text-inner h3{background-color:var(--bika-surface)}.col-inner>.bika-pilar:hover{background-color:var(--bika-surface)}} /* ===== BIKA ELITE FASE 1 - FIN ===== */ /* ===== BIKA ELITE FASE 2 - INICIO ===== */ .header-wrapper .header-nav-main>li>a{color:var(--bika-ink);font-weight:700;letter-spacing:var(--bika-ls-btn);transition:color var(--bika-t)}.header-wrapper .header-nav-main>li>a:hover{color:var(--bika-surface-dark-2)}.header-wrapper .nav-dropdown{border:0;border-radius:var(--bika-r-md);box-shadow:var(--bika-sh-drop);padding:var(--bika-s3)}.header-wrapper .nav-dropdown li a{color:var(--bika-ink);border-radius:var(--bika-r-sm)}.bika-hero h1{color:var(--bika-ink) !important;font-weight:700 !important;font-size:var(--bika-fs-display);line-height:1.04;letter-spacing:-0.02em;text-wrap:balance;margin-bottom:var(--bika-s3)}.bika-hero .col-inner>.text p{color:var(--bika-text-soft) !important;line-height:var(--bika-lh-body)}.bika-hero .col-inner>.text p span{color:inherit !important}body .btn-bika-solid{background-color:var(--bika-cta-bg) !important;color:var(--bika-cta-ink) !important;border:0 !important;border-radius:var(--bika-r-pill) !important;min-height:var(--bika-tap);padding:var(--bika-s3) var(--bika-s8);font-weight:700;font-size:var(--bika-fs-btn);letter-spacing:var(--bika-ls-btn);text-transform:none;box-shadow:none;transition:background-color var(--bika-t),transform var(--bika-t-in)}body .btn-bika-solid span{color:var(--bika-cta-ink) !important}body .btn-bika-solid:hover{background-color:var(--bika-cta-bg-hover) !important;transform:translateY(-1px)}body .btn-bika-outline{background-color:transparent !important;color:var(--bika-ink) !important;border:1.5px solid var(--bika-border-ink) !important;border-radius:var(--bika-r-pill) !important;min-height:var(--bika-tap);padding:var(--bika-s3) var(--bika-s8);font-weight:700;font-size:var(--bika-fs-btn);letter-spacing:var(--bika-ls-btn);text-transform:none;transition:background-color var(--bika-t),color var(--bika-t)}body .btn-bika-outline span{color:inherit !important}body .btn-bika-outline:hover{background-color:var(--bika-ink) !important;color:var(--bika-text-on-dark) !important}.bika-cat-section .banner .banner-inner{border-radius:var(--bika-r-lg)}.bika-cat-section .banner .overlay{background-color:transparent !important}.bika-cat-section .banner .text-box.banner-layer{width:auto !important;max-width:calc(100% - var(--bika-s7))}.bika-cat-section .banner .text-box-content{background:transparent}.bika-cat-section .banner .text-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--bika-s3)}.bika-cat-section .banner .text-inner h3{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-width:0;margin:0;min-height:var(--bika-tap);padding:0 var(--bika-s5);text-align:center;line-height:1.2;overflow-wrap:anywhere;background-color:var(--bika-surface);border-radius:var(--bika-r-pill);transition:background-color var(--bika-t);color:var(--bika-ink) !important;font-weight:700 !important;text-transform:none !important;letter-spacing:var(--bika-ls-micro) !important}.bika-cat-section .banner .text-inner h3 a,.bika-cat-section .banner .text-inner h3 span{color:inherit !important;font-size:inherit !important;font-weight:inherit !important;text-decoration:none}.bika-cat-section .banner:hover .text-inner h3{background-color:var(--bika-surface-2)}.bika-cat-section .banner .text-inner .button{display:inline-flex;align-items:center;justify-content:center;gap:var(--bika-s2);margin:0;padding:0 var(--bika-s4);background-color:var(--bika-surface-dark);color:var(--bika-text-on-dark);border:0;box-shadow:none;text-transform:none;font-weight:700;letter-spacing:var(--bika-ls-btn);transition:background-color var(--bika-t),color var(--bika-t)}.bika-cat-section .banner .text-inner .button span{color:inherit}.bika-cat-section .banner .text-inner .button{min-height:var(--bika-tap)}.bika-cat-section .banner .text-inner .button::after{content:"";inline-size:1em;block-size:1em;flex:none;background-color:currentColor;-webkit-mask:var(--bika-ico-flecha-ne) center/contain no-repeat;mask:var(--bika-ico-flecha-ne) center/contain no-repeat;transition:transform var(--bika-t)}.bika-cat-section .banner:hover .text-inner .button{background-color:var(--bika-accent);color:var(--bika-accent-ink)}.bika-cat-section .banner:hover .text-inner .button::after{transform:translate(2px,-2px)}.bika-cat-section .accordion .accordion-title.plain,.bika-cat-section .bika-vertodo a.button{background-color:var(--bika-surface-dark) !important;color:var(--bika-text-on-dark) !important;border:0 !important;border-radius:var(--bika-r-pill) !important;box-shadow:none !important;min-height:var(--bika-tap);letter-spacing:var(--bika-ls-btn)}.bika-cat-section .accordion .accordion-title.plain:hover,.bika-cat-section .bika-vertodo a.button:hover{background-color:var(--bika-accent) !important;color:var(--bika-accent-ink) !important;box-shadow:none !important}.footer-wrapper .bika-fw-bg.dark{position:relative;overflow:hidden}.footer-wrapper .bika-fw-bg.dark::before{content:"";position:absolute;inset:-160px -140px auto auto;inline-size:520px;block-size:520px;border-radius:120px;background-color:var(--bika-veil-mark);pointer-events:none}.footer-wrapper .bika-fw-bg.dark>.section-content{position:relative;z-index:1}.footer-wrapper .bika-footer-title{display:inline-block;padding-bottom:var(--bika-s2);color:var(--bika-text-on-dark) !important;border-bottom:2px solid var(--bika-accent) !important;font-size:var(--bika-fs-label);font-weight:700;letter-spacing:var(--bika-ls-label);text-transform:uppercase;line-height:1.2}.footer-wrapper .bika-footer-links a{display:block;padding-block:5px;color:var(--bika-text-on-dark-soft);font-size:var(--bika-fs-body);line-height:1.7;text-decoration:none;transition:color var(--bika-t)}.footer-wrapper .bika-footer-links a:hover{color:var(--bika-text-on-dark);text-decoration:underline;text-underline-offset:3px}.footer-wrapper .social-icons a.icon.button.circle{inline-size:var(--bika-tap);block-size:var(--bika-tap);border:0;border-radius:50%;background-color:var(--bika-veil-on-dark);color:var(--bika-text-on-dark);box-shadow:none;transition:background-color var(--bika-t),color var(--bika-t)}.footer-wrapper .social-icons a.icon.button.circle:hover{background-color:var(--bika-accent);color:var(--bika-accent-ink)}.footer-wrapper .absolute-footer{border-top:1px solid var(--bika-veil-on-dark);color:var(--bika-text-on-dark-soft);font-size:var(--bika-fs-small)} /* ===== BIKA ELITE FASE 2 - FIN ===== */ /* ===== BIKA FILAS DE CATEGORIA - INICIO ===== */ .bika-filas{border-top:1px solid var(--bika-border-strong,#CFC8BB);margin:var(--bika-s7,32px) 0 0}.bika-fila{display:grid;grid-template-columns:210px 1fr;gap:34px;align-items:center;padding:34px 0;border-bottom:1px solid var(--bika-border-strong,#CFC8BB)}.bika-fila-cat{display:block;text-decoration:none;color:inherit}.bika-fila-caja{display:grid;place-items:center;aspect-ratio:1/1;background:var(--bika-surface,#F3F1ED);border-radius:var(--bika-r-lg,20px);color:var(--bika-ink,#3B3934);transition:background .18s}.bika-fila-caja svg{width:74px;height:74px}.bika-fila-pie{display:flex;align-items:center;gap:7px;margin-top:11px}.bika-fila-nom{flex:1;min-width:0;background:var(--bika-surface,#F3F1ED);border-radius:14px;padding:9px 13px;font-size:.8rem;font-weight:600;text-align:center;line-height:1.25;text-transform:none;transition:background .18s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bika-fila-go{flex:none;width:34px;height:34px;border-radius:50%;background:var(--bika-ink,#3B3934);color:#fff;display:grid;place-items:center;transition:transform .18s}.bika-fila-go svg{width:14px;height:14px}.bika-fila-cat:hover .bika-fila-caja,.bika-fila-cat:hover .bika-fila-nom{background:var(--bika-surface-2,#E9E5DD)}.bika-fila-cat:hover .bika-fila-go{transform:translate(2px,-2px)}.bika-fila-cat:focus-visible{outline:3px solid var(--bika-focus,#3B3934);outline-offset:4px;border-radius:var(--bika-r-lg,20px)}.bika-fila-car{position:relative;min-width:0}.bika-fila-car::after{content:"";position:absolute;top:0;right:0;width:80px;height:100%;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.92));z-index:2}.bika-pista{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:2px;margin:0}.bika-pista::-webkit-scrollbar{display:none}.bika-fc{flex:0 0 auto;width:calc((100% - 60px)/3.5);aspect-ratio:1/1;border-radius:var(--bika-r-lg,20px);overflow:hidden;background:var(--bika-surface,#F3F1ED);scroll-snap-align:start;display:block;transition:transform .2s}.bika-fc img{display:block;width:100%;height:100%;object-fit:cover}.bika-fc:hover{transform:scale(1.012)}.bika-fc:focus-visible{outline:3px solid var(--bika-focus,#3B3934);outline-offset:3px}.bika-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;z-index:4;color:#fff;padding:0}.bika-nav svg{width:20px;height:20px}.bika-nav-i{left:12px;background:rgba(59,57,52,.42)}.bika-nav-d{right:0;background:var(--bika-ink,#3B3934)}.bika-nav:hover{filter:brightness(1.15)}.bika-nav:focus-visible{outline:3px solid var(--bika-accent,#FFCC33);outline-offset:2px}@media (max-width:849px){.bika-fila{grid-template-columns:1fr;gap:14px;padding:24px 0}.bika-fila-cat{display:grid;grid-template-columns:66px 1fr;gap:12px;align-items:center}.bika-fila-caja svg{width:34px;height:34px}.bika-fila-pie{margin-top:0}.bika-fila-nom{font-size:.9rem;text-align:left;padding:9px 14px;-webkit-line-clamp:1}.bika-fc{width:calc((100% - 20px)/1.55);min-width:210px}.bika-nav{width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bika-nav:focus-visible{width:52px;height:52px;clip-path:none}.bika-fila-car::after{width:40px}}@media (prefers-reduced-motion:reduce){.bika-pista{scroll-behavior:auto}.bika-fc,.bika-fila-go{transition:none}}/* ===== BIKA FILAS DE CATEGORIA - FIN ===== */ .header_logo.header-logo { display: none !important; } .header-logo-sticky { display: block !important; } .vp-portfolio__item-popup-description { font-size: 20px; } .vp-portfolio__layout-elements.vp-portfolio__layout-elements-top { margin-top: 50px; } @media screen and (max-width:550px) { #logo { width: 70px !important; } } /* .wpcf7-form-control-wrap, .footer-widgets.footer.footer-2.dark, .wpcf7-form-control.wpcf7-submit.has-spinner.button, .wpcf7-form-control{ display: none; } */ .exploracategoria p, .buycategory p{ padding: 0px; margin: 0px; } .sectionwhite{ background: white; padding: 30px; border-radius:15px; } .bgwhastapp{ background: #25d366; } div#woocommerce_after_add_to_cart_form { display: none; } /* ========================================== 1. EXPANSIÓN DE FONDOS Y RESET DE PADDINGS (FLATSOME CORE) ========================================== */ .bika-fw-bg, .container .section.bika-fw-bg, .row .section.bika-fw-bg { width: 100vw !important; position: relative !important; left: 50% !important; transform: translateX(-50%) !important; padding-left: 0 !important; padding-right: 0 !important; overflow-x: hidden !important; } .bika-fw-bg > .section-content > .row { margin: 0 auto !important; max-width: 1280px !important; width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; } .bika-fw-bg > .section-content > .row.hero-edge { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } /* ========================================== 2. BOTONES DEL HERO ========================================== */ .btn-bika-solid { background-color: #1f1f1f !important; color: #ffffff !important; border-radius: 8px !important; border: none !important; } .btn-bika-solid span { color: #ffffff !important; } .btn-bika-outline { background-color: transparent !important; border: 1.5px solid #1f1f1f !important; color: #1f1f1f !important; border-radius: 8px !important; } .btn-bika-outline span { color: #1f1f1f !important; } @media (max-width: 849px) { .hero-btns-container { display: flex !important; flex-direction: column !important; width: 100% !important; margin-top: 20px !important; } .btn-bika-solid { margin-bottom: 16px !important; } .btn-bika-solid, .btn-bika-outline { width: 100% !important; justify-content: center !important; padding: 16px 20px !important; /* Botones un poco más altos en móvil */ font-size: 15px !important; } } /* ========================================== 3. ESTRUCTURAS MÓVILES (SCROLL Y ADDI) ========================================== */ .bika-grid-2-mobile { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } @media (max-width: 849px) { .bika-grid-2-mobile { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 849px) { .bika-scroll-wrapper { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; padding-bottom: 20px !important; gap: 12px !important; scrollbar-width: none; } .bika-scroll-wrapper::-webkit-scrollbar { display: none; } .bika-scroll-wrapper::before, .bika-scroll-wrapper::after { content: none !important; display: none !important; } .bika-scroll-wrapper > .col { flex: 0 0 82% !important; max-width: 82% !important; padding-bottom: 0 !important; margin-bottom: 0 !important; scroll-snap-align: start; } .testi-card-inner { padding: 20px !important; } } /* ========================================== 4. TAMAÑO DE TESTIMONIOS Y FORMULARIO ========================================== */ .testi-quote-text { font-size: 16px; line-height: 1.7; margin: 16px 0; } .testi-stars-text { font-size: 18px; } @media (max-width: 849px) { .testi-quote-text { font-size: 15px; line-height: 1.6; margin: 12px 0; } /* Letra más grande y legible en móvil */ .testi-stars-text { font-size: 16px; } .newsletter-wrap-mobile { flex-direction: column !important; } .newsletter-wrap-mobile input, .newsletter-wrap-mobile button { width: 100% !important; flex: none !important; } } /* Permitir que la fila de USPs ocupe el ancho completo en Desktop */ .bika-fw-bg > .section-content > .row.bika-row-fw { max-width: 100% !important; padding-left: 4% !important; padding-right: 4% !important; } /* ========================================== 8. FOOTER MÓVIL Y ACORDEÓN (DISEÑO EXACTO) ========================================== */ /* 1. Ocultar las flechas nativas de Flatsome por completo */ .bika-footer-mobile .accordion-title i, .bika-footer-mobile .accordion-title::before { display: none !important; opacity: 0 !important; } /* 2. Alinear el título a la izquierda */ .bika-footer-mobile .accordion-title { padding-left: 0 !important; padding-right: 30px !important; text-align: left !important; position: relative !important; } /* 3. Crear el icono + a la derecha */ .bika-footer-mobile .accordion-title::after { content: '+' !important; position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; font-family: Arial, sans-serif !important; font-size: 24px !important; font-weight: 300 !important; color: #ffffff !important; } /* 4. Cambiar a - cuando se abre */ .bika-footer-mobile .accordion-item.active .accordion-title::after { content: '-' !important; font-size: 28px !important; margin-top: -2px !important; } /* 5. ELIMINAR LOS PUNTOS (.) Y ALINEAR TEXTO A LA IZQUIERDA */ .bika-footer-mobile .accordion-inner ul, .bika-footer-mobile .accordion-inner { list-style: none !important; list-style-type: none !important; padding-left: 0 !important; margin-left: 0 !important; text-align: left !important; } .bika-footer-mobile .accordion-inner li { list-style: none !important; list-style-type: none !important; margin-bottom: 15px !important; padding-left: 0 !important; } .bika-footer-mobile .accordion-inner a { text-align: left !important; display: block !important; color: #cccccc !important; text-decoration: none !important; } @media (max-width: 849px) { /* En móvil, vuelve al margen de seguridad normal */ .bika-fw-bg > .section-content > .row.bika-row-fw { padding-left: 16px !important; padding-right: 16px !important; } } /* ========================================== 8. FOOTER MÓVIL Y ACORDEÓN (DISEÑO EXACTO) ========================================== */ /* 1. Ocultar las flechas nativas de Flatsome por completo */ .bika-footer-mobile .accordion-title i, .bika-footer-mobile .accordion-title::before { display: none !important; opacity: 0 !important; } /* 2. Alinear el título a la izquierda */ .bika-footer-mobile .accordion-title { padding-left: 0 !important; padding-right: 30px !important; text-align: left !important; position: relative !important; } /* 3. Crear el icono + a la derecha */ .bika-footer-mobile .accordion-title::after { content: '+' !important; position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; font-family: Arial, sans-serif !important; font-size: 24px !important; font-weight: 300 !important; color: #ffffff !important; } /* 4. Cambiar a - cuando se abre */ .bika-footer-mobile .accordion-item.active .accordion-title::after { content: '-' !important; font-size: 28px !important; margin-top: -2px !important; } /* 5. ELIMINAR LOS PUNTOS (.) Y ALINEAR TEXTO A LA IZQUIERDA */ .bika-footer-mobile .accordion-inner ul, .bika-footer-mobile .accordion-inner { list-style: none !important; list-style-type: none !important; padding-left: 0 !important; margin-left: 0 !important; text-align: left !important; } .bika-footer-mobile .accordion-inner li { list-style: none !important; list-style-type: none !important; margin-bottom: 15px !important; padding-left: 0 !important; } .bika-footer-mobile .accordion-inner a { text-align: left !important; display: block !important; color: #cccccc !important; text-decoration: none !important; } /* ========================================== CORRECCIÓN DEFINITIVA DE CATEGORÍAS BIKA ========================================== */ /* 1. Forzar que las columnas hagan salto de línea */ .row.bika-fix-categorias { display: flex !important; flex-wrap: wrap !important; } /* 2. Reglas estrictas para Móvil */ @media (max-width: 849px) { /* Obligar a 2 columnas exactas */ .row.bika-fix-categorias > .col { flex-basis: 50% !important; max-width: 50% !important; padding: 5px !important; } /* Altura ajustada a 222px */ .bika-fix-categorias .banner, .bika-fix-categorias .banner-inner, .bika-fix-categorias .bg { height: 270px !important; min-height: 270px !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* Caja de texto con mejor respiro */ .bika-fix-categorias .text-box { width: 100% !important; padding: 15px 12px !important; } /* Títulos bien visibles */ .bika-fix-categorias .text-box h3 { font-size: 19px !important; /* Subimos a 19px */ white-space: normal !important; word-wrap: break-word !important; line-height: 1.1 !important; margin-bottom: 6px !important; } /* Descripción clara */ .bika-fix-categorias .text-box p { font-size: 13px !important; /* Subimos a 13px */ line-height: 1.2 !important; white-space: normal !important; margin-bottom: 12px !important; } /* Botón más grande y fácil de tocar */ .bika-fix-categorias .button { font-size: 12px !important; /* Texto del botón más grande */ padding: 6px 16px !important; /* Más gordito */ min-height: 32px !important; margin-bottom: 0 !important; } } /* Ancho completo para filas de contenido en Desktop */ @media (min-width: 850px) { .bika-fw-bg > .section-content > .row.bk-full-desktop { max-width: 100% !important; width: 100% !important; padding-left: 4% !important; /* Margen elegante para que el texto no toque el borde */ padding-right: 4% !important; margin: 0 !important; } /* Los banners sí pueden ir al 0% de padding si lo prefieres, o mantenemos el 4% para que todo el bloque sea uniforme */ .bika-fw-bg > .section-content > .row.bk-full-desktop.bika-fix-categorias { padding-left: 0 !important; padding-right: 0 !important; } .bika-fw-bg.bk-cat-section { padding-left: 0 !important; padding-right: 0 !important; } } /* === VER MÁS: panel desplegable de categorías === */ #bika-ver-mas-panel { max-height: 0; overflow: hidden; transition: max-height 0.5s ease, opacity 0.4s ease; opacity: 0; } #bika-ver-mas-panel.abierto { max-height: 600px; opacity: 1; } .bika-toggle-btn { display: inline-flex; align-items: center; gap: 8px; background: #1F1F1F; color: #fff; border: none; padding: 12px 28px; border-radius: 8px; font-size: 15px; font-family: 'Poppins', sans-serif; cursor: pointer; transition: background 0.2s; margin: 0 auto; } .bika-toggle-btn:hover { background: #0F6E56; } .bika-toggle-btn .flecha { display: inline-block; transition: transform 0.35s; font-style: normal; } .bika-toggle-btn.abierto .flecha { transform: rotate(180deg); } /* Grid de tarjetas */ .bika-cats-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; padding: 28px 20px 10px; } .bika-cat-card { display: flex; flex-direction: column; align-items: center; gap: 8px; text-decoration: none; color: #1F1F1F; width: 120px; transition: transform 0.2s; } .bika-cat-card:hover { transform: translateY(-3px); } .bika-cat-card img { width: 113px; height: 85px; object-fit: cover; border-radius: 8px; border: 1px solid #e0e0e0; } .bika-cat-card span { font-size: 12px; font-family: 'Poppins', sans-serif; text-align: center; font-weight: 500; line-height: 1.3; } /* === Newsletter Bika === */ .bika-newsletter .wpcf7-form { display: flex; flex-wrap: wrap; gap: 10px; } .bika-newsletter .wpcf7-text, .bika-newsletter .wpcf7-email { padding: 12px 16px; border-radius: 8px; border: 1px solid #ddd; font-family: 'Poppins', sans-serif; flex: 1; min-width: 180px; } .bika-newsletter .wpcf7-submit { background: #0F6E56; color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-family: 'Poppins', sans-serif; font-weight: 500; cursor: pointer; } .bika-newsletter .wpcf7-submit:hover { background: #B8956A; } /* === Ticker Bika === */ .bika-ticker-wrap { width: 100%; overflow: hidden; background: #888888; padding: 13px 0; white-space: nowrap; } .bika-ticker-track { display: inline-flex; gap: 0; animation: bika-ticker 50s linear infinite; } .bika-ticker-track span { font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 500; color: #ffffff; letter-spacing: 0.08em; padding-right: 48px; text-transform: uppercase; } @keyframes bika-ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } /* Estilo del botón disparador */ .bika-ver-mas-trigger { border-top: 1px solid #eee; padding: 30px 0; cursor: pointer; font-weight: 600; letter-spacing: 0.1em; color: #111; display: flex; align-items: center; justify-content: center; gap: 10px; transition: all .3s; } .bika-ver-mas-trigger:hover { color: #666; } .bika-ver-mas-trigger i { transition: transform 0.3s; } .bika-ver-mas-trigger.activo i { transform: rotate(180deg); } /* Forzar que el div oculto no añada márgenes */ #categorias-extra-bika { width: 100%; } /* Asegurar que la fila extra ignore paddings en desktop */ @media (min-width: 850px) { #categorias-extra-bika .bk-full-desktop { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; } } /* Estilo del botón disparador */ .bika-ver-mas-trigger { border-top: 1px solid #eee; padding: 30px 0; cursor: pointer; font-weight: 600; letter-spacing: 0.1em; color: #111; display: flex; align-items: center; justify-content: center; gap: 10px; transition: all .3s; } .bika-ver-mas-trigger:hover { color: #666; } .bika-ver-mas-trigger i { transition: transform 0.3s; } .bika-ver-mas-trigger.activo i { transform: rotate(180deg); } /* Forzar que el div oculto no añada márgenes */ #categorias-extra-bika { width: 100%; } /* Asegurar que la fila extra ignore paddings en desktop */ @media (min-width: 850px) { #categorias-extra-bika .bk-full-desktop { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; } } /* ============================================= BIKA - Buscador grande y visible en móvil ============================================= */ /* Overlay del buscador - fondo más oscuro y definido */ #search-overlay, .search-overlay { background: rgba(0, 0, 0, 0.75) !important; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } /* Contenedor del formulario de búsqueda */ #search-overlay .search-form, .search-overlay .search-form { width: 92% !important; max-width: 680px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; border-radius: 10px !important; overflow: hidden !important; box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important; } /* Input del buscador */ #search-overlay input[type="search"], #search-overlay input[type="text"], .search-overlay input[type="search"], .search-overlay input[type="text"] { width: 100% !important; height: 60px !important; /* Alto generoso para dedos */ font-size: 18px !important; /* Texto grande y legible */ padding: 0 20px !important; border: none !important; border-radius: 0 !important; background: #ffffff !important; color: #1f1f1f !important; caret-color: #1f1f1f !important; outline: none !important; -webkit-appearance: none !important; } #search-overlay input::placeholder, .search-overlay input::placeholder { color: #999 !important; font-size: 16px !important; } /* Botón de búsqueda (lupa amarilla) */ #search-overlay button[type="submit"], #search-overlay .search-submit, .search-overlay button[type="submit"], .search-overlay .search-submit { height: 60px !important; min-width: 64px !important; padding: 0 22px !important; background: #f5c400 !important; /* Amarillo Bika */ border: none !important; border-radius: 0 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #search-overlay button[type="submit"] i, #search-overlay .search-submit i, .search-overlay button[type="submit"] i, .search-overlay .search-submit i { font-size: 22px !important; color: #1f1f1f !important; } /* Posición vertical del buscador: centrado en pantalla */ #search-overlay .search-form-wrapper, .search-overlay .search-form-wrapper, #search-overlay > div { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 100% !important; padding: 0 16px !important; } /* ---- Ajuste específico móvil ---- */ @media (max-width: 767px) { #search-overlay input[type="search"], #search-overlay input[type="text"], .search-overlay input[type="search"], .search-overlay input[type="text"] { height: 56px !important; font-size: 17px !important; } #search-overlay button[type="submit"], .search-overlay button[type="submit"] { height: 56px !important; min-width: 58px !important; } } /* ============================================= BIKA — Buscador grande + resultados visibles Pegar en: Apariencia → Personalizar → CSS Adicional ============================================= */ /* ── 1. OVERLAY FONDO ── */ #search-overlay, .search-overlay { background: rgba(0, 0, 0, 0.80) !important; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: 9999 !important; } /* ── 2. CONTENEDOR DEL FORMULARIO ── */ #search-overlay .search-form, .search-overlay .search-form { width: 92% !important; max-width: 680px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; border-radius: 10px !important; overflow: visible !important; /* visible para que caigan los resultados */ box-shadow: 0 8px 32px rgba(0,0,0,0.45) !important; position: relative !important; } /* Wrapper centrado en pantalla */ #search-overlay .search-form-wrapper, .search-overlay .search-form-wrapper, #search-overlay > div { position: absolute !important; top: 40% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 100% !important; padding: 0 16px !important; } /* ── 3. INPUT ── */ #search-overlay input[type="search"], #search-overlay input[type="text"], .search-overlay input[type="search"], .search-overlay input[type="text"] { width: 100% !important; height: 60px !important; font-size: 18px !important; padding: 0 20px !important; border: none !important; border-radius: 10px 0 0 10px !important; background: #ffffff !important; color: #1f1f1f !important; caret-color: #f5c400 !important; outline: none !important; -webkit-appearance: none !important; box-sizing: border-box !important; } #search-overlay input::placeholder, .search-overlay input::placeholder { color: #aaa !important; font-size: 16px !important; } /* ── 4. BOTÓN LUPA ── */ #search-overlay button[type="submit"], #search-overlay .search-submit, .search-overlay button[type="submit"], .search-overlay .search-submit { height: 60px !important; min-width: 64px !important; padding: 0 22px !important; background: #f5c400 !important; border: none !important; border-radius: 0 10px 10px 0 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; transition: background 0.2s ease !important; } #search-overlay button[type="submit"]:hover, .search-overlay button[type="submit"]:hover { background: #e0b000 !important; } #search-overlay button[type="submit"] i, .search-overlay button[type="submit"] i { font-size: 22px !important; color: #1f1f1f !important; } /* ═══════════════════════════════════════════ 5. RESULTADOS DEL BUSCADOR (dropdown) ═══════════════════════════════════════════ */ /* Contenedor principal de resultados */ .search-results-wrapper, .awesomplete > ul, .fib-results, .fib-search-results, .dgwt-wcas-suggestions-wrapp, .dgwt-wcas-search-wrapp .dgwt-wcas-suggestions-wrapp { position: absolute !important; top: calc(100% + 6px) !important; left: 0 !important; right: 0 !important; width: 100% !important; background: #ffffff !important; border-radius: 10px !important; box-shadow: 0 12px 40px rgba(0,0,0,0.30) !important; overflow: hidden !important; z-index: 99999 !important; max-height: 70vh !important; overflow-y: auto !important; border: 1px solid rgba(0,0,0,0.08) !important; animation: bikaDropIn 0.18s ease !important; } @keyframes bikaDropIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } /* ── Cada resultado individual ── */ .search-results-wrapper li, .awesomplete > ul > li, .fib-results .fib-result, .fib-search-results li, .dgwt-wcas-suggestion { display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 16px !important; border-bottom: 1px solid #f0f0f0 !important; cursor: pointer !important; transition: background 0.15s ease !important; text-decoration: none !important; color: #1f1f1f !important; min-height: 64px !important; /* fácil de tocar en móvil */ } .search-results-wrapper li:last-child, .fib-search-results li:last-child, .dgwt-wcas-suggestion:last-child { border-bottom: none !important; } /* Hover / estado activo */ .search-results-wrapper li:hover, .awesomplete > ul > li[aria-selected="true"], .fib-results .fib-result:hover, .fib-search-results li:hover, .dgwt-wcas-suggestion:hover, .dgwt-wcas-suggestion.dgwt-wcas-suggestion--active { background: #fffbea !important; /* amarillo muy suave */ border-left: 3px solid #f5c400 !important; } /* ── Imagen miniatura del producto ── */ .search-results-wrapper li img, .fib-result img, .fib-search-results li img, .dgwt-wcas-suggestion img { width: 52px !important; height: 52px !important; object-fit: cover !important; border-radius: 6px !important; flex-shrink: 0 !important; border: 1px solid #eee !important; } /* ── Texto del producto ── */ .search-results-wrapper li .result-title, .fib-result .fib-result-title, .dgwt-wcas-suggestion .dgwt-wcas-st { font-size: 15px !important; font-weight: 600 !important; color: #1f1f1f !important; line-height: 1.3 !important; display: block !important; } /* Precio en el resultado */ .search-results-wrapper li .result-price, .fib-result .fib-result-price, .dgwt-wcas-suggestion .dgwt-wcas-sp, .dgwt-wcas-suggestion .price { font-size: 14px !important; color: #0F6E56 !important; /* verde éxito Bika */ font-weight: 700 !important; margin-top: 2px !important; display: block !important; } /* Texto resaltado (coincidencia con búsqueda) */ .search-results-wrapper mark, .fib-search-results mark, .dgwt-wcas-suggestion mark { background: #fff3b0 !important; color: #1f1f1f !important; border-radius: 2px !important; padding: 0 2px !important; } /* ── Header "Productos" / categoría ── */ .fib-results-header, .dgwt-wcas-suggestions-section-title, .search-results-header { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; color: #888 !important; padding: 10px 16px 6px !important; background: #fafafa !important; border-bottom: 1px solid #f0f0f0 !important; } /* ── Botón "Ver todos los resultados" ── */ .fib-results-footer, .dgwt-wcas-submit, .search-results-footer, .search-all-results { display: block !important; text-align: center !important; padding: 14px 16px !important; font-size: 14px !important; font-weight: 700 !important; color: #ffffff !important; background: #1f1f1f !important; text-decoration: none !important; transition: background 0.2s ease !important; letter-spacing: 0.02em !important; } .fib-results-footer:hover, .search-all-results:hover { background: #f5c400 !important; color: #1f1f1f !important; } /* ── Sin resultados ── */ .fib-no-results, .dgwt-wcas-no-results, .search-no-results { padding: 20px 16px !important; text-align: center !important; font-size: 15px !important; color: #888 !important; } /* ═══════════════════════════════════════════ 6. SCROLL PERSONALIZADO EN EL DROPDOWN ═══════════════════════════════════════════ */ .fib-search-results::-webkit-scrollbar, .dgwt-wcas-suggestions-wrapp::-webkit-scrollbar { width: 4px; } .fib-search-results::-webkit-scrollbar-thumb, .dgwt-wcas-suggestions-wrapp::-webkit-scrollbar-thumb { background: #ddd; border-radius: 4px; } /* ═══════════════════════════════════════════ 7. AJUSTES MÓVIL (< 768px) ═══════════════════════════════════════════ */ @media (max-width: 767px) { #search-overlay input[type="search"], #search-overlay input[type="text"], .search-overlay input[type="search"], .search-overlay input[type="text"] { height: 56px !important; font-size: 17px !important; } #search-overlay button[type="submit"], .search-overlay button[type="submit"] { height: 56px !important; min-width: 56px !important; } /* Resultados ocupan más pantalla en móvil */ .fib-search-results, .dgwt-wcas-suggestions-wrapp, .search-results-wrapper { max-height: 60vh !important; border-radius: 0 0 10px 10px !important; } /* Resultados más espaciados para dedos */ .search-results-wrapper li, .fib-result, .dgwt-wcas-suggestion { min-height: 70px !important; padding: 14px 14px !important; } .search-results-wrapper li img, .fib-result img, .dgwt-wcas-suggestion img { width: 56px !important; height: 56px !important; } .fib-result .fib-result-title, .dgwt-wcas-st { font-size: 15px !important; } /* "Ver todos" bien visible en móvil */ .fib-results-footer, .search-all-results { padding: 16px !important; font-size: 15px !important; } } /* ============================================= BIKA — Buscador grande + resultados visibles Pegar en: Apariencia → Personalizar → CSS Adicional ============================================= */ /* ── 1. OVERLAY FONDO ── */ #search-overlay, .search-overlay { background: rgba(0, 0, 0, 0.80) !important; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: 9999 !important; } /* ── 2. CONTENEDOR DEL FORMULARIO ── */ #search-overlay .search-form, .search-overlay .search-form { width: 92% !important; max-width: 680px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; border-radius: 10px !important; overflow: visible !important; /* visible para que caigan los resultados */ box-shadow: 0 8px 32px rgba(0,0,0,0.45) !important; position: relative !important; } /* Wrapper centrado en pantalla */ #search-overlay .search-form-wrapper, .search-overlay .search-form-wrapper, #search-overlay > div { position: absolute !important; top: 40% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 100% !important; padding: 0 16px !important; } /* ── 3. INPUT ── */ #search-overlay input[type="search"], #search-overlay input[type="text"], .search-overlay input[type="search"], .search-overlay input[type="text"] { width: 100% !important; height: 60px !important; font-size: 18px !important; padding: 0 20px !important; border: none !important; border-radius: 10px 0 0 10px !important; background: #ffffff !important; color: #1f1f1f !important; caret-color: #f5c400 !important; outline: none !important; -webkit-appearance: none !important; box-sizing: border-box !important; } #search-overlay input::placeholder, .search-overlay input::placeholder { color: #aaa !important; font-size: 16px !important; } /* ── 4. BOTÓN LUPA ── */ #search-overlay button[type="submit"], #search-overlay .search-submit, .search-overlay button[type="submit"], .search-overlay .search-submit { height: 60px !important; min-width: 64px !important; padding: 0 22px !important; background: #f5c400 !important; border: none !important; border-radius: 0 10px 10px 0 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; transition: background 0.2s ease !important; } #search-overlay button[type="submit"]:hover, .search-overlay button[type="submit"]:hover { background: #e0b000 !important; } #search-overlay button[type="submit"] i, .search-overlay button[type="submit"] i { font-size: 22px !important; color: #1f1f1f !important; } /* ═══════════════════════════════════════════ 5. RESULTADOS DEL BUSCADOR (dropdown) ═══════════════════════════════════════════ */ /* Contenedor principal de resultados */ .search-results-wrapper, .awesomplete > ul, .fib-results, .fib-search-results, .dgwt-wcas-suggestions-wrapp, .dgwt-wcas-search-wrapp .dgwt-wcas-suggestions-wrapp { position: absolute !important; top: calc(100% + 6px) !important; left: 0 !important; right: 0 !important; width: 100% !important; background: #ffffff !important; border-radius: 10px !important; box-shadow: 0 12px 40px rgba(0,0,0,0.30) !important; overflow: hidden !important; z-index: 99999 !important; max-height: 70vh !important; overflow-y: auto !important; border: 1px solid rgba(0,0,0,0.08) !important; animation: bikaDropIn 0.18s ease !important; } @keyframes bikaDropIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } /* ── Cada resultado individual ── */ .search-results-wrapper li, .awesomplete > ul > li, .fib-results .fib-result, .fib-search-results li, .dgwt-wcas-suggestion { display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 16px !important; border-bottom: 1px solid #f0f0f0 !important; cursor: pointer !important; transition: background 0.15s ease !important; text-decoration: none !important; color: #1f1f1f !important; min-height: 64px !important; /* fácil de tocar en móvil */ } .search-results-wrapper li:last-child, .fib-search-results li:last-child, .dgwt-wcas-suggestion:last-child { border-bottom: none !important; } /* Hover / estado activo */ .search-results-wrapper li:hover, .awesomplete > ul > li[aria-selected="true"], .fib-results .fib-result:hover, .fib-search-results li:hover, .dgwt-wcas-suggestion:hover, .dgwt-wcas-suggestion.dgwt-wcas-suggestion--active { background: #fffbea !important; /* amarillo muy suave */ border-left: 3px solid #f5c400 !important; } /* ── Imagen miniatura del producto ── */ .search-results-wrapper li img, .fib-result img, .fib-search-results li img, .dgwt-wcas-suggestion img { width: 52px !important; height: 52px !important; object-fit: cover !important; border-radius: 6px !important; flex-shrink: 0 !important; border: 1px solid #eee !important; } /* ── Texto del producto ── */ .search-results-wrapper li .result-title, .fib-result .fib-result-title, .dgwt-wcas-suggestion .dgwt-wcas-st { font-size: 15px !important; font-weight: 600 !important; color: #1f1f1f !important; line-height: 1.3 !important; display: block !important; } /* Precio en el resultado */ .search-results-wrapper li .result-price, .fib-result .fib-result-price, .dgwt-wcas-suggestion .dgwt-wcas-sp, .dgwt-wcas-suggestion .price { font-size: 14px !important; color: #0F6E56 !important; /* verde éxito Bika */ font-weight: 700 !important; margin-top: 2px !important; display: block !important; } /* Texto resaltado (coincidencia con búsqueda) */ .search-results-wrapper mark, .fib-search-results mark, .dgwt-wcas-suggestion mark { background: #fff3b0 !important; color: #1f1f1f !important; border-radius: 2px !important; padding: 0 2px !important; } /* ── Header "Productos" / categoría ── */ .fib-results-header, .dgwt-wcas-suggestions-section-title, .search-results-header { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; color: #888 !important; padding: 10px 16px 6px !important; background: #fafafa !important; border-bottom: 1px solid #f0f0f0 !important; } /* ── Botón "Ver todos los resultados" ── */ .fib-results-footer, .dgwt-wcas-submit, .search-results-footer, .search-all-results { display: block !important; text-align: center !important; padding: 14px 16px !important; font-size: 14px !important; font-weight: 700 !important; color: #ffffff !important; background: #1f1f1f !important; text-decoration: none !important; transition: background 0.2s ease !important; letter-spacing: 0.02em !important; } .fib-results-footer:hover, .search-all-results:hover { background: #f5c400 !important; color: #1f1f1f !important; } /* ── Sin resultados ── */ .fib-no-results, .dgwt-wcas-no-results, .search-no-results { padding: 20px 16px !important; text-align: center !important; font-size: 15px !important; color: #888 !important; } /* ═══════════════════════════════════════════ 6. SCROLL PERSONALIZADO EN EL DROPDOWN ═══════════════════════════════════════════ */ .fib-search-results::-webkit-scrollbar, .dgwt-wcas-suggestions-wrapp::-webkit-scrollbar { width: 4px; } .fib-search-results::-webkit-scrollbar-thumb, .dgwt-wcas-suggestions-wrapp::-webkit-scrollbar-thumb { background: #ddd; border-radius: 4px; } /* ═══════════════════════════════════════════ 7. AJUSTES MÓVIL (< 768px) ═══════════════════════════════════════════ */ @media (max-width: 767px) { #search-overlay input[type="search"], #search-overlay input[type="text"], .search-overlay input[type="search"], .search-overlay input[type="text"] { height: 56px !important; font-size: 17px !important; } #search-overlay button[type="submit"], .search-overlay button[type="submit"] { height: 56px !important; min-width: 56px !important; } /* Resultados ocupan más pantalla en móvil */ .fib-search-results, .dgwt-wcas-suggestions-wrapp, .search-results-wrapper { max-height: 60vh !important; border-radius: 0 0 10px 10px !important; } /* Resultados más espaciados para dedos */ .search-results-wrapper li, .fib-result, .dgwt-wcas-suggestion { min-height: 70px !important; padding: 14px 14px !important; } .search-results-wrapper li img, .fib-result img, .dgwt-wcas-suggestion img { width: 56px !important; height: 56px !important; } .fib-result .fib-result-title, .dgwt-wcas-st { font-size: 15px !important; } /* ============================================= BIKA — Buscador grande + resultados Selectores EXACTOS de pruebas.bika.com.co Flatsome v3.20.6 / WooCommerce ============================================= */ /* ── 1. CAJA COMPLETA DEL BUSCADOR ── */ .searchform-wrapper.ux-search-box, .header-search-form-wrapper .searchform-wrapper { border-radius: 10px !important; overflow: visible !important; box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important; } /* ── 2. INPUT DE BÚSQUEDA ── */ input.search-field, #woocommerce-product-search-field-0, .ux-search-box input[type="search"], .searchform-wrapper input[type="search"] { height: 52px !important; font-size: 16px !important; padding: 0 18px !important; border: 2px solid #e8e8e8 !important; border-right: none !important; border-radius: 10px 0 0 10px !important; background: #ffffff !important; color: #1f1f1f !important; caret-color: #f5c400 !important; outline: none !important; transition: border-color 0.2s ease !important; -webkit-appearance: none !important; box-shadow: none !important; } /* Focus: borde amarillo Bika */ input.search-field:focus, #woocommerce-product-search-field-0:focus, .ux-search-box input[type="search"]:focus { border-color: #f5c400 !important; box-shadow: 0 0 0 3px rgba(245,196,0,0.15) !important; } input.search-field::placeholder, .ux-search-box input::placeholder { color: #aaa !important; font-size: 15px !important; } /* ── 3. BOTÓN LUPA ── */ .searchform-wrapper button[type="submit"], .ux-search-box button[type="submit"], .searchform button[type="submit"] { height: 52px !important; min-width: 56px !important; padding: 0 18px !important; background: #f5c400 !important; border: 2px solid #f5c400 !important; border-radius: 0 10px 10px 0 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; transition: background 0.2s ease !important; } .searchform-wrapper button[type="submit"]:hover, .ux-search-box button[type="submit"]:hover { background: #e0b000 !important; border-color: #e0b000 !important; } .searchform-wrapper button[type="submit"] i, .ux-search-box button[type="submit"] i, .searchform-wrapper button[type="submit"] svg { font-size: 20px !important; color: #1f1f1f !important; width: 20px !important; height: 20px !important; } /* ═══════════════════════════════════════════ 4. RESULTADOS EN VIVO (.live-search-results) ═══════════════════════════════════════════ */ .live-search-results { position: absolute !important; top: calc(100% + 6px) !important; left: 0 !important; right: 0 !important; width: 100% !important; background: #ffffff !important; border-radius: 10px !important; box-shadow: 0 12px 40px rgba(0,0,0,0.18) !important; border: 1px solid #efefef !important; overflow: hidden !important; z-index: 99999 !important; max-height: 72vh !important; overflow-y: auto !important; animation: bikaDropIn 0.18s ease !important; } @keyframes bikaDropIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } /* ── Cada resultado individual ── */ .live-search-results li, .live-search-results .product, .live-search-results .live-search-result { display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 16px !important; border-bottom: 1px solid #f4f4f4 !important; cursor: pointer !important; transition: background 0.15s ease !important; min-height: 68px !important; } .live-search-results li:last-child, .live-search-results .product:last-child { border-bottom: none !important; } /* Hover */ .live-search-results li:hover, .live-search-results .product:hover, .live-search-results a:hover { background: #fffbea !important; border-left: 3px solid #f5c400 !important; padding-left: 13px !important; } /* ── Imagen del producto ── */ .live-search-results img, .live-search-results .product img { width: 58px !important; height: 58px !important; object-fit: cover !important; border-radius: 6px !important; flex-shrink: 0 !important; border: 1px solid #eee !important; } /* ── Nombre del producto ── */ .live-search-results .product-title, .live-search-results .entry-title, .live-search-results h3, .live-search-results h4, .live-search-results .title { font-size: 14px !important; font-weight: 600 !important; color: #1f1f1f !important; line-height: 1.35 !important; margin: 0 0 3px !important; } /* ── Precio ── */ .live-search-results .price, .live-search-results .product-price, .live-search-results ins .amount, .live-search-results .woocommerce-Price-amount { font-size: 14px !important; font-weight: 700 !important; color: #0F6E56 !important; margin: 0 !important; } /* Precio tachado (precio original) */ .live-search-results del .amount, .live-search-results del .woocommerce-Price-amount { color: #bbb !important; font-weight: 400 !important; font-size: 12px !important; } /* ── Texto resaltado (match búsqueda) ── */ .live-search-results mark, .live-search-results strong { background: #fff3b0 !important; color: #1f1f1f !important; border-radius: 2px !important; padding: 0 2px !important; font-weight: 700 !important; } /* ── Encabezado de sección (ej: "Productos") ── */ .live-search-results .live-search-results-title, .live-search-results .results-group-title { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; color: #999 !important; padding: 10px 16px 6px !important; background: #fafafa !important; border-bottom: 1px solid #f0f0f0 !important; } /* ── Botón "Ver todos los resultados" ── */ .live-search-results .live-search-results-footer, .live-search-results .view-all-results, .live-search-results li.all-results, .live-search-results .search-all { display: block !important; text-align: center !important; padding: 14px 16px !important; font-size: 14px !important; font-weight: 700 !important; color: #ffffff !important; background: #1f1f1f !important; text-decoration: none !important; transition: background 0.2s ease !important; border-top: 1px solid #eee !important; } .live-search-results .live-search-results-footer:hover, .live-search-results .view-all-results:hover { background: #f5c400 !important; color: #1f1f1f !important; } /* ── Sin resultados ── */ .live-search-results .no-results, .live-search-results .live-search-no-results { padding: 20px 16px !important; text-align: center !important; font-size: 15px !important; color: #888 !important; } /* ── Scrollbar del dropdown ── */ .live-search-results::-webkit-scrollbar { width: 4px; } .live-search-results::-webkit-scrollbar-thumb { background: #ddd; border-radius: 4px; } /* ═══════════════════════════════════════════ 5. AJUSTES MÓVIL (< 768px) ═══════════════════════════════════════════ */ @media (max-width: 767px) { input.search-field, #woocommerce-product-search-field-0, .ux-search-box input[type="search"] { height: 50px !important; font-size: 16px !important; } .searchform-wrapper button[type="submit"], .ux-search-box button[type="submit"] { height: 50px !important; min-width: 52px !important; } .live-search-results { max-height: 60vh !important; left: -8px !important; right: -8px !important; width: auto !important; } .live-search-results li, .live-search-results .product { min-height: 72px !important; padding: 14px 14px !important; } .live-search-results img { width: 60px !important; height: 60px !important; } .live-search-results .product-title, .live-search-results h3, .live-search-results h4 { font-size: 14px !important; } } @media (max-width: 849px) { .hero-edge { min-height: 480px; } .hero-edge img { width: 100%; height: 480px; object-fit: cover; } } /* ===== CIERRE del @media (max-width:767px) que quedo abierto en la linea 1299 ===== */ } /* BIKA 2026-07-31 v3 · buscadores capsula + MI CUENTA legible + botones intercalados */ /* ---- 1. Buscadores de todo el sitio: capsula ---- */ html body .searchform-wrapper.ux-search-box, html body .header-search-form-wrapper .searchform-wrapper, html body .widget_product_search form, html body .widget_search form, html body form.searchform{ border-radius:999px !important; overflow:visible !important; box-shadow:none !important; } html body input.search-field, html body #woocommerce-product-search-field-0, html body .ux-search-box input[type="search"], html body .searchform-wrapper input[type="search"], html body .widget_product_search input[type="search"], html body .widget_search input[type="search"]{ border:1px solid #3B3934 !important; border-right:0 !important; border-radius:999px 0 0 999px !important; padding:0 10px 0 22px !important; background:#fff !important; color:#3B3934 !important; box-shadow:none !important; } html body input.search-field::placeholder{ color:#8A857C !important; } /* boton lupa: especificidad alta para ganarle a las reglas viejas */ html body .searchform-wrapper.ux-search-box form.searchform button[type="submit"].ux-search-submit.submit-button.button, html body form.searchform button[type="submit"].ux-search-submit.submit-button.button, html body .ux-search-box button[type="submit"].ux-search-submit.button, html body .widget_product_search button[type="submit"], html body .widget_search button[type="submit"]{ border:1px solid #3B3934 !important; border-left:0 !important; border-radius:0 999px 999px 0 !important; background:#FFCC33 !important; background-color:#FFCC33 !important; color:#3B3934 !important; box-shadow:none !important; } html body form.searchform button[type="submit"].ux-search-submit.submit-button.button i, html body form.searchform button[type="submit"].ux-search-submit.submit-button.button svg{ color:#3B3934 !important; fill:#3B3934 !important; } html body form.searchform button[type="submit"].ux-search-submit.submit-button.button:hover{ background:#E4B200 !important; background-color:#E4B200 !important; } /* ---- 2. MI CUENTA: relleno oscuro + letra blanca ---- */ html body .header-main .header-button > a.button.account-link:not(.is-outline), html body .header-main .header-button > a.button.account-link:not(.is-outline):hover, html body li.account-item a.account-link.nav-top-link.button, html body .header-nav a.account-link.nav-top-link.button{ background:#3B3934 !important; background-color:#3B3934 !important; border:1px solid rgba(255,255,255,.55) !important; color:#fff !important; font-weight:600 !important; } html body .header-main .header-button > a.button.account-link:not(.is-outline):hover{ background:#2C2A26 !important; background-color:#2C2A26 !important; } html body .header-main .header-button > a.button.account-link i, html body .header-main .header-button > a.button.account-link svg, html body li.account-item a.account-link.nav-top-link.button i{ color:#fff !important; fill:#fff !important; } /* ---- 3. Botones del grid: intercalar posicion y color ---- */ /* posicion: "Ver todo el catalogo" a la izquierda, "Explorar mas" a la derecha */ html body.home .bika-cat-section .accordion .accordion-title.plain{ order:2 !important; } html body.home .bika-cat-section .bika-vertodo{ order:1 !important; } /* color: "Explorar mas categorias" pasa a destacado (relleno oscuro) */ html body.home .bika-cat-section .accordion .accordion-title.plain{ background:#3B3934 !important; background-color:#3B3934 !important; color:#fff !important; border:1px solid #3B3934 !important; } html body.home .bika-cat-section .accordion .accordion-title.plain:hover{ background:#2C2A26 !important; background-color:#2C2A26 !important; color:#fff !important; border-color:#2C2A26 !important; } html body.home .bika-cat-section .accordion .accordion-title.plain i, html body.home .bika-cat-section .accordion .accordion-title.plain svg, html body.home .bika-cat-section .accordion .accordion-title.plain .toggle{ color:#fff !important; fill:#fff !important; opacity:1 !important; } /* color: "Ver todo el catalogo" pasa a contorno */ html body.home .bika-cat-section .bika-vertodo a.button.primary.is-larger, html body.home .bika-cat-section .bika-vertodo a.button.primary{ background:transparent !important; background-color:transparent !important; color:#3B3934 !important; border:1px solid #3B3934 !important; box-shadow:none !important; } html body.home .bika-cat-section .bika-vertodo a.button.primary:hover{ background:#3B3934 !important; background-color:#3B3934 !important; color:#fff !important; } /* BIKA 2026-07-31 v4 · en la cabecera sobre la foto el buscador es solo lupa (sin caja blanca) */ html body .header-wrapper:not(.stuck) li.header-search-form form.searchform input.search-field{ background:transparent !important; background-color:transparent !important; border-color:transparent !important; color:#fff !important; } html body .header-wrapper:not(.stuck) li.header-search-form form.searchform input.search-field::placeholder{ color:rgba(255,255,255,.85) !important; } html body .header-wrapper:not(.stuck) li.header-search-form form.searchform button[type="submit"].ux-search-submit.submit-button.button{ background:transparent !important; background-color:transparent !important; border-color:transparent !important; color:#fff !important; } html body .header-wrapper:not(.stuck) li.header-search-form form.searchform button[type="submit"].ux-search-submit.submit-button.button i, html body .header-wrapper:not(.stuck) li.header-search-form form.searchform button[type="submit"].ux-search-submit.submit-button.button svg{ color:#fff !important; fill:#fff !important; } /* BIKA 2026-07-31 v5 · campo del buscador transparente en la cabecera sobre la foto */ html body .header-wrapper:not(.stuck) li.header-search-form div.header-search-form-wrapper div.searchform-wrapper form.searchform div.flex-col input.search-field.mb-0{ background:transparent !important; background-color:transparent !important; border:1px solid transparent !important; color:#fff !important; box-shadow:none !important; } html body .header-wrapper:not(.stuck) li.header-search-form div.header-search-form-wrapper div.searchform-wrapper form.searchform div.flex-col input.search-field.mb-0::placeholder{ color:rgba(255,255,255,.85) !important; } /* BIKA 2026-07-31 v6 · id del campo (gana al #woocommerce-product-search-field) + Leer mas sobrio */ html body .header-wrapper:not(.stuck) li.header-search-form input#woocommerce-product-search-field-0, html body .header-wrapper:not(.stuck) li.header-search-form input#woocommerce-product-search-field-1, html body .header-wrapper:not(.stuck) li.header-search-form input#woocommerce-product-search-field-2, html body .header-wrapper:not(.stuck) li.header-search-form input#woocommerce-product-search-field-3{ background:transparent !important; background-color:transparent !important; border:1px solid transparent !important; color:#fff !important; box-shadow:none !important; } html body .header-wrapper:not(.stuck) li.header-search-form input#woocommerce-product-search-field-0::placeholder, html body .header-wrapper:not(.stuck) li.header-search-form input#woocommerce-product-search-field-2::placeholder{ color:rgba(255,255,255,.85) !important; } /* cabecera blanca (stuck): campo con caja clara, texto oscuro */ html body .header-wrapper.stuck li.header-search-form input#woocommerce-product-search-field-0, html body .header-wrapper.stuck li.header-search-form input#woocommerce-product-search-field-1, html body .header-wrapper.stuck li.header-search-form input#woocommerce-product-search-field-2, html body .header-wrapper.stuck li.header-search-form input#woocommerce-product-search-field-3{ background:#fff !important; border:1px solid #3B3934 !important; border-right:0 !important; color:#3B3934 !important; border-radius:999px 0 0 999px !important; } /* ---- "Leer mas" / botones de ficha en categorias: sobrios estilo ELITE ---- */ html body .woocommerce a.button.product_type_simple, html body .woocommerce a.button.product_type_variable, html body .woocommerce a.button.product_type_grouped, html body .woocommerce a.button.product_type_external, html body .woocommerce a.button.add_to_cart_button, html body .product-small a.button.primary, html body .products a.button.primary{ background:transparent !important; background-color:transparent !important; color:#3B3934 !important; border:1px solid #3B3934 !important; border-radius:999px !important; font-weight:500 !important; letter-spacing:.02em !important; box-shadow:none !important; padding:9px 22px !important; min-height:0 !important; text-transform:none !important; } html body .woocommerce a.button.product_type_simple:hover, html body .woocommerce a.button.product_type_variable:hover, html body .woocommerce a.button.product_type_grouped:hover, html body .woocommerce a.button.product_type_external:hover, html body .woocommerce a.button.add_to_cart_button:hover, html body .product-small a.button.primary:hover, html body .products a.button.primary:hover{ background:#3B3934 !important; background-color:#3B3934 !important; color:#fff !important; } /* BIKA 2026-07-31 v7 · buscador visible sobre la foto (marco claro), conservando la animacion de apertura */ html body .header-wrapper:not(.stuck) li.header-search-form div.searchform-wrapper.ux-search-box{ border:1px solid rgba(255,255,255,.55) !important; border-radius:999px !important; background:rgba(255,255,255,.08) !important; transition:background .2s ease, border-color .2s ease !important; } html body .header-wrapper:not(.stuck) li.header-search-form div.searchform-wrapper.ux-search-box:hover{ border-color:#fff !important; background:rgba(255,255,255,.16) !important; } html body .header-wrapper:not(.stuck) li.header-search-form form.searchform button[type="submit"].ux-search-submit.submit-button.button i, html body .header-wrapper:not(.stuck) li.header-search-form form.searchform button[type="submit"].ux-search-submit.submit-button.button svg{ font-size:18px !important; color:#fff !important; fill:#fff !important; opacity:1 !important; } /* BIKA 2026-07-31 v8 · ancho del buscador arriba (sobre la foto) para que se vea donde escribir */ html body .header-wrapper:not(.stuck) li.header-search-form, html body .header-wrapper:not(.stuck) li.header-search-form div.header-search-form-wrapper, html body .header-wrapper:not(.stuck) li.header-search-form div.searchform-wrapper.ux-search-box, html body .header-wrapper:not(.stuck) li.header-search-form form.searchform{ width:270px !important; max-width:30vw !important; } html body .header-wrapper:not(.stuck) li.header-search-form input#woocommerce-product-search-field-0, html body .header-wrapper:not(.stuck) li.header-search-form input#woocommerce-product-search-field-1, html body .header-wrapper:not(.stuck) li.header-search-form input#woocommerce-product-search-field-2, html body .header-wrapper:not(.stuck) li.header-search-form input#woocommerce-product-search-field-3{ width:100% !important; padding:0 8px 0 20px !important; font-size:14px !important; } /* BIKA 2026-07-31 v9 · buscador que se abre al oprimir (cabecera sobre la foto) */ /* cerrado = capsula redonda con lupa */ html body .header-wrapper:not(.stuck) li.header-search-form, html body .header-wrapper:not(.stuck) li.header-search-form div.header-search-form-wrapper, html body .header-wrapper:not(.stuck) li.header-search-form div.searchform-wrapper.ux-search-box, html body .header-wrapper:not(.stuck) li.header-search-form form.searchform{ width:46px !important; max-width:none !important; transition:width .38s cubic-bezier(.4,0,.2,1) !important; } /* abierto al pasar el mouse o al oprimir */ html body .header-wrapper:not(.stuck) li.header-search-form:hover, html body .header-wrapper:not(.stuck) li.header-search-form:hover div.header-search-form-wrapper, html body .header-wrapper:not(.stuck) li.header-search-form:hover div.searchform-wrapper.ux-search-box, html body .header-wrapper:not(.stuck) li.header-search-form:hover form.searchform, html body .header-wrapper:not(.stuck) li.header-search-form:focus-within, html body .header-wrapper:not(.stuck) li.header-search-form:focus-within div.header-search-form-wrapper, html body .header-wrapper:not(.stuck) li.header-search-form:focus-within div.searchform-wrapper.ux-search-box, html body .header-wrapper:not(.stuck) li.header-search-form:focus-within form.searchform{ width:290px !important; } /* el campo cubre toda la capsula: al tocar cualquier parte se enfoca y se abre */ html body .header-wrapper:not(.stuck) li.header-search-form div.searchform-wrapper.ux-search-box{ position:relative !important; } html body .header-wrapper:not(.stuck) li.header-search-form input#woocommerce-product-search-field-0, html body .header-wrapper:not(.stuck) li.header-search-form input#woocommerce-product-search-field-1, html body .header-wrapper:not(.stuck) li.header-search-form input#woocommerce-product-search-field-2, html body .header-wrapper:not(.stuck) li.header-search-form input#woocommerce-product-search-field-3{ position:absolute !important; left:0 !important; top:0 !important; width:100% !important; height:100% !important; z-index:3 !important; padding:0 44px 0 18px !important; cursor:pointer !important; font-size:14px !important; } /* el texto guia solo aparece cuando esta abierto */ html body .header-wrapper:not(.stuck) li.header-search-form:not(:hover):not(:focus-within) input.search-field::placeholder{ color:transparent !important; } /* la lupa flota a la derecha; con el campo vacio no dispara la busqueda (deja enfocar) */ html body .header-wrapper:not(.stuck) li.header-search-form form.searchform button[type="submit"].ux-search-submit.submit-button.button{ position:absolute !important; right:5px !important; top:50% !important; transform:translateY(-50%) !important; width:34px !important; height:34px !important; min-width:0 !important; padding:0 !important; border-radius:999px !important; border:0 !important; z-index:4 !important; } html body .header-wrapper:not(.stuck) li.header-search-form form.searchform:has(input.search-field:placeholder-shown) button[type="submit"]{ pointer-events:none !important; } /* BIKA 2026-07-31 v10 · altura y lupa nitida del buscador que se abre */ html body .header-wrapper:not(.stuck) li.header-search-form div.header-search-form-wrapper, html body .header-wrapper:not(.stuck) li.header-search-form div.searchform-wrapper.ux-search-box, html body .header-wrapper:not(.stuck) li.header-search-form form.searchform{ height:44px !important; min-height:44px !important; display:block !important; } html body .header-wrapper:not(.stuck) li.header-search-form form.searchform div.flex-row{ height:100% !important; margin:0 !important; } html body .header-wrapper:not(.stuck) li.header-search-form div.searchform-wrapper.ux-search-box{ border-radius:999px !important; overflow:visible !important; } /* lupa: circulo limpio, icono blanco nitido y bien centrado */ html body .header-wrapper:not(.stuck) li.header-search-form form.searchform button[type="submit"].ux-search-submit.submit-button.button{ display:flex !important; align-items:center !important; justify-content:center !important; background:transparent !important; box-shadow:none !important; line-height:1 !important; transition:background .2s ease !important; } html body .header-wrapper:not(.stuck) li.header-search-form form.searchform button[type="submit"].ux-search-submit.submit-button.button:hover{ background:rgba(255,255,255,.18) !important; } html body .header-wrapper:not(.stuck) li.header-search-form form.searchform button[type="submit"].ux-search-submit.submit-button.button i{ font-size:19px !important; line-height:1 !important; color:#fff !important; margin:0 !important; width:auto !important; height:auto !important; opacity:1 !important; } /* BIKA 2026-07-31 v11 · la columna tambien se abre (si no, encoge la capsula) */ html body .header-wrapper:not(.stuck) li.header-search-form{ flex:0 0 auto !important; } html body .header-wrapper:not(.stuck) div.flex-col:has(li.header-search-form), html body .header-wrapper:not(.stuck) ul.header-nav:has(li.header-search-form){ width:46px !important; min-width:46px !important; flex:0 0 auto !important; transition:width .38s cubic-bezier(.4,0,.2,1), min-width .38s cubic-bezier(.4,0,.2,1) !important; } html body .header-wrapper:not(.stuck) div.flex-col:has(li.header-search-form:hover), html body .header-wrapper:not(.stuck) div.flex-col:has(li.header-search-form:focus-within), html body .header-wrapper:not(.stuck) ul.header-nav:has(li.header-search-form:hover), html body .header-wrapper:not(.stuck) ul.header-nav:has(li.header-search-form:focus-within){ width:290px !important; min-width:290px !important; } /* BIKA 2026-07-31 v12 · lupa pegada al logo: la columna crece y alinea a la derecha */ html body .header-wrapper:not(.stuck) div.flex-col:has(li.header-search-form){ width:auto !important; min-width:0 !important; flex:1 1 auto !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; padding-right:34px !important; } html body .header-wrapper:not(.stuck) ul.header-nav:has(li.header-search-form){ width:auto !important; min-width:0 !important; flex:0 0 auto !important; } /* BIKA 2026-07-31 v13 · lupa en linea con la hamburguesa; crece hacia la izquierda al abrir */ html body .header-wrapper:not(.stuck) .header-main{ position:relative !important; } html body .header-wrapper:not(.stuck) div.flex-col:has(li.header-search-form){ flex:0 0 auto !important; width:46px !important; min-width:0 !important; padding-right:0 !important; display:block !important; } html body .header-wrapper:not(.stuck) ul.header-nav:has(li.header-search-form){ width:46px !important; min-width:46px !important; } html body .header-wrapper:not(.stuck) li.header-search-form{ position:absolute !important; right:calc(50% + 14vw) !important; top:50% !important; transform:translateY(-50%) !important; margin:0 !important; z-index:6 !important; } /* BIKA 2026-07-31 v14 · desplazamiento simple: la lupa se corre a la derecha, en linea con la hamburguesa */ html body .header-wrapper:not(.stuck) li.header-search-form{ position:static !important; transform:none !important; margin-left:clamp(0px, 10vw, 260px) !important; } /* BIKA 2026-07-31 v15 · en celular una sola lupa (la de escritorio se ocultaba mal) */ @media (max-width: 849px){ html body li.header-search-form{ display:none !important; } } /* BIKA 2026-07-31 v16 · iconos del celular en blanco + sin franja blanca del buscador */ @media (max-width: 849px){ html body .header-wrapper:not(.stuck) .header-main .mobile-nav > li > a > i, html body .header-wrapper:not(.stuck) .header-main .mobile-nav > li > a, html body .header-wrapper:not(.stuck) .header-main .mobile-nav .nav-icon i, html body .header-wrapper:not(.stuck) .header-main li.header-search-lightbox > a > i, html body .header-wrapper:not(.stuck) .header-main a.menu-icon i{ color:#fff !important; opacity:1 !important; } html body .header-wrapper:not(.stuck) .header-main .mobile-nav .cart-icon strong{ color:#fff !important; border-color:#fff !important; } } /* la caja de sugerencias no debe pintar una franja blanca cuando esta vacia */ html body .searchform-wrapper .live-search-results{ background:transparent !important; border:0 !important; box-shadow:none !important; } html body .searchform-wrapper .live-search-results .autocomplete-suggestions{ background:#fff !important; border:1px solid #E6E2DA !important; border-radius:14px !important; box-shadow:0 12px 30px rgba(0,0,0,.18) !important; overflow:hidden !important; } /* BIKA 2026-07-31 v17 · en celular la columna del buscador NO existe (corria el logo) */ @media (max-width: 849px){ html body .header-wrapper div.flex-col:has(li.header-search-form), html body .header-wrapper:not(.stuck) div.flex-col:has(li.header-search-form), html body .header-wrapper ul.header-nav:has(li.header-search-form), html body .header-wrapper:not(.stuck) ul.header-nav:has(li.header-search-form){ display:none !important; width:0 !important; min-width:0 !important; padding:0 !important; margin:0 !important; flex:0 0 0 !important; } html body li.header-search-form{ display:none !important; position:static !important; margin:0 !important; width:0 !important; } } /* BIKA 2026-07-31 v18 · logo visible en celular (venia limitado a 30px de alto) */ @media (max-width: 849px){ html body #logo{ display:flex !important; align-items:center !important; justify-content:center !important; width:auto !important; min-width:60px !important; opacity:1 !important; visibility:visible !important; } html body #logo a{ display:flex !important; align-items:center !important; justify-content:center !important; } html body #logo img.header-logo-sticky{ display:block !important; visibility:visible !important; opacity:1 !important; max-height:46px !important; height:auto !important; width:auto !important; } html body .transparent #logo img, html body .header-wrapper:not(.stuck) #logo img.header-logo-sticky, html body #masthead #logo img.header-logo-sticky{ max-height:46px !important; } } /* BIKA 2026-07-31 v19 · logo servido desde el propio dominio (i0.wp.com lo bloquea Safari en incognito) */ html body #logo img.header-logo-sticky{ content:url("https://bika.com.co/wp-content/uploads/2023/04/600x600-1.webp") !important; } html body #logo img.header_logo, html body #logo img.header-logo, html body #logo img.header-logo-dark{ content:url("https://bika.com.co/wp-content/uploads/2021/04/Fundada.png") !important; } /* BIKA 2026-07-31 v20 · desplegable de sugerencias en PC (el overflow de la capsula lo recortaba) */ html body form.searchform, html body .searchform-wrapper.ux-search-box, html body li.header-search-form{ overflow:visible !important; } /* el desplegable ancho completo, anclado bajo la capsula */ html body li.header-search-form .live-search-results{ width:290px !important; min-width:290px !important; top:calc(100% + 8px) !important; left:auto !important; right:0 !important; } html body li.header-search-form .live-search-results .autocomplete-suggestions{ max-height:60vh !important; overflow-y:auto !important; text-align:left !important; } /* BIKA 2026-07-31 v21 · buscador del menu lateral (hamburguesa) en celular: restaurado a ancho completo */ @media (max-width: 849px){ html body .off-canvas li.header-search-form, html body ul.nav-sidebar li.header-search-form, html body .mobile-side-nav li.header-search-form{ display:block !important; width:100% !important; min-width:0 !important; margin:0 0 12px !important; padding:0 !important; position:static !important; overflow:visible !important; } html body .off-canvas li.header-search-form .header-search-form-wrapper, html body ul.nav-sidebar li.header-search-form .header-search-form-wrapper, html body .off-canvas li.header-search-form .searchform-wrapper, html body ul.nav-sidebar li.header-search-form .searchform-wrapper, html body .off-canvas li.header-search-form form.searchform, html body ul.nav-sidebar li.header-search-form form.searchform{ display:block !important; width:100% !important; min-width:0 !important; height:auto !important; min-height:44px !important; position:relative !important; } html body .off-canvas li.header-search-form form.searchform div.flex-row, html body ul.nav-sidebar li.header-search-form form.searchform div.flex-row{ display:flex !important; height:44px !important; margin:0 !important; } html body .off-canvas li.header-search-form input.search-field, html body ul.nav-sidebar li.header-search-form input.search-field{ position:static !important; width:100% !important; height:44px !important; background:#fff !important; color:#3B3934 !important; border:1px solid #3B3934 !important; border-right:0 !important; border-radius:999px 0 0 999px !important; padding:0 10px 0 20px !important; cursor:text !important; z-index:auto !important; } html body .off-canvas li.header-search-form input.search-field::placeholder, html body ul.nav-sidebar li.header-search-form input.search-field::placeholder{ color:#8A857C !important; } html body .off-canvas li.header-search-form button[type="submit"], html body ul.nav-sidebar li.header-search-form button[type="submit"]{ position:static !important; transform:none !important; width:52px !important; height:44px !important; min-width:52px !important; background:#FFCC33 !important; background-color:#FFCC33 !important; border:1px solid #3B3934 !important; border-left:0 !important; border-radius:0 999px 999px 0 !important; pointer-events:auto !important; display:flex !important; align-items:center !important; justify-content:center !important; } html body .off-canvas li.header-search-form button[type="submit"] i, html body ul.nav-sidebar li.header-search-form button[type="submit"] i{ color:#3B3934 !important; font-size:17px !important; } html body .off-canvas li.header-search-form .live-search-results, html body ul.nav-sidebar li.header-search-form .live-search-results{ width:100% !important; min-width:0 !important; left:0 !important; right:auto !important; top:calc(100% + 6px) !important; } } /* BIKA 2026-07-31 v22 · botones de producto compactos en celular (Seleccionar opciones salia gigante) */ @media (max-width: 849px){ html body .woocommerce a.button.product_type_simple, html body .woocommerce a.button.product_type_variable, html body .woocommerce a.button.product_type_grouped, html body .woocommerce a.button.product_type_external, html body .woocommerce a.button.add_to_cart_button, html body .product-small a.button.primary, html body .products a.button.primary{ font-size:12.5px !important; padding:7px 14px !important; line-height:1.25 !important; letter-spacing:0 !important; display:inline-block !important; max-width:100% !important; } } /* BIKA 2026-07-31 v23 · botones de producto compactos tambien en PC */ @media (min-width: 850px){ html body .woocommerce a.button.product_type_simple, html body .woocommerce a.button.product_type_variable, html body .woocommerce a.button.product_type_grouped, html body .woocommerce a.button.product_type_external, html body .woocommerce a.button.add_to_cart_button, html body .product-small a.button.primary, html body .products a.button.primary{ font-size:13px !important; padding:8px 18px !important; line-height:1.25 !important; white-space:nowrap !important; } } /* BIKA 2026-07-31 v24 · "Ver y cotizar" + "Precio según diseño y medidas" en tarjetas sin precio */ html body .woocommerce .box-text:not(:has(.price)) .add-to-cart-button a.button.product_type_simple, html body .woocommerce .box-text:not(:has(.price)) .add-to-cart-button a.button.product_type_variable{ font-size:0 !important; line-height:0 !important; } html body .woocommerce .box-text:not(:has(.price)) .add-to-cart-button a.button.product_type_simple::after, html body .woocommerce .box-text:not(:has(.price)) .add-to-cart-button a.button.product_type_variable::after{ content:"Ver y cotizar"; font-size:13px; line-height:1.25; letter-spacing:.01em; } html body .woocommerce .box-text:not(:has(.price)) .price-wrapper::before{ content:"Precio según diseño y medidas"; display:block; font-size:12px; color:#8A857C; line-height:1.3; margin:2px 0 6px; } @media (max-width: 849px){ html body .woocommerce .box-text:not(:has(.price)) .add-to-cart-button a.button.product_type_simple::after, html body .woocommerce .box-text:not(:has(.price)) .add-to-cart-button a.button.product_type_variable::after{ font-size:12.5px; } html body .woocommerce .box-text:not(:has(.price)) .price-wrapper::before{ font-size:11.5px; } } /* BIKA 2026-08-01 v25 · lote UX movil: carrito sin formularios, menu limpio, contador visible, WA fantasma fuera */ /* 1. Carrito: ocultar Acceder/Registrarse (asustan; comprar NO exige registro) */ html body.page-id-34133 .woocommerce-form-login, html body.page-id-34133 .woocommerce-form-register, html body.page-id-34133 form.login, html body.page-id-34133 form.register, html body.page-id-34133 .woocommerce-form-login-toggle, html body.page-id-34133 .col2-set#customer_login{ display:none !important; } /* 2. Menu lateral: quitar los bloques Addi/Wompi rotos del final */ html body ul.nav-sidebar li.html_topbar_right, html body .off-canvas li.html_topbar_right, html body ul.nav-sidebar li.html.custom:has(img[alt="Addi"]){ display:none !important; } /* 3. Contador de resultados visible en celular */ @media (max-width: 849px){ html body p.woocommerce-result-count.hide-for-medium{ display:block !important; font-size:12.5px; color:#8A857C; margin:4px 0 8px; } } /* 4. Boton viejo de WhatsApp en la descripcion corta: fuera desde el primer pintado */ html body .product-short-description :is(p,div):not([class*="bika"]) > a[href*="wa.me"]{ display:none !important; } /* BIKA 2026-08-01 v26 · Ofertas en gris ELITE (fondo beige fuera) + tarjetas un paso mas oscuras */ /* fondo a lo ancho: beige #FEF6E7 -> gris claro ELITE */ html body section.section:has(> .section-content .bko), html body section.section:has(.bko-tit){ background-color:#F3F1ED !important; } /* tarjetas del carrusel: un gris mas marcado para que el producto resalte */ html body .bko .bko-caja{ background:#E7E3DA !important; } html body .bko .bko-p:hover .bko-caja{ background:#DCD7CC !important; } /* la tarjeta destacada sigue en gris oscuro de marca */ html body .bko .bko-p.dest .bko-caja{ background:#3B3934 !important; } html body .bko .bko-p.dest:hover .bko-caja{ background:#332F2B !important; } /* BIKA 2026-08-01 v27 · carrito lateral ELITE (capsulas, gris de marca, sin amarillo de relleno) */ /* titulo */ html body #cart-popup .cart-popup-title .heading-font, html body .off-canvas-cart .cart-popup-title .heading-font{ font-family:'Michroma','Poppins',sans-serif !important; text-transform:none !important; letter-spacing:0 !important; color:#3B3934 !important; font-size:1.05rem !important; font-weight:400 !important; } html body #cart-popup .cart-popup-title .is-divider, html body .off-canvas-cart .cart-popup-title .is-divider{ background-color:#E0DCD3 !important; height:2px !important; max-width:44px !important; } /* nombre del producto: gris de marca, no azul */ html body #cart-popup .woocommerce-mini-cart-item a:not(.remove), html body .off-canvas-cart .woocommerce-mini-cart-item a:not(.remove){ color:#3B3934 !important; font-weight:500 !important; } /* boton principal: FINALIZAR COMPRA -> capsula oscura */ html body #cart-popup .buttons a.button.checkout, html body .off-canvas-cart .buttons a.button.checkout, html body .widget_shopping_cart .buttons a.button.checkout{ background:#3B3934 !important; background-color:#3B3934 !important; color:#fff !important; border:1px solid #3B3934 !important; border-radius:999px !important; text-transform:none !important; font-weight:600 !important; letter-spacing:.01em !important; padding:13px 24px !important; box-shadow:none !important; } html body #cart-popup .buttons a.button.checkout:hover, html body .off-canvas-cart .buttons a.button.checkout:hover{ background:#2C2A26 !important; background-color:#2C2A26 !important; border-color:#2C2A26 !important; } /* boton secundario: VER CARRITO -> capsula de contorno */ html body #cart-popup .buttons a.button:not(.checkout), html body .off-canvas-cart .buttons a.button:not(.checkout), html body .widget_shopping_cart .buttons a.button:not(.checkout), html body #cart-popup .return-to-shop a.button, html body .off-canvas-cart .return-to-shop a.button{ background:transparent !important; background-color:transparent !important; color:#3B3934 !important; border:1px solid #3B3934 !important; border-radius:999px !important; text-transform:none !important; font-weight:500 !important; padding:12px 24px !important; box-shadow:none !important; } html body #cart-popup .buttons a.button:not(.checkout):hover, html body .off-canvas-cart .buttons a.button:not(.checkout):hover, html body #cart-popup .return-to-shop a.button:hover{ background:#3B3934 !important; background-color:#3B3934 !important; color:#fff !important; } /* subtotal */ html body #cart-popup .woocommerce-mini-cart__total, html body .off-canvas-cart .woocommerce-mini-cart__total{ border-top:1px solid #E0DCD3 !important; padding-top:12px !important; color:#3B3934 !important; } /* quitar producto: circulo sobrio */ html body #cart-popup .woocommerce-mini-cart-item a.remove, html body .off-canvas-cart .woocommerce-mini-cart-item a.remove{ border:1px solid #CFC8BB !important; color:#8A857C !important; border-radius:999px !important; background:transparent !important; } html body #cart-popup .woocommerce-mini-cart-item a.remove:hover, html body .off-canvas-cart .woocommerce-mini-cart-item a.remove:hover{ border-color:#3B3934 !important; color:#3B3934 !important; background:transparent !important; } /* foto del producto en el carrito: esquinas redondeadas ELITE */ html body #cart-popup .woocommerce-mini-cart-item img, html body .off-canvas-cart .woocommerce-mini-cart-item img{ border-radius:12px !important; } /* BIKA 2026-08-01 v28 · logo movil +20% (46px -> 55px de alto) */ @media (max-width: 849px){ html body #logo img.header-logo-sticky, html body .transparent #logo img, html body .header-wrapper:not(.stuck) #logo img.header-logo-sticky, html body #masthead #logo img.header-logo-sticky{ max-height:55px !important; } html body #logo{ min-width:72px !important; } } /* BIKA 2026-08-01 v29 · pagina de carrito ELITE (capsulas, sin amarillo de relleno, tipografia sobria) */ /* --- pasos de arriba: sobrios, sin gritar --- */ html body .woocommerce-cart .cart-steps, html body .woocommerce-cart .checkout-steps{ font-family:'Michroma','Poppins',sans-serif !important; text-transform:none !important; letter-spacing:.01em !important; font-size:.82rem !important; } html body .woocommerce-cart .cart-steps li, html body .woocommerce-cart .cart-steps a{ color:#B4AFA6 !important; } html body .woocommerce-cart .cart-steps li.active, html body .woocommerce-cart .cart-steps li.current{ color:#3B3934 !important; } /* --- cabeceras de la tabla --- */ html body .woocommerce-cart table.shop_table thead th{ text-transform:none !important; letter-spacing:.02em !important; color:#8A857C !important; font-weight:600 !important; font-size:.8rem !important; border-bottom:1px solid #E0DCD3 !important; } html body .woocommerce-cart table.shop_table td{ border-color:#EDEBE7 !important; } /* --- nombre del producto en gris de marca (venia azul) --- */ html body .woocommerce-cart td.product-name a{ color:#3B3934 !important; font-weight:500 !important; } /* --- foto del producto con esquinas ELITE --- */ html body .woocommerce-cart td.product-thumbnail img{ border-radius:12px !important; } /* --- BOTON PRINCIPAL: Finalizar compra -> capsula oscura (era amarillo) --- */ html body .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, html body .woocommerce .cart-collaterals a.checkout-button{ background:#3B3934 !important; background-color:#3B3934 !important; color:#fff !important; border:1px solid #3B3934 !important; border-radius:999px !important; text-transform:none !important; font-weight:600 !important; font-size:.95rem !important; padding:15px 26px !important; box-shadow:none !important; letter-spacing:.01em !important; } html body .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{ background:#2C2A26 !important; background-color:#2C2A26 !important; border-color:#2C2A26 !important; } /* --- BOTONES SECUNDARIOS: seguir comprando / actualizar / aplicar cupon -> capsula de contorno --- */ html body .woocommerce-cart .continue-shopping, html body .woocommerce-cart button[name="update_cart"], html body .woocommerce-cart input[name="update_cart"], html body .woocommerce-cart .coupon button[name="apply_coupon"], html body .woocommerce-cart .coupon .button, html body .woocommerce-cart .actions .button:not(.checkout-button){ background:transparent !important; background-color:transparent !important; color:#3B3934 !important; border:1px solid #3B3934 !important; border-radius:999px !important; text-transform:none !important; font-weight:500 !important; font-size:.88rem !important; padding:12px 22px !important; box-shadow:none !important; opacity:1 !important; } html body .woocommerce-cart .continue-shopping:hover, html body .woocommerce-cart button[name="update_cart"]:hover, html body .woocommerce-cart .coupon button[name="apply_coupon"]:hover{ background:#3B3934 !important; background-color:#3B3934 !important; color:#fff !important; } /* el boton de actualizar deshabilitado se ve tenue, no gris pesado */ html body .woocommerce-cart button[name="update_cart"]:disabled{ border-color:#CFC8BB !important; color:#B4AFA6 !important; background:transparent !important; } /* --- campo del cupon en capsula --- */ html body .woocommerce-cart .coupon input#coupon_code, html body .woocommerce-cart input[name="coupon_code"]{ border:1px solid #CFC8BB !important; border-radius:999px !important; padding:12px 20px !important; background:#fff !important; color:#3B3934 !important; box-shadow:none !important; } /* --- caja de totales: tarjeta ELITE --- */ html body .woocommerce-cart .cart-collaterals .cart_totals{ background:#F7F5F1 !important; border:1px solid #EDEBE7 !important; border-radius:20px !important; padding:22px !important; } html body .woocommerce-cart .cart_totals h2, html body .woocommerce-cart .cart_totals .widget-title{ font-family:'Michroma','Poppins',sans-serif !important; text-transform:none !important; font-size:1rem !important; color:#3B3934 !important; letter-spacing:0 !important; } html body .woocommerce-cart .cart_totals table th, html body .woocommerce-cart .cart_totals table td{ border-color:#E0DCD3 !important; color:#3B3934 !important; } /* BIKA 2026-08-01 v30 · checkout ELITE (solo estetica: nada de logica de pago) */ /* titulos de bloque sobrios */ html body.woocommerce-checkout h3, html body.woocommerce-checkout .woocommerce-billing-fields h3, html body.woocommerce-checkout .woocommerce-additional-fields h3, html body.woocommerce-checkout #order_review_heading{ font-family:'Michroma','Poppins',sans-serif !important; text-transform:none !important; letter-spacing:0 !important; color:#3B3934 !important; font-size:1.02rem !important; font-weight:400 !important; } /* campos del formulario: redondeados ELITE */ html body.woocommerce-checkout .woocommerce form .form-row input.input-text, html body.woocommerce-checkout .woocommerce form .form-row textarea, html body.woocommerce-checkout .woocommerce form .form-row select, html body.woocommerce-checkout .select2-container--default .select2-selection--single{ border:1px solid #CFC8BB !important; border-radius:14px !important; padding:12px 16px !important; background:#fff !important; color:#3B3934 !important; box-shadow:none !important; height:auto !important; min-height:46px !important; } html body.woocommerce-checkout .woocommerce form .form-row textarea{ border-radius:16px !important; } html body.woocommerce-checkout .woocommerce form .form-row input.input-text:focus, html body.woocommerce-checkout .woocommerce form .form-row textarea:focus, html body.woocommerce-checkout .woocommerce form .form-row select:focus{ border-color:#3B3934 !important; box-shadow:0 0 0 3px rgba(255,204,51,.30) !important; } html body.woocommerce-checkout .woocommerce form .form-row label{ color:#3B3934 !important; } /* caja del pedido: tarjeta ELITE (era recuadro con borde duro) */ html body.woocommerce-checkout #order_review, html body.woocommerce-checkout .checkout-sidebar, html body.woocommerce-checkout .woocommerce-checkout-review-order{ background:#F7F5F1 !important; border:1px solid #EDEBE7 !important; border-radius:20px !important; padding:22px !important; } html body.woocommerce-checkout .woocommerce-checkout-review-order-table th, html body.woocommerce-checkout .woocommerce-checkout-review-order-table td{ border-color:#E0DCD3 !important; color:#3B3934 !important; } /* metodos de pago sin fondo gris duro */ html body.woocommerce-checkout #payment, html body.woocommerce-checkout ul.wc_payment_methods{ background:transparent !important; border:0 !important; } html body.woocommerce-checkout #payment div.payment_box{ background:#EFECE6 !important; border-radius:14px !important; color:#3B3934 !important; } html body.woocommerce-checkout #payment div.payment_box::before{ display:none !important; } /* BOTON PRINCIPAL: realizar el pedido -> capsula oscura (era amarillo) */ html body.woocommerce-checkout #place_order, html body.woocommerce-checkout button#place_order, html body.woocommerce-checkout .woocommerce #payment #place_order{ background:#3B3934 !important; background-color:#3B3934 !important; color:#fff !important; border:1px solid #3B3934 !important; border-radius:999px !important; text-transform:none !important; font-weight:600 !important; font-size:1rem !important; padding:16px 26px !important; box-shadow:none !important; letter-spacing:.01em !important; } html body.woocommerce-checkout #place_order:hover{ background:#2C2A26 !important; background-color:#2C2A26 !important; border-color:#2C2A26 !important; } /* aviso final mas sobrio */ html body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{ color:#3B3934 !important; } /* BIKA 2026-08-01 v31 · botones secundarios del carrito (clases reales de Flatsome) */ html body .woocommerce-cart a.button-continue-shopping, html body .woocommerce-cart button[name="update_cart"], html body .woocommerce-cart button[name="apply_coupon"], html body .woocommerce-cart .coupon button.button{ background:transparent !important; background-color:transparent !important; color:#3B3934 !important; border:1px solid #3B3934 !important; border-radius:999px !important; text-transform:none !important; font-weight:500 !important; font-size:.86rem !important; padding:11px 22px !important; box-shadow:none !important; opacity:1 !important; height:auto !important; line-height:1.3 !important; } html body .woocommerce-cart a.button-continue-shopping:hover, html body .woocommerce-cart button[name="update_cart"]:hover, html body .woocommerce-cart button[name="apply_coupon"]:hover{ background:#3B3934 !important; background-color:#3B3934 !important; color:#fff !important; } html body .woocommerce-cart button[name="update_cart"]:disabled, html body .woocommerce-cart button[name="update_cart"][disabled]{ border-color:#CFC8BB !important; color:#B4AFA6 !important; background:transparent !important; } html body .woocommerce-cart input[name="coupon_code"], html body .woocommerce-cart input#coupon_code.input-text{ border:1px solid #CFC8BB !important; border-radius:999px !important; padding:11px 20px !important; height:auto !important; background:#fff !important; } /* caja de totales: tarjeta ELITE (clase real .cart-collaterals) */ html body .woocommerce-cart .cart-collaterals{ background:#F7F5F1 !important; border:1px solid #EDEBE7 !important; border-radius:20px !important; padding:22px !important; } html body .woocommerce-cart .cart-collaterals .cart_totals{ background:transparent !important; border:0 !important; padding:0 !important; } /* BIKA 2026-08-01 v32 · carrito y checkout: selectores corregidos (la clase va EN el body, sin espacio) */ /* ---- botones secundarios del carrito ---- */ html body.page-id-34133 a.button-continue-shopping, html body.page-id-34133 button[name="update_cart"], html body.page-id-34133 button[name="apply_coupon"], html body.woocommerce-cart a.button-continue-shopping, html body.woocommerce-cart button[name="update_cart"], html body.woocommerce-cart button[name="apply_coupon"]{ background:transparent !important; background-color:transparent !important; color:#3B3934 !important; border:1px solid #3B3934 !important; border-radius:999px !important; text-transform:none !important; font-weight:500 !important; font-size:.86rem !important; padding:11px 22px !important; box-shadow:none !important; opacity:1 !important; height:auto !important; line-height:1.3 !important; } html body.page-id-34133 a.button-continue-shopping:hover, html body.page-id-34133 button[name="update_cart"]:hover, html body.page-id-34133 button[name="apply_coupon"]:hover{ background:#3B3934 !important; background-color:#3B3934 !important; color:#fff !important; } html body.page-id-34133 button[name="update_cart"]:disabled, html body.page-id-34133 button[name="update_cart"][disabled]{ border-color:#CFC8BB !important; color:#B4AFA6 !important; background:transparent !important; } html body.page-id-34133 input[name="coupon_code"]{ border:1px solid #CFC8BB !important; border-radius:999px !important; padding:11px 20px !important; height:auto !important; background:#fff !important; } /* caja de totales como tarjeta ELITE */ html body.page-id-34133 .cart-collaterals{ background:#F7F5F1 !important; border:1px solid #EDEBE7 !important; border-radius:20px !important; padding:22px !important; } /* cabeceras y tabla */ html body.page-id-34133 table.shop_table thead th{ text-transform:none !important; color:#8A857C !important; font-weight:600 !important; font-size:.8rem !important; border-bottom:1px solid #E0DCD3 !important; } html body.page-id-34133 td.product-name a{ color:#3B3934 !important; font-weight:500 !important; } html body.page-id-34133 td.product-thumbnail img{ border-radius:12px !important; } html body.page-id-34133 .cart-steps{ text-transform:none !important; letter-spacing:.01em !important; } /* ---- checkout ---- */ html body.woocommerce-checkout #place_order, html body.woocommerce-checkout button#place_order{ background:#3B3934 !important; background-color:#3B3934 !important; color:#fff !important; border:1px solid #3B3934 !important; border-radius:999px !important; text-transform:none !important; font-weight:600 !important; padding:16px 26px !important; box-shadow:none !important; } html body.woocommerce-checkout #place_order:hover{ background:#2C2A26 !important; } html body.woocommerce-checkout form .form-row input.input-text, html body.woocommerce-checkout form .form-row textarea, html body.woocommerce-checkout form .form-row select{ border:1px solid #CFC8BB !important; border-radius:14px !important; padding:12px 16px !important; height:auto !important; min-height:46px !important; box-shadow:none !important; } html body.woocommerce-checkout .woocommerce-checkout-review-order{ background:#F7F5F1 !important; border:1px solid #EDEBE7 !important; border-radius:20px !important; padding:20px !important; } /* BIKA 2026-08-01 v33 · Mi cuenta ELITE (banner amarillo fuera, tarjetas redondeadas) */ /* banner de cabecera: gris oscuro de marca, sin foto amarilla */ html body.page-id-33509 .my-account-header, html body.woocommerce-account .my-account-header, html body.page-id-33509 .my-account-header.page-title{ background-color:#3B3934 !important; background-image:none !important; border:0 !important; } html body.page-id-33509 .my-account-header .page-title-inner, html body.page-id-33509 .my-account-header *{ color:#fff !important; text-shadow:none !important; } html body.page-id-33509 .my-account-header h1, html body.page-id-33509 .my-account-header .page-title-inner h1{ font-family:'Michroma','Poppins',sans-serif !important; text-transform:none !important; letter-spacing:.01em !important; font-weight:400 !important; } html body.page-id-33509 .my-account-header .is-divider{ background-color:rgba(255,255,255,.35) !important; } /* menu lateral: sobrio, sin gritar */ html body.page-id-33509 .woocommerce-MyAccount-navigation ul{ border:0 !important; } html body.page-id-33509 .woocommerce-MyAccount-navigation li{ border-bottom:1px solid #EDEBE7 !important; } html body.page-id-33509 .woocommerce-MyAccount-navigation li a{ text-transform:none !important; letter-spacing:.01em !important; color:#8A857C !important; font-weight:500 !important; padding:12px 6px !important; } html body.page-id-33509 .woocommerce-MyAccount-navigation li.is-active a, html body.page-id-33509 .woocommerce-MyAccount-navigation li a:hover{ color:#3B3934 !important; } html body.page-id-33509 .woocommerce-MyAccount-navigation li.is-active{ border-left:3px solid #FFCC33 !important; padding-left:8px !important; } /* las 5 tarjetas de acceso: ELITE (radio 16px, gris claro, texto de marca) */ html body.page-id-33509 .woocommerce-MyAccount-content a[style], html body.page-id-33509 .woocommerce-MyAccount-content .col-inner > a, html body.page-id-33509 .woocommerce-MyAccount-content .row a{ border-radius:16px !important; border:1px solid #E0DCD3 !important; background:#F7F5F1 !important; color:#3B3934 !important; font-weight:500 !important; text-decoration:none !important; transition:background .18s ease, border-color .18s ease !important; } html body.page-id-33509 .woocommerce-MyAccount-content .col-inner > a:hover, html body.page-id-33509 .woocommerce-MyAccount-content .row a:hover{ background:#3B3934 !important; border-color:#3B3934 !important; color:#fff !important; } /* enlaces del texto en gris de marca, no azul */ html body.page-id-33509 .woocommerce-MyAccount-content p a{ color:#3B3934 !important; text-decoration:underline !important; text-underline-offset:3px !important; background:transparent !important; border:0 !important; border-radius:0 !important; } html body.page-id-33509 .woocommerce-MyAccount-content p a:hover{ background:transparent !important; color:#2C2A26 !important; } /* botones propios de la cuenta en capsula */ html body.page-id-33509 .woocommerce-MyAccount-content button.button, html body.page-id-33509 .woocommerce-MyAccount-content input[type="submit"]{ background:#3B3934 !important; color:#fff !important; border:1px solid #3B3934 !important; border-radius:999px !important; text-transform:none !important; font-weight:600 !important; padding:13px 24px !important; box-shadow:none !important; } /* BIKA 2026-08-01 v34 · textura ELITE en el banner de Mi cuenta (fuera la foto amarilla) */ html body.page-id-33509 .my-account-header .page-title-bg, html body.page-id-33509 .my-account-header .page-title-bg-overlay{ display:none !important; background-image:none !important; opacity:0 !important; } html body.page-id-33509 .my-account-header{ position:relative !important; overflow:hidden !important; background-color:#3B3934 !important; background-image:none !important; padding-top:38px !important; padding-bottom:38px !important; } /* formas geometricas suaves, como el hero y el pie de la maqueta ELITE */ html body.page-id-33509 .my-account-header::before{ content:''; position:absolute; right:-3%; top:-115%; width:560px; height:560px; border-radius:130px; border:74px solid rgba(255,255,255,.05); transform:rotate(18deg); pointer-events:none; z-index:0; } html body.page-id-33509 .my-account-header::after{ content:''; position:absolute; left:4%; bottom:-125%; width:420px; height:420px; border-radius:100px; border:56px solid rgba(255,255,255,.035); transform:rotate(18deg); pointer-events:none; z-index:0; } html body.page-id-33509 .my-account-header .page-title-inner{ position:relative !important; z-index:2 !important; } /* BIKA 2026-08-01 v35 · marca de agua mas visible (gris claro, un paso mas arriba) */ html body.page-id-33509 .my-account-header::before{ border-color:rgba(255,255,255,.13) !important; } html body.page-id-33509 .my-account-header::after{ border-color:rgba(255,255,255,.10) !important; } /* BIKA 2026-08-01 v36 · blog ELITE (maqueta aprobada) */ /* ---- banda de cabecera con marca de agua, en blog y articulo ---- */ html body.blog .page-title.blog-featured-title, html body.single-post .page-title.blog-featured-title, html body.blog .blog-featured-title, html body.single-post .blog-featured-title{ position:relative !important; overflow:hidden !important; background-color:#3B3934 !important; background-image:none !important; padding:46px 20px 42px !important; border:0 !important; } html body.blog .blog-featured-title .page-title-bg, html body.single-post .blog-featured-title .page-title-bg, html body.blog .blog-featured-title .page-title-bg-overlay, html body.single-post .blog-featured-title .page-title-bg-overlay{ display:none !important; opacity:0 !important; } html body.blog .blog-featured-title::before, html body.single-post .blog-featured-title::before{ content:''; position:absolute; right:-2%; top:-105%; width:430px; height:430px; border-radius:110px; border:62px solid rgba(255,255,255,.12); transform:rotate(18deg); pointer-events:none; z-index:0; } html body.blog .blog-featured-title::after, html body.single-post .blog-featured-title::after{ content:''; position:absolute; left:3%; bottom:-118%; width:330px; height:330px; border-radius:86px; border:46px solid rgba(255,255,255,.085); transform:rotate(18deg); pointer-events:none; z-index:0; } html body.blog .blog-featured-title .page-title-inner, html body.single-post .blog-featured-title .page-title-inner{ position:relative !important; z-index:2 !important; } html body.blog .blog-featured-title *, html body.single-post .blog-featured-title *{ color:#F6F4F0 !important; } html body.blog .blog-featured-title h1, html body.single-post .blog-featured-title h1{ font-family:'Michroma','Poppins',sans-serif !important; text-transform:none !important; font-weight:400 !important; letter-spacing:-.005em !important; line-height:1.3 !important; } html body.single-post .blog-featured-title .is-divider{ background-color:rgba(255,255,255,.32) !important; } /* ---- tarjetas del listado ---- */ html body.blog article.post-item .box-image, html body.blog .post-item .box-image{ border-radius:18px !important; overflow:hidden !important; } html body.blog .post-item .box-text{ background:#F3F1ED !important; border:1px solid #E0DCD3 !important; border-radius:18px !important; margin:-26px 12px 0 !important; padding:16px 17px 15px !important; position:relative !important; z-index:2 !important; text-align:left !important; } html body.blog .post-item .post-title{ font-family:'Michroma','Poppins',sans-serif !important; font-weight:400 !important; font-size:.95rem !important; line-height:1.42 !important; text-transform:none !important; margin:6px 0 8px !important; } html body.blog .post-item .post-title a{ color:#3B3934 !important; } html body.blog .post-item .post-meta, html body.blog .post-item .from_the_blog_excerpt{ color:#8A857C !important; font-size:.83rem !important; text-transform:none !important; } html body.blog .post-item .is-divider{ display:none !important; } html body.blog .post-item .box-image img{ transition:transform .5s cubic-bezier(.2,.6,.2,1) !important; } html body.blog .post-item:hover .box-image img{ transform:scale(1.045) !important; } /* ---- articulo: columna de lectura comoda ---- */ html body.single-post .entry-content, html body.single-post .entry-header-text{ max-width:68ch !important; margin-left:auto !important; margin-right:auto !important; } html body.single-post .entry-content{ font-size:1.02rem !important; line-height:1.78 !important; color:#4A463F !important; } html body.single-post .entry-content h2, html body.single-post .entry-content h3{ font-family:'Michroma','Poppins',sans-serif !important; font-weight:400 !important; color:#3B3934 !important; margin-top:1.9em !important; line-height:1.34 !important; } html body.single-post .entry-content img, html body.single-post .entry-image img{ border-radius:20px !important; } html body.single-post .entry-content blockquote{ border-left:3px solid #FFCC33 !important; background:transparent !important; padding:4px 0 4px 18px !important; margin:22px 0 !important; font-style:normal !important; color:#3B3934 !important; } /* enlaces del articulo en gris de marca */ html body.single-post .entry-content a{ color:#3B3934 !important; text-decoration:underline !important; text-underline-offset:3px !important; } /* ---- paginacion en capsula ---- */ html body.blog .page-numbers li a, html body.blog .page-numbers li span{ border-radius:999px !important; border:1px solid #E0DCD3 !important; color:#3B3934 !important; } html body.blog .page-numbers li span.current{ background:#3B3934 !important; border-color:#3B3934 !important; color:#fff !important; } /* BIKA 2026-08-01 v37 · blog: temas en capsula y cierre del articulo */ html body .bika-blog-intro{ max-width:1080px; margin:26px auto 6px; padding:0 20px; text-align:center; } html body .bika-blog-intro > p{ color:#8A857C; font-size:.95rem; max-width:58ch; margin:0 auto 18px; line-height:1.6; } html body .bika-blog-chips{ display:flex; gap:9px; flex-wrap:wrap; justify-content:center; margin-bottom:8px; } html body a.bika-chip{ border:1px solid #E0DCD3; background:#F3F1ED; color:#5A564E; border-radius:999px; padding:8px 17px; font-size:.83rem; font-weight:500; text-decoration:none; white-space:nowrap; transition:background .18s ease, color .18s ease; } html body a.bika-chip:hover{ background:#E7E3DA; color:#3B3934; } html body a.bika-chip.on{ background:#3B3934; border-color:#3B3934; color:#F6F4F0; font-weight:600; } html body a.bika-chip.on::before{ content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:#FFCC33; margin-right:8px; vertical-align:middle; } /* cierre del articulo */ html body .bika-post-cierre{ max-width:68ch; margin:38px auto 0; } html body .bika-cierre-tit{ font-family:'Michroma','Poppins',sans-serif !important; font-weight:400 !important; font-size:1rem !important; color:#3B3934 !important; margin:0 0 14px !important; padding-top:24px; border-top:1px solid #E0DCD3; } html body .bika-rel{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } html body a.bika-rel-item{ display:flex; gap:13px; align-items:center; text-decoration:none !important; color:#3B3934 !important; background:#F3F1ED; border:1px solid #E0DCD3; border-radius:18px; padding:12px; transition:background .18s ease; } html body a.bika-rel-item:hover{ background:#E7E3DA; } html body .bika-rel-img img{ width:66px; height:56px; object-fit:cover; border-radius:12px !important; display:block; } html body .bika-rel-tit{ font-family:'Michroma','Poppins',sans-serif; font-weight:400; font-size:.8rem; line-height:1.42; } html body .bika-blog-ayuda{ margin-top:20px; background:#F3F1ED; border:1px solid #E0DCD3; border-radius:24px; padding:22px 24px; display:flex; gap:18px; align-items:center; justify-content:space-between; flex-wrap:wrap; } html body .bika-blog-ayuda h4{ font-family:'Michroma','Poppins',sans-serif !important; font-weight:400 !important; font-size:1rem !important; margin:0 0 5px !important; color:#3B3934 !important; } html body .bika-blog-ayuda p{ color:#8A857C; font-size:.87rem; margin:0; max-width:44ch; } html body a.bika-blog-wa{ display:inline-flex; align-items:center; gap:8px; border-radius:999px; padding:12px 22px; background:transparent; color:#3B3934 !important; border:1px solid #3B3934; font-size:.86rem; font-weight:600; text-decoration:none !important; white-space:nowrap; } html body a.bika-blog-wa:hover{ background:#3B3934; color:#fff !important; } @media (max-width:700px){ html body .bika-rel{ grid-template-columns:1fr; } html body .bika-blog-ayuda{ justify-content:flex-start; } } /* ===== v38 Blog ELITE: titulo del blog y cabecera de categoria (2026-07-31) ===== */ html body .bika-blog-h1{ font-family:'Michroma', sans-serif; font-size:1.5rem; line-height:1.35; color:#3B3934; letter-spacing:.01em; text-transform:none; margin:0 0 12px; font-weight:400; } html body .archive-page-header{ padding:30px 0 0; border:0; } html body .archive-page-header .page-title{ font-family:'Michroma', sans-serif; font-size:1.4rem; line-height:1.4; color:#3B3934; text-transform:none !important; letter-spacing:.01em; margin:0 0 8px; font-weight:400; } html body .archive-page-header .page-title span{ font-weight:inherit; color:inherit; } html body .archive-page-header .taxonomy-description p{ color:#8A857C; font-size:.95rem; max-width:62ch; margin:0 auto 4px; line-height:1.6; } html body .blog-archive .bika-blog-intro{ margin-top:6px; } @media (max-width:549px){ html body .bika-blog-h1{ font-size:1.08rem; line-height:1.4; } html body .archive-page-header{ padding-top:20px; } html body .archive-page-header .page-title{ font-size:1.02rem; } html body .archive-page-header .taxonomy-description p{ font-size:.88rem; } } /* ===== v39 Blog ELITE: mismas tarjetas en categorias y busqueda (2026-07-31) ===== */ html body.archive.category article.post-item .box-image, html body.archive.category .post-item .box-image, html body.search .post-item .box-image{ border-radius:18px !important; overflow:hidden !important; } html body.archive.category .post-item .box-text, html body.search .post-item .box-text{ background:#F3F1ED !important; border:1px solid #E0DCD3 !important; border-radius:18px !important; margin:-26px 12px 0 !important; padding:16px 17px 15px !important; position:relative !important; z-index:2 !important; text-align:left !important; } html body.archive.category .post-item .post-title, html body.search .post-item .post-title{ font-family:'Michroma','Poppins',sans-serif !important; font-weight:400 !important; font-size:.95rem !important; line-height:1.42 !important; text-transform:none !important; margin:6px 0 8px !important; } html body.archive.category .post-item .post-title a, html body.search .post-item .post-title a{ color:#3B3934 !important; } html body.archive.category .post-item .post-meta, html body.archive.category .post-item .from_the_blog_excerpt, html body.search .post-item .post-meta, html body.search .post-item .from_the_blog_excerpt{ color:#8A857C !important; font-size:.83rem !important; text-transform:none !important; } html body.archive.category .post-item .is-divider, html body.search .post-item .is-divider{ display:none !important; } html body.archive.category .post-item .box-image img, html body.search .post-item .box-image img{ transition:transform .5s cubic-bezier(.2,.6,.2,1) !important; } html body.archive.category .post-item:hover .box-image img, html body.search .post-item:hover .box-image img{ transform:scale(1.045) !important; } html body.archive.category .page-numbers li a, html body.archive.category .page-numbers li span, html body.search .page-numbers li a, html body.search .page-numbers li span{ border-radius:999px !important; border:1px solid #E0DCD3 !important; color:#3B3934 !important; } html body.archive.category .page-numbers li span.current, html body.search .page-numbers li span.current{ background:#3B3934 !important; border-color:#3B3934 !important; color:#fff !important; } /* ===== v40 Blog ELITE: cierre del articulo (2026-07-31) ===== */ html body.single-post .entry-content .bika-post-cierre{ margin:34px 0 0; } html body.single-post .entry-content .bika-cierre-tit{ font-family:'Michroma','Poppins',sans-serif !important; font-size:.92rem !important; font-weight:400 !important; color:#3B3934 !important; margin:0 0 12px !important; text-transform:none !important; letter-spacing:.01em !important; } html body.single-post .entry-content .bika-rel{ display:grid; grid-template-columns:1fr 1fr; gap:12px; } html body.single-post .entry-content a.bika-rel-item{ display:flex !important; align-items:center; gap:12px; background:#F3F1ED !important; border:1px solid #E0DCD3 !important; border-radius:16px !important; padding:11px 13px !important; text-decoration:none !important; color:#3B3934 !important; transition:background .18s ease; } html body.single-post .entry-content a.bika-rel-item:hover{ background:#E7E3DA !important; } html body.single-post .entry-content a.bika-rel-item .bika-rel-img{ flex:0 0 auto; line-height:0; } html body.single-post .entry-content a.bika-rel-item .bika-rel-img img{ width:56px !important; height:56px !important; object-fit:cover !important; border-radius:13px !important; display:block !important; margin:0 !important; } html body.single-post .entry-content a.bika-rel-item .bika-rel-tit{ font-size:.85rem !important; line-height:1.42 !important; text-decoration:none !important; color:#3B3934 !important; } html body.single-post .entry-content .bika-blog-ayuda{ display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; background:#F3F1ED !important; border:1px solid #E0DCD3 !important; border-radius:18px !important; padding:18px 20px !important; margin:14px 0 0 !important; } html body.single-post .entry-content .bika-blog-ayuda h4{ font-family:'Michroma','Poppins',sans-serif !important; font-size:.9rem !important; font-weight:400 !important; color:#3B3934 !important; margin:0 0 5px !important; text-transform:none !important; line-height:1.35 !important; } html body.single-post .entry-content .bika-blog-ayuda p{ color:#8A857C !important; font-size:.85rem !important; margin:0 !important; line-height:1.5 !important; } html body.single-post .entry-content a.bika-blog-wa{ background:#3B3934 !important; color:#FFFFFF !important; border:1px solid #3B3934 !important; border-radius:999px !important; padding:11px 22px !important; font-size:.84rem !important; font-weight:500 !important; text-decoration:none !important; white-space:nowrap; display:inline-block; transition:background .18s ease; } html body.single-post .entry-content a.bika-blog-wa:hover{ background:#2E2C28 !important; } html body.single-post footer.entry-meta{ max-width:68ch !important; margin:20px auto 0 !important; color:#A8A29A !important; font-size:.76rem !important; text-transform:none !important; } html body.single-post footer.entry-meta a{ color:#8A857C !important; text-decoration:none !important; } @media (max-width:549px){ html body.single-post .entry-content .bika-rel{ grid-template-columns:1fr; } html body.single-post .entry-content .bika-blog-ayuda{ flex-direction:column; align-items:flex-start; } html body.single-post .entry-content a.bika-blog-wa{ width:100%; text-align:center; } } /* ===== v41 Blog ELITE: temas en una sola fila deslizable en celular (2026-07-31) ===== */ @media (max-width:849px){ html body .bika-blog-intro{ padding-left:20px; padding-right:20px; } html body .bika-blog-chips{ flex-wrap:nowrap !important; overflow-x:auto; overflow-y:hidden; justify-content:flex-start; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; padding:2px 20px 8px; margin-left:-20px; margin-right:-20px; scroll-snap-type:x proximity; } html body .bika-blog-chips::-webkit-scrollbar{ display:none; height:0; } html body a.bika-chip{ flex:0 0 auto; scroll-snap-align:start; } } /* ===== v43 FICHA ELITE · parte 2: titulo, precio y opciones en capsula ===== */ html body.single-product h1.product-title{ font-family:'Michroma','Poppins',sans-serif !important; font-weight:400 !important; text-transform:none !important; color:#3B3934 !important; font-size:clamp(1.05rem,2.2vw,1.5rem) !important; line-height:1.35 !important; letter-spacing:-.005em !important; margin-bottom:12px !important; } html body.single-product .price.product-page-price{ margin-bottom:16px !important; } html body.single-product .price.product-page-price ins, html body.single-product .price.product-page-price > .amount{ font-family:'Michroma','Poppins',sans-serif !important; font-weight:400 !important; color:#3B3934 !important; font-size:1.5rem !important; text-decoration:none !important; } html body.single-product .price.product-page-price del{ color:#8A857C !important; font-size:.95rem !important; } /* --- titulos de grupo: etiqueta pequena, no titulo gigante --- */ html body.single-product h3.wapo-addon-title{ font-family:'Poppins',sans-serif !important; font-size:.72rem !important; letter-spacing:.11em !important; text-transform:uppercase !important; color:#8A857C !important; font-weight:600 !important; margin:22px 0 11px !important; } /* --- cada opcion, una capsula --- */ html body.single-product .yith-wapo-addon .checkbox-button-container, html body.single-product .yith-wapo-addon .radio-button-container{ display:flex !important; align-items:center !important; gap:12px !important; flex-wrap:wrap !important; border:1.5px solid #E0DCD3 !important; border-radius:22px !important; padding:12px 18px !important; margin:0 0 9px !important; background:#fff !important; transition:border-color .18s ease, background .18s ease !important; } html body.single-product .yith-wapo-addon .checkbox-button-container:hover, html body.single-product .yith-wapo-addon .radio-button-container:hover{ border-color:#8A857C !important; } html body.single-product .yith-wapo-addon .checkbox-button-container:has(.checked), html body.single-product .yith-wapo-addon .radio-button-container:has(.checked), html body.single-product .yith-wapo-addon .checkbox-button-container:has(input:checked), html body.single-product .yith-wapo-addon .radio-button-container:has(input:checked){ background:#3B3934 !important; border-color:#3B3934 !important; } html body.single-product .yith-wapo-addon .checkbox-button-container:has(input:checked) label, html body.single-product .yith-wapo-addon .radio-button-container:has(input:checked) label, html body.single-product .yith-wapo-addon .checkbox-button-container:has(input:checked) .option-price, html body.single-product .yith-wapo-addon .radio-button-container:has(input:checked) .option-price{ color:#FFFFFF !important; } html body.single-product .yith-wapo-addon .checkbox-button-container:has(input:checked) .description, html body.single-product .yith-wapo-addon .radio-button-container:has(input:checked) .description{ color:rgba(255,255,255,.66) !important; } /* el circulito */ html body.single-product input.yith-wapo-option-value[type="checkbox"], html body.single-product input.yith-wapo-option-value[type="radio"]{ -webkit-appearance:none !important; appearance:none !important; width:18px !important; height:18px !important; min-width:18px !important; border-radius:50% !important; border:1.5px solid #8A857C !important; background:transparent !important; margin:0 !important; padding:0 !important; position:relative !important; cursor:pointer !important; box-shadow:none !important; } html body.single-product input.yith-wapo-option-value:checked{ border-color:#FFCC33 !important; } html body.single-product input.yith-wapo-option-value:checked::after{ content:'' !important; position:absolute !important; inset:3px !important; border-radius:50% !important; background:#FFCC33 !important; } html body.single-product .yith-wapo-addon .checkboxbutton, html body.single-product .yith-wapo-addon .radiobutton{ flex:0 0 auto !important; display:flex !important; align-items:center !important; background:none !important; border:0 !important; padding:0 !important; margin:0 !important; } /* textos de la opcion */ html body.single-product label.yith-wapo-addon-label{ flex:1 !important; min-width:0 !important; margin:0 !important; cursor:pointer !important; font-size:.86rem !important; font-weight:500 !important; line-height:1.35 !important; text-transform:none !important; color:#3B3934 !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; flex-wrap:wrap !important; } html body.single-product .yith-wapo-addon .option-price{ font-size:.85rem !important; font-weight:600 !important; white-space:nowrap !important; color:#3B3934 !important; } html body.single-product .yith-wapo-addon .option-price .brackets{ display:none !important; } html body.single-product .yith-wapo-addon .description{ flex:0 0 100% !important; font-size:.76rem !important; color:#8A857C !important; margin:2px 0 0 30px !important; line-height:1.45 !important; } /* ===== v44 FICHA ELITE · parte 3: ajustes, totales, botones y asesor ===== */ /* capsulas a todo el ancho y precio legible sobre el oscuro */ html body.single-product .yith-wapo-addon .checkbox-button-container, html body.single-product .yith-wapo-addon .radio-button-container{ width:100% !important; } html body.single-product .yith-wapo-addon .checkbox-button-container:has(input:checked) label *, html body.single-product .yith-wapo-addon .radio-button-container:has(input:checked) label *{ color:#FFFFFF !important; } html body.single-product .yith-wapo-addon .option-price *{ color:inherit !important; } /* la opcion de recoger en tienda no tenia texto */ html body.single-product #yith-wapo-addon-40 label.yith-wapo-addon-label::before{ content:'Recoger en tienda Bika Laureles'; font-weight:500; } /* --- resumen del pedido --- */ html body.single-product .wapo-total-table, html body.single-product table.wapo-total-table{ width:100% !important; border:0 !important; margin:22px 0 0 !important; border-top:1px solid #E0DCD3 !important; padding-top:6px !important; } html body.single-product .wapo-total-table tr th, html body.single-product .wapo-total-table tr td{ border:0 !important; padding:6px 0 !important; background:none !important; font-family:'Poppins',sans-serif !important; font-size:.86rem !important; font-weight:400 !important; text-transform:none !important; letter-spacing:0 !important; color:#5A564E !important; } html body.single-product .wapo-total-table tr td{ text-align:right !important; font-variant-numeric:tabular-nums !important; } html body.single-product tr.wapo-total-price th, html body.single-product tr.wapo-total-price td{ border-top:1px solid #E0DCD3 !important; padding-top:13px !important; margin-top:8px !important; font-family:'Michroma','Poppins',sans-serif !important; font-size:1.02rem !important; color:#3B3934 !important; font-weight:400 !important; } /* --- botones de compra en capsula --- */ html body.single-product .single_add_to_cart_button, html body.single-product .cart .button, html body.single-product .bika-comprar-ahora{ border-radius:999px !important; font-family:'Poppins',sans-serif !important; font-weight:600 !important; font-size:.87rem !important; letter-spacing:.01em !important; text-transform:none !important; padding:14px 28px !important; border:0 !important; box-shadow:none !important; transition:transform .18s ease, background .18s ease !important; } html body.single-product .single_add_to_cart_button{ background:#3B3934 !important; color:#FFFFFF !important; } html body.single-product .single_add_to_cart_button:hover{ background:#2E2C28 !important; transform:translateY(-2px) !important; } html body.single-product .cart .button.buy-now, html body.single-product .cart .bika-comprar-ahora, html body.single-product a.buy-now-button{ background:#FFCC33 !important; color:#3B3934 !important; } html body.single-product .cart .button.buy-now:hover, html body.single-product a.buy-now-button:hover{ background:#E4B200 !important; transform:translateY(-2px) !important; } /* selector de cantidad en capsula */ html body.single-product .quantity{ background:#F3F1ED !important; border:1px solid #E0DCD3 !important; border-radius:999px !important; padding:3px 5px !important; overflow:hidden !important; } html body.single-product .quantity input.qty{ background:none !important; border:0 !important; font-weight:600 !important; box-shadow:none !important; } html body.single-product .quantity .minus, html body.single-product .quantity .plus{ background:none !important; border:0 !important; border-radius:50% !important; color:#3B3934 !important; box-shadow:none !important; } html body.single-product .quantity .minus:hover, html body.single-product .quantity .plus:hover{ background:#E7E3DA !important; } /* --- franja del asesor, sobria --- */ html body.single-product .bika-wa-bloque, html body.single-product .bika-asesor{ background:#F3F1ED !important; border:1px solid #E0DCD3 !important; border-radius:20px !important; box-shadow:none !important; } html body.single-product .bika-wa-bloque a.bika-wa-btn, html body.single-product .bika-asesor a[href*="wa.me"], html body.single-product .bika-wa-bloque a[href*="wa.me"]{ background:#3B3934 !important; color:#FFFFFF !important; border:0 !important; border-radius:999px !important; font-weight:600 !important; font-size:.82rem !important; padding:11px 20px !important; box-shadow:none !important; } /* ===== v45 FICHA ELITE · parte 4: resumen y asesor (clases reales) ===== */ html body.single-product tr.wapo-product-price th, html body.single-product tr.wapo-total-options th, html body.single-product tr.wapo-total-order th, html body.single-product tr.wapo-product-price td, html body.single-product tr.wapo-total-options td, html body.single-product tr.wapo-total-order td{ border:0 !important; background:none !important; padding:6px 0 !important; font-family:'Poppins',sans-serif !important; font-weight:400 !important; font-size:.87rem !important; text-transform:none !important; letter-spacing:0 !important; color:#5A564E !important; } html body.single-product tr.wapo-product-price td, html body.single-product tr.wapo-total-options td, html body.single-product tr.wapo-total-order td{ text-align:right !important; font-variant-numeric:tabular-nums !important; color:#3B3934 !important; } html body.single-product tr.wapo-product-price th{ padding-top:16px !important; border-top:1px solid #E0DCD3 !important; } html body.single-product tr.wapo-product-price td{ padding-top:16px !important; border-top:1px solid #E0DCD3 !important; } html body.single-product tr.wapo-total-order th, html body.single-product tr.wapo-total-order td{ border-top:1px solid #E0DCD3 !important; padding-top:13px !important; font-family:'Michroma','Poppins',sans-serif !important; font-size:1.02rem !important; color:#3B3934 !important; } /* --- asesor: mismo mensaje, estetica de marca --- */ html body.single-product .bika-wa-box{ background:#F3F1ED !important; border:1px solid #E0DCD3 !important; border-radius:20px !important; box-shadow:none !important; } html body.single-product a.bika-wa-verde{ background:#3B3934 !important; color:#FFFFFF !important; border:1px solid #3B3934 !important; border-radius:999px !important; font-weight:600 !important; box-shadow:none !important; } html body.single-product a.bika-wa-verde:hover{ background:#2E2C28 !important; } html body.single-product a.bika-wa-blanco{ background:#FFFFFF !important; color:#3B3934 !important; border:1px solid #E0DCD3 !important; border-radius:999px !important; font-weight:600 !important; box-shadow:none !important; } html body.single-product a.bika-wa-blanco:hover{ background:#E7E3DA !important; } /* ===== v46 FICHA ELITE · parte 5: foto en blanco y resenas bajo el titulo ===== */ /* la caja de la foto grande va en blanco con borde fino (como la maqueta) */ html body.single-product .woocommerce-product-gallery__image{ background:#FFFFFF !important; border:1px solid #E0DCD3 !important; } /* las miniaturas si van en gris para que se distingan */ html body.single-product .product-thumbnails .col img{ background:#F3F1ED !important; } html body.single-product .product-thumbnails .col.is-nav-selected img{ background:#E7E3DA !important; outline:1.5px solid #3B3934 !important; outline-offset:-1px !important; } /* --- resenas justo debajo del titulo, antes del precio --- */ html body.single-product .price-wrapper{ display:flex !important; flex-direction:column !important; } html body.single-product .price-wrapper > *{ order:3; } html body.single-product .price-wrapper > .star-rating, html body.single-product .price-wrapper > .woocommerce-product-rating{ order:0 !important; margin:0 0 10px !important; } html body.single-product .price-wrapper > .price, html body.single-product .price-wrapper > .price-on-sale{ order:1 !important; } html body.single-product .price-wrapper .star-rating{ font-size:1em !important; } /* --- linea de ahorro bajo el precio --- */ html body.single-product .bika-ahorro{ order:2 !important; font-size:.8rem !important; color:#5A564E !important; margin:-6px 0 16px !important; line-height:1.5 !important; } html body.single-product .bika-ahorro b{ color:#E4B200 !important; font-weight:600 !important; } /* ===== v47 FICHA ELITE · insignia de oferta en capsula con el ahorro ===== */ html body.single-product .product-images .badge-container, html body.single-product .product-images .badge-circle{ width:auto !important; height:auto !important; min-width:0 !important; left:16px !important; top:16px !important; transform:none !important; } html body.single-product .badge-inner.bika-badge-oferta{ background:#3B3934 !important; color:#FFFFFF !important; border-radius:999px !important; padding:8px 16px !important; font-family:'Poppins',sans-serif !important; font-weight:600 !important; font-size:.78rem !important; letter-spacing:.01em !important; white-space:nowrap !important; line-height:1.2 !important; width:auto !important; height:auto !important; display:inline-block !important; box-shadow:none !important; } html body.single-product .badge-inner.bika-badge-oferta .bika-pct{ color:#FFCC33 !important; } html body.single-product .badge-inner.bika-badge-oferta .amount{ color:#FFFFFF !important; } /* ===== v49 FICHA ELITE · botones en gris claro y titulos legibles (2026-08-01) ===== */ /* --- titulos de grupo: que se lean --- */ html body.single-product h3.wapo-addon-title{ color:#3B3934 !important; font-size:.8rem !important; font-weight:600 !important; letter-spacing:.08em !important; margin:26px 0 12px !important; } /* --- descripciones de cada opcion: un gris mas legible --- */ html body.single-product .yith-wapo-addon .description{ color:#6B665C !important; font-size:.78rem !important; } /* --- capsula elegida: gris medio, mas suave que el oscuro --- */ html body.single-product .yith-wapo-addon .checkbox-button-container:has(input:checked), html body.single-product .yith-wapo-addon .radio-button-container:has(input:checked){ background:#5A564E !important; border-color:#5A564E !important; } /* --- botones principales en gris claro y sobrio --- */ html body.single-product .single_add_to_cart_button{ background:#E7E3DA !important; color:#3B3934 !important; border:1px solid #DAD5CA !important; } html body.single-product .single_add_to_cart_button:hover{ background:#DAD5CA !important; color:#3B3934 !important; } html body.single-product a.bika-wa-verde{ background:#E7E3DA !important; color:#3B3934 !important; border:1px solid #DAD5CA !important; } html body.single-product a.bika-wa-verde:hover{ background:#DAD5CA !important; } /* --- resumen: etiquetas mas legibles --- */ html body.single-product tr.wapo-product-price th, html body.single-product tr.wapo-total-options th{ color:#3B3934 !important; } /* ===== v50 FICHA ELITE · insignia de descuento en gris claro ===== */ html body.single-product .badge-inner.bika-badge-oferta{ background:#E7E3DA !important; color:#3B3934 !important; border:1px solid #DAD5CA !important; } html body.single-product .badge-inner.bika-badge-oferta .bika-pct{ color:#8A6A00 !important; font-weight:700 !important; } html body.single-product .badge-inner.bika-badge-oferta .amount{ color:#3B3934 !important; } /* ===== v51 FICHA ELITE · todo el gris oscuro pasa a claro sobrio (2026-08-01) ===== */ /* insignia de descuento (gana a la regla de v42, que era mas especifica) */ html body.single-product .product-images .badge-container .badge-circle .badge-inner.bika-badge-oferta, html body.single-product .badge-container .badge-circle .badge-inner.bika-badge-oferta, html body.single-product .product-images .badge-circle .badge-inner.bika-badge-oferta{ background:#F3F1ED !important; color:#3B3934 !important; border:1px solid #DAD5CA !important; box-shadow:none !important; } html body.single-product .badge-inner.bika-badge-oferta .bika-pct{ color:#8A6A00 !important; font-weight:700 !important; } html body.single-product .badge-inner.bika-badge-oferta .amount{ color:#3B3934 !important; } /* opcion elegida: gris claro con borde marcado, no bloque oscuro */ html body.single-product .yith-wapo-addon .checkbox-button-container:has(input:checked), html body.single-product .yith-wapo-addon .radio-button-container:has(input:checked){ background:#F3F1ED !important; border:2px solid #3B3934 !important; } html body.single-product .yith-wapo-addon .checkbox-button-container:has(input:checked) label, html body.single-product .yith-wapo-addon .radio-button-container:has(input:checked) label, html body.single-product .yith-wapo-addon .checkbox-button-container:has(input:checked) label *, html body.single-product .yith-wapo-addon .radio-button-container:has(input:checked) label *{ color:#3B3934 !important; } html body.single-product .yith-wapo-addon .checkbox-button-container:has(input:checked) .description, html body.single-product .yith-wapo-addon .radio-button-container:has(input:checked) .description{ color:#6B665C !important; } /* el circulito de la opcion elegida, en gris oscuro sobre el claro */ html body.single-product input.yith-wapo-option-value:checked{ border-color:#3B3934 !important; } html body.single-product input.yith-wapo-option-value:checked::after{ background:#3B3934 !important; } /* ===== v52 FICHA ELITE · ultimo resto de verde y afinado de botones ===== */ html body.single-product a.bika-wa-verde, html body.single-product .bika-wa-btns a.bika-wa-verde{ background:#E7E3DA !important; background-image:none !important; color:#3B3934 !important; border:1px solid #DAD5CA !important; } html body.single-product a.bika-wa-verde svg, html body.single-product a.bika-wa-verde i, html body.single-product a.bika-wa-verde *{ color:#3B3934 !important; fill:#3B3934 !important; } html body.single-product a.bika-wa-verde:hover{ background:#DAD5CA !important; } /* los dos botones de compra, mismo peso visual */ html body.single-product .single_add_to_cart_button, html body.single-product .cart .button.buy-now, html body.single-product a.buy-now-button{ padding:14px 30px !important; font-size:.88rem !important; }