/* Únicamente cabecera y franja de estadísticas. El catálogo conserva sus estilos. */
.ocean-header{position:relative;isolation:isolate;min-height:300px;padding:25px 5.5% 35px;overflow:hidden;color:#effaf7;background:#061923 url('img/ocean-header.jpg') center 53%/cover no-repeat;font-family:Georgia,"Iowan Old Style",serif}
.ocean-header::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,15,24,.35),rgba(0,15,24,.06) 70%)}
.ocean-header-nav{position:absolute;right:5.5%;top:23px;display:flex;gap:25px;z-index:2;font-size:16px;line-height:1.5}
.ocean-header-nav a{color:#effaf7;text-decoration:none;padding:0 4px 7px;text-shadow:0 1px 8px #000;background:#00131b30;border-bottom:2px solid transparent}
.ocean-header-nav a[aria-current],.ocean-header-nav a:hover{border-bottom-color:#ffe568}
.ocean-header-nav a:focus-visible{outline:2px solid #ffe568;outline-offset:5px}
.ocean-header-content{position:relative;z-index:1;padding-top:10px}
.ocean-header h1{font:400 clamp(40px,5.2vw,96px)/1.06 Georgia,"Iowan Old Style",serif;letter-spacing:-.035em;white-space:nowrap;margin:0 0 12px;max-width:calc(100% - 160px);text-shadow:0 2px 22px #00121b55}
.ocean-header-author{font:italic 400 clamp(23px,2.1vw,39px)/1.2 Georgia,serif;margin:0;color:#effaf7}
.ocean-header-rule{display:block;width:42px;height:2px;background:#ffe568;margin:23px 0 16px}
.ocean-header-description{font:400 10px/1.8 Georgia,serif;letter-spacing:.22em;margin:0;color:#effaf7}
.ocean-summary{display:grid;grid-template-columns:1.8fr repeat(3,minmax(0,1fr));gap:20px;align-items:center;padding:17px 5.5%;min-height:102px;background:#ffe568;color:#061923;font-family:Georgia,"Iowan Old Style",serif}
.ocean-summary>p{font:italic 400 clamp(19px,1.7vw,29px)/1.2 Georgia,serif;margin:0}
.ocean-summary>div{border-left:1px solid #06192340;text-align:center;padding:0 8px}
.ocean-summary strong{font:400 clamp(35px,4vw,62px)/1 Georgia,serif;letter-spacing:-.04em;display:block;color:#061923}
.ocean-summary span{font:400 9px/1.5 Georgia,serif;letter-spacing:.22em;display:block;margin-top:7px;color:#061923}
@media(min-width:1600px){.ocean-header{min-height:330px;padding-top:24px}.ocean-header h1{font-size:clamp(80px,5.2vw,140px)}.ocean-header-description{font-size:11px}.ocean-summary{min-height:115px}}
@media(max-width:1120px) and (min-width:821px){.ocean-header{min-height:300px}.ocean-header-content{padding-top:35px}.ocean-header h1{max-width:100%;font-size:clamp(34px,4.5vw,51px)}.ocean-summary{gap:10px;padding-left:4%;padding-right:4%}.ocean-summary>p{font-size:17px}.ocean-summary span{font-size:8px;letter-spacing:.12em}}
@media(max-width:820px){.ocean-header{min-height:300px;padding:65px 5% 28px}.ocean-header-content{padding-top:0}.ocean-header-nav{top:19px;right:5%;font-size:15px}.ocean-header h1{max-width:100%;font-size:clamp(39px,7.5vw,65px)}.header-filters{position:absolute;top:-48px;left:0;background:#061923bd}.ocean-header-author{font-size:27px}.ocean-summary{padding:20px 5%;gap:12px}.ocean-summary>p{font-size:19px}.ocean-summary strong{font-size:40px}.ocean-summary span{font-size:8px}}
@media(max-width:580px){.ocean-header{min-height:295px;background-position:62% 50%;padding-top:76px}.ocean-header h1{white-space:normal;font-size:clamp(42px,11vw,61px);max-width:340px;line-height:1.02;margin-bottom:12px}.ocean-header-author{font-size:25px}.ocean-header-rule{margin:20px 0 13px}.ocean-header-description{font-size:8px;letter-spacing:.16em}.header-filters{top:-58px}.ocean-summary{grid-template-columns:repeat(3,minmax(0,1fr));padding:21px 5%;gap:18px 6px}.ocean-summary>p{grid-column:1/-1;text-align:center;font-size:22px}.ocean-summary>p br{display:none}.ocean-summary>div:nth-child(2){border-left:0}.ocean-summary strong{font-size:38px}.ocean-summary span{font-size:8px;letter-spacing:.15em}}

/* Botones de navegación — amarillo solicitado. */
.ocean-header-nav a{background:#fbe278;color:#061923;text-shadow:none;padding:5px 12px;border-bottom-color:transparent}
.ocean-header-nav a[aria-current],.ocean-header-nav a:hover{background:#fbe278;border-bottom-color:#061923}

/* Ajustes de textos de cabecera. */
.ocean-header-author{color:#fbe278}

/* Cabecera compacta: ajustes del 13 de noviembre. */
.ocean-header-rule{display:none}
.ocean-header h1{font-size:clamp(24px,3.12vw,57.6px)}
.ocean-header-author{font-size:clamp(19.32px,1.764vw,32.76px)}
.ocean-header-nav a,.ocean-header-nav a[aria-current],.ocean-header-nav a:hover{background:rgba(0,0,0,.5);color:#fff;text-shadow:none;border-bottom-color:transparent}
.ocean-summary{min-height:51px;padding-top:8.5px;padding-bottom:8.5px;gap:10px}
.ocean-summary>p{font-size:clamp(10.45px,0.935vw,15.95px)}
.ocean-summary strong{font-size:clamp(17.5px,2vw,31px)}
.ocean-summary span{font-size:7px;margin-top:3px;letter-spacing:.16em}
@media(min-width:1600px){.ocean-header h1{font-size:clamp(48px,3.12vw,84px)}.ocean-summary{min-height:57.5px}}
@media(max-width:1120px) and (min-width:821px){.ocean-header h1{font-size:clamp(20.4px,2.7vw,30.6px)}.ocean-summary>p{font-size:9.35px}.ocean-summary span{font-size:7px}}
@media(max-width:820px){.ocean-header h1{font-size:clamp(23.4px,4.5vw,39px)}.ocean-header-author{font-size:22.68px}.ocean-summary{padding-top:10px;padding-bottom:10px;gap:6px}.ocean-summary>p{font-size:10.45px}.ocean-summary strong{font-size:20px}.ocean-summary span{font-size:7px}}
@media(max-width:580px){.ocean-header h1{font-size:clamp(25.2px,6.6vw,36.6px)}.ocean-header-author{font-size:21px}.ocean-summary{padding-top:10.5px;padding-bottom:10.5px;gap:9px 3px}.ocean-summary>p{font-size:12.1px}.ocean-summary strong{font-size:19px}.ocean-summary span{font-size:7px}}

/* Altura de la fotografía un 40 % menor. */
.ocean-header{min-height:180px}
@media(min-width:1600px){.ocean-header{min-height:198px}}
@media(max-width:1120px) and (min-width:821px){.ocean-header{min-height:180px}.ocean-header-content{padding-top:10px}}
@media(max-width:820px){.ocean-header{min-height:180px;padding-top:60px;padding-bottom:20px}.header-filters{top:-43px}}
@media(max-width:580px){.ocean-header{min-height:177px;padding-top:65px;padding-bottom:20px}.header-filters{top:-47px}}

/* Sección activa en la navegación principal. */
.ocean-header-nav a[aria-current="page"],.ocean-header-nav a[aria-current="page"]:hover{background:#fbe47b;color:#000;border-bottom-color:transparent}