/* ============================================ BARF CANINE — Header ============================================ */ /* --- Barra superior --- */ .bc-top{ display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; font-size:13px; font-weight:500; color:#C6D2CA; } .bc-top span{ display:flex; align-items:center; gap:9px; flex:1 1 0; justify-content:center; white-space:nowrap; } .bc-top span + span{ border-left:1px solid rgba(242,239,230,.16); } .bc-top span::before{ content:""; width:17px; height:17px; flex:0 0 auto; background-repeat:no-repeat; background-position:center; background-size:contain; } /* --- Íconos --- */ .i-hoja::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2EFE6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6'/%3E%3C/svg%3E");} .i-frio::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2EFE6' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M12 2v20M2 12h20M4.9 4.9l14.2 14.2M19.1 4.9L4.9 19.1'/%3E%3C/svg%3E");} .i-grano::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2EFE6' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.6 5.6l12.8 12.8'/%3E%3C/svg%3E");} .i-amor::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2EFE6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");} /* --- Ticker abajo de 1024px --- */ @media(max-width:1024px){ .bc-top{ display:block; height:24px; overflow:hidden; font-size:12.5px; } .bc-top span{ display:flex; height:24px; justify-content:center; border-left:0 !important; animation:bcTicker 16s ease-in-out infinite; } } @keyframes bcTicker{ 0%, 22% { transform:translateY(0) } 25%, 47% { transform:translateY(-24px) } 50%, 72% { transform:translateY(-48px) } 75%,100% { transform:translateY(-72px) } } @media(max-width:1024px) and (prefers-reduced-motion:reduce){ .bc-top span{ animation:none; } } /* --- Menú --- */ .header-navigation .primary-menu-container > ul{ flex-wrap:nowrap; } .header-navigation .primary-menu-container > ul > li > a{ position:relative; font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; white-space:nowrap; padding-left:12px; padding-right:12px; } .header-navigation .primary-menu-container > ul > li.current-menu-item > a::after, .header-navigation .primary-menu-container > ul > li.current_page_item > a::after{ content:""; position:absolute; left:12px; right:12px; bottom:-6px; height:2px; background:#FF8A00; border-radius:2px; } /* --- Botón --- */ .site-header .header-button{ white-space:nowrap; padding-left:26px; padding-right:26px; } /* --- Carrito: contador --- */ .header-cart-wrap .header-cart-total, .header-mobile-cart-wrap .header-cart-total{ background:#F2EFE6 !important; color:#16211C !important; font-weight:700; font-size:11px; } /* --- Foco visible --- */ .site-header a:focus-visible, .site-header button:focus-visible{ outline:2px solid #FF8A00; outline-offset:3px; } /* --- Barra fija de compra en móvil (desactivada) --- */ .bc-cta-fija{ display:none !important; } /* ============================================ HERO ============================================ */ .wp-block-cover__inner-container, .bc-hero .wp-block-cover__inner-container, .entry-content .wp-block-cover .wp-block-cover__inner-container{ max-width:1180px !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding-left:24px !important; padding-right:24px !important; } /* ---- Pestanas de categoria del FAQ ---- */ .bc-faq__cat[hidden], .rank-math-block[hidden]{ display:none !important;} .bc-faq-tabs{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:26px 0 22px; clear:both;} .bc-tab{ display:inline-flex; align-items:center; gap:9px; cursor:pointer; background:#FFFFFF; border:1px solid #E5DFCE; border-radius:10px; padding:11px 16px; font-family:inherit; font-size:14px; font-weight:600; color:#1B4332; line-height:1.2; text-align:left; transition:background .15s, border-color .15s, color .15s;} .bc-tab::before{ content:""; width:19px; height:19px; flex:0 0 19px; background-repeat:no-repeat; background-position:center; background-size:contain;} .bc-tab:hover{ border-color:#1B4332;} .bc-tab:focus-visible{ outline:2px solid #FF8A00; outline-offset:2px;} .bc-tab.activo{ background:#1B4332; color:#F2EFE6; border-color:#1B4332;} .bc-tab:nth-of-type(1)::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231B4332%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%205v16m8.001-2A2%202%200%200%200%2022%2017V5a2%202%200%200%200-1.999-2L16%203.002A5%205%200%200%200%2012%205a5%205%200%200%200-4-2H4a2%202%200%200%200-2%202v12a2%202%200%200%200%201.999%202H8a5%205%200%200%201%204%202a5%205%200%200%201%204-2z%22%2F%3E%3C%2Fsvg%3E");} .bc-tab:nth-of-type(1).activo::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23F2EFE6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%205v16m8.001-2A2%202%200%200%200%2022%2017V5a2%202%200%200%200-1.999-2L16%203.002A5%205%200%200%200%2012%205a5%205%200%200%200-4-2H4a2%202%200%200%200-2%202v12a2%202%200%200%200%201.999%202H8a5%205%200%200%201%204%202a5%205%200%200%201%204-2z%22%2F%3E%3C%2Fsvg%3E");} .bc-tab:nth-of-type(2)::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%231B4332%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%2F%3E%3Cpath%20d%3D%22m9%2012l2%202l4-4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} .bc-tab:nth-of-type(2).activo::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23F2EFE6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%2F%3E%3Cpath%20d%3D%22m9%2012l2%202l4-4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} .bc-tab:nth-of-type(3)::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231B4332%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M3%202v7c0%201.1.9%202%202%202h4a2%202%200%200%200%202-2V2M7%202v20m14-7V2a5%205%200%200%200-5%205v6c0%201.1.9%202%202%202zm0%200v7%22%2F%3E%3C%2Fsvg%3E");} .bc-tab:nth-of-type(3).activo::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23F2EFE6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M3%202v7c0%201.1.9%202%202%202h4a2%202%200%200%200%202-2V2M7%202v20m14-7V2a5%205%200%200%200-5%205v6c0%201.1.9%202%202%202zm0%200v7%22%2F%3E%3C%2Fsvg%3E");} .bc-tab:nth-of-type(4)::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%231B4332%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m10%2020l-1.25-2.5L6%2018m4-14L8.75%206.5L6%206m8%2014l1.25-2.5L18%2018M14%204l1.25%202.5L18%206%22%2F%3E%3Cpath%20d%3D%22m17%2021l-3-6h-4m7-12l-3%206l1.5%203M2%2012h6.5L10%209m10%201l-1.5%202l1.5%202%22%2F%3E%3Cpath%20d%3D%22M22%2012h-6.5L14%2015M4%2010l1.5%202L4%2014m3%207l3-6l-1.5-3M7%203l3%206h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} .bc-tab:nth-of-type(4).activo::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23F2EFE6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m10%2020l-1.25-2.5L6%2018m4-14L8.75%206.5L6%206m8%2014l1.25-2.5L18%2018M14%204l1.25%202.5L18%206%22%2F%3E%3Cpath%20d%3D%22m17%2021l-3-6h-4m7-12l-3%206l1.5%203M2%2012h6.5L10%209m10%201l-1.5%202l1.5%202%22%2F%3E%3Cpath%20d%3D%22M22%2012h-6.5L14%2015M4%2010l1.5%202L4%2014m3%207l3-6l-1.5-3M7%203l3%206h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} .bc-tab:nth-of-type(5)::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%231B4332%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M14%2018V6a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202v11a1%201%200%200%200%201%201h2m10%200H9m10%200h2a1%201%200%200%200%201-1v-3.65a1%201%200%200%200-.22-.624l-3.48-4.35A1%201%200%200%200%2017.52%208H14%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} .bc-tab:nth-of-type(5).activo::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23F2EFE6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M14%2018V6a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202v11a1%201%200%200%200%201%201h2m10%200H9m10%200h2a1%201%200%200%200%201-1v-3.65a1%201%200%200%200-.22-.624l-3.48-4.35A1%201%200%200%200%2017.52%208H14%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} @media(max-width:600px){ .bc-faq-tabs{ gap:6px; margin:20px 0 18px;} .bc-tab{ font-size:12.5px; padding:9px 12px; gap:7px; border-radius:9px;} .bc-tab::before{ width:16px; height:16px; flex:0 0 16px;} } /* ---- Foto del encabezado del FAQ ---- */ .bc-faq-foto{ float:right; width:37%; max-width:330px; margin:4px 0 18px 30px; border-radius:16px; overflow:hidden; line-height:0; shape-margin:20px;} .bc-faq-foto img{ width:100%; height:auto; display:block; border-radius:16px;} @media(max-width:760px){ .bc-faq-foto{ width:44%; max-width:none; margin:2px 0 14px 18px; border-radius:13px;} .bc-faq-foto img{ border-radius:13px;} } .bc-faq-aval{ clear:both;} /* ---- FAQ: aval, ayuda y CTA ---- */ .bc-faq-aval{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; background:#FFFFFF; border:1px solid #E5DFCE; border-radius:14px; padding:18px 8px; margin:22px 0 30px;} .bc-faq-aval .fa-item{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:9px; padding:2px 14px; border-right:1px solid #EDE7DA; font-size:13px; line-height:1.4; color:#3D4A42;} .bc-faq-aval .fa-item:last-child{ border-right:0;} .bc-faq-aval .fa-item::before{ content:""; width:26px; height:26px; background-repeat:no-repeat; background-position:center; background-size:contain;} .bc-faq-aval .fa-guias::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%231B4332%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M12%205v16m4-9l2%202l4-4%22%2F%3E%3Cpath%20d%3D%22M22%206V5a2%202%200%200%200-1.999-2L16%203.002A5%205%200%200%200%2012%205a5%205%200%200%200-4-2H4a2%202%200%200%200-2%202v12a2%202%200%200%200%201.999%202H8a5%205%200%200%201%204%202a5%205%200%200%201%204-2h4.001A2%202%200%200%200%2022%2017v-1.344%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} .bc-faq-aval .fa-claro::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%231B4332%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%2F%3E%3Cpath%20d%3D%22m9%2012l2%202l4-4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} .bc-faq-aval .fa-vet::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231B4332%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M19.414%2014.414C21%2012.828%2022%2011.5%2022%209.5a5.5%205.5%200%200%200-9.591-3.676a.6.6%200%200%201-.818.001A5.5%205.5%200%200%200%202%209.5c0%202.3%201.5%204%203%205.5l5.535%205.362a2%202%200%200%200%202.879.052a2.12%202.12%200%200%200-.004-3a2.124%202.124%200%201%200%203-3a2.124%202.124%200%200%200%203.004%200a2%202%200%200%200%200-2.828l-1.881-1.882a2.41%202.41%200%200%200-3.409%200l-1.71%201.71a2%202%200%200%201-2.828%200a2%202%200%200%201%200-2.828l2.823-2.762%22%2F%3E%3C%2Fsvg%3E");} .bc-faq-ayuda{ background:#FFFFFF; border:1px solid #E5DFCE; border-radius:14px; padding:22px 24px; margin:30px 0 18px;} .bc-faq-ayuda h3{ font-size:19px; font-weight:700; color:#1B4332; margin:0 0 6px; padding-left:34px; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231B4332%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2.992%2016.342a2%202%200%200%201%20.094%201.167l-1.065%203.29a1%201%200%200%200%201.236%201.168l3.413-.998a2%202%200%200%201%201.099.092a10%2010%200%201%200-4.777-4.719M8%2012h.01M12%2012h.01M16%2012h.01%22%2F%3E%3C%2Fsvg%3E"); background-repeat:no-repeat; background-position:left 2px; background-size:24px;} .bc-faq-ayuda p{ margin:0 0 14px; color:#5B5F58; font-size:16px;} .bc-faq-wa{ display:inline-flex; align-items:center; gap:9px; background:#1B4332; color:#F2EFE6 !important; text-decoration:none; padding:12px 22px; border-radius:8px; font-weight:700; font-size:15px;} .bc-faq-wa::before{ content:""; width:19px; height:19px; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M12.04%202c-5.46%200-9.91%204.45-9.91%209.91c0%201.75.46%203.45%201.32%204.95L2.05%2022l5.25-1.38c1.45.79%203.08%201.21%204.74%201.21c5.46%200%209.91-4.45%209.91-9.91c0-2.65-1.03-5.14-2.9-7.01A9.82%209.82%200%200%200%2012.04%202m.01%201.67c2.2%200%204.26.86%205.82%202.42a8.23%208.23%200%200%201%202.41%205.83c0%204.54-3.7%208.23-8.24%208.23c-1.48%200-2.93-.39-4.19-1.15l-.3-.17l-3.12.82l.83-3.04l-.2-.32a8.2%208.2%200%200%201-1.26-4.38c.01-4.54%203.7-8.24%208.25-8.24M8.53%207.33c-.16%200-.43.06-.66.31c-.22.25-.87.86-.87%202.07c0%201.22.89%202.39%201%202.56c.14.17%201.76%202.67%204.25%203.73c.59.27%201.05.42%201.41.53c.59.19%201.13.16%201.56.1c.48-.07%201.46-.6%201.67-1.18s.21-1.07.15-1.18c-.07-.1-.23-.16-.48-.27c-.25-.14-1.47-.74-1.69-.82c-.23-.08-.37-.12-.56.12c-.16.25-.64.81-.78.97c-.15.17-.29.19-.53.07c-.26-.13-1.06-.39-2-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.12-.24-.01-.39.11-.5c.11-.11.27-.29.37-.44c.13-.14.17-.25.25-.41c.08-.17.04-.31-.02-.43c-.06-.11-.56-1.35-.77-1.84c-.2-.48-.4-.42-.56-.43c-.14%200-.3-.01-.47-.01%22%2F%3E%3C%2Fsvg%3E"); background-repeat:no-repeat; background-position:center; background-size:contain;} .bc-faq-wa:hover{ background:#143528;} .bc-faq-cta{ background:#1B4332; border-radius:16px; padding:26px 28px; margin:18px 0 6px; display:flex; align-items:center; justify-content:space-between; gap:22px; flex-wrap:wrap;} .bc-faq-cta h3{ color:#F2EFE6; font-size:21px; font-weight:700; margin:0 0 5px; line-height:1.25;} .bc-faq-cta p{ color:#B9C9BE; font-size:15px; margin:0;} .bc-faq-cta .bfc-btn{ background:#FF8A00; color:#231400 !important; text-decoration:none; padding:14px 26px; border-radius:8px; font-weight:700; font-size:15px; white-space:nowrap;} .bc-faq-cta .bfc-btn:hover{ background:#E67C00;} @media(max-width:640px){ .bc-faq-aval{ grid-template-columns:1fr; gap:16px; padding:18px 14px;} .bc-faq-aval .fa-item{ flex-direction:row; text-align:left; border-right:0; padding:0; gap:12px;} .bc-faq-aval .fa-item::before{ flex:0 0 24px;} .bc-faq-cta{ flex-direction:column; align-items:flex-start; padding:22px;} .bc-faq-cta .bfc-btn{ width:100%; text-align:center;} } /* ---- Franja de sellos, arriba del pie ---- */ .bc-sellos{ background:#F2EFE6; margin:-30px calc(-50vw + 50%) 0; padding:20px 24px; display:flex; flex-wrap:wrap; justify-content:center; gap:14px 40px;} .bc-sellos span{ display:inline-flex; align-items:center; gap:10px; font-size:14.5px; font-weight:500; color:#1B4332; white-space:nowrap;} .bc-sellos span::before{ content:""; width:24px; height:24px; flex:0 0 24px; background-repeat:no-repeat; background-position:center; background-size:contain;} .bc-sellos .se-pago::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%231B4332%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%2F%3E%3Cpath%20d%3D%22m9%2012l2%202l4-4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} .bc-sellos .se-calidad::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%231B4332%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M3.85%208.62a4%204%200%200%201%204.78-4.77a4%204%200%200%201%206.74%200a4%204%200%200%201%204.78%204.78a4%204%200%200%201%200%206.74a4%204%200%200%201-4.77%204.78a4%204%200%200%201-6.75%200a4%204%200%200%201-4.78-4.77a4%204%200%200%201%200-6.76%22%2F%3E%3Cpath%20d%3D%22m16%209l-5.5%205.5L8%2012%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} .bc-sellos .se-wa::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%231B4332%22%20d%3D%22M12.04%202c-5.46%200-9.91%204.45-9.91%209.91c0%201.75.46%203.45%201.32%204.95L2.05%2022l5.25-1.38c1.45.79%203.08%201.21%204.74%201.21c5.46%200%209.91-4.45%209.91-9.91c0-2.65-1.03-5.14-2.9-7.01A9.82%209.82%200%200%200%2012.04%202m.01%201.67c2.2%200%204.26.86%205.82%202.42a8.23%208.23%200%200%201%202.41%205.83c0%204.54-3.7%208.23-8.24%208.23c-1.48%200-2.93-.39-4.19-1.15l-.3-.17l-3.12.82l.83-3.04l-.2-.32a8.2%208.2%200%200%201-1.26-4.38c.01-4.54%203.7-8.24%208.25-8.24M8.53%207.33c-.16%200-.43.06-.66.31c-.22.25-.87.86-.87%202.07c0%201.22.89%202.39%201%202.56c.14.17%201.76%202.67%204.25%203.73c.59.27%201.05.42%201.41.53c.59.19%201.13.16%201.56.1c.48-.07%201.46-.6%201.67-1.18s.21-1.07.15-1.18c-.07-.1-.23-.16-.48-.27c-.25-.14-1.47-.74-1.69-.82c-.23-.08-.37-.12-.56.12c-.16.25-.64.81-.78.97c-.15.17-.29.19-.53.07c-.26-.13-1.06-.39-2-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.12-.24-.01-.39.11-.5c.11-.11.27-.29.37-.44c.13-.14.17-.25.25-.41c.08-.17.04-.31-.02-.43c-.06-.11-.56-1.35-.77-1.84c-.2-.48-.4-.42-.56-.43c-.14%200-.3-.01-.47-.01%22%2F%3E%3C%2Fsvg%3E");} .bc-sellos .se-amor::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231B4332%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2%209.5a5.5%205.5%200%200%201%209.591-3.676a.56.56%200%200%200%20.818%200A5.49%205.49%200%200%201%2022%209.5c0%202.29-1.5%204-3%205.5l-5.492%205.313a2%202%200%200%201-3%20.019L5%2015c-1.5-1.5-3-3.2-3-5.5%22%2F%3E%3C%2Fsvg%3E");} @media(max-width:760px){ .bc-sellos{ gap:12px 22px; padding:16px 18px;} .bc-sellos span{ font-size:12.5px; gap:7px;} .bc-sellos span::before{ width:19px; height:19px; flex:0 0 19px;} } /* ---- Tarjeta verde de beneficios (4 columnas) ---- */ .bc-beneficios{ display:grid; grid-template-columns:repeat(4,1fr); background:#1B4332; border-radius:18px; padding:30px 10px 32px; margin:26px auto; max-width:1060px; } .bc-beneficios .bcb{ padding:4px 20px; border-right:1px solid rgba(242,239,230,.16); display:flex; flex-direction:column; align-items:flex-start; } .bc-beneficios .bcb:last-child{ border-right:0;} .bc-beneficios .bcb-ico{ width:42px; height:42px; margin-bottom:16px; background-repeat:no-repeat; background-position:left center; background-size:contain; } .bc-beneficios .ib-carne{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23FF8A00%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712.5%27%20cy%3D%278.5%27%20r%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M12.5%202a6.5%206.5%200%200%200-6.22%204.6c-1.1%203.13-.78%203.9-3.18%206.08A3%203%200%200%200%205%2018c4%200%208.4-1.8%2011.4-4.3A6.5%206.5%200%200%200%2012.5%202Z%27%2F%3E%3Cpath%20d%3D%27m18.5%206%202.19%204.5a6.48%206.48%200%200%201%20.31%202%206.49%206.49%200%200%201-2.6%205.2C15.4%2020.2%2011%2022%207%2022a3%203%200%200%201-2.68-1.66L2.4%2016.5%27%2F%3E%3C%2Fsvg%3E");} .bc-beneficios .ib-corazon{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23FF8A00%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M19%2014c1.49-1.46%203-3.21%203-5.5A5.5%205.5%200%200%200%2016.5%203c-1.76%200-3%20.5-4.5%202-1.5-1.5-2.74-2-4.5-2A5.5%205.5%200%200%200%202%208.5c0%202.3%201.5%204.05%203%205.5l7%207Z%27%2F%3E%3C%2Fsvg%3E");} .bc-beneficios .ib-digestion{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23FF8A00%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.433%207.806c.02.562.125.893.293%201.092c.245.29.49.393.78.419c.339.03.77-.047%201.341-.225a21%2021%200%200%200%20.971-.336c.276-.1.569-.207.861-.303c.645-.213%201.383-.412%202.13-.412c4.803%200%207.652%203.75%209.528%207.097c2.304%204.11%202.207%209.241-.247%2013.264c-1.614%202.646-3.677%204.938-6.805%206.154c-4.537%201.765-9.544%201.082-13.67-.955c-.918-.454-1.997.244-1.997%201.132V41h-2v-6.267c0-2.551%202.8-3.954%204.883-2.926c3.742%201.848%208.157%202.403%2012.059.885c2.567-.998%204.334-2.892%205.823-5.332c2.077-3.406%202.16-7.765.21-11.244c-1.853-3.305-4.191-6.075-7.783-6.075c-.42%200-.91.115-1.504.311c-.263.087-.528.183-.808.284l-.094.035c-.309.111-.635.228-.961.33c-.638.199-1.374.373-2.113.308c-.789-.07-1.531-.407-2.134-1.123c-.605-.718-.736-1.606-.761-2.31c-.013-.361.002-.72.017-1.034l.007-.14c.013-.267.024-.49.024-.697l2-.01c0%20.267-.014.554-.027.816l-.006.128c-.015.31-.026.596-.017.867m-8.575-1.3V6h2v.373c-.002%202.728-.004%205.028%201.267%207.17c.884%201.49%202.192%202.534%203.68%203.722l.663.531c1.802%201.458%202.19%203.437%201.574%205.17c-.59%201.666-2.08%203.045-3.912%203.57c-.985.281-1.92.49-2.766.679l-.58.13c-1.012.23-1.871.45-2.634.766c-1.44.595-2.616%201.562-3.559%203.873A8%208%200%200%200%209%2034.994V41H7v-6.006c0-1.29.251-2.569.74-3.765c1.135-2.783%202.69-4.157%204.645-4.966c.933-.386%201.937-.636%202.954-.868l.611-.137a45%2045%200%200%200%202.63-.645c1.247-.357%202.215-1.294%202.578-2.316c.338-.954.178-2.035-.948-2.946q-.308-.248-.63-.503c-1.467-1.166-3.09-2.454-4.175-4.284c-1.561-2.631-1.554-5.454-1.547-8.059%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");} .bc-beneficios .ib-perro{ background-image:url(https://barfcanine.com/wp-content/uploads/2026/09/barf-icono-perro-v3.png); background-size:contain;} .bc-beneficios h4{ font-size:19px; font-weight:700; line-height:1.2; margin:0 0 10px; color:#F2EFE6; letter-spacing:-.01em; } .bc-beneficios p{ font-size:14.5px; line-height:1.5; margin:0; color:#B9C9BE; } @media(max-width:860px){ .bc-beneficios{ grid-template-columns:repeat(2,1fr); gap:26px 0; padding:26px 6px;} .bc-beneficios .bcb:nth-child(2n){ border-right:0;} .bc-beneficios .bcb{ padding:0 16px;} } @media(max-width:480px){ .bc-beneficios{ border-radius:14px; padding:24px 4px; gap:22px 0;} .bc-beneficios .bcb-ico{ width:36px; height:36px; margin-bottom:12px;} .bc-beneficios h4{ font-size:16.5px;} .bc-beneficios p{ font-size:13.5px;} } /* ---- Banner de confianza (hoja / copo / camion) ---- */ .bc-confianza{ display:grid; grid-template-columns:repeat(3,1fr); background:#FBF9F4; border:1px solid #E5DFCE; border-radius:14px; padding:16px 6px; margin:22px auto 0; max-width:760px; } .bc-confianza .bcc{ display:flex; align-items:center; justify-content:center; gap:11px; padding:4px 10px; border-right:1px solid #E5DFCE; } .bc-confianza .bcc:last-child{ border-right:0;} .bc-confianza .bcc-ico{ width:30px; height:30px; flex:0 0 30px; background-repeat:no-repeat; background-position:center; background-size:contain; } .bc-confianza .ic-hoja{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%231B4332%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M11%2020A7%207%200%200%201%209.8%206.1C15.5%205%2017%204.48%2019%202c1%202%202%204.18%202%208%200%205.5-4.78%2010-10%2010Z%27%2F%3E%3Cpath%20d%3D%27M2%2021c0-3%201.85-5.36%205.08-6C9.5%2014.52%2012%2013%2013%2012%27%2F%3E%3C%2Fsvg%3E");} .bc-confianza .ic-frio{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%231B4332%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%272%27%20x2%3D%2722%27%20y1%3D%2712%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%2712%27%20x2%3D%2712%27%20y1%3D%272%27%20y2%3D%2722%27%2F%3E%3Cpath%20d%3D%27m20%2016-4-4%204-4%27%2F%3E%3Cpath%20d%3D%27m4%208%204%204-4%204%27%2F%3E%3Cpath%20d%3D%27m16%204-4%204-4-4%27%2F%3E%3Cpath%20d%3D%27m8%2020%204-4%204%204%27%2F%3E%3C%2Fsvg%3E");} .bc-confianza .ic-envio{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%231B4332%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%2018V6a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202v11a1%201%200%200%200%201%201h2%27%2F%3E%3Cpath%20d%3D%27M15%2018H9%27%2F%3E%3Cpath%20d%3D%27M19%2018h2a1%201%200%200%200%201-1v-3.65a1%201%200%200%200-.22-.62l-3.48-4.35A1%201%200%200%200%2017.52%208H14%27%2F%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%2718%27%20r%3D%272%27%2F%3E%3Ccircle%20cx%3D%277%27%20cy%3D%2718%27%20r%3D%272%27%2F%3E%3C%2Fsvg%3E");} .bc-confianza .bcc-txt{ font-size:12.5px; font-weight:700; line-height:1.25; letter-spacing:.045em; text-transform:uppercase; color:#1B4332; } @media(max-width:600px){ .bc-confianza{ padding:12px 2px; border-radius:12px; margin-top:18px;} .bc-confianza .bcc{ gap:7px; padding:2px 5px; flex-direction:column; text-align:center;} .bc-confianza .bcc-ico{ width:26px; height:26px; flex:0 0 26px;} .bc-confianza .bcc-txt{ font-size:10.5px; letter-spacing:.03em;} } /* Bajada del hero: el parrafo descriptivo y la linea de confianza */ .bc-hero-bajada p{ color:#5B5F58; font-size:17px; line-height:1.55; margin:0;} .bc-hero-bajada p + p{ margin-top:14px !important; padding-top:13px; border-top:1px solid rgba(27,67,50,.14); font-size:14px; color:#7C8A81; letter-spacing:.01em;} @media(max-width:768px){ /* Hero movil: titular y botones SOBRE la foto, con velo crema para que se lean */ .bc-hero{ min-height:125vw !important; max-height:560px; padding:0 !important; display:flex !important; background-image:url(https://barfcanine.com/wp-content/uploads/2026/09/barf-canine-hero-movil-v2.jpg) !important; background-size:cover !important; background-position:center top !important; background-repeat:no-repeat !important; align-items:flex-end !important; justify-content:flex-start !important;} .bc-hero .wp-block-cover__image-background{ display:none !important;} .bc-hero .wp-block-cover__background{ display:block !important; opacity:1 !important; background:linear-gradient(0deg, rgba(242,239,230,.62) 0%, rgba(242,239,230,.34) 28%, rgba(242,239,230,0) 50%) !important;} .bc-hero .wp-block-cover__inner-container{ position:relative !important; background:transparent !important; padding:0 22px 26px !important;} .bc-hero h1{ font-size:31px !important; line-height:1.06 !important;} .bc-hero .wp-block-columns{ display:block !important;} .bc-hero .wp-block-column{ width:100% !important; flex-basis:100% !important;} .bc-hero .wp-block-buttons{ gap:10px;} .bc-hero .wp-block-button{ width:100%;} .bc-hero .wp-block-button__link{ width:100%; text-align:center;} .bc-hero-bajada{ padding:22px 24px 26px !important;} .bc-hero-bajada p{ margin:0 !important;} } /* --- Pega el contenido al header --- */ body.page #inner-wrap, body.page .content-container, body.page .content-area, body.page .site-main, body.page .entry-content, body.page .entry-content-wrap{ padding-top:0 !important; margin-top:0 !important; } /* ============================================ FOOTER ============================================ */ .bcf{ background:#0D1F17; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:60px 24px 0; color:#9FB3A6; font-size:14.5px; line-height:1.7; } .bcf__top{ max-width:1240px; margin:0 auto; display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr 1.5fr; gap:34px; padding-bottom:44px; } /* Marca */ .bcf__logo{ max-width:190px; height:auto; display:block; margin-bottom:18px; } .bcf__desc{ margin:0 0 20px; max-width:32ch; } .bcf__social{ display:flex; gap:10px; } .bcf__social a{ width:40px; height:40px; border-radius:50%; border:1px solid rgba(159,179,166,.4); background-repeat:no-repeat; background-position:center; background-size:18px 18px; transition:border-color .15s, background-color .15s; } .bcf__social a:hover{ border-color:#FF8A00; background-color:rgba(255,138,0,.1); } .s-ig{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239FB3A6' stroke-width='1.7'%3E%3Crect x='2' y='2' width='20' height='20' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1'/%3E%3C/svg%3E");} .s-wa{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239FB3A6'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z'/%3E%3C/svg%3E");} .s-mail{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239FB3A6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E");} /* Columnas */ .bcf__col h3{ color:#F2EFE6; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; margin:0 0 6px; padding-bottom:12px; position:relative; } .bcf__col h3::after{ content:""; position:absolute; left:0; bottom:0; width:28px; height:2px; background:#FF8A00; } .bcf__col a, .bcf__soon{ display:block; margin-top:11px; color:#9FB3A6; text-decoration:none; } .bcf__col a:hover{ color:#FF8A00; } .bcf__soon{ opacity:.5; } /* Beneficios */ .bcf__benefits{ display:flex; flex-direction:column; gap:22px; border-left:1px solid rgba(159,179,166,.18); padding-left:44px; } .bcf__b{ display:flex; gap:14px; align-items:flex-start; } .bcf__ico{ flex:0 0 auto; width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,138,0,.45); background-repeat:no-repeat; background-position:center; background-size:20px 20px; } .bcf__b strong{ display:block; color:#F2EFE6; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:5px; } .bcf__b p{ margin:0; font-size:13.5px; line-height:1.6; } .b-hoja{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF8A00' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6'/%3E%3C/svg%3E");} .b-frio{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF8A00' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M12 2v20M2 12h20M4.9 4.9l14.2 14.2M19.1 4.9L4.9 19.1'/%3E%3C/svg%3E");} .b-lote{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF8A00' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M7 9h6M7 13h10M7 17h4'/%3E%3C/svg%3E");} .b-nutri{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF8A00' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18a9 9 0 0 1-18 0Z'/%3E%3Cpath d='M8 12c0-3 2-5.5 4-5.5s4 2.5 4 5.5'/%3E%3Cpath d='M12 6.5V4'/%3E%3C/svg%3E");} /* Barra inferior */ .bcf__bar{ max-width:1240px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; border-top:1px solid rgba(159,179,166,.18); padding:20px 0 24px; font-size:13px; color:#7A8F82; } .bcf__topsa{ display:flex; align-items:center; gap:9px; color:#7A8F82; text-decoration:none; transition:opacity .15s; } .bcf__topsa:hover{ opacity:.7; } .bcf__topsa img{ height:18px; width:auto; background:#F2EFE6; padding:3px 7px; border-radius:3px; } /* Responsive */ @media(max-width:1024px){ .bcf__top{ grid-template-columns:1fr 1fr; gap:36px; } .bcf__benefits{ border-left:0; padding-left:0; grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; border-top:1px solid rgba(159,179,166,.18); padding-top:28px; } } @media(max-width:680px){ .bcf{ padding-top:44px; } .bcf__top{ grid-template-columns:1fr; gap:30px; } .bcf__benefits{ grid-template-columns:1fr; } .bcf__bar{ justify-content:flex-start; gap:10px; } } /* --- Ajustes finales del footer --- */ body.page .entry-content, body.page .site-main, body.page .content-area{ padding-bottom:0 !important; margin-bottom:0 !important; } .bcf{ position:relative; left:50%; transform:translateX(-50%); width:100vw; max-width:100vw; margin-left:0; margin-right:0; } /* Elimina cualquier franja clara sobre el footer */ .site-footer{ background:#0D1F17 !important; } .site-footer .footer-row-wrap, .site-footer .footer-widget-area, .site-footer .site-container, .site-footer .footer-widget-area-inner{ padding-top:0 !important; padding-bottom:0 !important; background:transparent !important; } /* Fondo general en crema para que no quede franja gris */ body{ background-color:#F2EFE6 !important; } /* --- Footer: selectores reales de Kadence --- */ .site-footer, .site-footer .site-footer-wrap, .site-footer .site-footer-row-container, .site-footer .site-footer-row-container-inner, .site-footer .site-footer-row, .site-footer .site-top-footer-wrap, .site-footer .site-middle-footer-wrap, .site-footer .site-bottom-footer-wrap, .site-footer .site-top-footer-inner-wrap, .site-footer .site-middle-footer-inner-wrap, .site-footer .site-bottom-footer-inner-wrap{ background:#0D1F17 !important; padding-top:0 !important; padding-bottom:0 !important; border:0 !important; } .site-footer .footer-widget-area, .site-footer .footer-widget-area-inner{ padding:0 !important; margin:0 !important; } /* --- Crdito Topsa visible --- */ .bcf__bar a.bcf__topsa, .bcf__bar a.bcf__topsa:visited, .bcf__bar a.bcf__topsa:hover, .bcf__bar a.bcf__topsa:focus{ display:inline-flex !important; align-items:center; gap:9px; color:#9FB3A6 !important; text-decoration:none !important; opacity:1; } .bcf__bar a.bcf__topsa:hover{ opacity:.75; } /* --- Inicio: sin franjas entre secciones --- */ body.page-id-20 .entry-content-wrap{ padding:0 !important; } body.page-id-20 .entry-content > *{ margin-top:0 !important; margin-bottom:0 !important; } body.page-id-20 article.content-bg, body.page-id-20 .content-area, body.page-id-20 .site-main{ background:#F2EFE6 !important; } /* ============================================ PRODUCTO (página individual) ============================================ */ .single-product .summary > .price{ font-size:30px !important; font-weight:700 !important; color:#1B4332 !important; margin-bottom:6px; } body.postid-94 .summary > .price::after{ content:" · bolsa de 1 kg"; font-size:14px; font-weight:500; color:#5B5F58; } body.postid-150 .summary > .price::after{ content:" al mes"; font-size:15px; font-weight:600; color:#5B5F58; } body.postid-150 .summary > .price del{ opacity:.5; font-size:20px; margin-right:6px; } .single-product .summary ul.bcp-trust{ list-style:none; margin:18px 0 0; padding:0; } .bcp-trust li{ position:relative; padding-left:26px; margin:0 0 8px; font-size:15px; color:#16211C; } .bcp-trust li::before{ content:""; position:absolute; left:0; top:3px; width:16px; height:16px; border-radius:50%; background:#1B4332 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2EFE6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px 10px no-repeat; } .single-product form.cart{ margin-top:18px; } .single-product form.cart .single_add_to_cart_button{ background:#FF8A00 !important; color:#231400 !important; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:14px 30px; border-radius:6px; } .single-product form.cart .single_add_to_cart_button:hover{ background:#E67C00 !important; } .single-product .product_meta{ font-size:13px; color:#7A8F82; margin-top:16px; } .single-product .woocommerce-tabs ul.wc-tabs{ display:none; } .single-product .woocommerce-Tabs-panel--description > h2:first-child{ display:none; } .single-product .woocommerce-tabs{ border-top:1px solid #E6E2D6; margin-top:40px; padding-top:32px; } .single-product .woocommerce-Tabs-panel--description{ max-width:860px; } .single-product .woocommerce-Tabs-panel--description h2{ font-size:22px; font-weight:700; color:#1B4332; margin:36px 0 12px; } .single-product .woocommerce-Tabs-panel--description h2:first-child + h2{ margin-top:0; } .bcp-tabla{ width:100%; border-collapse:collapse; margin:14px 0 8px; font-size:15px; background:#fff; } .bcp-tabla th{ background:#1B4332; color:#F2EFE6; text-align:left; padding:10px 14px; font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase; } .bcp-tabla td{ padding:10px 14px; border-bottom:1px solid #E6E2D6; } .bcp-tabla tr:last-child td{ border-bottom:0; } details.bcp-faq{ background:#fff; border:1px solid #E6E2D6; border-radius:8px; padding:14px 18px; margin:0 0 10px; } details.bcp-faq summary{ cursor:pointer; font-weight:600; color:#16211C; list-style:none; position:relative; padding-right:28px; } details.bcp-faq summary::-webkit-details-marker{ display:none; } details.bcp-faq summary::after{ content:"+"; position:absolute; right:0; top:-2px; font-size:22px; line-height:1; color:#FF8A00; } details.bcp-faq[open] summary::after{ content:"–"; } details.bcp-faq p{ margin:10px 0 0; color:#5B5F58; } @media(max-width:768px){ .single-product .summary > .price{ font-size:26px !important; } .single-product form.cart .single_add_to_cart_button{ width:100%; margin-top:10px; } } /* ============================================ FAQ INICIO (bloque FAQ de RankMath) ============================================ */ .bc-faq h2.wp-block-heading{ font-size:34px; font-weight:700; line-height:1.15; margin:0 0 12px; } .bc-faq .bc-faq__intro{ color:#5B5F58; font-size:17px; margin:0 0 28px; max-width:60ch; } .bc-faq .rank-math-list-item{ background:#fff; border:1px solid #E6E2D6; border-radius:8px; margin:0 0 10px; } .bc-faq .rank-math-question{ font-size:17px; font-weight:600; color:#16211C; margin:0; padding:16px 48px 16px 18px; position:relative; cursor:pointer; line-height:1.4; } .bc-faq .rank-math-question::after{ content:"+"; position:absolute; right:18px; top:11px; font-size:26px; line-height:1; color:#FF8A00; } .bc-faq .rank-math-question:focus-visible{ outline:2px solid #FF8A00; outline-offset:2px; border-radius:8px; } .bc-faq .rank-math-answer{ padding:0 18px 18px; color:#5B5F58; font-size:15.5px; line-height:1.65; } .bc-faq .rank-math-answer p{ margin:0 0 10px; } .bc-faq .rank-math-answer p:last-child{ margin-bottom:0; } .bc-faq .rank-math-answer ol{ margin:4px 0 10px 22px; padding:0; } .bc-faq .rank-math-answer li{ margin-bottom:4px; } .bc-faq.js-acordeon .rank-math-list-item:not(.abierto) .rank-math-answer{ display:none; } .bc-faq.js-acordeon .rank-math-list-item.abierto .rank-math-question::after{ content:"–"; } .bc-faq .bc-faq__fecha{ font-size:13px; color:#7A8F82; margin:18px 0 0; } @media(max-width:768px){ .bc-faq h2.wp-block-heading{ font-size:27px; } .bc-faq .rank-math-question{ font-size:16px; padding:14px 44px 14px 16px; } } /* Aviso flotante de WooCommerce "tienda próximamente" (solo lo ven administradores): tapaba la barra inferior del footer */ #coming-soon-footer-banner{ display:none !important; } /* FAQ: encabezados de categoría */ .bc-faq h3.bc-faq__cat{ font-size:13px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#FF8A00; margin:36px 0 12px; padding-bottom:10px; border-bottom:2px solid #FF8A00; display:inline-block; } .bc-faq .bc-faq__intro + h3.bc-faq__cat{ margin-top:8px; } .bc-faq .rank-math-block{ margin:0; } /* ============================================ SUSCRIPCIÓN EN MÓVIL: imagen arriba, texto abajo ============================================ */ @media(max-width:768px){ .bc-susc.wp-block-cover{ min-height:0 !important; padding:0 !important; display:block; background:#14281d; border-radius:16px; overflow:hidden; } .bc-susc .wp-block-cover__image-background, .bc-susc .wp-block-cover__background{ display:none !important; } .bc-susc .wp-block-cover__inner-container{ width:100%; max-width:100% !important; margin:0; padding-top:0; padding-bottom:26px; } .bc-susc.wp-block-cover::before{ content:""; display:block; width:100%; height:215px; background:#14281d url("https://barfcanine.com/wp-content/uploads/2026/09/barf-canine-suscripcion-movil.jpg") center/cover no-repeat; margin:0 0 22px; } .bc-susc .wp-block-columns{ margin:0; padding:0; gap:0; display:block; } .bc-susc .wp-block-column:first-child{ display:none; } .bc-susc .wp-block-column{ flex-basis:100% !important; width:100%; } .bc-susc h2{ font-size:28px !important; line-height:1.15 !important; } .bc-susc p{ font-size:15px !important; } .bc-susc .wp-block-button{ width:100%; } .bc-susc .wp-block-button__link{ width:100%; text-align:center; font-size:16px !important; } } /* ============================================ ÍCONOS NARANJA: hamburguesa y carrito ============================================ */ .site-header .menu-toggle-open, .site-header .menu-toggle-open .kadence-svg-icon, .site-header .mobile-toggle-open-container .menu-toggle-open, .menu-toggle-close, .menu-toggle-close .kadence-svg-icon{ color:#FF8A00 !important; } .site-header .menu-toggle-open:hover, .site-header .menu-toggle-open:focus, .menu-toggle-close:hover{ color:#E67C00 !important; } .site-header .header-cart-wrap .header-cart-button, .site-header .header-cart-wrap .header-cart-button .kadence-svg-icon, .site-header .header-mobile-cart-wrap .header-cart-button, .site-header .header-mobile-cart-wrap .header-cart-button .kadence-svg-icon{ color:#FF8A00 !important; } .site-header .header-cart-wrap .header-cart-button:hover, .site-header .header-mobile-cart-wrap .header-cart-button:hover{ color:#E67C00 !important; } /* Título de página: 200px de alto fijo dejaban un hueco enorme en móvil */ @media(max-width:768px){ body.page .entry-hero .entry-header.page-title{ min-height:0 !important; padding:38px 0 12px !important; } body.page .entry-hero .entry-title{ font-size:30px; } body.page .bc-contacto{ padding-top:34px !important; } } /* ============================================ PLAN DE SUSCRIPCIÓN: las dos opciones ============================================ */ .bcp-alt{ margin-top:14px; font-size:14.5px; color:#5B5F58; } .bcp-alt a{ color:#1B4332; font-weight:600; text-decoration:underline; text-underline-offset:3px; } .bcp-alt a:hover{ color:#FF8A00; } .bcp-opciones{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:18px 0 26px; } .bcp-op{ background:#fff; border:1px solid #E6E2D6; border-radius:12px; padding:24px 22px; } .bcp-op--destacada{ border-color:#FF8A00; border-width:2px; position:relative; } .bcp-op__tag{ display:inline-block; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#5B5F58; margin-bottom:8px; } .bcp-op--destacada .bcp-op__tag{ color:#FF8A00; } .bcp-op__precio{ font-size:30px; font-weight:700; color:#1B4332; margin:0 0 12px; line-height:1.1; } .bcp-op__precio small{ font-size:15px; font-weight:600; color:#5B5F58; } .bcp-op ul{ list-style:none; margin:0 0 18px; padding:0; } .bcp-op li{ position:relative; padding-left:22px; margin-bottom:7px; font-size:14.5px; color:#5B5F58; } .bcp-op li::before{ content:""; position:absolute; left:0; top:6px; width:12px; height:12px; border-radius:50%; background:#1B4332 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2EFE6' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/8px 8px no-repeat; } .bcp-op--destacada li::before{ background-color:#FF8A00; } .bcp-op__btn{ display:block; text-align:center; background:#FF8A00; color:#231400 !important; font-weight:700; font-size:14px; letter-spacing:.04em; padding:14px 18px; border-radius:6px; text-decoration:none !important; } .bcp-op__btn:hover{ background:#E67C00; } .bcp-op__btn--linea{ background:transparent; color:#1B4332 !important; border:2px solid #1B4332; padding:12px 18px; } .bcp-op__btn--linea:hover{ background:#1B4332; color:#F2EFE6 !important; } @media(max-width:680px){ .bcp-opciones{ grid-template-columns:1fr; gap:14px; } .bcp-op__precio{ font-size:26px; } } /* Sin etiqueta de oferta: el precio tachado ya comunica el ahorro */ .woocommerce span.onsale, .woocommerce-page span.onsale{ display:none !important; } /* Sin banner de título, el hueco de arriba sobraba */ body.post-type-archive-product .content-area, body.tax-product_cat .content-area{ margin-top:16px !important; } /* Rejilla de tienda centrada: con pocos productos, 3 columnas a todo lo ancho dejaban un hueco enorme a la derecha */ body.post-type-archive-product ul.products, body.tax-product_cat ul.products{ max-width:920px; margin-left:auto; margin-right:auto; } @media(max-width:767px){ body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title{ font-size:15px; line-height:1.3; } body.post-type-archive-product ul.products li.product .button{ font-size:12px; padding-left:10px; padding-right:10px; } } /* Móvil: dos columnas en la tienda (el ajuste de Kadence no aplica) */ @media(max-width:767px){ body.post-type-archive-product ul.products.grid-cols, body.tax-product_cat ul.products.grid-cols, body.post-type-archive-product ul.products, body.tax-product_cat ul.products{ grid-template-columns:1fr !important; column-gap:12px; row-gap:26px; } body.post-type-archive-product ul.products li.product .price, body.tax-product_cat ul.products li.product .price{ font-size:14px; } body.post-type-archive-product ul.products li.product .price del{ font-size:12px; } } /* Calculadora: centrada en su página propia y en los productos */ .bc-calc-pagina .bc-calc, .single-product .woocommerce-Tabs-panel--description .bc-calc{ margin-left:auto; margin-right:auto; } .bc-calc-pagina .bc-calc{ box-shadow:0 12px 40px rgba(13,31,23,.10); } /* Planes de suscripción: el botón nativo del producto externo se oculta; el flujo pasa por el formulario */ body.postid-150 .summary form.cart, body.postid-174 .summary form.cart, body.postid-175 .summary form.cart, body.postid-176 .summary form.cart{ display:none !important; } .summary .bcp-cta{ margin:18px 0 0; } .summary .bcp-cta .bcp-op__btn{ display:inline-block; width:auto; min-width:240px; } .bc-sform__grid label{ margin:0; } /* Páginas legales y enlaces legales del footer */ .bc-legal ul, .bc-legal ol{ color:#5B5F58; font-size:16px; margin:6px 0 14px 22px; } .bc-legal li{ margin-bottom:6px; line-height:1.55; } .bc-legal a{ color:#1B4332; text-decoration:underline; text-underline-offset:3px; } .bc-legal a:hover{ color:#FF8A00; } .bcf__legal{ display:block; margin-top:6px; font-size:12.5px; } .bcf__legal a{ color:#9FB3A6; text-decoration:underline; text-underline-offset:3px; } .bcf__legal a:hover{ color:#FF8A00; } /* ================= TIENDA horizontal ================= */ .woocommerce ul.products.product-archive{ max-width:880px !important; margin-left:auto !important; margin-right:auto !important; grid-template-columns:1fr !important; gap:16px !important;} .woocommerce ul.products li.product{ display:grid !important; grid-template-columns:200px 1fr; gap:0; background:#FBF9F4; border:1px solid #E5DFCE; border-radius:16px; overflow:hidden; text-align:left; position:relative; padding:0 !important;} .woocommerce ul.products li.product .woocommerce-loop-image-link{ margin:0 !important; display:block; height:100%;} .woocommerce ul.products li.product .woocommerce-loop-image-link img{ width:100% !important; height:100% !important; object-fit:cover; display:block; border-radius:0 !important;} .woocommerce ul.products li.product .product-details{ padding:20px 22px !important; display:flex; flex-direction:column; justify-content:center; gap:6px;} .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:20px !important; font-weight:700 !important; line-height:1.22 !important; margin:0 !important; padding:0 !important;} .woocommerce ul.products li.product .woocommerce-loop-product__title a{ color:#1B4332;} .woocommerce ul.products li.product .price{ margin:0 !important; display:block; font-size:27px !important; font-weight:700; color:#1B4332 !important;} .woocommerce ul.products li.product .price del{ font-size:17px; font-weight:500; color:#9AA69E !important; margin-right:8px; opacity:1;} .woocommerce ul.products li.product .price ins{ text-decoration:none; background:none;} .woocommerce ul.products li.product .product-excerpt p{ display:none !important;} .woocommerce ul.products li.product .product-action-wrap{ margin:1px 0 0 !important;} .woocommerce ul.products li.product .product-action-wrap .button{ background:#FF8A00 !important; color:#231400 !important; border:0 !important; border-radius:9px !important; font-weight:700 !important; font-size:15px !important; padding:0 18px !important; width:auto !important; min-height:42px !important; height:42px; display:inline-flex; align-items:center; justify-content:center;} .woocommerce ul.products li.product .product-action-wrap .button:hover{ background:#E67C00 !important;} /* Sellos dentro de la tarjeta y distintivo de ahorro */ .woocommerce ul.products li.product ul.bcp-trust{ display:flex !important; flex-wrap:wrap; gap:6px 16px; list-style:none !important; margin:2px 0 0 !important; padding:0 !important;} .woocommerce ul.products li.product ul.bcp-trust li{ margin:0 !important; padding:0 0 0 21px !important; font-size:12.5px !important; color:#5B6B62 !important; line-height:1.3; position:relative;} .woocommerce ul.products li.product ul.bcp-trust li::before{ left:0; top:1px; width:15px; height:15px; background-size:contain; background-position:center;} .woocommerce ul.products li.product .onsale{ display:inline-block !important; position:absolute !important; top:14px; right:14px; z-index:3; background:#FF8A00!important; color:#1B1B1B!important; border-radius:7px !important; padding:6px 11px !important; font-size:0 !important; line-height:1 !important; min-width:0 !important; min-height:0 !important; margin:0 !important;} .woocommerce ul.products li.product .onsale::after{ content:"AHORRA 10%"; font-size:11.5px; font-weight:700; letter-spacing:.05em;} @media(max-width:560px){ .woocommerce ul.products li.product{ grid-template-columns:118px 1fr;} .woocommerce ul.products li.product .product-details{ padding:14px 15px !important; gap:7px;} .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:16px !important;} .woocommerce ul.products li.product .price{ font-size:22px !important;} .woocommerce ul.products li.product .price del{ font-size:14px;} .woocommerce ul.products li.product .product-action-wrap .button{ padding:11px 18px !important; font-size:14px !important;} .woocommerce ul.products li.product ul.bcp-trust{ gap:4px 12px;} .woocommerce ul.products li.product ul.bcp-trust li{ font-size:11px !important;} .woocommerce ul.products li.product .onsale{ top:10px; right:10px; padding:5px 9px !important;} .woocommerce ul.products li.product .onsale::after{ font-size:10px;} } /* El boton de la tarjeta siempre visible, no solo al pasar el cursor */ .woocommerce ul.products li.product .product-action-wrap{ position:static !important; opacity:1 !important; visibility:visible !important; transform:none !important; pointer-events:auto !important; width:auto !important; padding:0 !important; background:none !important;} .woocommerce ul.products li.product:hover .product-action-wrap{ opacity:1 !important;} /* Tienda: evitar desbordes y filtros */ .woocommerce ul.products li.product .product-details{ min-width:0 !important; overflow:hidden;} .woocommerce ul.products li.product .woocommerce-loop-product__title{ overflow-wrap:anywhere;} .woocommerce ul.products li.product .product-action-wrap{ min-width:0; max-width:100%;} .woocommerce ul.products li.product .product-action-wrap .button{ white-space:normal !important; max-width:100% !important; display:inline-block; text-align:center; line-height:1.25 !important; padding:12px 18px !important; font-size:13.5px !important; overflow-wrap:anywhere; letter-spacing:.01em;} .woocommerce ul.products li.product .product-action-wrap .button svg, .woocommerce ul.products li.product .product-action-wrap .button .kadence-svg-iconset{ display:none !important;} .bc-filtros{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; max-width:880px; margin:0 auto 20px;} .bc-filtro{ cursor:pointer; background:#FFFFFF; border:1px solid #E5DFCE; border-radius:999px; padding:0 16px; min-height:36px; height:36px; display:inline-flex; align-items:center; font-family:inherit; font-size:13.5px; font-weight:600; color:#1B4332; line-height:1.2; transition:background .15s, border-color .15s, color .15s;} .bc-filtro:hover{ border-color:#1B4332;} .bc-filtro:focus-visible{ outline:2px solid #FF8A00; outline-offset:2px;} .bc-filtro.activo{ background:#1B4332; color:#F2EFE6; border-color:#1B4332;} .woocommerce ul.products li.product[hidden]{ display:none !important;} @media(max-width:560px){ .bc-filtro{ font-size:12.5px; padding:0 13px; min-height:32px; height:32px;} .woocommerce ul.products li.product .product-action-wrap .button{ font-size:12.5px !important; padding:0 14px !important; min-height:38px !important; height:38px; display:inline-flex !important; align-items:center; justify-content:center;} } /* Tienda: quitar fondo y margen propios del bloque de texto */ .woocommerce ul.products li.product .product-details{ background:transparent !important; margin:0 !important; width:auto !important; max-width:none !important;} .woocommerce ul.products li.product.content-bg{ background:#FBF9F4 !important;} .woocommerce ul.products li.product .product-details > *{ max-width:100%;} /* Encabezado de la tienda */ .bc-tienda-encabezado{ max-width:880px; margin:0 auto 16px; text-align:center;} .bc-tienda-encabezado h1{ font-size:32px; font-weight:700; line-height:1.12; margin:0 0 6px; color:#1B4332; letter-spacing:-.02em;} .bc-tienda-encabezado p{ margin:0; color:#5B6B62; font-size:16px; line-height:1.5;} .woocommerce .woocommerce-products-header{ display:none;} @media(max-width:600px){ .bc-tienda-encabezado{ margin-bottom:14px;} .bc-tienda-encabezado h1{ font-size:25px;} .bc-tienda-encabezado p{ font-size:14.5px;} } /* Tienda: fuera el selector de vista cuadricula/lista */ .woocommerce .kadence-shop-top-row, .woocommerce .woo-shop-view-toggle, .woocommerce .kadence-toggle-shop-layout, .woocommerce .kt-shop-layout-toggle{ display:none !important;} /* ================= CARRITO ================= */ .wc-block-cart{ max-width:900px; margin:0 auto;} .wc-block-cart-items__header{ display:none !important;} .wc-block-cart-items{ border:0 !important;} .wc-block-cart-items__row{ background:#FBF9F4; border:1px solid #E5DFCE !important; border-radius:16px; padding:16px !important; margin-bottom:14px;} .wc-block-cart-items__row td{ border:0 !important; padding:0 !important;} .wc-block-cart-item__image img{ border-radius:12px; border:1px solid #E5DFCE;} .wc-block-cart-item__product .wc-block-components-product-name{ font-size:18px !important; font-weight:700 !important; color:#1B4332 !important; line-height:1.25; text-decoration:none;} .wc-block-cart-item__product .wc-block-components-product-metadata{ color:#5B6B62; font-size:14px; line-height:1.5; margin-top:4px;} .wc-block-cart-item__total .wc-block-components-product-price__value{ font-size:19px; font-weight:700; color:#1B4332;} .wc-block-cart__sidebar .wc-block-components-sidebar{ background:#FBF9F4; border:1px solid #E5DFCE; border-radius:16px; padding:20px 22px;} .wc-block-cart__totals-title{ display:none !important;} .wc-block-cart .wc-block-components-totals-item{ font-size:15.5px;} .wc-block-cart .wc-block-components-totals-footer-item{ border-top:1px solid #E0DACA; padding-top:12px;} .wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{ font-size:18px; font-weight:700; color:#1B4332;} .wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{ font-size:22px; font-weight:700; color:#1B4332;} .wc-block-cart__submit-button{ background:#1B4332 !important; color:#F2EFE6 !important; border:0 !important; border-radius:10px !important; font-weight:700 !important; font-size:16px !important; min-height:52px !important;} .wc-block-cart__submit-button:hover{ background:#143528 !important;} /* Carrito: aviso de envio y franja superior */ .bc-carrito-aviso{ background:#EAF0EA; border:1px solid #CFE0D4; border-radius:12px; padding:14px 16px; margin:16px 0 4px; font-size:14.5px; line-height:1.5; color:#2B4A38;} .bc-carrito-aviso strong{ display:block; color:#1B4332; font-size:15px; margin-bottom:3px;} .bc-carrito-intro{ max-width:900px; margin:0 auto 18px; background:#FBF9F4; border:1px solid #E5DFCE; border-radius:14px; padding:15px 18px; font-size:15px; line-height:1.5; color:#5B6B62;} .bc-carrito-intro strong{ color:#1B4332;} .woocommerce-cart .entry-title, body.page-id-10 .entry-title{ text-align:center;} @media(max-width:600px){ .wc-block-cart-items__row{ padding:13px !important; border-radius:13px;} .wc-block-cart-item__product .wc-block-components-product-name{ font-size:16px !important;} .wc-block-cart__sidebar .wc-block-components-sidebar{ padding:16px 15px; border-radius:13px;} .bc-carrito-intro{ padding:13px 15px; font-size:14px; border-radius:12px;} } .site-footer-top-section-2{z-index:3}