.pc-del-mar-v4 {
  --ink: #00243e;
  --ink-deep: #001723;
  --ink-soft: #17445a;
  --paper: #f5f2ec;
  --white: #fff;
  --sand: #e5d5bc;
  --aqua: #72d5df;
  --aqua-deep: #087da0;
  --coral: #e98b72;
  --sun: #f0bb55;
  --green: #17675e;
  --line: rgba(0, 36, 62, .18);
  --light-line: rgba(255, 255, 255, .22);
  --muted: #496779;
  --shell: min(1280px, calc(100vw - 128px));
  --reading: min(72ch, calc(100vw - 40px));
  --ease: cubic-bezier(.16, 1, .3, 1);
  --type-kicker: 12px;
  --type-body: 17px;
  --type-lead: clamp(18px, 1.25vw, 21px);
  --type-display: clamp(64px, 8.7vw, 126px);
  --type-section: clamp(42px, 5vw, 72px);
  --type-feature: clamp(32px, 3.4vw, 48px);
  --type-subhead: clamp(28px, 2.8vw, 40px);
  --type-panel-title: clamp(28px, 2.6vw, 36px);
  --type-panel-body: 15px;
  --type-panel-leading: 1.46;
}

.pc-del-mar-v4 * { box-sizing: border-box; }
.pc-del-mar-v4 { scroll-behavior: smooth; background: var(--ink); }
.pc-del-mar-v4 { margin: 0; color: var(--ink); background: var(--paper); font-family: "Quicksand", system-ui, sans-serif; font-size: var(--type-body); overflow-x: hidden; }
.pc-del-mar-v4 button, .pc-del-mar-v4 input { font: inherit; }
.pc-del-mar-v4 button, .pc-del-mar-v4 a { -webkit-tap-highlight-color: transparent; }
.pc-del-mar-v4 a { color: inherit; }
.pc-del-mar-v4 img, .pc-del-mar-v4 svg, .pc-del-mar-v4 canvas { display: block; max-width: 100%; }
.pc-del-mar-v4 h1, .pc-del-mar-v4 h2, .pc-del-mar-v4 h3, .pc-del-mar-v4 p { margin-top: 0; }
.pc-del-mar-v4 h1, .pc-del-mar-v4 h2, .pc-del-mar-v4 h3 { text-wrap: balance; }
.pc-del-mar-v4 p { text-wrap: pretty; }
.pc-del-mar-v4 ::selection { color: var(--ink); background: var(--aqua); }
.pc-del-mar-v4 :focus-visible { outline: 3px solid var(--sun); outline-offset: 4px; }

.pc-del-mar-v4 .skip-link { position: fixed; left: 16px; top: 16px; z-index: 300; padding: 12px 18px; color: var(--ink); background: var(--white); border-radius: 999px; font-weight: 700; transform: translateY(-160%); }
.pc-del-mar-v4 .skip-link:focus { transform: none; }
.pc-del-mar-v4 .shell { width: var(--shell); margin-inline: auto; }
.pc-del-mar-v4 .reading-shell { width: var(--reading); margin-inline: auto; }

.pc-del-mar-v4 .hero { position: relative; min-height: 100svh; color: var(--white); background: #011322; overflow: hidden; isolation: isolate; }
.pc-del-mar-v4 .hero::before { content: ""; position: absolute; inset: 0; z-index: -4; background: radial-gradient(ellipse at 74% 16%, rgba(18, 104, 145, .72) 0%, rgba(8, 68, 104, .48) 25%, transparent 58%), radial-gradient(ellipse at 18% 96%, rgba(0, 86, 130, .28) 0%, transparent 48%), linear-gradient(145deg, #011322 0%, #062b45 47%, #011322 100%); }
.pc-del-mar-v4 .hero::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(90deg, rgba(1, 19, 34, .76) 0 31%, rgba(1, 19, 34, .3) 50%, transparent 71%), linear-gradient(0deg, rgba(1, 19, 34, .64), transparent 45%), radial-gradient(ellipse at center, transparent 44%, rgba(1, 12, 22, .34) 100%); }
.pc-del-mar-v4 .hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.pc-del-mar-v4 .hero-canvas--back { z-index: -2; }
.pc-del-mar-v4 .hero-canvas--front { z-index: 1; opacity: .82; }
.pc-del-mar-v4 .hero-light { position: absolute; z-index: -3; top: -42%; right: -2%; width: 62vw; height: 145%; background: linear-gradient(108deg, transparent 21%, rgba(61, 160, 193, .04) 38%, rgba(178, 231, 244, .2) 49%, rgba(67, 156, 190, .065) 62%, transparent 78%); transform: rotate(-9deg); filter: blur(26px); opacity: .86; }
.pc-del-mar-v4 .hero-tools { position: absolute; z-index: 20; top: 24px; left: 32px; right: 32px; display: flex; align-items: center; justify-content: flex-end; gap: 24px; }
.pc-del-mar-v4 .brand-mark { display: inline-flex; align-items: center; gap: 12px; min-width: 44px; min-height: 44px; text-decoration: none; font-weight: 700; }
.pc-del-mar-v4 .brand-mark svg { width: 38px; fill: none; stroke: var(--sand); stroke-width: 2; }
.pc-del-mar-v4 .motion-control { min-height: 44px; padding: 0 16px; display: inline-flex; align-items: center; gap: 10px; color: var(--white); background: rgba(0, 23, 35, .76); border: 1px solid var(--light-line); border-radius: 999px; cursor: pointer; }
.pc-del-mar-v4 .motion-control:hover { color: var(--ink); background: var(--sand); }
.pc-del-mar-v4 .motion-control:disabled { color: rgba(255,255,255,.7); background: rgba(1,19,34,.72); cursor: default; }
.pc-del-mar-v4 .motion-icon { font-size: 12px; font-weight: 700; }
.pc-del-mar-v4 .motion-label { font-size: 12px; font-weight: 700; }
.pc-del-mar-v4 .hero-grid { min-height: 100svh; display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px; align-items: center; padding-block: 132px 120px; }
.pc-del-mar-v4 .hero-copy { grid-column: 1 / span 8; position: relative; z-index: 4; max-width: 860px; }
.pc-del-mar-v4 .hero-kicker { display: flex; align-items: center; gap: 14px; margin-bottom: 32px; color: var(--sand) !important; font-size: var(--type-kicker); font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.pc-del-mar-v4 .hero-kicker::before { content: ""; width: 54px; height: 1px; background: currentColor; }
.pc-del-mar-v4 .hero h1 { max-width: 850px; margin-bottom: 32px; color: var(--paper) !important; font-family: "Quicksand", system-ui, sans-serif !important; font-size: var(--type-display); line-height: .86; letter-spacing: -.04em; text-shadow: 0 4px 24px rgba(0, 15, 30, 0.85); }
.pc-del-mar-v4 .hero-lead { max-width: 590px; margin-bottom: 36px; color: rgba(255, 255, 255, .92) !important; font-family: "Quicksand", system-ui, sans-serif !important; font-size: var(--type-lead); line-height: 1.55; text-shadow: 0 2px 12px rgba(0, 15, 30, 0.85); }
.pc-del-mar-v4 .start-link { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; color: var(--paper) !important; font-weight: 700; text-decoration: none; }
.pc-del-mar-v4 .start-link span { display: grid; place-items: center; width: 42px; height: 42px; color: var(--paper) !important; border: 1px solid rgba(255, 255, 255, .6); border-radius: 50%; transition: color 600ms var(--ease), background 600ms var(--ease); }
.pc-del-mar-v4 .start-link:hover span { color: var(--ink) !important; background: var(--sand) !important; }
.pc-del-mar-v4 .hero-aside { grid-column: 10 / -1; position: relative; z-index: 4; align-self: end; padding: 18px 20px; color: rgba(255, 255, 255, .9) !important; background: rgba(1, 19, 34, .78) !important; border: 1px solid rgba(229, 213, 188, .38) !important; border-radius: 12px; box-shadow: 0 16px 36px rgba(0, 8, 16, .18); backdrop-filter: blur(10px); font-size: 13px; line-height: 1.6; }
.pc-del-mar-v4 .hero-aside span { display: block; margin-bottom: 8px; color: var(--sand) !important; font-weight: 700; }
.pc-del-mar-v4 .hero-aside p { color: rgba(255, 255, 255, .9) !important; }
.pc-del-mar-v4 .depth-index { position: absolute; left: 50%; bottom: 28px; z-index: 4; display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; gap: 12px; align-items: center; color: rgba(255, 255, 255, .55); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transform: translateX(-50%); }
.pc-del-mar-v4 .depth-index i { height: 1px; background: rgba(255, 255, 255, .28); }

.pc-del-mar-v4 .chapter-rail { position: fixed; left: 50%; bottom: 18px; z-index: 80; display: flex; justify-content: center; gap: 4px; width: min(920px, calc(100vw - 40px)); padding: 6px; color: var(--white); background: rgba(0,36,62,.96); border: 1px solid rgba(255,255,255,.14); border-radius: 999px; box-shadow: 0 18px 48px rgba(0,23,35,.24); overflow-x: auto; scrollbar-width: none; opacity: 0; pointer-events: none; transform: translate(-50%, calc(100% + 36px)); transition: opacity 500ms var(--ease), transform 700ms var(--ease); }
.pc-del-mar-v4 .chapter-rail.is-visible { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
.pc-del-mar-v4 .chapter-rail::-webkit-scrollbar { display: none; }
.pc-del-mar-v4 .chapter-rail a { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 44px; padding: 8px 13px; border-radius: 999px; color: rgba(255, 255, 255, .68); font-size: 12px; font-weight: 700; text-decoration: none; }
.pc-del-mar-v4 .chapter-rail a:hover, .pc-del-mar-v4 .chapter-rail a.is-active { color: var(--ink); background: var(--aqua); }

.pc-del-mar-v4 .opening-note { padding-block: 128px; }
.pc-del-mar-v4 .lead-mark, .pc-del-mar-v4 .section-kicker, .pc-del-mar-v4 .plate-index, .pc-del-mar-v4 .curiosity-tag, .pc-del-mar-v4 .origin-label, .pc-del-mar-v4 .risk-kind { font-size: var(--type-kicker); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.pc-del-mar-v4 .lead-mark { display: inline-block; margin-bottom: 28px; padding-bottom: 8px; border-bottom: 2px solid var(--coral); }
.pc-del-mar-v4 .opening-note h2 { margin-bottom: 32px; font-size: var(--type-feature); line-height: 1.08; letter-spacing: -.03em; }
.pc-del-mar-v4 .opening-deck { color: var(--muted); font-size: var(--type-lead); line-height: 1.7; }
.pc-del-mar-v4 .documentary-spread { position: relative; width: min(1440px, 100%); height: min(72vw, 760px); min-height: 520px; margin: 0 auto; overflow: hidden; color: var(--white) !important; background: var(--ink); }
.pc-del-mar-v4 .documentary-spread picture, .pc-del-mar-v4 .documentary-spread img { width: 100%; height: 100%; }
.pc-del-mar-v4 .documentary-spread img { object-fit: cover; }
.pc-del-mar-v4 .documentary-spread::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0, 23, 35, .82), transparent 54%); pointer-events: none; }
.pc-del-mar-v4 .documentary-spread figcaption { position: absolute; z-index: 1; left: max(32px, calc((100% - 1280px) / 2)); right: max(32px, calc((100% - 1280px) / 2)); bottom: 42px; display: grid; grid-template-columns: 3fr 7fr; gap: 32px; align-items: end; }
.pc-del-mar-v4 .documentary-spread figcaption span { color: var(--aqua) !important; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.pc-del-mar-v4 .documentary-spread figcaption strong { max-width: 760px; color: #ffffff !important; font-family: "Quicksand", system-ui, sans-serif !important; font-size: var(--type-subhead); line-height: 1.18; letter-spacing: -.02em; text-shadow: 0 2px 16px rgba(0, 12, 24, 0.95); }

.pc-del-mar-v4 .atlas-section { position: relative; padding-block: 136px; overflow: clip; }
.pc-del-mar-v4 .section-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px; }
.pc-del-mar-v4 .section-heading { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px; margin-bottom: 72px; }
.pc-del-mar-v4 .section-heading > .section-kicker { grid-column: 1 / -1; margin-bottom: 0; color: var(--aqua-deep); }
.pc-del-mar-v4 .section-heading > h2 { grid-column: 1 / span 8; margin-bottom: 0; font-size: var(--type-section); line-height: 1; letter-spacing: -.035em; }
.pc-del-mar-v4 .section-heading > p:not(.section-kicker) { grid-column: 9 / -1; align-self: end; margin-bottom: 0; color: var(--muted); line-height: 1.7; }
.pc-del-mar-v4 .section-heading--split > div { grid-column: 1 / span 8; }
.pc-del-mar-v4 .section-heading--split > div .section-kicker { color: var(--aqua-deep); }
.pc-del-mar-v4 .section-heading--split > div h2 { margin: 20px 0 0; font-size: var(--type-section); line-height: 1; letter-spacing: -.035em; }
.pc-del-mar-v4 .section-heading--split > p { grid-column: 9 / -1 !important; }
.pc-del-mar-v4 .section-heading--light { color: var(--white); }
.pc-del-mar-v4 .section-heading--light > .section-kicker { color: var(--aqua); }
.pc-del-mar-v4 .section-heading--light > p:not(.section-kicker) { color: rgba(255, 255, 255, .68); }

.pc-del-mar-v4 .taxonomy { background: var(--white); }
.pc-del-mar-v4 .taxonomy-map { grid-column: 1 / -1; display: grid; grid-template-columns: 2fr 4fr 6fr; min-height: 520px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.pc-del-mar-v4 .taxonomy-root { display: grid; place-items: center; padding: 24px; border-right: 1px solid var(--line); }
.pc-del-mar-v4 .taxonomy-emblem { position: relative; width: min(190px, 100%); color: var(--white); }
.pc-del-mar-v4 .taxonomy-emblem svg { display: block; width: 100%; height: auto; filter: drop-shadow(0 18px 30px rgba(0,36,62,.18)); }
.pc-del-mar-v4 .emblem-sea { fill: var(--ink); }
.pc-del-mar-v4 .emblem-current { fill: none; stroke: rgba(114,213,223,.42); stroke-width: 2; }
.pc-del-mar-v4 .emblem-fish, .pc-del-mar-v4 .emblem-crab, .pc-del-mar-v4 .emblem-shell { fill: var(--aqua); stroke: var(--sand); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pc-del-mar-v4 .emblem-crab { transform: translate(18px,8px); }.pc-del-mar-v4 .emblem-shell { transform: translate(-7px,0); }
.pc-del-mar-v4 .taxonomy-branches { display: grid; align-content: center; border-right: 1px solid var(--line); }
.pc-del-mar-v4 .taxon-tab { display: grid; grid-template-columns: 72px 1fr; grid-template-rows: auto auto; align-items: center; column-gap: 18px; width: 100%; padding: 24px 28px; color: var(--muted); background: transparent; border: 0; border-bottom: 1px solid var(--line); text-align: left; cursor: pointer; }
.pc-del-mar-v4 .taxon-tab:last-child { border-bottom: 0; }
.pc-del-mar-v4 .taxon-tab:hover, .pc-del-mar-v4 .taxon-tab.is-active { color: var(--ink); background: var(--sand); }
.pc-del-mar-v4 .taxon-tab strong { font-size: 22px; }
.pc-del-mar-v4 .taxon-tab small { grid-column: 2; margin-top: 4px; }
.pc-del-mar-v4 .taxon-icon { grid-row: 1 / 3; width: 64px; height: 50px; overflow: visible; fill: rgba(10,64,87,.72); stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.pc-del-mar-v4 .taxon-panel { align-self: center; max-width: 640px; padding: clamp(32px, 3.2vw, 46px); }
.pc-del-mar-v4 .taxon-label { margin-bottom: 28px; color: var(--aqua-deep); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.pc-del-mar-v4 .taxon-panel h3 { margin-bottom: 20px; font-size: var(--type-panel-title); line-height: 1.08; letter-spacing: -.03em; }
.pc-del-mar-v4 .taxon-panel > p:not(.taxon-label) { color: var(--muted); font-size: var(--type-panel-body); line-height: var(--type-panel-leading); }
.pc-del-mar-v4 .taxon-species, .pc-del-mar-v4 .inline-list { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 30px 0 0; list-style: none; }
.pc-del-mar-v4 .taxon-species li, .pc-del-mar-v4 .inline-list li { padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; font-weight: 700; }
.pc-del-mar-v4 .field-note { grid-column: 8 / -1; display: grid; grid-template-columns: auto 1fr; gap: 18px; margin-top: 48px; padding: 28px; color: var(--white); background: var(--coral); border-radius: 14px; }
.pc-del-mar-v4 .field-note p { margin: 0; font-size: var(--type-panel-body); line-height: var(--type-panel-leading); }
.pc-del-mar-v4 .field-note-symbol { font-size: 30px; }

.pc-del-mar-v4 .body-stories { color: var(--white); background: var(--ink); }
.pc-del-mar-v4 .anatomy-plate { grid-column: 1 / -1; display: grid; grid-template-columns: 7fr 5fr; min-height: 540px; background: var(--white); border-radius: 16px; overflow: hidden; }
.pc-del-mar-v4 .fish-anatomy { position: relative; display: grid; place-items: center; min-height: 540px; padding: 42px; background: #0a4057; }
.pc-del-mar-v4 .fish-main { fill: url(#fishFill); opacity: .86; }
.pc-del-mar-v4 .fish-tail { transform-box: fill-box; transform-origin: left center; animation: anatomy-tail 1.35s ease-in-out infinite alternate; }
.pc-del-mar-v4 .fish-tail path { fill: url(#fishFill); opacity: .86; }
.pc-del-mar-v4 .fish-swimmer { transform-origin: center; animation: anatomy-swim 5.5s ease-in-out infinite; }
.pc-del-mar-v4 .fish-fin, .pc-del-mar-v4 .fish-gill, .pc-del-mar-v4 .lateral-line { fill: none; stroke: var(--white); stroke-width: 3; opacity: .68; }
.pc-del-mar-v4 .lateral-line { stroke: var(--sun); stroke-dasharray: 4 8; animation: lateral-sense 2.4s linear infinite; }
.pc-del-mar-v4 .water-sense { fill: none; stroke: var(--aqua); stroke-width: 2; opacity: .45; stroke-dasharray: 6 8; animation: water-sense 3.2s ease-in-out infinite; }
.pc-del-mar-v4 .fish-eye { fill: var(--ink); }.pc-del-mar-v4 .swim-bladder { fill: rgba(255,255,255,.15); stroke: rgba(255,255,255,.5); stroke-width: 2; }.pc-del-mar-v4 .otolith { fill: var(--sun); stroke: var(--white); stroke-width: 3; }
.pc-del-mar-v4 .diagram-pin { position: absolute; min-height: 44px; padding: 0 14px; color: var(--white); background: rgba(0, 23, 35, .82); border: 1px solid var(--light-line); border-radius: 999px; cursor: pointer; font-size: 12px; font-weight: 700; }
.pc-del-mar-v4 .diagram-pin:hover, .pc-del-mar-v4 .diagram-pin.is-active { color: var(--ink); background: var(--sun); }
.pc-del-mar-v4 .pin-otolith { left: 21%; top: 42%; }.pc-del-mar-v4 .pin-line { left: 52%; top: 54%; }.pc-del-mar-v4 .pin-sound { left: 18%; top: 63%; }
.pc-del-mar-v4 .anatomy-copy { align-self: stretch; padding: 46px; color: var(--ink); background: var(--white); }
.pc-del-mar-v4 .plate-index { margin-bottom: 44px; color: var(--aqua-deep); }
.pc-del-mar-v4 .anatomy-copy h3, .pc-del-mar-v4 .cut-copy h3, .pc-del-mar-v4 .gear-copy h3, .pc-del-mar-v4 .label-reader h3, .pc-del-mar-v4 .nutrition-result h3, .pc-del-mar-v4 .risk-story h3 { margin-bottom: 20px; font-size: var(--type-panel-title); line-height: 1.08; letter-spacing: -.03em; }
.pc-del-mar-v4 .anatomy-macro { margin: 34px 0 0; }
.pc-del-mar-v4 .anatomy-macro picture { display: block; aspect-ratio: 16 / 8; overflow: hidden; border-radius: 10px; }
.pc-del-mar-v4 .anatomy-macro img { width: 100%; height: 100%; object-fit: cover; }
.pc-del-mar-v4 .anatomy-macro figcaption { margin-top: 10px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.pc-del-mar-v4 .anatomy-copy > p:not(.plate-index), .pc-del-mar-v4 .cut-copy > p:not(.plate-index), .pc-del-mar-v4 .gear-copy > p:not(.plate-index), .pc-del-mar-v4 .label-reader article p, .pc-del-mar-v4 .nutrition-result > p, .pc-del-mar-v4 .risk-story dd { color: var(--muted); font-size: var(--type-panel-body); line-height: var(--type-panel-leading); }
.pc-del-mar-v4 .fine-print { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--line); font-size: 13px; }
.pc-del-mar-v4 .flatfish-story { grid-column: 1 / -1; display: grid; grid-template-columns: 5fr 7fr; gap: 48px; align-items: center; padding-top: 96px; }
.pc-del-mar-v4 .flatfish-copy h3 { margin: 20px 0 24px; font-size: var(--type-section); line-height: 1; letter-spacing: -.03em; }
.pc-del-mar-v4 .flatfish-copy p:last-child { color: rgba(255, 255, 255, .7); line-height: 1.72; }
.pc-del-mar-v4 .curiosity-tag { color: var(--sun); }
.pc-del-mar-v4 .metamorphosis { margin: 0; }
.pc-del-mar-v4 .metamorphosis-plate { display: block; width: 100%; overflow: hidden; border-radius: 14px; box-shadow: 0 28px 70px rgba(0, 0, 0, .24); }
.pc-del-mar-v4 .metamorphosis-plate img { width: 100%; height: auto; object-fit: contain; }
.pc-del-mar-v4 .metamorphosis-diagram { height: auto; background: radial-gradient(circle at 50% 45%, #0d5269, #062f45 66%, #001d2c); }
.pc-del-mar-v4 .meta-current { fill: none; stroke: rgba(114,213,223,.18); stroke-width: 2; stroke-dasharray: 4 12; }
.pc-del-mar-v4 .meta-stage { stroke: rgba(255,255,255,.72); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pc-del-mar-v4 .meta-stage--larva { fill: url(#sole-young); }.pc-del-mar-v4 .meta-stage--transition { fill: #b5b392; }.pc-del-mar-v4 .meta-stage--adult { fill: url(#sole-adult); }
.pc-del-mar-v4 .meta-stage circle { fill: var(--ink-deep); stroke: var(--sand); stroke-width: 3; }
.pc-del-mar-v4 .eye-route { fill: none; stroke: var(--sun); stroke-width: 3; stroke-dasharray: 5 7; }
.pc-del-mar-v4 .meta-eye--moving { animation: migrating-eye 3.8s ease-in-out infinite alternate; }
.pc-del-mar-v4 .meta-arrow { fill: none; stroke: var(--sand); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.pc-del-mar-v4 .metamorphosis-labels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 18px; color: rgba(255,255,255,.68); font-size: 12px; font-weight: 700; text-align: center; }
.pc-del-mar-v4 .flatfish { position: relative; display: block; width: 100%; aspect-ratio: 1.45; margin-bottom: 16px; background: var(--aqua); border-radius: 50% 48% 46% 52%; transform: rotate(0); }
.pc-del-mar-v4 .flatfish::after { content: ""; position: absolute; right: -17%; top: 29%; border-block: 26px solid transparent; border-left: 38px solid var(--aqua); }
.pc-del-mar-v4 .flatfish i, .pc-del-mar-v4 .flatfish b { position: absolute; top: 25%; width: 10px; height: 10px; background: var(--ink); border-radius: 50%; }
.pc-del-mar-v4 .flatfish i { left: 25%; }.pc-del-mar-v4 .flatfish b { left: 29%; top: 65%; }
.pc-del-mar-v4 .flatfish--two { transform: rotate(22deg) scaleY(.82); background: var(--sand); }.pc-del-mar-v4 .flatfish--two::after { border-left-color: var(--sand); }.pc-del-mar-v4 .flatfish--two b { top: 39%; left: 30%; }
.pc-del-mar-v4 .flatfish--three { transform: scaleY(.55); background: var(--coral); }.pc-del-mar-v4 .flatfish--three::after { border-left-color: var(--coral); }.pc-del-mar-v4 .flatfish--three b { top: 25%; left: 33%; }
.pc-del-mar-v4 .flatfish-photo { display: block; width: 100%; aspect-ratio: 1.45; margin-bottom: 16px; overflow: hidden; border-radius: 52% 48% 46% 54%; box-shadow: 0 18px 48px rgba(0, 0, 0, .28); }
.pc-del-mar-v4 .flatfish-photo picture, .pc-del-mar-v4 .flatfish-photo img { width: 100%; height: 100%; }
.pc-del-mar-v4 .flatfish-photo img { object-fit: cover; }
.pc-del-mar-v4 .metamorphosis figcaption { color: rgba(255,255,255,.68); font-size: 12px; font-weight: 700; }
.pc-del-mar-v4 .metamorphosis-arrow { color: var(--sand); font-size: 24px; }

@keyframes anatomy-tail { from { transform: rotate(-5deg); } to { transform: rotate(6deg); } }
@keyframes anatomy-swim { 0%,100% { transform: translateY(-3px) rotate(-.35deg); } 50% { transform: translateY(5px) rotate(.35deg); } }
@keyframes lateral-sense { to { stroke-dashoffset: -24; } }
@keyframes water-sense { 0%,100% { opacity: .18; transform: translateX(-5px); } 50% { opacity: .62; transform: translateX(6px); } }
@keyframes migrating-eye { from { transform: translate(-7px,12px); } to { transform: translate(0,0); } }

.pc-del-mar-v4 .wonder-band { position: relative; padding-block: 112px; overflow: hidden; }
.pc-del-mar-v4 .wonder-layout { display: grid; grid-template-columns: 4fr 8fr; gap: 64px; align-items: center; }
.pc-del-mar-v4 .wonder-layout--reverse { grid-template-columns: 8fr 4fr; }
.pc-del-mar-v4 .wonder-band h2 { margin: 20px 0 28px; font-size: var(--type-section); line-height: 1; letter-spacing: -.035em; }
.pc-del-mar-v4 .wonder-band p:last-child { max-width: 68ch; margin-bottom: 0; font-size: var(--type-lead); line-height: 1.7; }
.pc-del-mar-v4 .wonder-band--sound { color: var(--ink); background: var(--aqua); }
.pc-del-mar-v4 .wonder-band--sound .curiosity-tag { color: var(--ink); }
.pc-del-mar-v4 .sound-orbit { position: relative; width: min(320px, 70vw); aspect-ratio: 1; margin: auto; border: 1px solid rgba(0,36,62,.35); border-radius: 50%; }
.pc-del-mar-v4 .sound-orbit i { position: absolute; inset: calc(var(--n, 1) * 15%); border: 1px solid rgba(0,36,62,.28); border-radius: 50%; }.pc-del-mar-v4 .sound-orbit i:nth-child(1){--n:1}.pc-del-mar-v4 .sound-orbit i:nth-child(2){--n:2}.pc-del-mar-v4 .sound-orbit i:nth-child(3){--n:3}
.pc-del-mar-v4 .sound-orbit span { position: absolute; left: 42%; top: 44%; width: 25%; height: 14%; background: var(--ink); border-radius: 50%; }.pc-del-mar-v4 .sound-orbit span::after { content:""; position:absolute; right:-20%; top:12%; border-block:12px solid transparent; border-left:22px solid var(--ink); }

.pc-del-mar-v4 .fat-spectrum { background: var(--paper); }
.pc-del-mar-v4 .spectrum { grid-column: 1 / -1; }
.pc-del-mar-v4 .spectrum-scale { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; gap: 12px; align-items: center; margin-bottom: 18px; color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.pc-del-mar-v4 .spectrum-scale i { height: 1px; background: var(--line); }
.pc-del-mar-v4 .spectrum-tabs { display: grid; grid-template-columns: 2fr 3fr 5fr; }
.pc-del-mar-v4 .spectrum-tab { min-height: 112px; padding: 24px; color: var(--ink); border: 0; border-right: 1px solid rgba(0,36,62,.22); cursor: pointer; text-align: left; }
.pc-del-mar-v4 .spectrum-tab:nth-child(1){background:#d5eef0}.pc-del-mar-v4 .spectrum-tab:nth-child(2){background:var(--sand)}.pc-del-mar-v4 .spectrum-tab:nth-child(3){background:var(--coral);border-right:0}
.pc-del-mar-v4 .spectrum-tab strong { display: block; font-size: 28px; }.pc-del-mar-v4 .spectrum-tab small{display:block;margin-top:6px}
.pc-del-mar-v4 .spectrum-tab:not(.is-active) { filter: saturate(.55); opacity: .7; }
.pc-del-mar-v4 .spectrum-story { display: grid; grid-template-columns: 3fr 9fr; gap: 56px; align-items: center; padding: 64px; color: var(--white); background: var(--ink); }
.pc-del-mar-v4 .fat-vessel { display: grid; align-items: end; width: 150px; height: 280px; margin: auto; padding: 10px; border: 1px solid rgba(255,255,255,.55); border-radius: 76px 76px 20px 20px; }
.pc-del-mar-v4 .fat-vessel span { display: block; height: var(--fill); min-height: 20px; background: var(--aqua); border-radius: 60px 60px 12px 12px; }
.pc-del-mar-v4 .spectrum-story h3 { margin: 12px 0 20px; font-size: var(--type-panel-title); line-height: 1.08; letter-spacing: -.03em; }
.pc-del-mar-v4 .spectrum-story p:not(.plate-index) { max-width: 64ch; color: rgba(255,255,255,.72); font-size: var(--type-panel-body); line-height: var(--type-panel-leading); }
.pc-del-mar-v4 .spectrum-story .inline-list li { border-color: rgba(255,255,255,.28); }
.pc-del-mar-v4 .fat-story-copy { min-width: 0; }
.pc-del-mar-v4 .fat-gallery { grid-column: 1 / -1; min-width: 0; padding-top: 40px; border-top: 1px solid rgba(255,255,255,.18); }
.pc-del-mar-v4 .fat-gallery-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.pc-del-mar-v4 .fat-gallery-heading > p { margin: 0; color: var(--white) !important; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.pc-del-mar-v4 .fat-gallery-heading div { display: flex; gap: 8px; }
.pc-del-mar-v4 .fat-gallery-heading button { display: grid; place-items: center; width: 44px; height: 44px; color: var(--white); background: transparent; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; cursor: pointer; }
.pc-del-mar-v4 .fat-gallery-heading button:hover, .pc-del-mar-v4 .fat-gallery-heading button:focus-visible { color: var(--ink); background: var(--aqua); border-color: var(--aqua); }
.pc-del-mar-v4 .fat-carousel { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.pc-del-mar-v4 .fat-carousel::-webkit-scrollbar { display: none; }
.pc-del-mar-v4 .fat-card { position: relative; flex: 0 0 min(260px, 29vw); aspect-ratio: 4 / 3; overflow: hidden; border-radius: 12px; scroll-snap-align: start; background: #0a4057; }
.pc-del-mar-v4 .fat-card::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(0,23,35,.92)); }
.pc-del-mar-v4 .fat-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 650ms var(--ease); }
.pc-del-mar-v4 .fat-card:hover img { transform: scale(1.045); }
.pc-del-mar-v4 .fat-card strong { position: absolute; z-index: 1; left: 16px; right: 16px; bottom: 14px; color: var(--white); font-size: 17px; }
.pc-del-mar-v4 .spectrum-caveat { margin: 0; padding: 24px; color: var(--ink); background: var(--sun); line-height: 1.6; }
.pc-del-mar-v4 .tuna-cutaway { grid-column: 1 / -1; display: grid; grid-template-columns: 7fr 5fr; gap: 56px; align-items: center; padding-top: 96px; }
.pc-del-mar-v4 .tuna-silhouette { position: relative; height: 320px; }
.pc-del-mar-v4 .tuna-body { position: absolute; inset: 18% 17% 18% 3%; background: var(--ink); border-radius: 55% 45% 47% 53%; clip-path: polygon(0 50%, 8% 20%, 28% 5%, 72% 10%, 100% 50%, 72% 90%, 28% 95%, 8% 80%); }
.pc-del-mar-v4 .tuna-tail { position:absolute;right:0;top:25%;width:24%;height:50%;background:var(--ink);clip-path:polygon(0 50%,100% 0,72% 50%,100% 100%)}
.pc-del-mar-v4 .tuna-belly { position:absolute;left:23%;bottom:20%;width:46%;height:25%;background:var(--coral);border-radius:0 0 60% 40%;clip-path:polygon(0 0,100% 0,77% 100%,15% 90%)}
.pc-del-mar-v4 .tuna-copy h3 { margin: 20px 0 24px; font-size: var(--type-feature); line-height: 1.04; letter-spacing: -.03em; }
.pc-del-mar-v4 .tuna-copy p:last-child { color: var(--muted); line-height: 1.72; }

.pc-del-mar-v4 .cuts { background: var(--white); }
.pc-del-mar-v4 .cut-lab { grid-column: 1 / -1; display: grid; grid-template-columns: 7fr 5fr; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.pc-del-mar-v4 .cut-visual { position: relative; display: grid; place-items: center; min-height: 540px; padding: 42px; background: var(--sand); }
.pc-del-mar-v4 .cut-fish-art { transform-origin: center; animation: cut-swim 5.5s ease-in-out infinite; }.pc-del-mar-v4 .cut-fish,.pc-del-mar-v4 .cut-tail{fill:var(--ink)}.pc-del-mar-v4 .cut-tail{transform-box:fill-box;transform-origin:left center;animation:cut-tail 1.3s ease-in-out infinite alternate}.pc-del-mar-v4 .cut-line { fill:none;stroke:rgba(255,255,255,.58);stroke-width:3;stroke-dasharray:5 7}.pc-del-mar-v4 .cut-eye{fill:var(--aqua)}
.pc-del-mar-v4 .cut-zone { opacity: .08; transition: opacity 500ms var(--ease), filter 500ms var(--ease); }
.pc-del-mar-v4 .cut-zone--head,.pc-del-mar-v4 .cut-zone--loin{fill:var(--aqua)}.pc-del-mar-v4 .cut-zone--belly{fill:var(--coral)}.pc-del-mar-v4 .cut-zone--steak{fill:var(--sun)}.pc-del-mar-v4 .cut-zone--tail{fill:var(--sand)}
.pc-del-mar-v4 .cut-visual[data-active-cut="head"] .cut-zone--head,.pc-del-mar-v4 .cut-visual[data-active-cut="loin"] .cut-zone--loin,.pc-del-mar-v4 .cut-visual[data-active-cut="belly"] .cut-zone--belly,.pc-del-mar-v4 .cut-visual[data-active-cut="steak"] .cut-zone--steak,.pc-del-mar-v4 .cut-visual[data-active-cut="tail"] .cut-zone--tail{opacity:.92;filter:drop-shadow(0 8px 14px rgba(0,36,62,.2));animation:cut-focus 1.8s ease-in-out infinite alternate}
.pc-del-mar-v4 .cut-scan{fill:none;stroke:rgba(255,255,255,.72);stroke-width:2;stroke-dasharray:18 170;animation:cut-scan 4s linear infinite}
.pc-del-mar-v4 .cut-pin { position: absolute; min-height: 44px; padding: 0 14px; color: var(--ink); background: var(--white); border: 1px solid var(--line); border-radius: 999px; cursor: pointer; font-size: 12px; font-weight: 700; }
.pc-del-mar-v4 .cut-pin:hover,.pc-del-mar-v4 .cut-pin.is-active{color:var(--white);background:var(--ink)}
.pc-del-mar-v4 .cut-pin--head{left:12%;top:32%}.pc-del-mar-v4 .cut-pin--loin{left:43%;top:25%}.pc-del-mar-v4 .cut-pin--belly{left:42%;bottom:23%}.pc-del-mar-v4 .cut-pin--steak{right:25%;top:42%}.pc-del-mar-v4 .cut-pin--tail{right:7%;bottom:31%}
.pc-del-mar-v4 .cut-copy { padding: 46px; }
.pc-del-mar-v4 .catalogue-thread { grid-column: 2 / -2; margin-top: 72px; }
.pc-del-mar-v4 .catalogue-thread > p { margin-bottom: 24px; font-weight: 700; }
.pc-del-mar-v4 .catalogue-thread ul { padding: 0; margin: 0; list-style: none; border-top: 1px solid var(--line); }
.pc-del-mar-v4 .catalogue-thread li { display: grid; grid-template-columns: 3fr 7fr; gap: 24px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.pc-del-mar-v4 .catalogue-thread span { color: var(--muted); }

.pc-del-mar-v4 .bioluminescence-story { grid-column: 1 / -1; position: relative; min-height: 560px; margin: 96px 0 0; overflow: hidden; border-radius: 16px; color: var(--white); background: var(--ink-deep); }
.pc-del-mar-v4 .bioluminescence-story picture, .pc-del-mar-v4 .bioluminescence-story img { position: absolute; inset: 0; width: 100%; height: 100%; }
.pc-del-mar-v4 .bioluminescence-story img { object-fit: cover; }
.pc-del-mar-v4 .bioluminescence-story::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,17,28,.96) 0 37%, rgba(0,17,28,.62) 53%, transparent 78%); }
.pc-del-mar-v4 .bioluminescence-story figcaption { position: relative; z-index: 2; display: grid; align-content: center; width: min(560px, 52%); min-height: 560px; padding: 46px; }
.pc-del-mar-v4 .bioluminescence-story h3 { margin: 20px 0 28px; font-size: var(--type-section); line-height: 1; letter-spacing: -.035em; }
.pc-del-mar-v4 .bioluminescence-story figcaption > p:not(.curiosity-tag) { color: rgba(255,255,255,.78); font-size: var(--type-body); line-height: 1.72; }
.pc-del-mar-v4 .bioluminescence-story small { display: block; margin-top: 28px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.22); color: rgba(255,255,255,.62); line-height: 1.6; }
.pc-del-mar-v4 .bio-glow { position: absolute; z-index: 1; right: 8%; top: 30%; width: 32%; aspect-ratio: 1; border-radius: 50%; background: rgba(36,221,231,.16); filter: blur(52px); animation: bio-breathe 5s ease-in-out infinite alternate; }

@keyframes cut-swim { 0%,100%{transform:translateY(-4px) rotate(-.25deg)}50%{transform:translateY(5px) rotate(.25deg)} }
@keyframes cut-tail { from{transform:rotate(-5deg)}to{transform:rotate(6deg)} }
@keyframes cut-focus { from{opacity:.72}to{opacity:1} }
@keyframes cut-scan { to{stroke-dashoffset:-188} }
@keyframes bio-breathe { from{transform:scale(.82);opacity:.45}to{transform:scale(1.18);opacity:.9} }

.pc-del-mar-v4 .fishing { color: var(--white); background: #032d45; }
.pc-del-mar-v4 .gear-explorer { grid-column: 1 / -1; display: grid; grid-template-columns: 2fr 6fr 4fr; min-height: 580px; border: 1px solid var(--light-line); border-radius: 16px; overflow: hidden; }
.pc-del-mar-v4 .gear-nav { display: grid; align-content: start; background: var(--ink-deep); }
.pc-del-mar-v4 .gear-tab { min-height: 72px; padding: 0 24px; color: rgba(255,255,255,.62); background: transparent; border: 0; border-bottom: 1px solid var(--light-line); cursor: pointer; text-align: left; font-weight: 700; }
.pc-del-mar-v4 .gear-tab:hover,.pc-del-mar-v4 .gear-tab.is-active{color:var(--ink);background:var(--aqua)}
.pc-del-mar-v4 .gear-stage { position: relative; display: grid; place-items: center; padding: 40px; background: #0a4c66; overflow: hidden; }
.pc-del-mar-v4 .gear-diagram { width: 100%; }
.pc-del-mar-v4 .water-line,.pc-del-mar-v4 .sea-floor,.pc-del-mar-v4 .gear-net,.pc-del-mar-v4 .gear-detail{fill:none;stroke:rgba(255,255,255,.72);stroke-width:3}.pc-del-mar-v4 .sea-floor{stroke:var(--sand)}.pc-del-mar-v4 .gear-net{stroke:var(--sun);stroke-dasharray:7 7}.pc-del-mar-v4 .gear-detail{stroke:var(--aqua)}.pc-del-mar-v4 .boat{fill:var(--white)}
.pc-del-mar-v4 .gear-legend { position: absolute; left: 24px; bottom: 20px; display: flex; flex-wrap: wrap; gap: 12px; color: rgba(255,255,255,.62); font-size: 10px; font-weight: 700; letter-spacing:.08em;text-transform:uppercase}
.pc-del-mar-v4 .gear-copy { padding: 48px; background: var(--white); color: var(--ink); }
.pc-del-mar-v4 .gear-copy dl { margin: 36px 0 0; }
.pc-del-mar-v4 .gear-copy dl div { padding: 16px 0; border-top: 1px solid var(--line); }
.pc-del-mar-v4 .gear-copy dt { margin-bottom: 5px; color: var(--aqua-deep); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.pc-del-mar-v4 .gear-copy dd { margin: 0; font-size: 14px; line-height: 1.42; }
.pc-del-mar-v4 .fishing-principle { grid-column: 3 / -2; margin: 72px 0 0; padding: 0; border: 0; }
.pc-del-mar-v4 .fishing-principle p { margin: 0; color: var(--sand); font-size: var(--type-subhead); line-height: 1.3; font-weight: 600; }

.pc-del-mar-v4 .origin { background: var(--paper); }
.pc-del-mar-v4 .origin-split { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 160px 1fr; align-items: stretch; }
.pc-del-mar-v4 .origin-side { padding: 56px; border: 1px solid var(--line); }
.pc-del-mar-v4 .origin-side--capture { color: var(--white); background: var(--ink); border-color: var(--ink); border-radius: 16px 0 0 16px; }
.pc-del-mar-v4 .origin-side--farm { background: var(--white); border-radius: 0 16px 16px 0; }
.pc-del-mar-v4 .origin-icon { position:relative;height:160px;margin-bottom:36px;overflow:hidden}
.pc-del-mar-v4 .horizon{position:absolute;left:0;right:0;top:75%;height:1px;background:rgba(255,255,255,.45)}.pc-del-mar-v4 .capture-boat{position:absolute;left:30%;top:50%;width:120px;height:35px;background:var(--sand);clip-path:polygon(0 0,100% 0,83% 100%,17% 100%)}
.pc-del-mar-v4 .farm-ring{position:absolute;width:120px;height:80px;border:2px solid var(--green);border-radius:50%;top:30%;left:8%}.pc-del-mar-v4 .farm-ring:nth-child(2){left:36%}.pc-del-mar-v4 .farm-ring:nth-child(3){left:64%}
.pc-del-mar-v4 .origin-label { color: var(--aqua); }.pc-del-mar-v4 .origin-side--farm .origin-label{color:var(--green)}
.pc-del-mar-v4 .origin-side h3 { margin: 20px 0 26px; font-size: var(--type-panel-title); line-height: 1.08; letter-spacing: -.03em; }
.pc-del-mar-v4 .origin-side ul { padding-left: 20px; margin: 0; }.pc-del-mar-v4 .origin-side li { margin-bottom: 12px; font-size: var(--type-panel-body); line-height: var(--type-panel-leading); }.pc-del-mar-v4 .origin-side--capture li{color:rgba(255,255,255,.72)}.pc-del-mar-v4 .origin-side--farm li{color:var(--muted)}
.pc-del-mar-v4 .origin-bridge { display: grid; align-content: center; padding: 24px 14px; color: var(--ink); background: var(--sand); text-align: center; }
.pc-del-mar-v4 .origin-bridge span { margin-bottom: 22px; font-size: 11px; font-weight: 700; letter-spacing:.1em;text-transform:uppercase}.pc-del-mar-v4 .origin-bridge p{margin:8px 0;font-weight:700}
.pc-del-mar-v4 .origin-conclusion { grid-column: 3 / -2; margin: 64px 0 0; color: var(--muted); font-size: var(--type-lead); line-height: 1.7; }
.pc-del-mar-v4 .wonder-band--cephalopod { color: var(--white); background: var(--coral); }
.pc-del-mar-v4 .wonder-band--cephalopod .curiosity-tag { color: var(--ink); }
.pc-del-mar-v4 .heart-system { position: relative; width: min(360px, 80vw); height: 300px; margin: auto; }
.pc-del-mar-v4 .heart-system span { position:absolute;width:86px;height:86px;background:var(--ink);border-radius:50% 50% 50% 8%;transform:rotate(-45deg)}.pc-del-mar-v4 .heart-system span::before,.pc-del-mar-v4 .heart-system span::after{content:"";position:absolute;width:86px;height:86px;background:var(--ink);border-radius:50%}.pc-del-mar-v4 .heart-system span::before{top:-43px;left:0}.pc-del-mar-v4 .heart-system span::after{left:43px;top:0}.pc-del-mar-v4 .heart-system span:nth-child(1){left:25%;top:45%}.pc-del-mar-v4 .heart-system span:nth-child(2){right:18%;top:45%;transform:rotate(-45deg) scale(.68)}.pc-del-mar-v4 .heart-system span:nth-child(3){left:8%;top:18%;transform:rotate(-45deg) scale(.68)}
.pc-del-mar-v4 .heart-system i { position:absolute;height:2px;background:var(--aqua);transform-origin:left}.pc-del-mar-v4 .heart-system i:nth-of-type(1){width:105px;left:25%;top:40%;transform:rotate(25deg)}.pc-del-mar-v4 .heart-system i:nth-of-type(2){width:120px;left:42%;top:58%;transform:rotate(-10deg)}.pc-del-mar-v4 .heart-system i:nth-of-type(3){width:110px;left:22%;top:62%;transform:rotate(158deg)}

.pc-del-mar-v4 .label-story { background: var(--white); }
.pc-del-mar-v4 .label-lab { grid-column: 1 / -1; display: grid; grid-template-columns: 7fr 5fr; min-height: 560px; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.pc-del-mar-v4 .sample-label { align-self:center; width:min(620px,calc(100% - 80px)); margin:auto; padding:48px;color:var(--ink);background:var(--paper);box-shadow:12px 14px 0 var(--sand);transform:rotate(-1.5deg)}
.pc-del-mar-v4 .sample-stamp{display:inline-block;margin-bottom:28px;padding:7px 10px;color:var(--white);background:var(--coral);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.pc-del-mar-v4 .sample-label h3{margin-bottom:4px;font-size:42px;letter-spacing:-.03em}.pc-del-mar-v4 .scientific{margin-bottom:32px;color:var(--muted)}
.pc-del-mar-v4 .label-grid{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--ink)}.pc-del-mar-v4 .label-grid div{padding:18px 16px 18px 0;border-bottom:1px solid var(--line)}.pc-del-mar-v4 .label-grid div:nth-child(odd){border-right:1px solid var(--line)}.pc-del-mar-v4 .label-grid div:nth-child(even){padding-left:16px}.pc-del-mar-v4 .label-grid span,.pc-del-mar-v4 .label-lot span{display:block;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pc-del-mar-v4 .label-grid strong{font-size:14px}
.pc-del-mar-v4 .label-lot{display:flex;justify-content:space-between;gap:20px;padding-top:20px}.pc-del-mar-v4 .label-lot span{margin:0}.pc-del-mar-v4 .label-lot b{font-size:13px}
.pc-del-mar-v4 .sample-label [data-label-field].is-highlighted{background:var(--aqua);box-shadow:0 0 0 8px var(--aqua)}
.pc-del-mar-v4 .label-reader { padding: 46px; background: var(--ink); color: var(--white); }
.pc-del-mar-v4 .label-reader .plate-index{color:var(--aqua)}.pc-del-mar-v4 .label-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:44px}.pc-del-mar-v4 .label-buttons button{min-height:44px;padding:0 13px;color:rgba(255,255,255,.72);background:transparent;border:1px solid var(--light-line);border-radius:999px;cursor:pointer;font-size:12px;font-weight:700}.pc-del-mar-v4 .label-buttons button:hover,.pc-del-mar-v4 .label-buttons button.is-active{color:var(--ink);background:var(--aqua);border-color:var(--aqua)}.pc-del-mar-v4 .label-reader article p{color:rgba(255,255,255,.7)}
.pc-del-mar-v4 .trace-note{grid-column:3/-2;display:grid;grid-template-columns:3fr 7fr;gap:32px;margin-top:64px;padding-top:32px;border-top:1px solid var(--line)}.pc-del-mar-v4 .trace-note strong{font-size:22px}.pc-del-mar-v4 .trace-note p{margin:0;color:var(--muted);line-height:1.7}

.pc-del-mar-v4 .nutrition { color: var(--white); background: var(--green); }
.pc-del-mar-v4 .nutrition-lab { grid-column:1/-1;display:grid;grid-template-columns:5fr 7fr;min-height:560px;background:var(--white);border-radius:16px;overflow:hidden}
.pc-del-mar-v4 .nutrition-controls{padding:48px;color:var(--ink);background:var(--sand)}.pc-del-mar-v4 .nutrition-controls fieldset{padding:0;margin:0 0 34px;border:0}.pc-del-mar-v4 .nutrition-controls legend{margin-bottom:14px;font-size:13px;font-weight:700}.pc-del-mar-v4 .nutrition-controls label{display:inline-block;margin:0 6px 8px 0}.pc-del-mar-v4 .nutrition-controls input{position:absolute;opacity:0;pointer-events:none}.pc-del-mar-v4 .nutrition-controls span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid rgba(0,36,62,.28);border-radius:999px;cursor:pointer;font-size:13px;font-weight:700}.pc-del-mar-v4 .nutrition-controls input:checked+span{color:var(--white);background:var(--ink);border-color:var(--ink)}.pc-del-mar-v4 .nutrition-controls input:focus-visible+span{outline:3px solid var(--coral);outline-offset:3px}
.pc-del-mar-v4 .nutrition-result{padding:46px;color:var(--ink)}.pc-del-mar-v4 .nutrition-result .plate-index{color:var(--green)}.pc-del-mar-v4 .nutrient-lines{margin:30px 0}.pc-del-mar-v4 .nutrient-lines div{display:grid;grid-template-columns:150px 1fr 100px;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.pc-del-mar-v4 .nutrient-lines i{height:10px;background:linear-gradient(90deg,var(--green) 0 var(--level),rgba(0,36,62,.1) var(--level));border-radius:999px}.pc-del-mar-v4 .nutrient-lines b{text-align:right}
.pc-del-mar-v4 .nutrition-rules{grid-column:2/-2;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.pc-del-mar-v4 .nutrition-rules p{margin:0;padding-top:24px;border-top:1px solid rgba(255,255,255,.35);line-height:1.65}.pc-del-mar-v4 .nutrition-rules strong{display:block;margin-bottom:8px;color:var(--aqua)}
.pc-del-mar-v4 .wonder-band--skin{color:var(--white);background:var(--ink-deep)}.pc-del-mar-v4 .wonder-band--skin::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 34%,rgba(0,23,35,.38) 48%,var(--ink-deep) 64%);pointer-events:none}.pc-del-mar-v4 .wonder-band--skin .wonder-layout{position:relative;z-index:1}.pc-del-mar-v4 .skin-field{position:absolute;inset:0 45% 0 0;padding:0;opacity:.78}.pc-del-mar-v4 .skin-field img{width:100%;height:100%;object-fit:cover}

.pc-del-mar-v4 .safety { background: var(--paper); }
.pc-del-mar-v4 .allergen-strip{grid-column:1/-1;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:16px;align-items:center;padding:24px 28px;color:var(--white);background:var(--ink);border-radius:16px}.pc-del-mar-v4 .allergen-strip p{margin:0}.pc-del-mar-v4 .allergen-strip strong{display:flex;align-items:center;gap:10px;font-size:18px}.pc-del-mar-v4 .allergen-strip strong span{color:var(--aqua)}.pc-del-mar-v4 .allergen-note{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--light-line);color:rgba(255,255,255,.68)}
.pc-del-mar-v4 .risk-matrix{grid-column:1/-1;display:grid;grid-template-columns:4fr 8fr;min-height:560px;margin-top:48px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.pc-del-mar-v4 .risk-list{display:grid;align-content:start;background:var(--white)}.pc-del-mar-v4 .risk-tab{display:grid;grid-template-columns:44px 1fr;align-items:center;min-height:70px;padding:0 22px;color:var(--muted);background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;font-weight:700}.pc-del-mar-v4 .risk-tab span{font-size:11px}.pc-del-mar-v4 .risk-tab:hover,.pc-del-mar-v4 .risk-tab.is-active{color:var(--white);background:var(--coral)}
.pc-del-mar-v4 .risk-story{padding:48px;background:var(--sand)}.pc-del-mar-v4 .risk-kind{color:var(--coral)}.pc-del-mar-v4 .risk-story h3{margin-top:24px;font-size:var(--type-panel-title)}.pc-del-mar-v4 .risk-story dl{margin:28px 0 0}.pc-del-mar-v4 .risk-story dl div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:13px 0;border-top:1px solid rgba(0,36,62,.22)}.pc-del-mar-v4 .risk-story dt{font-size:var(--type-panel-body);font-weight:700}.pc-del-mar-v4 .risk-story dd{margin:0}
.pc-del-mar-v4 .myths{grid-column:2/-2;display:grid;grid-template-columns:4fr 8fr;gap:0 48px;margin-top:96px}.pc-del-mar-v4 .myths-heading{grid-row:1/span 5}.pc-del-mar-v4 .myths-heading h3{margin:18px 0 0;font-size:var(--type-feature);line-height:1.04}.pc-del-mar-v4 .myths details{grid-column:2;border-top:1px solid var(--line)}.pc-del-mar-v4 .myths summary{display:flex;align-items:center;min-height:60px;padding-block:10px;cursor:pointer;font-weight:700}.pc-del-mar-v4 .myths details p{margin:0 0 20px;color:var(--muted);line-height:1.65}

.pc-del-mar-v4 .home-chain { background: var(--white); }
.pc-del-mar-v4 .cold-chain{grid-column:1/-1;position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:0;margin:0;list-style:none}.pc-del-mar-v4 .cold-chain::before{content:"";position:absolute;left:7%;right:7%;top:32px;height:2px;background:var(--aqua)}.pc-del-mar-v4 .cold-chain li{position:relative;padding:0 20px}.pc-del-mar-v4 .cold-icon{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;margin:0 auto 28px;color:var(--ink);background:var(--aqua);border:8px solid var(--white);border-radius:50%;font-weight:700}.pc-del-mar-v4 .cold-chain h3{font-size:20px}.pc-del-mar-v4 .cold-chain p{color:var(--muted);font-size:14px;line-height:1.65}
.pc-del-mar-v4 .freshness-limit{grid-column:3/-2;display:grid;grid-template-columns:3fr 7fr;gap:32px;margin-top:80px;padding:32px;color:var(--white);background:var(--coral);border-radius:14px}.pc-del-mar-v4 .freshness-limit strong{font-size:25px}.pc-del-mar-v4 .freshness-limit p{margin:0;line-height:1.65}
.pc-del-mar-v4 .wonder-band--filter{color:var(--ink);background:var(--sand)}.pc-del-mar-v4 .wonder-band--filter .curiosity-tag{color:var(--green)}.pc-del-mar-v4 .filter-visual{position:relative;width:min(440px,80vw);margin:auto}.pc-del-mar-v4 .filter-visual picture{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:50% 50% 46% 46%;box-shadow:0 24px 60px rgba(0,36,62,.2)}.pc-del-mar-v4 .filter-visual img{width:100%;height:100%;object-fit:cover}.pc-del-mar-v4 .filter-visual figcaption{max-width:36ch;margin:18px auto 0;color:var(--muted);font-size:12px;line-height:1.5;text-align:center}

.pc-del-mar-v4 .closing{position:relative;padding-block:160px;color:var(--white);background:var(--ink);overflow:hidden}.pc-del-mar-v4 .closing .section-kicker{color:var(--aqua)}.pc-del-mar-v4 .closing h2{margin:24px 0 32px;font-size:var(--type-section);line-height:1;letter-spacing:-.04em}.pc-del-mar-v4 .closing p{color:rgba(255,255,255,.72);font-size:var(--type-lead);line-height:1.7}.pc-del-mar-v4 .question-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding:0;margin:56px 0;list-style:none;border-top:1px solid var(--light-line)}.pc-del-mar-v4 .question-list li{padding:18px 0;border-bottom:1px solid var(--light-line);font-weight:700}.pc-del-mar-v4 .back-top{display:inline-flex;align-items:center;gap:12px;min-height:48px;color:var(--sand);font-weight:700;text-decoration:none}.pc-del-mar-v4 .closing-lights span{position:absolute;width:10px;height:10px;background:var(--aqua);border-radius:50%;box-shadow:0 0 24px var(--aqua)}.pc-del-mar-v4 .closing-lights span:nth-child(1){left:12%;top:20%}.pc-del-mar-v4 .closing-lights span:nth-child(2){right:16%;top:35%}.pc-del-mar-v4 .closing-lights span:nth-child(3){right:27%;bottom:20%}
.pc-del-mar-v4 .sources{padding-block:96px;background:var(--paper)}.pc-del-mar-v4 .sources-layout{display:grid;grid-template-columns:4fr 8fr;gap:80px}.pc-del-mar-v4 .sources h2{margin:20px 0;font-size:var(--type-feature);letter-spacing:-.03em}.pc-del-mar-v4 .sources p{color:var(--muted);line-height:1.7}.pc-del-mar-v4 .source-groups details{border-top:1px solid var(--line)}.pc-del-mar-v4 .source-groups details:last-child{border-bottom:1px solid var(--line)}.pc-del-mar-v4 .source-groups summary{padding:18px 0;cursor:pointer;font-weight:700}.pc-del-mar-v4 .source-groups ul{padding:0 0 20px;margin:0;list-style:none}.pc-del-mar-v4 .source-groups li{margin:0}.pc-del-mar-v4 .source-groups a{display:inline-flex;align-items:center;min-height:44px;color:var(--aqua-deep);text-underline-offset:3px}

@media (max-width: 1180px) {
  .pc-del-mar-v4 { --shell: min(100% - 80px, 1040px); }
  .pc-del-mar-v4 .hero-copy { grid-column: 1 / span 9; }
  .pc-del-mar-v4 .hero-aside { display: none; }
  .pc-del-mar-v4 .section-heading > h2 { grid-column: 1 / span 9; }
  .pc-del-mar-v4 .section-heading > p:not(.section-kicker) { grid-column: 10 / -1; }
  .pc-del-mar-v4 .anatomy-copy,.pc-del-mar-v4 .cut-copy,.pc-del-mar-v4 .gear-copy,.pc-del-mar-v4 .label-reader,.pc-del-mar-v4 .nutrition-result,.pc-del-mar-v4 .risk-story{padding:44px}
  .pc-del-mar-v4 .gear-explorer{grid-template-columns:2fr 5fr 5fr}
  .pc-del-mar-v4 .origin-side{padding:40px}.pc-del-mar-v4 .origin-split{grid-template-columns:1fr 120px 1fr}
  .pc-del-mar-v4 .cold-chain{grid-template-columns:repeat(3,1fr);gap:40px 0}.pc-del-mar-v4 .cold-chain::before{display:none}
}

@media (max-width: 900px) {
  .pc-del-mar-v4 { --shell: min(100% - 56px, 820px); --type-display: clamp(62px, 12vw, 96px); --type-section: clamp(40px, 5vw, 56px); --type-feature: clamp(30px, 3.6vw, 42px); --type-subhead: clamp(26px, 3.2vw, 36px); }
  .pc-del-mar-v4 .hero-grid { grid-template-columns: repeat(8,1fr); }
  .pc-del-mar-v4 .hero-copy { grid-column:1/-1;max-width:720px }
  .pc-del-mar-v4 .hero h1 { font-size: var(--type-display); }
  .pc-del-mar-v4 .atlas-section{padding-block:104px}.pc-del-mar-v4 .opening-note{padding-block:96px}
  .pc-del-mar-v4 .section-grid,.pc-del-mar-v4 .section-heading{grid-template-columns:repeat(8,1fr)}
  .pc-del-mar-v4 .section-heading > h2,.pc-del-mar-v4 .section-heading--split>div{grid-column:1/-1}.pc-del-mar-v4 .section-heading>p:not(.section-kicker),.pc-del-mar-v4 .section-heading--split>p{grid-column:1/span 6!important;margin-top:8px}
  .pc-del-mar-v4 .taxonomy-map{grid-template-columns:1fr 2fr}.pc-del-mar-v4 .taxonomy-root{display:none}.pc-del-mar-v4 .taxonomy-branches{border-left:1px solid var(--line)}
  .pc-del-mar-v4 .field-note{grid-column:4/-1}
  .pc-del-mar-v4 .anatomy-plate,.pc-del-mar-v4 .cut-lab,.pc-del-mar-v4 .label-lab,.pc-del-mar-v4 .nutrition-lab,.pc-del-mar-v4 .risk-matrix{grid-template-columns:1fr}.pc-del-mar-v4 .fish-anatomy,.pc-del-mar-v4 .cut-visual{min-height:460px}.pc-del-mar-v4 .anatomy-copy,.pc-del-mar-v4 .cut-copy{min-height:auto}
  .pc-del-mar-v4 .flatfish-story,.pc-del-mar-v4 .tuna-cutaway{grid-template-columns:1fr}.pc-del-mar-v4 .metamorphosis{margin-top:24px}
  .pc-del-mar-v4 .bioluminescence-story{min-height:620px}.pc-del-mar-v4 .bioluminescence-story figcaption{width:66%;min-height:620px;padding:42px}.pc-del-mar-v4 .bioluminescence-story::after{background:linear-gradient(90deg,rgba(0,17,28,.96) 0 48%,rgba(0,17,28,.58) 72%,transparent)}
  .pc-del-mar-v4 .wonder-layout,.pc-del-mar-v4 .wonder-layout--reverse{grid-template-columns:1fr}.pc-del-mar-v4 .wonder-layout--reverse>div:first-child{order:2}.pc-del-mar-v4 .skin-field{inset:0;opacity:.18}.pc-del-mar-v4 .wonder-layout>div:empty{display:none}
  .pc-del-mar-v4 .spectrum-story{grid-template-columns:2fr 6fr;padding:48px}.pc-del-mar-v4 .tuna-cutaway{grid-column:1/-1}
  .pc-del-mar-v4 .catalogue-thread,.pc-del-mar-v4 .origin-conclusion,.pc-del-mar-v4 .trace-note,.pc-del-mar-v4 .nutrition-rules,.pc-del-mar-v4 .myths,.pc-del-mar-v4 .freshness-limit{grid-column:1/-1}
  .pc-del-mar-v4 .gear-explorer{grid-template-columns:1fr}.pc-del-mar-v4 .gear-nav{display:flex;overflow-x:auto}.pc-del-mar-v4 .gear-tab{flex:0 0 auto;padding:0 20px}.pc-del-mar-v4 .gear-stage{min-height:480px}.pc-del-mar-v4 .fishing-principle{grid-column:2/-1}
  .pc-del-mar-v4 .origin-split{grid-template-columns:1fr}.pc-del-mar-v4 .origin-side--capture{border-radius:16px 16px 0 0}.pc-del-mar-v4 .origin-side--farm{border-radius:0 0 16px 16px}.pc-del-mar-v4 .origin-bridge{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:18px}.pc-del-mar-v4 .origin-bridge span{width:100%;margin-bottom:4px}.pc-del-mar-v4 .origin-bridge p{margin:0;padding:5px 10px}
  .pc-del-mar-v4 .label-lab,.pc-del-mar-v4 .nutrition-lab,.pc-del-mar-v4 .risk-matrix{min-height:0}.pc-del-mar-v4 .sample-label{margin-block:56px}.pc-del-mar-v4 .label-reader,.pc-del-mar-v4 .nutrition-result,.pc-del-mar-v4 .risk-story{min-height:0}
  .pc-del-mar-v4 .nutrition-rules{grid-template-columns:1fr}.pc-del-mar-v4 .allergen-strip{grid-template-columns:1fr repeat(3,1fr)}
  .pc-del-mar-v4 .myths{grid-template-columns:1fr}.pc-del-mar-v4 .myths-heading{grid-row:auto;margin-bottom:36px}.pc-del-mar-v4 .myths details{grid-column:1}
  .pc-del-mar-v4 .cold-chain{grid-template-columns:1fr 1fr;gap:48px 0}.pc-del-mar-v4 .cold-chain li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:0}.pc-del-mar-v4 .cold-icon{margin:0}
  .pc-del-mar-v4 .sources-layout{grid-template-columns:1fr;gap:48px}
}

@media (max-width: 620px) {
  .pc-del-mar-v4 { --shell: calc(100% - 36px); --type-kicker: 10px; --type-body: 16px; --type-lead: 17px; --type-display: clamp(54px, 17vw, 72px); --type-section: 40px; --type-feature: 32px; --type-subhead: 28px; --type-panel-title: 30px; --type-panel-body: 15px; --type-panel-leading: 1.44; }
  .pc-del-mar-v4{font-size:16px}.pc-del-mar-v4 .hero-tools{left:18px;right:18px;top:16px}.pc-del-mar-v4 .brand-mark span{display:none}.pc-del-mar-v4 .motion-label{display:none}.pc-del-mar-v4 .motion-control{width:44px;padding:0;justify-content:center}
  .pc-del-mar-v4 .hero-grid{padding-block:118px 96px}.pc-del-mar-v4 .hero-kicker{font-size:var(--type-kicker)}.pc-del-mar-v4 .hero h1{font-size:var(--type-display);line-height:.9}.pc-del-mar-v4 .hero-lead{font-size:var(--type-lead);max-width:78%}.pc-del-mar-v4 .depth-index{bottom:18px;font-size:8px;gap:6px}.pc-del-mar-v4 .depth-index span:nth-of-type(2),.pc-del-mar-v4 .depth-index span:nth-of-type(3){display:none}.pc-del-mar-v4 .depth-index{grid-template-columns:auto 1fr auto}.pc-del-mar-v4 .depth-index i:nth-of-type(2),.pc-del-mar-v4 .depth-index i:nth-of-type(3){display:none}
  .pc-del-mar-v4 .chapter-rail{bottom:12px;justify-content:flex-start;width:calc(100vw - 24px);padding:6px;border-radius:16px}.pc-del-mar-v4 .chapter-rail a{padding:9px 11px}
  .pc-del-mar-v4 .opening-note{padding-block:72px}.pc-del-mar-v4 .opening-note h2{font-size:var(--type-feature)}.pc-del-mar-v4 .opening-deck{font-size:var(--type-lead)}.pc-del-mar-v4 .documentary-spread{min-height:560px;height:145vw}.pc-del-mar-v4 .documentary-spread img{object-position:58% center}.pc-del-mar-v4 .documentary-spread figcaption{left:18px;right:18px;bottom:24px;display:block}.pc-del-mar-v4 .documentary-spread figcaption span{display:block;margin-bottom:12px}.pc-del-mar-v4 .documentary-spread figcaption strong{font-size:var(--type-subhead)}
  .pc-del-mar-v4 .atlas-section{padding-block:80px}.pc-del-mar-v4 .section-grid,.pc-del-mar-v4 .section-heading{display:block}.pc-del-mar-v4 .section-heading{margin-bottom:48px}.pc-del-mar-v4 .section-heading>p:not(.section-kicker),.pc-del-mar-v4 .section-heading--split>p{margin-top:24px}.pc-del-mar-v4 .section-heading>h2,.pc-del-mar-v4 .section-heading--split>div h2{font-size:var(--type-section)}.pc-del-mar-v4 .section-kicker{font-size:var(--type-kicker)}
  .pc-del-mar-v4 .taxonomy-map{display:block;min-height:0;border:1px solid var(--line)}.pc-del-mar-v4 .taxonomy-branches{display:flex;overflow-x:auto;border:0;border-bottom:1px solid var(--line)}.pc-del-mar-v4 .taxon-tab{flex:0 0 145px;display:block;padding:18px;border:0;border-right:1px solid var(--line);text-align:center}.pc-del-mar-v4 .taxon-icon{display:block;margin:0 auto 12px}.pc-del-mar-v4 .taxon-tab small{display:block}.pc-del-mar-v4 .taxon-panel{padding:32px 24px}.pc-del-mar-v4 .field-note{margin-top:24px;padding:22px}
  .pc-del-mar-v4 .fish-anatomy,.pc-del-mar-v4 .cut-visual{min-height:340px;padding:18px}.pc-del-mar-v4 .diagram-pin,.pc-del-mar-v4 .cut-pin{min-height:44px;padding:0 10px;font-size:11px}.pc-del-mar-v4 .pin-otolith{left:10%;top:39%}.pc-del-mar-v4 .pin-line{left:45%;top:60%}.pc-del-mar-v4 .pin-sound{left:10%;top:68%}.pc-del-mar-v4 .anatomy-copy,.pc-del-mar-v4 .cut-copy,.pc-del-mar-v4 .gear-copy,.pc-del-mar-v4 .label-reader,.pc-del-mar-v4 .nutrition-result,.pc-del-mar-v4 .risk-story{padding:28px 22px;min-height:0}.pc-del-mar-v4 .anatomy-copy h3,.pc-del-mar-v4 .cut-copy h3,.pc-del-mar-v4 .gear-copy h3,.pc-del-mar-v4 .label-reader h3,.pc-del-mar-v4 .nutrition-result h3,.pc-del-mar-v4 .risk-story h3{font-size:var(--type-panel-title)}.pc-del-mar-v4 .plate-index{margin-bottom:24px}.pc-del-mar-v4 .fine-print{margin-top:28px}
  .pc-del-mar-v4 .flatfish-story{padding-top:72px}.pc-del-mar-v4 .metamorphosis-labels{gap:8px;font-size:10px}.pc-del-mar-v4 .flatfish,.pc-del-mar-v4 .flatfish-photo{max-width:220px;margin-inline:auto}.pc-del-mar-v4 .anatomy-macro picture{aspect-ratio:4/3}.pc-del-mar-v4 .bioluminescence-story{min-height:620px;margin-top:72px}.pc-del-mar-v4 .bioluminescence-story picture,.pc-del-mar-v4 .bioluminescence-story img{height:42%;inset:auto 0 0}.pc-del-mar-v4 .bioluminescence-story::after{background:linear-gradient(180deg,var(--ink-deep) 0 50%,rgba(0,17,28,.38) 78%,transparent)}.pc-del-mar-v4 .bioluminescence-story figcaption{width:100%;min-height:380px;padding:28px 22px;align-content:start}.pc-del-mar-v4 .bioluminescence-story h3{font-size:var(--type-section)}.pc-del-mar-v4 .bioluminescence-story figcaption>p:not(.curiosity-tag){font-size:var(--type-body)}.pc-del-mar-v4 .bio-glow{right:8%;top:auto;bottom:8%;width:70%}
  .pc-del-mar-v4 .wonder-band{padding-block:80px}.pc-del-mar-v4 .wonder-band h2{font-size:var(--type-section)}.pc-del-mar-v4 .wonder-band p:last-child{font-size:var(--type-lead)}.pc-del-mar-v4 .sound-orbit{width:220px}
  .pc-del-mar-v4 .spectrum-tabs{display:block}.pc-del-mar-v4 .spectrum-tab{width:100%;min-height:72px}.pc-del-mar-v4 .spectrum-story{grid-template-columns:1fr;padding:28px 22px}.pc-del-mar-v4 .fat-vessel{width:82px;height:144px}.pc-del-mar-v4 .spectrum-story h3{font-size:var(--type-panel-title)}.pc-del-mar-v4 .fat-card{flex-basis:82%;}.pc-del-mar-v4 .fat-gallery-heading>p{font-size:11px}.pc-del-mar-v4 .tuna-cutaway{padding-top:72px}.pc-del-mar-v4 .tuna-silhouette{height:220px}.pc-del-mar-v4 .tuna-copy h3{font-size:var(--type-panel-title)}
  .pc-del-mar-v4 .cut-pin--head{left:4%;top:26%}.pc-del-mar-v4 .cut-pin--loin{left:37%;top:20%}.pc-del-mar-v4 .cut-pin--belly{left:32%;bottom:17%}.pc-del-mar-v4 .cut-pin--steak{right:18%;top:48%}.pc-del-mar-v4 .cut-pin--tail{right:2%;bottom:24%}.pc-del-mar-v4 .catalogue-thread{margin-top:48px}.pc-del-mar-v4 .catalogue-thread li{grid-template-columns:1fr}.pc-del-mar-v4 .catalogue-thread span{font-size:14px}
  .pc-del-mar-v4 .gear-stage{min-height:310px;padding:18px}.pc-del-mar-v4 .gear-copy{min-height:0}.pc-del-mar-v4 .fishing-principle{margin-top:48px}.pc-del-mar-v4 .fishing-principle p{font-size:var(--type-subhead)}
  .pc-del-mar-v4 .origin-side{padding:32px 24px}.pc-del-mar-v4 .origin-icon{height:120px}.pc-del-mar-v4 .origin-conclusion{margin-top:40px;font-size:17px}.pc-del-mar-v4 .heart-system{transform:scale(.78)}
  .pc-del-mar-v4 .sample-label{width:calc(100% - 36px);margin-block:40px;padding:24px;box-shadow:8px 9px 0 var(--sand)}.pc-del-mar-v4 .sample-label h3{font-size:var(--type-feature)}.pc-del-mar-v4 .label-grid{display:block}.pc-del-mar-v4 .label-grid div,.pc-del-mar-v4 .label-grid div:nth-child(odd),.pc-del-mar-v4 .label-grid div:nth-child(even){padding:12px 0;border-right:0}.pc-del-mar-v4 .label-reader{min-height:0}.pc-del-mar-v4 .trace-note{display:block;margin-top:40px}.pc-del-mar-v4 .trace-note strong{display:block;margin-bottom:16px}
  .pc-del-mar-v4 .nutrition-controls{padding:28px 22px}.pc-del-mar-v4 .nutrition-result{min-height:0}.pc-del-mar-v4 .nutrient-lines div{grid-template-columns:1fr 85px}.pc-del-mar-v4 .nutrient-lines i{grid-column:1/-1;grid-row:2}.pc-del-mar-v4 .nutrient-lines b{text-align:right}
  .pc-del-mar-v4 .allergen-strip{display:block;padding:22px}.pc-del-mar-v4 .allergen-strip strong{margin:16px 0}.pc-del-mar-v4 .risk-list{display:flex;overflow-x:auto}.pc-del-mar-v4 .risk-tab{flex:0 0 156px}.pc-del-mar-v4 .risk-story{min-height:0}.pc-del-mar-v4 .risk-story dl div{display:block}.pc-del-mar-v4 .risk-story dt{margin-bottom:8px}.pc-del-mar-v4 .risk-story h3{font-size:var(--type-panel-title)}.pc-del-mar-v4 .myths{margin-top:72px}
  .pc-del-mar-v4 .cold-chain{grid-template-columns:1fr}.pc-del-mar-v4 .freshness-limit{display:block;margin-top:56px}.pc-del-mar-v4 .freshness-limit strong{display:block;margin-bottom:16px}
  .pc-del-mar-v4 .question-list{grid-template-columns:1fr}.pc-del-mar-v4 .closing{padding-block:96px}.pc-del-mar-v4 .closing h2{font-size:var(--type-section)}.pc-del-mar-v4 .closing p{font-size:var(--type-lead)}.pc-del-mar-v4 .sources{padding-block:72px}
}

@media (prefers-reduced-motion: reduce) {
  .pc-del-mar-v4 { scroll-behavior: auto; }
  .pc-del-mar-v4 *, .pc-del-mar-v4 *::before, .pc-del-mar-v4 *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .pc-del-mar-v4 .hero-light { display: none; }
  .pc-del-mar-v4 .hero-canvas--front { opacity: .42; }
}

/* Variante de QA local equivalente a prefers-reduced-motion: reduce. */
.pc-del-mar-v4.force-reduced-motion { scroll-behavior: auto; }
.pc-del-mar-v4.force-reduced-motion *, .pc-del-mar-v4.force-reduced-motion *::before, .pc-del-mar-v4.force-reduced-motion *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
.pc-del-mar-v4.force-reduced-motion .hero-light { display: none; }
.pc-del-mar-v4.force-reduced-motion .hero-canvas--front { opacity: .42; }
.pc-del-mar-v4.motion-paused .fish-tail, .pc-del-mar-v4.motion-paused .fish-swimmer, .pc-del-mar-v4.motion-paused .lateral-line, .pc-del-mar-v4.motion-paused .water-sense, .pc-del-mar-v4.motion-paused .meta-eye--moving, .pc-del-mar-v4.motion-paused .cut-fish-art, .pc-del-mar-v4.motion-paused .cut-tail, .pc-del-mar-v4.motion-paused .cut-zone, .pc-del-mar-v4.motion-paused .cut-scan, .pc-del-mar-v4.motion-paused .bio-glow { animation-play-state: paused; }

/* Integración WordPress/Elementor: ancho completo y compensación de la cabecera global. */
body.page-id-1349 { overflow-x: hidden; }
body.page-id-1349 .elementor-widget-shortcode,
body.page-id-1349 .elementor-widget-shortcode > .elementor-widget-container { width: 100%; max-width: none; margin: 0; padding: 0; overflow: visible; }
body.page-id-1349 .pc-del-mar-v4 { position: relative; width: 100vw; max-width: none; margin: 0 0 0 calc(50% - 50vw); overflow-x: clip; }
body.page-id-1349 .pc-del-mar-v4 .hero,
body.page-id-1349 .pc-del-mar-v4 .hero-grid { min-height: calc(100svh - 98px); }
body.page-id-1349 .pc-del-mar-v4 .skip-link { top: 114px; transform: translateY(-500%); }
body.page-id-1349 .pc-del-mar-v4 .skip-link:focus { transform: none; }
body.page-id-1349 .pc-del-mar-v4 [id] { scroll-margin-top: 98px; }
body.page-id-1349 [id^="pc-floating-container"] { display: none !important; }