/* Ficha de vino v2 (rediseño pop, 15-oct-2026) — generado por ficha_css_pop_2026-10-15.py desde _diseno-ficha/ficha_v2.css. SOLO dentro de <section class="seccio fv2">. Se carga después de pop.css. */
html body .fv2:not(#pop){width: 100%; max-width: 1120px; margin: 0 auto; padding-bottom: 80px;}
html body .seccio:not(#pop).fv2:has(.vi-ficha){display: flex !important; flex-direction: column; gap: 0; align-items: stretch;}
html body .seccio:not(#pop).fv2 > *{grid-column: auto; min-width: 0;}
html body .fv2:not(#pop) .vi-ficha{--fv2-bg: var(--pop-blanc); display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 0 46px; align-items: start; border: 0; border-radius: 0; background: transparent; overflow: visible;}
html body .fv2:not(#pop) .vi-ficha[data-estil="rosat"]{--fv2-bg: var(--pop-rosat);}
html body .fv2:not(#pop) .vi-ficha[data-estil="negre"]{--fv2-bg: var(--pop-negre);}
html body .fv2:not(#pop) .vi-ficha[data-estil="orange"]{--fv2-bg: var(--pop-orange);}
html body .fv2:not(#pop) .vi-ficha[data-estil="bombolles"]{--fv2-bg: var(--pop-bombolles);}
html body .fv2:not(#pop) .vi-ficha[data-estil="blanc"]{--fv2-bg: var(--pop-blanc);}
html body .fv2-gal:not(#pop){display: flex; flex-direction: column; gap: 18px; min-width: 0;}
html body .fv2:not(#pop) .vi-ficha-img{position: relative; display: flex; align-items: flex-end; justify-content: center; height: 540px; padding: 0; background: var(--fv2-bg); border: 2px solid var(--pop-ink); border-radius: 18px; box-shadow: 0 5px 0 var(--pop-ink); overflow: hidden;}
html body .fv2:not(#pop) .vi-ficha-img::before{content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(26,23,16,.16) 1.3px, transparent 1.7px); background-size: 9px 9px; -webkit-mask-image: linear-gradient(180deg,#000,transparent 72%); mask-image: linear-gradient(180deg,#000,transparent 72%);}
html body .fv2:not(#pop) .vi-ficha-img img{position: relative; width: auto; height: 90%; max-width: 100%; max-height: none; margin-bottom: 22px; object-fit: contain; mix-blend-mode: normal; filter: drop-shadow(0 10px 14px rgba(0,0,0,.25));}
html body .fv2:not(#pop) .vi-ficha--sold .vi-ficha-img img{filter: grayscale(.4) opacity(.85) drop-shadow(0 10px 14px rgba(0,0,0,.2));}
html body .fv2-photo:not(#pop){position: relative; margin: 0; border: 2px solid var(--pop-ink); border-radius: 18px; overflow: hidden; box-shadow: 0 5px 0 var(--pop-ink); background: #fff;}
html body .fv2-photo:not(#pop) img{display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 32%;}
html body .fv2-photo:not(#pop) figcaption{position: absolute; left: 12px; bottom: 12px; max-width: calc(100% - 24px); background: #fff; border: 1.5px solid var(--pop-ink); border-radius: 999px; padding: 5px 11px 4px; font: 500 10.5px/1.2 var(--ff-mono); letter-spacing: .05em; text-transform: uppercase;}
html body .fv2-info:not(#pop){min-width: 0;}
html body .fv2-pills:not(#pop){display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px;}
html body .fv2-pill:not(#pop){display: inline-flex; align-items: center; padding: 5px 12px 4px; border: 1.5px solid var(--pop-ink); border-radius: 999px; background: #fff; color: var(--pop-ink); font: 500 11.5px/1.25 var(--ff-mono); letter-spacing: .04em; text-transform: uppercase;}
html body .fv2-pill--estil:not(#pop){background: var(--fv2-bg, var(--pop-blanc));}
html body .fv2-pill--nat:not(#pop){background: var(--pop-natural);}
html body .fv2-pill--eco:not(#pop), html body .fv2-pill--bio:not(#pop), html body .fv2-pill--sulf:not(#pop){background: var(--pop-bio);}
html body .fv2-pill--mi:not(#pop){background: var(--pop-mi);}
html body .fv2-pill--do:not(#pop){background: #F7EFD8;}
html body .fv2-pill--low:not(#pop){background: var(--pop-peach);}
html body .fv2-pp:not(#pop){position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 6px 14px 6px 46px; border: 1.5px solid var(--pop-ink); border-radius: 999px; background: #fff; box-shadow: 0 2px 0 var(--pop-ink); color: var(--pop-ink); font: 600 15px/1.2 var(--ff-body); text-decoration: none;}
html body .fv2-pp--nocap:not(#pop){padding-left: 14px;}
html body .fv2-pp:not(#pop):hover{background: var(--pop-blanc);}
html body .fv2-cap:not(#pop){position: absolute; left: -10px; top: 50%; width: 52px; height: 52px; transform: translateY(-50%) rotate(-8deg); filter: drop-shadow(0 2px 2px rgba(26,23,16,.35));}
html body .fv2-pp:not(#pop) i{font-style: normal;}
html body .fv2:not(#pop) .vi-cap{padding: 0; background: transparent; border: 0;}
html body .fv2:not(#pop) .vi-ficha-nom{font: 800 clamp(46px,5.4vw,72px)/.95 var(--ff-cond); font-style: normal; text-transform: uppercase; letter-spacing: .005em; margin: 6px 0 2px; color: var(--pop-ink);}
html body .fv2:not(#pop) .vi-ficha-anyada{font: italic 400 .46em 'Playfair Display', Georgia, serif; text-transform: none; letter-spacing: 0; opacity: .55; margin-left: .15em;}
html body .fv2:not(#pop) .vi-footer{display: block; background: transparent; margin-top: 4px;}
html body .fv2:not(#pop) .vi-ficha-preu{display: block; font: 700 clamp(32px,3.6vw,40px)/1 var(--ff-cond); color: var(--pop-ink); padding: 0; margin: 12px 0 14px;}
html body .fv2:not(#pop) .vi-ficha-btn{margin: 0; display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; background: var(--pop-yellow); color: var(--pop-ink); border: 2px solid var(--pop-ink); border-radius: 14px; box-shadow: 0 4px 0 var(--pop-ink); font: 800 19px/1 var(--ff-cond); letter-spacing: .08em; text-transform: uppercase; padding: 17px 20px 16px; text-decoration: none; transition: transform .12s, box-shadow .12s;}
html body .fv2:not(#pop) .vi-ficha-btn:hover{background: var(--pop-yellow); color: var(--pop-ink); transform: translateY(2px); box-shadow: 0 2px 0 var(--pop-ink);}
html body .fv2:not(#pop) .vi-ficha-btn--soon, html body .fv2:not(#pop) .vi-ficha-btn--sold, html body .fv2:not(#pop) .vi-ficha-btn--soon:hover, html body .fv2:not(#pop) .vi-ficha-btn--sold:hover{background: #ECE8DC; color: rgba(26,23,16,.5); border-color: rgba(26,23,16,.35); box-shadow: none; transform: none;}
html body .fv2:not(#pop) .vi-enviament{margin: 12px 0 0; font: 500 13.5px/1.6 var(--ff-body); color: #5b5648; text-align: left; letter-spacing: 0;}
html body .fv2:not(#pop) .vi-ficha-btn--sold ~ .vi-enviament, html body .fv2:not(#pop) .vi-ficha-btn--disabled ~ .vi-enviament, html body .fv2:not(#pop) .vi-ficha-btn--soon ~ .vi-enviament{display: none;}
html body .fv2:not(#pop) .vi-agotado-alt{margin-top: 14px; border: 2px dashed var(--pop-ink) !important; border-radius: 14px; background: #FFFDF6 !important;}
html body .fv2-desc:not(#pop) p{font-size: 16.5px; line-height: 1.6; color: var(--pop-ink); margin: 18px 0 0;}
html body .fv2-nota:not(#pop){margin-top: 6px;}
html body .fv2-nota:not(#pop) .nota-text{font: 400 16.5px/1.6 var(--ff-body); font-style: normal; color: var(--pop-ink); opacity: 1; border-top: 0; padding: 0; margin: 18px 0 14px;}
html body .fv2-certs:not(#pop){display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px;}
html body .fv2-nota:not(#pop) .nota-cata{display: grid; grid-template-columns: 1fr 1fr; gap: 12px 34px; border: 2px solid var(--pop-ink); border-radius: 16px; background: #fff; padding: 14px 18px; margin: 14px 0;}
html body .fv2-nota:not(#pop) .nota-row{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0;}
html body .fv2-nota:not(#pop) .nota-label{width: auto; font: 500 11.5px/1 var(--ff-mono); letter-spacing: .06em; text-transform: uppercase; color: #6a6865;}
html body .fv2-nota:not(#pop) .nota-section-label{font: 500 10.5px/1 var(--ff-mono); letter-spacing: .14em; text-transform: uppercase; color: #6a6865; opacity: 1; margin: 14px 0 8px;}
html body .fv2-nota:not(#pop) .nota-chips, html body .fv2-nota:not(#pop) .nota-maridatge-tags{display: flex; flex-wrap: wrap; gap: 6px;}
html body .fv2-nota:not(#pop) .nota-chip, html body .fv2-nota:not(#pop) .nota-maridatge-tag{display: inline-block; padding: 5px 11px 4px; border: 1.5px solid var(--pop-ink); border-radius: 999px; font: 500 11px/1.3 var(--ff-mono); letter-spacing: .03em; text-transform: uppercase; color: var(--pop-ink); background: var(--pop-blanc);}
html body .fv2-nota:not(#pop) .nota-chip::before{display: none;}
html body .fv2-nota:not(#pop) .nota-maridatge-tag{background: #F7C9BD;}
html body .fv2-nota:not(#pop) .fv2-ch--sol .nota-chip{background: var(--pop-orange);}
html body .fv2:not(#pop) .vi-ficha-specs{display: block; border-top: 2px solid var(--pop-ink); margin-top: 18px;}
html body .fv2:not(#pop) .vi-ficha-specs .vi-spec{display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: baseline !important; gap: 16px; padding: 11px 2px 10px !important; border: 0 !important; border-top: 1px solid rgba(26,23,16,.2) !important;}
html body .fv2:not(#pop) .vi-ficha-specs .vi-spec:first-child{border-top: 0 !important;}
html body .fv2:not(#pop) .vi-ficha-specs .vi-spec-label{font: 500 11.5px/1.5 var(--ff-mono) !important; letter-spacing: .05em; text-transform: uppercase; color: #6a6865 !important;}
html body .fv2:not(#pop) .vi-ficha-specs .vi-spec-val{font-size: 15px !important; font-weight: 500 !important; text-align: right !important; line-height: 1.35;}
html body .fv2:not(#pop) .vi-ficha-specs .vi-spec-val a{color: inherit; text-decoration: underline; text-underline-offset: 3px;}
html body .fv2-donve:not(#pop){margin: 22px 0 4px;}
html body .fv2-donve:not(#pop) p{font: italic 400 21px/1.42 'Playfair Display', Georgia, serif; margin: 0 0 10px; color: var(--pop-ink);}
html body .fv2-donve:not(#pop) a{font: 500 12px/1 var(--ff-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--pop-ink); text-decoration: underline; text-underline-offset: 4px;}
html body .fv2-card:not(#pop){position: relative; margin-top: 44px; border: 2px solid var(--pop-ink); border-radius: 18px; background: #fff; padding: 26px; box-shadow: 0 5px 0 var(--pop-ink);}
html body .fv2-eyebrow:not(#pop){font: 500 11px/1 var(--ff-mono); letter-spacing: .14em; text-transform: uppercase; color: #B8451E; margin-bottom: 9px;}
html body .fv2-h2:not(#pop){font: 800 40px/1 var(--ff-cond); text-transform: uppercase; margin: 0 0 10px; color: var(--pop-ink);}
html body .fv2-h2:not(#pop) em{font: italic 400 24px 'Playfair Display', Georgia, serif; text-transform: none; color: #6a6865; margin-left: 8px;}
html body .fv2-story:not(#pop){font-size: 16px; line-height: 1.6; margin: 12px 0 14px; color: var(--pop-ink);}
html body .fv2-link:not(#pop){display: inline-block; border: 2px solid var(--pop-ink); border-radius: 999px; padding: 9px 18px 8px; background: #fff; box-shadow: 0 3px 0 var(--pop-ink); color: var(--pop-ink); font: 700 12.5px/1 var(--ff-cond); letter-spacing: .09em; text-transform: uppercase; text-decoration: none;}
html body .fv2-link:not(#pop):hover{background: var(--pop-yellow);}
html body .fv2-prod-in:not(#pop){display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 28px;}
html body .fv2-prod--noph:not(#pop) .fv2-prod-in{grid-template-columns: 1fr;}
html body .fv2-prod-ph:not(#pop){display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border: 2px solid var(--pop-ink); border-radius: 14px; filter: grayscale(1) contrast(1.1);}
html body .fv2-lab:not(#pop){font: 500 10.5px/1 var(--ff-mono); letter-spacing: .14em; text-transform: uppercase; color: #6a6865; margin: 22px 0 10px;}
html body .fv2-others:not(#pop){display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px;}
html body .fv2-mini:not(#pop){display: block; border: 1.5px solid var(--pop-ink); border-radius: 12px; padding: 10px 8px 9px; text-align: center; background: #FCFBF8; font-size: 13px; color: var(--pop-ink); text-decoration: none;}
html body .fv2-mini:not(#pop):hover{background: var(--pop-blanc);}
html body .fv2-mini:not(#pop) img{display: block; height: 100px; width: auto; margin: 0 auto 6px; mix-blend-mode: multiply;}
html body .fv2-mini:not(#pop) b{display: block; font: 800 15px/1.1 var(--ff-cond); text-transform: uppercase; letter-spacing: .05em;}
html body .fv2-terr:not(#pop){display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 30px; align-items: center;}
html body .fv2-map:not(#pop) img{display: block; width: 100%; height: auto;}
html body .fv2-origen:not(#pop){display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 6px;}
html body .fv2-chip:not(#pop){display: inline-block; padding: 7px 14px 6px; border: 1.5px solid var(--pop-ink); border-radius: 999px; background: var(--pop-blanc); font: 500 12.5px/1.3 var(--ff-mono); letter-spacing: .03em; text-transform: uppercase;}
html body .fv2-terreny:not(#pop){display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 28px; margin-top: 22px; padding-top: 18px; border-top: 2px solid var(--pop-ink);}
html body .fv2-terreny:not(#pop) h3{font: 500 11px/1 var(--ff-mono); letter-spacing: .14em; text-transform: uppercase; color: #B8451E; margin: 0 0 12px;}
html body .fv2-terreny:not(#pop) p{margin: 0; font-size: 13.5px; line-height: 1.5;}
html body .fv2-ruler:not(#pop){position: relative; padding-top: 38px;}
html body .fv2-ruler-bar:not(#pop){position: relative; height: 14px; border: 2px solid var(--pop-ink); border-radius: 999px; background: #fff;}
html body .fv2-ruler-seg:not(#pop){position: absolute; top: -2px; bottom: -2px; background: var(--pop-peach); border: 2px solid var(--pop-ink); border-radius: 999px;}
html body .fv2-ruler-cap:not(#pop){position: absolute; top: 0; width: 38px; height: 38px; margin-left: -19px; transform: rotate(-10deg); filter: drop-shadow(0 2px 2px rgba(26,23,16,.38));}
html body .fv2-ruler-cap:not(#pop) img{display: block; width: 100%; height: 100%;}
html body .fv2-ruler-ticks:not(#pop){display: flex; justify-content: space-between; margin-top: 7px; font: 500 10.5px/1 var(--ff-mono); color: #6a6865;}
html body .fv2-terreny:not(#pop) .fv2-ruler-lab{margin-top: 10px;}
html body .fv2-ruler-lab:not(#pop) b{font-weight: 700;}
html body .fv2-sw-row:not(#pop){display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px;}
html body .fv2-sw:not(#pop){display: flex; align-items: center; gap: 11px; font-size: 13.5px; line-height: 1.3; font-weight: 500;}
html body .fv2-sw:not(#pop) i{flex: none; width: 32px; height: 32px; border-radius: 50%; border: 2px solid var(--pop-ink); box-shadow: 0 2px 0 var(--pop-ink); background-image: radial-gradient(rgba(26,23,16,.2) 1.1px, transparent 1.5px); background-size: 6px 6px;}
html body .fv2-terreny:not(#pop) .fv2-zsol{color: #4d4a44;}
html body .fv2-cierre:not(#pop){margin: 16px 0 0; font-size: 14.5px;}
html body .fv2:not(#pop) .vi-avisa-stock{margin: 14px 0 0; padding: 18px 20px; background: #fff; border: 2px solid var(--pop-ink); border-radius: 14px; box-shadow: 0 4px 0 var(--pop-ink);}
html body .fv2:not(#pop) .vi-avisa-txt{font: 700 17px/1.3 var(--ff-body); letter-spacing: 0; color: var(--pop-ink); opacity: 1; margin: 0 0 4px;}
html body .fv2:not(#pop) .vi-avisa-label{font: 400 14px/1.45 var(--ff-body); letter-spacing: 0; color: #5b5648; opacity: 1; margin: 0 0 12px;}
html body .fv2:not(#pop) .vi-avisa-form{gap: 8px;}
html body .fv2:not(#pop) .vi-avisa-email{flex: 1 1 190px; min-width: 0; padding: 11px 14px; border: 2px solid var(--pop-ink); border-radius: 10px; font: 500 14px/1.2 var(--ff-body); color: var(--pop-ink);}
html body .fv2:not(#pop) .vi-avisa-email:focus{border-color: var(--pop-ink); box-shadow: 0 0 0 3px var(--pop-yellow);}
html body .fv2:not(#pop) .vi-avisa-btn{padding: 11px 18px 10px; background: var(--pop-yellow); color: var(--pop-ink); border: 2px solid var(--pop-ink); border-radius: 10px; box-shadow: 0 3px 0 var(--pop-ink); font: 800 14px/1 var(--ff-cond); letter-spacing: .08em; opacity: 1;}
html body .fv2:not(#pop) .vi-avisa-ok{font: 600 15px/1.4 var(--ff-body); color: #2d5a2d; margin: 0;}
html body .seccio:not(#pop).fv2 .marca-propia-badge{align-self: flex-start; margin: 0 0 18px; padding: 6px 14px 5px; background: var(--pop-yellow); color: var(--pop-ink); border: 1.5px solid var(--pop-ink); border-radius: 999px; font: 500 11.5px/1.25 var(--ff-mono); letter-spacing: .08em;}
html body .fv2-mini-ph:not(#pop){display: block; width: 36px; height: 100px; margin: 0 auto 6px; border-radius: 10px 10px 4px 4px; background: #E9E4D6;}
html body .seccio:not(#pop).fv2 .vi-larural-info{width: 100%; max-width: none !important; margin: 44px 0 0 !important; padding: 26px !important; background: #fff; border: 2px solid var(--pop-ink); border-radius: 18px; box-shadow: 0 5px 0 var(--pop-ink); color: var(--pop-ink) !important; text-align: left; box-sizing: border-box;}
html body .seccio:not(#pop).fv2 .vi-larural-info h2, html body .seccio:not(#pop).fv2 .vi-amp > h2{margin: 0 0 12px !important; font: 800 32px/1.05 var(--ff-cond) !important; font-style: normal !important; text-transform: uppercase; letter-spacing: .01em; color: var(--pop-ink);}
html body .seccio:not(#pop).fv2 .vi-larural-info p{margin: 0 0 22px !important; font-size: 16px !important; line-height: 1.6 !important; color: var(--pop-ink);}
html body .seccio:not(#pop).fv2 .vi-larural-info ul{gap: 8px !important;}
html body .seccio:not(#pop).fv2 .vi-larural-info li a, html body .seccio:not(#pop).fv2 .vi-larural-info li strong{display: inline-block; padding: 6px 13px 5px; border: 1.5px solid var(--pop-ink); border-radius: 999px; background: var(--pop-blanc); color: var(--pop-ink) !important; font: 500 12.5px/1.3 var(--ff-mono) !important; letter-spacing: .03em; text-transform: uppercase; text-decoration: none;}
html body .seccio:not(#pop).fv2 .vi-larural-info li a:hover{background: var(--pop-yellow);}
html body .seccio:not(#pop).fv2 .vi-larural-info li strong{background: #fff;}
html body .seccio:not(#pop).fv2 .vi-amp{width: 100%; max-width: none; margin: 44px 0 0;}
html body .seccio:not(#pop).fv2 .vi-amp-card{padding: 22px 24px; background: #fff; border: 2px solid var(--pop-ink); border-radius: 18px; box-shadow: 0 5px 0 var(--pop-ink);}
html body .seccio:not(#pop).fv2 .vi-amp-card h3{font: 500 11px/1 var(--ff-mono); letter-spacing: .14em; color: #B8451E; margin-bottom: 12px;}
html body .seccio:not(#pop).fv2 .vi-amp dl > div{border-top: 1px solid rgba(26,23,16,.2);}
html body .seccio:not(#pop).fv2 .vi-amp dt{font: 500 11.5px/1.5 var(--ff-mono); letter-spacing: .05em; color: #6a6865;}
html body .seccio:not(#pop).fv2 .vi-amp dd{color: var(--pop-ink);}
html body .seccio:not(#pop).fv2 .vi-amp-story h3{font: 800 28px/1.05 var(--ff-cond); letter-spacing: .01em; text-transform: uppercase; color: var(--pop-ink);}
html body .seccio:not(#pop).fv2 .vi-amp-story p{color: var(--pop-ink);}
html body .seccio:not(#pop).fv2 .vi-amp-nota{color: #6a6865;}
html body .fv2-strip:not(#pop){position: fixed; left: 0; right: 0; top: var(--header-h, 80px); z-index: 190; display: none; align-items: center; gap: 12px; padding: 8px max(24px, calc((100% - 1120px) / 2 + 24px)); background: var(--pop-peach); border-bottom: 2px solid var(--pop-ink); transform: translateY(-135%); visibility: hidden; transition: transform .3s cubic-bezier(.2,.8,.2,1), visibility 0s linear .3s;}
html:not(#pop).fv2-buy-on .fv2-strip, html:not(#pop).fv2-buy-on .fv2-capbuy{visibility: visible; transition-delay: 0s;}
html:not(#pop).fv2-buy-on .fv2-strip{transform: none;}
html body .fv2-strip:not(#pop) b{font: 800 19px/1 var(--ff-cond); text-transform: uppercase; letter-spacing: .03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html body .fv2-strip:not(#pop) span{font: 500 13px/1 var(--ff-mono); white-space: nowrap;}
html body .fv2-strip:not(#pop) button{margin-left: auto; background: var(--pop-yellow); color: var(--pop-ink); border: 2px solid var(--pop-ink); border-radius: 10px; box-shadow: 0 3px 0 var(--pop-ink); padding: 9px 18px 8px; font: 800 14px/1 var(--ff-cond); letter-spacing: .1em; text-transform: uppercase; cursor: pointer;}
html body .fv2-capbuy:not(#pop){position: fixed; left: 12px; bottom: 16px; z-index: 60; display: none; flex-direction: column; align-items: center; justify-content: center; width: 80px; height: 80px; padding: 0; border: 0; background: none; color: var(--pop-ink); font: 800 16px/1 var(--ff-cond); letter-spacing: .07em; text-transform: uppercase; cursor: pointer; transform: translateY(190%) rotate(-10deg); visibility: hidden; transition: transform .3s cubic-bezier(.2,.8,.2,1), visibility 0s linear .3s; filter: drop-shadow(0 4px 3px rgba(26,23,16,.42));}
html body .fv2-capbuy:not(#pop) img{position: absolute; inset: 0; width: 100%; height: 100%;}
html body .fv2-capbuy:not(#pop) .t, html body .fv2-capbuy:not(#pop) .p{position: relative;}
html body .fv2-capbuy:not(#pop) .p{font-size: 20px; margin-top: 3px; letter-spacing: .03em;}
html body .fv2-capbuy:not(#pop) .p.long{font-size: 15px;}
html:not(#pop).fv2-buy-on .fv2-capbuy{transform: rotate(-8deg);}
body:not(#pop).tr-cart-open .fv2-strip, body:not(#pop).tr-cart-open .fv2-capbuy{opacity: 0; pointer-events: none;}
body:not(#pop):has(.tr-regalo-bar) .fv2-capbuy{bottom: 88px;}
@media (min-width: 861px){
html body .fv2-strip:not(#pop){display: flex;}
}
@media (max-width: 860px){
html body .fv2:not(#pop){padding: 0 14px 90px;}
html body .fv2:not(#pop) .vi-ficha{grid-template-columns: 1fr;}
html body .fv2-gal:not(#pop){display: contents;}
html body .fv2:not(#pop) .vi-ficha-img{order: 1; height: 380px;}
html body .fv2-info:not(#pop){order: 2; margin-top: 22px;}
html body .fv2-photo:not(#pop){order: 3; height: 380px; margin-top: 34px;}
html body .fv2-photo:not(#pop) img{height: 100%; aspect-ratio: auto;}
html body .fv2:not(#pop) .vi-ficha-nom{font-size: 52px;}
html body .fv2-nota:not(#pop) .nota-cata{grid-template-columns: 1fr;}
html body .fv2-prod-in:not(#pop), html body .fv2-terr:not(#pop){grid-template-columns: 1fr;}
html body .fv2-prod-ph:not(#pop){aspect-ratio: 4 / 3; max-height: 250px; object-position: 50% 30%;}
html body .fv2-others:not(#pop){grid-template-columns: repeat(2, minmax(0,1fr));}
html body .fv2-map:not(#pop){max-width: 200px;}
html body .fv2-terreny:not(#pop){grid-template-columns: 1fr;}
html body .fv2-card:not(#pop){padding: 20px 16px;}
html body .fv2-h2:not(#pop){font-size: 34px;}
html body .fv2-capbuy:not(#pop){display: flex;}
}
@media (prefers-reduced-motion: reduce){
html body .fv2-strip:not(#pop), html body .fv2-capbuy:not(#pop){transition: none;}
}
/* la propia .vi-ficha es una rejilla sin caja: la sombra de tarjeta de la capa pop no le corresponde */
html body .fv2:not(#pop) .vi-ficha{box-shadow:none}