/* CMS 163: fotografías responsivas de /upload/img/collection/ en los cuatro idiomas. */
@font-face { font-family: 'Collection Trajan'; src: url('../css/fonts/trajanpro-regular-webfont.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: swap; }
/* El tema encierra las CMS en .container y deja el header antes del hero. */
body.cms-id-163 #header { position: absolute; top: 0; left: 0; z-index: 20; width: 100%; background: transparent; }
body.cms-id-163 #header .header-banner { background: #85896b; }
body.cms-id-163 #header .header-nav,
body.cms-id-163 #header .header-top,
body.cms-id-163 #header #desktop-header,
body.cms-id-163 #header #mobile-header,
body.cms-id-163 #header .iqit-megamenu-container { background: transparent; }
body.cms-id-163 #header #desktop_logo img,
body.cms-id-163 #header #mobile_logo img { filter: brightness(0) invert(1); }
body.cms-id-163 #header .header-top a,
body.cms-id-163 #header .iqit-megamenu-container a,
body.cms-id-163 #header #mobile-header a { color: #fff; }
body.cms-id-163 #wrapper { padding: 0; margin: 0; }
body.cms-id-163 #wrapper .breadcrumb { display: none; }
body.cms-id-163 #inner-wrapper.container { width: 100%; max-width: none; margin: 0; padding: 0; }
body.cms-id-163 #content-wrapper { padding: 0; margin: 0; max-width: none; width: 100%; }
body.cms-id-163 #main { margin: 0; }
.collection-landing { color: #333; font-family: Georgia, 'Times New Roman', serif; }
.collection-landing *, .collection-landing *::before, .collection-landing *::after { box-sizing: border-box; }
.collection-section { width: 100%; padding-left: 6%; padding-right: 6%; }
.collection-hero { width: 100%; }
.collection-hero-photo { display: block; width: 100%; height: min(62vw, 900px); overflow: hidden; background: #bbb5af; }
.collection-hero-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.collection-intro { padding-top: 64px; padding-bottom: 75px; text-align: center; }
.collection-bird { width: 100px; height: 80px; margin: 0 auto 12px; background: url('/upload/img/collection/COLL-P-web.jpg') center / contain no-repeat; }
.collection-intro h1, .collection-wines > h2 { font: 600 clamp(30px, 3.5vw, 53px)/1.2 Georgia, serif; text-transform: uppercase; letter-spacing: .24em; color: #152f76; }
.collection-intro p { max-width: 760px; margin: 20px auto 0; line-height: 1.65; font-size: 16px; }
.collection-story { display: grid; grid-template-columns: 1.25fr .85fr; align-items: center; gap: 6%; padding: 95px 6%; background: #f4f4f4; }
.collection-story-photos { display: block; }
.collection-story-photos img { display: block; width: 100%; height: auto; }
.collection-story-copy { padding: 0; }
.collection-story h2 { font-size: 38px; line-height: 1.1; text-transform: uppercase; letter-spacing: .16em; font-weight: 400; }
.collection-story h2 span { display: block; margin-top: 8px; font-size: 20px; letter-spacing: .28em; }
.collection-story p { font-size: 16px; line-height: 1.7; margin-top: 26px; }
.collection-rule { display: block; width: 27px; height: 3px; background: #152f76; margin: 35px 0 0 auto; }
.collection-wines { padding-top: 70px; padding-bottom: 80px; text-align: center; }
.collection-wines > h2 { font-size: 32px; }
.collection-wines > p { max-width: 350px; margin: 14px auto 0; line-height: 1.5; }
/* Composición CMS 163: fondo común, botella y contenido independientes por vino. */
.collection-wines { padding-left: 0; padding-right: 0; }
.collection-wines .wine-carousel-container { max-width: none; margin: 0; }
.collection-wines .wine-carousel { height: clamp(460px, 35vw, 570px); min-height: 0; aspect-ratio: auto; overflow: visible; background: #fff url('/upload/img/collection/DESK-OND%20%281%29.jpg') center / min(980px, 76%) auto no-repeat; }
.collection-wines .wine-slide { background: none; pointer-events: none; visibility: hidden; }
.collection-wines .wine-slide.active { visibility: visible; pointer-events: auto; }
.collection-wines .wine-content { position: relative; display: grid; grid-template-columns: 36% 28% 36%; align-items: center; width: min(920px, 88%); height: 100%; margin: auto; text-align: left; }
.collection-wines .wine-intro { align-self: start; margin-top: clamp(145px, 13vw, 185px); padding: 0 4% 0 0; text-align: center; }
.collection-wines .wine-intro h2 { margin: 0; font: 400 clamp(22px, 2vw, 29px)/1.2 'Collection Trajan', Georgia, serif; letter-spacing: .24em; text-transform: uppercase; white-space: nowrap; color: #152f76; }
.collection-wines .wine-intro p { max-width: 260px; margin: 24px auto 0; font: 400 clamp(13px, 1vw, 16px)/1.5 Georgia, serif; color: #414141; }
.collection-wines .wine-bottle { align-self: center; justify-self: center; display: block; width: auto; max-width: 100%; height: 72%; max-height: 410px; object-fit: contain; filter: drop-shadow(10px 12px 12px rgba(0,0,0,.15)); }
.collection-wines .wine-details { align-self: start; margin-top: clamp(145px, 13vw, 185px); padding: 0 0 0 3%; }
.collection-wines .wine-details h3 { margin: 0; color: #152f76; font: 400 clamp(17px, 1.45vw, 23px)/1.25 'Collection Trajan', Georgia, serif; letter-spacing: .09em; text-transform: uppercase; }
.collection-wines .wine-details > p { max-width: 325px; min-height: 0; margin: 22px 0 26px; font: 400 clamp(13px, 1vw, 16px)/1.5 Georgia, serif; }
.collection-wines .wine-actions { display: flex; align-items: center; gap: 20px; }
.collection-wines .dropdownFichaTecnica { position: relative; top: auto; right: auto; transform: none; z-index: 6; }
.collection-wines .dropdownFichaTecnica .dropbtn { min-width: 190px; padding: 13px 18px; font-size: 13px; }
.collection-wines .dropdownFichaTecnica-content { left: 0; top: 100%; z-index: 10; max-height: 250px; overflow-y: auto; }
.collection-wines .dropdownFichaTecnica:hover .dropdownFichaTecnica-content,
.collection-wines .dropdownFichaTecnica:focus-within .dropdownFichaTecnica-content { display: block; }
.collection-wines .wine-slide .btn-carrito { position: static; display: inline-flex; align-items: center; transform: none; z-index: 3; }
.collection-wines .wine-slide .btn-carrito img { width: 60px; }
.collection-wines .wine-carousel-nav { width: min(780px, 85%); margin: 10px auto 0; height: 85px; }
.collection-wines .wine-carousel-nav .nav-item { padding: 0; border: 0; background: transparent; font: inherit; cursor: pointer; }
.collection-tribute { position: relative; width: 100%; aspect-ratio: 6668/2731; display: flex; align-items: center; overflow: hidden; background: #99918b; color: white; }
.collection-tribute-photo { position: absolute; inset: 0; display: block; }
.collection-tribute-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.collection-tribute-inner { position: relative; z-index: 1; width: min(1250px, 88%); margin: auto; }
.collection-tribute p { width: min(440px, 55%); font-family: 'Collection Trajan', Georgia, serif; font-size: 18px; line-height: 1.75; text-transform: uppercase; letter-spacing: .14em; font-weight: 400; }
.collection-gallery { text-align: center; padding: 70px 6% 90px; }
.collection-gallery-slides { position: relative; width: min(650px, 100%); aspect-ratio: 3022/2017; margin: auto; background: #c6c2be; }
.collection-gallery-slide { position: absolute; inset: 0; display: none; }
.collection-gallery-slide.is-active { display: block; }
.collection-gallery-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.collection-gallery-dots { margin: 15px auto 23px; display: flex; justify-content: center; gap: 8px; }
.collection-gallery-dot { width: 8px; height: 8px; padding: 0; border: 1px solid #999; border-radius: 50%; background: transparent; cursor: pointer; }
.collection-gallery-dot.is-active { background: #555; }
.collection-gallery-dot:focus-visible { outline: 2px solid #152f76; outline-offset: 3px; }
.collection-signature { margin: 28px auto 0; color: #1e1e1e; text-align: center; }
.collection-signature .collection-signature-name { display: block; font: 400 clamp(17px, 2.5vw, 34px)/1 'Collection Trajan', Georgia, serif; letter-spacing: .045em; white-space: nowrap; }
.collection-signature-name small { font-size: .44em; font-variant: small-caps; letter-spacing: .02em; vertical-align: .12em; }
.collection-signature .collection-signature-line { display: block; margin-top: 8px; font: 400 clamp(15px, 1.75vw, 27px)/1.2 Georgia, serif; letter-spacing: .24em; color: #152f76; }
@media (max-width: 767px) {
  body.cms-id-163 #header { position: absolute; }
  .collection-hero-photo { height: 140vw; max-height: 760px; }
  .collection-section { padding-left: 7%; padding-right: 7%; }
  .collection-intro { padding-top: 40px; padding-bottom: 55px; }
  .collection-bird { width: 85px; height: 70px; }
  .collection-intro h1 { font-size: 30px; letter-spacing: .16em; }
  .collection-intro p { font-size: 14px; line-height: 1.6; }
  .collection-story { display: block; padding: 30px 7% 40px; }
  .collection-story-photos { margin: 0; }
  .collection-story-copy { padding: 32px 0 0; }
  .collection-story h2 { font-size: 30px; }
  .collection-story h2 span { font-size: 14px; }
  .collection-story p { font-size: 14px; }
  .collection-wines { padding-top: 55px; padding-bottom: 65px; }
  .collection-wines .wine-carousel-container { margin: 0; }
  .collection-wines .wine-carousel { height: 820px; background-size: auto 60%; background-position: 32% center; }
  .collection-wines .wine-content { width: 90%; grid-template-columns: 42% 58%; grid-template-rows: 185px 350px 270px; align-items: center; }
  .collection-wines .wine-intro { grid-column: 1 / -1; grid-row: 1; align-self: end; margin-top: 0; padding: 0 0 10px; text-align: center; }
  .collection-wines .wine-intro h2 { font-size: 25px; }
  .collection-wines .wine-intro p { max-width: 340px; margin: 12px auto 0; font-size: 13px; line-height: 1.45; }
  .collection-wines .wine-bottle { grid-column: 1; grid-row: 2; height: 320px; max-width: 100%; }
  .collection-wines .wine-details { display: contents; margin-top: 0; }
  .collection-wines .wine-details h3 { grid-column: 2; grid-row: 2; align-self: end; margin-bottom: 14px; padding-left: 7%; font-size: clamp(15px, 4vw, 23px); letter-spacing: .07em; overflow-wrap: anywhere; }
  .collection-wines .wine-details > p { grid-column: 1 / -1; grid-row: 3; align-self: start; max-width: 390px; min-height: 0; margin: 12px auto 0; font-size: 15px; line-height: 1.45; text-align: center; }
  .collection-wines .wine-actions { grid-column: 1 / -1; grid-row: 3; align-self: end; justify-content: center; padding-bottom: 28px; gap: 15px; }
  .collection-wines .dropdownFichaTecnica { position: relative; top: auto; right: auto; transform: none; }
  .collection-wines .wine-slide .btn-carrito { position: static; transform: none; }
  .collection-wines .wine-carousel-nav { width: 95%; height: 85px; margin: 5px auto 0; }
  .collection-wines .wine-carousel-nav .nav-item { width: 24%; font-size: 11px; line-height: 1.25; }
  .collection-tribute { aspect-ratio: 3014/3932; align-items: flex-start; }
  .collection-tribute-photo img { object-position: center; }
  .collection-tribute-inner { margin-top: 0; }
  .collection-tribute p { width: 100%; margin-top: 50px; font-size: 15px; line-height: 1.75; }
  .collection-gallery { padding: 45px 7% 60px; }
  .collection-signature .collection-signature-name { font-size: clamp(12px, 3.3vw, 21px); letter-spacing: .025em; }
  .collection-signature .collection-signature-line { font-size: 15px; letter-spacing: .16em; }
}