.mq{background:var(--mq-papel);overflow-x:clip}
.mq-ojo{
display:flex;align-items:center;gap:.875rem;margin:0 0 var(--sp-5);
font-family:var(--ff-sans-display);font-weight:600;font-size:.75rem;line-height:1.4;
letter-spacing:.2em;text-transform:uppercase;color:var(--k-tuerkis-700);
}
.mq-ojo::before{content:"";flex:none;width:1.75rem;height:2px;background:var(--mq-tur)}
.mq-cab{padding-block:clamp(2.5rem,6vw,5rem) clamp(1.5rem,3vw,2.5rem);background:var(--mq-papel)}
.mq-cab h1{
margin:0;max-width:16ch;text-wrap:balance;
font-family:var(--ff-serif);font-weight:500;color:var(--k-marine-900);
font-size:clamp(2.5rem,1.6rem + 4.2vw,4.75rem);line-height:1.04;letter-spacing:-.02em;
}
.mq-cab__persona{
margin-top:var(--sp-6);max-width:28ch;
font-family:var(--ff-serif);font-style:italic;font-weight:400;
font-size:clamp(1.25rem,1rem + 1.2vw,1.75rem);line-height:1.4;color:var(--k-tuerkis-700);
}
.mq-cab__foto{
margin-top:clamp(2rem,4vw,3.5rem);overflow:hidden;aspect-ratio:2.6/1;
border-radius:0 clamp(3rem,9vw,7.5rem) 0 clamp(3rem,9vw,7.5rem);
box-shadow:0 30px 60px -28px rgba(0,36,62,.38);background:var(--k-nieve);
}
.mq-cab__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
@media (max-width:640px){.mq-cab__foto{aspect-ratio:4/3}}
.mq__cuerpo > .k-seccion{
position:relative;background:var(--k-blanco);
padding:var(--mq-y) var(--mq-x);
}
.mq .k-seccion h2{
margin:0 0 var(--sp-8);max-width:20ch;text-wrap:balance;
font-family:var(--ff-serif);font-weight:500;color:var(--k-marine-900);
font-size:clamp(1.75rem,1.25rem + 1.9vw,2.75rem);line-height:1.12;letter-spacing:-.012em;
}
.mq .k-seccion h2::before{
content:"";display:block;width:2.25rem;height:2px;background:var(--mq-tur);margin-bottom:var(--sp-5);
}
.mq .k-seccion h3{
margin:0 0 .5em;max-width:none;
font-family:var(--ff-serif);font-weight:500;color:var(--k-marine-900);
font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);line-height:1.25;letter-spacing:-.008em;
}
.mq .k-seccion p{max-width:62ch;color:var(--k-tinta-70);line-height:1.7}
.mq .k-seccion p + p{margin-top:1.1em}
.mq .k-seccion a:not(.btn){text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:.08em}
.mq .k-seccion ul,.mq .k-seccion ol{list-style:none;margin:0;padding:0}
.mq .k-seccion a[href^="mailto:"]{hyphens:none;overflow-wrap:anywhere}
@media (min-width:900px){
.mq .k-split,
.mq--leistungen .k-intro,
.mq--leistungen .k-zusammenarbeit,
.mq--ueber-mich .k-zahlen,
.mq--ueber-mich .k-branchen,
.mq--ueber-mich .k-warengruppen,
.mq--kontakt .k-erstgespraech{
display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(2rem,6vw,5.5rem);align-items:start;
}
.mq .k-split > h2,
.mq--leistungen .k-intro > h2,
.mq--leistungen .k-zusammenarbeit > h2,
.mq--ueber-mich .k-zahlen > h2,
.mq--ueber-mich .k-branchen > h2,
.mq--ueber-mich .k-warengruppen > h2,
.mq--kontakt .k-erstgespraech > h2{grid-column:1;grid-row:1;margin-bottom:0}
.mq--leistungen .k-intro > :not(h2),
.mq--leistungen .k-zusammenarbeit > :not(h2),
.mq--ueber-mich .k-zahlen > :not(h2),
.mq--ueber-mich .k-branchen > :not(h2),
.mq--ueber-mich .k-warengruppen > :not(h2),
.mq--kontakt .k-erstgespraech > :not(h2){grid-column:2}
}
.mq--ueber-mich .k-intro{
background:var(--mq-papel);padding-top:clamp(1.5rem,3vw,2.5rem);
display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-8);
}
.mq--ueber-mich .k-intro p{font-size:1.125rem;color:var(--k-tinta);max-width:none}
.mq--ueber-mich .k-intro p:first-of-type{font-size:1.25rem;line-height:1.6}
@media (min-width:900px){
.mq--ueber-mich .k-intro{
grid-template-columns:minmax(0,22rem) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;
column-gap:clamp(3rem,7vw,6.5rem);row-gap:0;align-items:start;
}
.mq--ueber-mich .k-intro > p{grid-column:2;max-width:38rem}
.mq--ueber-mich .k-intro > .mq-arco{grid-column:1;grid-row:1 / -1}
}
.mq-arco{position:relative;margin:0;width:min(100%,22rem)}
.mq-arco::before{
content:"";position:absolute;top:-14px;right:-14px;left:14px;bottom:14px;z-index:0;
border:1px solid rgba(11,165,165,.55);border-radius:999px 999px 6px 6px;
}
.mq-arco__marco{
position:relative;z-index:1;aspect-ratio:4/5.2;overflow:hidden;background:#dfe3e6;
border-radius:999px 999px 6px 6px;box-shadow:0 40px 60px -30px rgba(0,36,62,.45);
}
.mq-arco__marco img{width:100%;height:100%;object-fit:cover;object-position:50% 14%;display:block}
.mq-sello{
position:absolute;left:-.5rem;bottom:2.25rem;z-index:2;width:7rem;height:7rem;border-radius:50%;
background:var(--k-blanco);border:1px solid rgba(11,165,165,.35);box-shadow:0 14px 30px rgba(0,36,62,.18);
}
.mq-sello::before{
content:"&";position:absolute;inset:0;display:grid;place-items:center;padding-bottom:.25rem;
font-family:var(--ff-serif);font-style:italic;font-weight:500;font-size:2.875rem;line-height:1;color:var(--mq-tur);
}
.mq-sello::after{
content:"";position:absolute;inset:.5rem;border-radius:50%;
background:repeating-conic-gradient(from 0deg,var(--mq-tur) 0 1.5deg,transparent 1.5deg 7.5deg);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));
}
.mq-arco--sin-sello::before{display:none}
@media (min-width:900px){.mq-sello{left:-1.25rem}}
.mq--ueber-mich .k-keyfacts__grid{
display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,2.5rem);
margin-top:var(--sp-8);counter-reset:mq-k;
}
@media (min-width:760px){.mq--ueber-mich .k-keyfacts__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mq--ueber-mich .k-keyfacts__karte{
counter-increment:mq-k;padding:var(--sp-5) 0 0;background:none;border-top:2px solid var(--k-marine-900);
}
.mq--ueber-mich .k-keyfacts__karte::before{
content:counter(mq-k,decimal-leading-zero);display:block;margin-bottom:var(--sp-2);
font-family:var(--ff-serif);font-style:italic;font-weight:400;font-size:2rem;line-height:1;color:var(--mq-tur);
}
.mq--ueber-mich .k-keyfacts__karte p{font-size:.975rem}
.mq--ueber-mich .k-zahlen{background:var(--k-marine-900)}
.mq--ueber-mich .k-zahlen h2{color:var(--k-blanco)}
.mq--ueber-mich .k-zahlen h2::before,
.mq--leistungen .k-ablauf h2::before,
.mq--leistungen .k-cierre h2::before{background:var(--mq-tur-claro)}
.mq--ueber-mich .k-zahlen li{color:rgba(255,255,255,.86)}
.mq--ueber-mich .k-zahlen li::before{color:var(--mq-tur-claro)}
.mq--ueber-mich .k-zahlen .k-lista-2col{columns:1}
@media (min-width:1100px){.mq--ueber-mich .k-zahlen .k-lista-2col{columns:2;column-gap:var(--sp-8)}}
.mq--ueber-mich .k-lista-2col li{padding-bottom:.85em}
.mq--ueber-mich .k-chips{display:flex;flex-wrap:wrap;gap:.625rem;margin:0}
.mq--ueber-mich .k-chips li{
margin:0;padding:.5em 1.1em;background:transparent;border:1px solid rgba(0,47,90,.3);border-radius:999px;
font-family:var(--ff-sans-display);font-weight:600;font-size:.875rem;line-height:1.3;color:var(--k-marine-900);
}
.mq--ueber-mich .k-schwerpunkte{background:var(--mq-arena)}
@media (min-width:900px){
.mq--ueber-mich .k-schwerpunkte{
display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);grid-template-rows:auto 1fr;
column-gap:clamp(3rem,7vw,6.5rem);align-items:start;
}
.mq--ueber-mich .k-schwerpunkte > .mq-arco{grid-column:1;grid-row:1 / -1}
.mq--ueber-mich .k-schwerpunkte > h2{grid-column:2;grid-row:1}
.mq--ueber-mich .k-schwerpunkte > ul{grid-column:2;grid-row:2}
}
.mq--ueber-mich .k-schwerpunkte .mq-arco{margin-bottom:var(--sp-8)}
@media (min-width:900px){.mq--ueber-mich .k-schwerpunkte .mq-arco{margin-bottom:0}}
.mq--ueber-mich .k-schwerpunkte .k-lista-2col{columns:1}
.mq--ueber-mich .k-schwerpunkte li{color:var(--k-tinta);padding-bottom:1em;line-height:1.6}
.mq--ueber-mich .k-warengruppen p{max-width:none;color:var(--k-tinta-70)}
.mq--ueber-mich .k-stationen{background:var(--mq-papel)}
.mq--ueber-mich .k-tabla-stationen tbody tr:nth-child(even){background:rgba(255,255,255,.7)}
.mq--ueber-mich .k-tabla-stationen{font-size:.9375rem}
.mq--ueber-mich .k-tabla-stationen th,.mq--ueber-mich .k-tabla-stationen td{color:var(--k-tinta)}
.mq--ueber-mich .k-tabla-stationen thead th{color:var(--k-blanco)}
.mq--ueber-mich .k-tabla-stationen td.k-tabla-vol{color:var(--k-marine-900)}
@media (max-width:699px){
.mq--ueber-mich .k-tabla-stationen tbody tr{display:block;background:var(--k-blanco);margin-top:var(--sp-4);padding:var(--sp-4);border-top:2px solid var(--k-marine-900)}
.mq--ueber-mich .k-tabla-stationen tbody tr:nth-child(even){background:var(--k-blanco)}
}
.mq--leistungen .k-intro{padding-bottom:calc(var(--mq-y) * .55)}
.mq--leistungen .k-intro > p{color:var(--k-tinta-70);font-size:1.125rem}
.mq--leistungen .k-citable{padding-block:0 var(--mq-y)}
.mq--leistungen .k-citable p{
max-width:none;padding:clamp(1.75rem,3vw,2.5rem) clamp(1.5rem,4vw,3rem);
background:var(--k-marine-900);color:var(--k-pie-texto);border-top:2px solid var(--mq-tur);border-radius:2px;
font-size:1.0625rem;line-height:1.7;
}
.mq--leistungen .k-bloque{counter-increment:mq-b;border-top:1px solid var(--k-borde-suave);padding-block:clamp(2.5rem,5vw,4.5rem)}
.mq__cuerpo{counter-reset:mq-b}
.mq--leistungen .k-bloque h2::before{
content:counter(mq-b,decimal-leading-zero);width:auto;height:auto;background:none;margin-bottom:var(--sp-3);
font-family:var(--ff-serif);font-style:italic;font-weight:400;font-size:2rem;line-height:1;color:var(--mq-tur);
}
.mq--leistungen .k-bloque h3{
margin:0 0 var(--sp-3);font-family:var(--ff-sans-display);font-weight:600;font-size:.75rem;line-height:1.4;
letter-spacing:.18em;text-transform:uppercase;color:var(--k-tuerkis-700);
}
.mq--leistungen .k-bloque h3:not(:first-of-type){margin-top:var(--sp-8)}
@media (min-width:900px){
.mq--leistungen .k-bloque{
display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(2rem,6vw,5.5rem);align-items:start;
}
.mq--leistungen .k-bloque > h2{grid-column:1;grid-row:1 / span 6;margin-bottom:0}
.mq--leistungen .k-bloque > :not(h2){grid-column:2}
}
.mq--leistungen .k-zusammenarbeit{background:var(--mq-arena)}
.mq--leistungen .k-zusammenarbeit p{font-size:1.125rem}
.mq--leistungen .k-ablauf{background:linear-gradient(135deg,#002F5A 0%,#00234A 100%);color:var(--k-blanco)}
.mq--leistungen .k-ablauf h2{color:var(--k-blanco)}
.mq--leistungen .k-ablauf ol{display:grid;gap:var(--sp-8) clamp(1.5rem,4vw,3rem);counter-reset:mq-a}
@media (min-width:700px){.mq--leistungen .k-ablauf ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mq--leistungen .k-ablauf li{counter-increment:mq-a;color:rgba(255,255,255,.78);line-height:1.65;max-width:34rem}
.mq--leistungen .k-ablauf li::before{
content:counter(mq-a,decimal-leading-zero);display:block;margin-bottom:var(--sp-3);
font-family:var(--ff-serif);font-style:italic;font-weight:400;font-size:2.25rem;line-height:1;color:var(--mq-tur-claro);
}
.mq--leistungen .k-ablauf li strong{display:block;color:var(--k-blanco);font-weight:600;margin-bottom:.15em}
.mq--leistungen .k-ablauf li i{font-style:normal;font-weight:400;color:rgba(255,255,255,.78)}
.mq--leistungen .k-faq{background:var(--mq-arena)}
.mq--leistungen .k-faq h2{max-width:none}
@media (min-width:900px){
.mq--leistungen .k-faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(2rem,6vw,5.5rem);align-items:start}
.mq--leistungen .k-faq > h2{grid-column:1 / -1}
.mq--leistungen .k-faq > h3{grid-column:1}
.mq--leistungen .k-faq > p{grid-column:2}
}
.mq--leistungen .k-faq h3{
margin:0;padding-top:var(--sp-6);border-top:1px solid rgba(0,47,90,.22);
font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);line-height:1.3;
}
.mq--leistungen .k-faq h3 + p{padding-block:var(--sp-3) var(--sp-8);margin-top:0}
@media (min-width:900px){.mq--leistungen .k-faq h3 + p{padding-top:var(--sp-6)}}
.mq--leistungen .k-cierre{background:var(--mq-noche);text-align:center}
.mq--leistungen .k-cierre h2{color:var(--k-blanco);margin-inline:auto;max-width:22ch}
.mq--leistungen .k-cierre h2::before{margin-inline:auto}
.mq--leistungen .k-cierre p{margin-inline:auto;color:var(--k-pie-texto)}
.mq--leistungen .k-cierre .k-acciones{margin-top:var(--sp-8);display:flex;justify-content:center}
.mq .btn--acento{background:var(--k-tuerkis-700);color:var(--k-blanco)}
.mq--leistungen .k-cierre .btn--acento{
background:var(--mq-tur);color:#00243E;border-radius:2px;
font-family:var(--ff-sans-display);font-weight:600;
}
.mq--leistungen .k-cierre .btn--acento:hover{background:var(--mq-tur-claro);color:#00243E}
.mq--kontakt{background:var(--k-blanco)}
.mq--kontakt .pagina-hero{
--pagina-hero-corte:clamp(28px,5vw,64px);
padding-block:clamp(4.5rem,11vw,8.5rem) clamp(4.5rem,9vw,7rem);
}
.mq--kontakt .pagina-hero .reg{display:block}
.mq--kontakt .pagina-hero h1{font-size:clamp(2.75rem,2rem + 4vw,4.5rem);max-width:14ch}
.mq--kontakt .pagina-hero__datum{font-family:var(--ff-sans-display);font-weight:600;letter-spacing:.2em;font-size:.75rem}
.mq--kontakt .k-intro{
display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-8);
padding-top:clamp(3rem,6vw,5rem);
}
.mq--kontakt .k-intro > p:not(.k-correo){font-size:1.125rem;color:var(--k-tinta-70);max-width:40rem}
.mq--kontakt .k-correo{margin-top:var(--sp-6)}
.mq--kontakt .k-correo a{
display:inline-block;padding-block:.25rem;
font-family:var(--ff-serif);font-weight:500;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.125rem);line-height:1.2;
color:var(--k-marine-900);text-decoration-color:var(--mq-tur);
}
.mq--kontakt .k-correo a:hover{color:var(--k-tuerkis-700)}
@media (max-width:899px){.mq--kontakt .k-intro > .mq-tarjeta-foto{order:2;max-width:22rem}}
@media (min-width:900px){
.mq--kontakt .k-intro{
grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto 1fr;
column-gap:clamp(3rem,7vw,6rem);row-gap:0;align-items:start;
}
.mq--kontakt .k-intro > p{grid-column:1}
.mq--kontakt .k-intro > .mq-tarjeta-foto{grid-column:2;grid-row:1 / -1}
}
.mq-tarjeta-foto{
margin:0;overflow:hidden;aspect-ratio:4/4.6;border-radius:2px;background:var(--k-nieve);
box-shadow:0 30px 60px -30px rgba(0,36,62,.42);max-width:26rem;
}
.mq-tarjeta-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block}
.mq--kontakt .k-erstgespraech{background:var(--mq-arena)}
.mq--kontakt .k-erstgespraech p{font-size:1.125rem}
.mq--kontakt .k-anschrift{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.mq--kontakt .k-anschrift p{color:var(--k-tinta);font-size:1.0625rem}
.mq--kontakt .k-anschrift a:not(.btn){color:var(--k-marine-900);font-weight:600}
.mq--kontakt .k-anschrift::after{
content:"";display:block;min-height:15rem;margin-top:var(--sp-10);
border-radius:0 clamp(3rem,8vw,6rem) 0 clamp(3rem,8vw,6rem);
background:linear-gradient(rgba(0,47,90,.18),rgba(0,47,90,.18)),url("assets/img/leistungen-sala-reunion-1400.jpg") center/cover no-repeat;
box-shadow:0 30px 60px -30px rgba(0,36,62,.38);
}
@media (min-width:900px){
.mq--kontakt .k-anschrift{
grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto auto auto 1fr;
column-gap:clamp(2rem,6vw,5.5rem);align-items:start;
}
.mq--kontakt .k-anschrift > *{grid-column:1}
.mq--kontakt .k-anschrift::after{grid-column:2;grid-row:1 / -1;margin-top:0;min-height:22rem;height:100%}
}
.mq__form{padding:0 0 var(--mq-y);background:var(--k-blanco)}
.entrada--legal .reg{display:block}
.entrada--legal .contenido{max-width:none}
.entrada--legal .contenido p,
.entrada--legal .contenido li,
.entrada--legal .contenido dd{max-width:90ch}
.entrada--legal .contenido h2,
.entrada--legal .contenido h3{max-width:none}
.mq-galeria{position:relative;overflow:hidden;overflow:clip;background:var(--mq-noche);padding-block:clamp(3rem,6vw,5rem)}
.mq-galeria::before{
content:"&";position:absolute;left:-1.5rem;top:-4.5rem;
font-family:var(--ff-serif);font-style:italic;font-weight:400;font-size:clamp(12rem,24vw,20rem);line-height:1;
color:rgba(47,196,190,.06);pointer-events:none;
}
.mq-galeria__fila{position:relative;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.mq-galeria__foto{margin:0;overflow:hidden;position:relative;border-radius:2px;height:13rem;background:#00121F}
.mq-galeria__foto img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) brightness(.88)}
.mq-galeria__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,27,48,.55),transparent 55%)}
@media (min-width:760px){
.mq-galeria__fila{grid-template-columns:minmax(0,3fr) minmax(0,1.25fr) minmax(0,1.25fr);height:clamp(18rem,34vw,27.5rem)}
.mq-galeria__foto{height:auto}
.mq-galeria__foto--2{border-radius:999px 999px 2px 2px}
}
.sec--foto{position:relative;isolation:isolate;overflow:hidden;overflow:clip;background:var(--mq-noche);color:var(--k-blanco);padding-block:clamp(4rem,9vw,7rem)}
.sec__foto,.sec__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.sec__foto{z-index:-2}
.sec__capa{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,27,48,.9),rgba(0,36,68,.84))}
.sec--foto .reg{display:block;text-align:center}
.sec--foto .reg__rot{
display:block;margin:0 0 var(--sp-4);padding:0;
font-family:var(--ff-sans-display);font-weight:600;font-size:.75rem;letter-spacing:.2em;color:var(--mq-tur-claro);
}
.sec--foto .reg__rot::before{display:none}
.sec--foto .gespraech{
max-width:44rem;margin-inline:auto;padding:0;background:none;border:0;border-radius:0;clip-path:none;
}
.sec--foto .gespraech h2{color:var(--k-blanco);max-width:none;margin-inline:auto}
.sec--foto .gespraech .prosa{margin-inline:auto;color:var(--k-pie-texto)}
.sec--foto .gespraech__acc{justify-content:center}
.sec--foto .btn--acento{
background:var(--mq-tur);color:#00243E;border-radius:2px;font-family:var(--ff-sans-display);
}
.sec--foto .btn--acento:hover{background:var(--mq-tur-claro);color:#00243E}
.sec--foto .correo,.sec--foto .enl{color:var(--mq-tur-claro)}
.sec--foto a:focus-visible{outline-color:var(--k-blanco);box-shadow:0 0 0 2px var(--mq-noche)}
@media print{
.mq-galeria,.sec__foto,.sec__capa,.pie::after,.mq-sello,.pie__socios{display:none !important}
.mq__cuerpo > .k-seccion{padding:.6rem 0}
}
@font-face{
font-family:"IBM Plex Sans";
src:url("assets/fonts/IBMPlexSans-Regular.woff2") format("woff2");
font-weight:400;font-style:normal;font-display:swap;
unicode-range:U+0000-00FF,U+0100-024F,U+2000-206F,U+20A0-20CF,U+2113,U+2C60-2C7F;
}
@font-face{
font-family:"IBM Plex Sans";
src:url("assets/fonts/IBMPlexSans-Italic.woff2") format("woff2");
font-weight:400;font-style:italic;font-display:swap;
unicode-range:U+0000-00FF,U+0100-024F,U+2000-206F,U+20A0-20CF,U+2113,U+2C60-2C7F;
}
@font-face{
font-family:"IBM Plex Sans";
src:url("assets/fonts/IBMPlexSans-Medium.woff2") format("woff2");
font-weight:500;font-style:normal;font-display:swap;
unicode-range:U+0000-00FF,U+0100-024F,U+2000-206F,U+20A0-20CF,U+2113,U+2C60-2C7F;
}
@font-face{
font-family:"IBM Plex Sans";
src:url("assets/fonts/IBMPlexSans-SemiBold.woff2") format("woff2");
font-weight:600;font-style:normal;font-display:swap;
unicode-range:U+0000-00FF,U+0100-024F,U+2000-206F,U+20A0-20CF,U+2113,U+2C60-2C7F;
}
@font-face{
font-family:"IBM Plex Mono";
src:url("assets/fonts/IBMPlexMono-Medium.woff2") format("woff2");
font-weight:500;font-style:normal;font-display:swap;
unicode-range:U+0000-00FF,U+0100-024F,U+2000-206F,U+20A0-20CF,U+2113,U+2C60-2C7F;
}
@font-face{
font-family:"Newsreader";
src:url("assets/fonts/Newsreader-Medium.woff2") format("woff2");
font-weight:500;font-style:normal;font-display:swap;
unicode-range:U+0000-00FF,U+0100-024F,U+2000-206F,U+20A0-20CF,U+2113,U+2C60-2C7F;
}
@font-face{
font-family:"Newsreader";
src:url("assets/fonts/Newsreader-MediumItalic.woff2") format("woff2");
font-weight:500;font-style:italic;font-display:swap;
unicode-range:U+0000-00FF,U+0100-024F,U+2000-206F,U+20A0-20CF,U+2113,U+2C60-2C7F;
}
@font-face{
font-family:"Newsreader";
src:url("assets/fonts/Newsreader-Italic.woff2") format("woff2");
font-weight:400;font-style:italic;font-display:swap;
unicode-range:U+0000-00FF,U+0100-024F,U+2000-206F,U+20A0-20CF,U+2113,U+2C60-2C7F;
}
@font-face{
font-family:"Archivo";
src:url("assets/fonts/Archivo-Regular.woff2") format("woff2");
font-weight:400;font-style:normal;font-display:swap;
unicode-range:U+0000-00FF,U+0100-024F,U+2000-206F,U+20A0-20CF,U+2113,U+2C60-2C7F;
}
@font-face{
font-family:"Archivo";
src:url("assets/fonts/Archivo-SemiBold.woff2") format("woff2");
font-weight:600;font-style:normal;font-display:swap;
unicode-range:U+0000-00FF,U+0100-024F,U+2000-206F,U+20A0-20CF,U+2113,U+2C60-2C7F;
}
:root{
--k-blanco:#FFFFFF;
--k-nieve:#F4F7F9;
--k-tuerkis-hell:#EAF7F8;
--k-tinta:#12212D;
--k-tinta-70:#46565F;
--k-tinta-60:#5A6B75;
--k-marine-900:#002F5A;
--k-tuerkis-700:#00707A;
--k-tuerkis-800:#005A63;
--k-tuerkis-claro:#8FE3E8;
--k-tuerkis-borde:#5FB3BA;
--k-borde-control:#6E8291;
--k-borde-suave:#D3DCE3;
--k-pie-texto:#C7D8E4;
--k-error:#A4192B;
--k-error-fondo:#FBEAEC;
--k-pie-linea:rgba(199,216,228,.22);
--k-pie-linea-fuerte:rgba(199,216,228,.36);
--ff-sans:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--ff-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
--ff-serif:"Newsreader",Georgia,"Times New Roman",serif;
--ff-sans-display:"Archivo",var(--ff-sans);
--sp-1:.25rem; --sp-2:.5rem;  --sp-3:.75rem; --sp-4:1rem;
--sp-5:1.25rem;--sp-6:1.5rem; --sp-8:2rem;   --sp-10:2.5rem;
--sp-12:3rem;  --sp-16:4rem;  --sp-24:6rem;  --sp-32:8rem;
--ancho:1200px;
--margen:clamp(1.25rem,5vw,3rem);
--datum:12.5rem;
--ritmo:clamp(3.5rem,8vw,7rem);
--medida:min(68ch,40rem);
--medida-corta:min(52ch,32rem);
--radio:4px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
margin:0;
background:var(--k-blanco);
color:var(--k-tinta);
font-family:var(--ff-sans);
font-size:clamp(1.0625rem,.98rem + .4vw,1.125rem);
line-height:1.65;
font-weight:400;
font-synthesis-weight:none;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{color:var(--k-marine-900);font-weight:600;margin:0;text-wrap:balance}
p{margin:0}
p + p{margin-top:1.35em}
p,li,dd,dt,blockquote,figcaption,h1,h2,h3,h4{
hyphens:auto;-webkit-hyphens:auto;
hyphenate-limit-chars:8 4 4;
overflow-wrap:break-word;
}
a{color:var(--k-tuerkis-700)}
ul,ol{margin:0;padding:0}
table{border-collapse:collapse}
img,svg,video{max-width:100%;height:auto}
img{display:block}
strong,b{font-weight:600}
abbr[title]{text-decoration:underline dotted;cursor:help}
sup{font-size:.7em;line-height:0;vertical-align:super}
:target{scroll-margin-top:var(--sp-16)}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{
animation-duration:.01ms !important;animation-iteration-count:1 !important;
transition-duration:.01ms !important;
}
}
.wrap{max-width:var(--ancho);margin-inline:auto;padding-inline:var(--margen)}
.u-vh{
position:absolute;width:1px;height:1px;margin:-1px;padding:0;
overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;
}
.u-vh-foco:focus,.u-vh-foco:focus-visible{
position:static;width:auto;height:auto;margin:0;overflow:visible;
clip-path:none;white-space:normal;
}
.prosa{max-width:var(--medida);text-wrap:pretty}
.prosa > * + *{margin-top:1.35em}
.u-sep{margin-top:var(--sp-6)}
.rot{
font-family:var(--ff-mono);font-weight:500;font-size:.8125rem;line-height:1.4;
letter-spacing:.1em;text-transform:uppercase;color:var(--k-tinta-70);
}
.zahl{
font-family:var(--ff-mono);font-weight:500;
font-variant-numeric:tabular-nums;
font-size:.94em;letter-spacing:.005em;
}
.skip{
position:absolute;left:var(--margen);top:0;z-index:50;
transform:translateY(-150%);
background:var(--k-marine-900);color:var(--k-blanco);
padding:var(--sp-3) var(--sp-4);border-radius:0 0 var(--radio) var(--radio);
font-weight:600;text-decoration:none;
}
.skip:focus{transform:translateY(0)}
.cab{border-bottom:1px solid var(--k-borde-suave);background:var(--k-blanco)}
.cab__in{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:var(--sp-3) var(--sp-4);
padding-block:var(--sp-4);
}
.marca{text-decoration:none;color:inherit;display:block}
.marca__n{
display:block;font-weight:600;font-size:1.0625rem;letter-spacing:-.005em;
color:var(--k-marine-900);line-height:1.25;
}
.marca__logo{display:block;height:46px;width:auto}
@media (max-width:1023px){
.marca__logo{height:38px}
}
.marca__d{
display:none;
margin-top:.2rem;font-size:.75rem;letter-spacing:.06em;
max-width:37.5rem;
}
@media (min-width:640px) and (max-width:1023.98px){
.marca__d{display:block}
}
.cab__nav{justify-self:end}
.cab__nav ul{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap;list-style:none}
.cab__nav a{
display:inline-block;
font-size:.9375rem;font-weight:500;color:var(--k-tinta);
text-decoration:none;padding-block:.55rem;
border-bottom:2px solid transparent;
}
.cab__nav a:hover{color:var(--k-tuerkis-800);border-bottom-color:var(--k-tuerkis-700)}
.cab__nav .current-menu-item > a,
.cab__nav [aria-current="page"]{color:var(--k-marine-900);border-bottom-color:var(--k-tuerkis-700)}
.cab__cta{justify-self:end}
.idi{display:flex;align-items:stretch;gap:0;list-style:none}
.idi li{display:flex;align-items:center}
.idi li + li{border-left:1px solid var(--k-borde-suave);margin-left:.625rem;padding-left:.625rem}
.idi a{
display:inline-block;padding-block:.5625rem;
font-family:var(--ff-mono);font-weight:500;font-size:.8125rem;letter-spacing:.06em;
text-transform:uppercase;text-decoration:none;color:var(--k-tinta-70);
}
.idi a:hover{color:var(--k-tuerkis-800);text-decoration:underline;text-underline-offset:.2em}
.idi a[aria-current]{
color:var(--k-marine-900);text-decoration:underline;
text-decoration-thickness:.09em;text-underline-offset:.22em;
}
.cab__boton{display:none}
.no-js .cab__boton{display:none !important}
.cab__panel{display:contents}
.cab__panel[hidden]{display:contents}
@media (max-width:1023px){
.cab__in{grid-template-columns:1fr;row-gap:var(--sp-4)}
.cab__nav,.cab__cta{justify-self:start}
.cab--plegable .cab__boton{
display:inline-flex;align-items:center;gap:var(--sp-2);
min-height:44px;padding:.5rem .9rem;
background:transparent;border:1.5px solid var(--k-tuerkis-700);border-radius:var(--radio);
color:var(--k-tuerkis-700);font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;
justify-self:end;
}
.cab--plegable .cab__boton[aria-expanded="true"]{background:var(--k-nieve)}
.cab--plegable .cab__panel{display:block;grid-column:1 / -1}
.cab--plegable .cab__panel[hidden]{display:none}
}
@media (min-width:1024px){
.cab__in{
grid-template-columns:minmax(0,1fr) auto auto auto;
gap:var(--sp-4) var(--sp-8);
min-height:88px;
}
.cab__panel{display:contents}
.cab__panel[hidden]{display:contents}
}
.btn,
.contenido .k-btn{
display:inline-flex;align-items:center;justify-content:center;
min-height:44px;padding:.875rem 1.75rem;border-radius:var(--radio);
font:inherit;font-weight:600;font-size:1rem;line-height:1.2;
text-decoration:none;border:1.5px solid transparent;cursor:pointer;
text-align:center;
transition:background-color 160ms linear,border-color 160ms linear,color 160ms linear;
}
.btn--acento,
.contenido .k-btn--primario{background:var(--k-tuerkis-700);color:var(--k-blanco)}
.btn--acento:hover,
.contenido .k-btn--primario:hover{background:var(--k-tuerkis-800);color:var(--k-blanco)}
.btn--acento[disabled],.btn--acento[aria-disabled="true"]{
background:var(--k-tinta-60);cursor:not-allowed;
}
.btn--linea,
.contenido .k-btn--secundario{
background:transparent;color:var(--k-tuerkis-700);border-color:var(--k-tuerkis-700);
padding:.6rem 1.1rem;font-size:.9375rem;
}
.btn--linea:hover,
.contenido .k-btn--secundario:hover{color:var(--k-tuerkis-800);border-color:var(--k-tuerkis-800);background:var(--k-nieve)}
.enl{
color:var(--k-tuerkis-700);font-weight:500;
text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:.08em;
}
.enl:hover{color:var(--k-marine-900)}
.correo{
display:inline-block;padding-block:.4375rem;
font-family:var(--ff-mono);font-weight:500;font-size:.9375rem;letter-spacing:.01em;
color:var(--k-tuerkis-700);overflow-wrap:anywhere;
}
.reg{display:grid;gap:var(--sp-3)}
.reg__rot{margin:0}
.reg__rot::before,
.persona__kicker::before{
content:"";display:block;width:2.5rem;height:2px;
background:var(--k-tuerkis-700);margin-bottom:.625rem;
}
.persona__kicker{margin:0 0 var(--sp-4)}
.reg__cuerpo{min-width:0}
@media (min-width:900px){
.reg{grid-template-columns:var(--datum) minmax(0,1fr);gap:0}
.reg__rot{grid-column:1;padding-right:var(--sp-8);padding-top:1.2rem}
.reg__rot::before{width:calc(var(--datum) - var(--sp-8))}
.reg__cuerpo{grid-column:2}
}
.sec{padding-block:calc(var(--ritmo) * .62)}
.sec--nieve{background:var(--k-nieve);padding-block:var(--ritmo)}
.sec--tuerkis{background:var(--k-tuerkis-hell);padding-block:var(--ritmo)}
.sec h2{
font-family:var(--ff-serif);font-weight:500;
font-size:clamp(1.875rem,1.6rem + 1.2vw,2.375rem);line-height:1.22;letter-spacing:-.012em;
margin-bottom:var(--sp-4);max-width:26ch;
}
.sec h3{
font-family:var(--ff-serif);font-weight:500;
font-size:clamp(1.5rem,1.35rem + .7vw,1.75rem);line-height:1.3;letter-spacing:-.008em;
}
.hero{
position:relative;
overflow:hidden;
isolation:isolate;
background:var(--k-marine-900);
color:var(--k-blanco);
padding-block:clamp(4.5rem,11vw,8.5rem) clamp(6rem,14vw,10rem);
--hero-corte:clamp(28px,4.5vw,56px);
clip-path:polygon(0 0,100% 0,100% calc(100% - var(--hero-corte)),0 100%);
}
.hero__foto,
.hero__foto img{
position:absolute;inset:0;width:100%;height:100%;
object-fit:cover;object-position:center;
}
.hero__foto{
z-index:-2;
transform:scale(1.045);
animation:krahl-hero-zoom 1.6s cubic-bezier(.22,.61,.21,1) both;
}
@keyframes krahl-hero-zoom{from{transform:scale(1.09)}to{transform:scale(1.045)}}
@media (prefers-reduced-motion:reduce){
.hero__foto{animation:none}
}
.hero__capa{
position:absolute;inset:0;z-index:-1;
background:linear-gradient(
100deg,
rgba(0,47,90,.90) 0%,
rgba(0,47,90,.84) 45%,
rgba(0,47,90,.78) 100%
);
}
.hero__datum{margin:0 0 var(--sp-5);color:var(--k-tuerkis-claro)}
.hero h1{
font-family:var(--ff-serif);font-weight:500;color:var(--k-blanco);
font-size:clamp(2.5rem,1.9rem + 3.1vw,3.75rem);line-height:1.08;letter-spacing:-.018em;
max-width:22ch;
text-wrap:balance;
}
.hero h1 .h1__b{
display:block;
font-style:italic;color:var(--k-tuerkis-claro);
}
@media (min-width:900px){
.hero h1 .h1__b--guion{margin-left:-.52em}
}
.hero__sub{
margin-top:var(--sp-6);
font-size:clamp(1.1875rem,1.1rem + .4vw,1.375rem);line-height:1.55;
color:var(--k-pie-texto);max-width:var(--medida-corta);text-wrap:pretty;
}
.hero__acc{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-6);margin-top:var(--sp-10)}
.hero .btn--linea{
color:var(--k-blanco);border-color:rgba(255,255,255,.55);
background:transparent;
}
.hero .btn--linea:hover{
color:var(--k-tuerkis-claro);border-color:var(--k-tuerkis-claro);
background:rgba(255,255,255,.06);
}
.hero__bajar{
position:absolute;left:50%;bottom:clamp(1.75rem,4vw,3.25rem);
transform:translateX(-50%);
width:2.75rem;height:2.75rem;border-radius:50%;
border:1px solid rgba(255,255,255,.4);
display:flex;align-items:center;justify-content:center;
color:rgba(255,255,255,.8);text-decoration:none;font-size:1.125rem;
transition:border-color 160ms linear,color 160ms linear;
animation:krahl-hero-bob 2.6s ease-in-out infinite;
}
.hero__bajar:hover{border-color:var(--k-tuerkis-claro);color:var(--k-tuerkis-claro)}
@keyframes krahl-hero-bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}
@media (prefers-reduced-motion:reduce){
.hero__bajar{animation:none}
}
@media (max-width:640px){
.hero__bajar{display:none}
}
.hero__retrato{display:none}
.hero:has(.hero__retrato img) .hero__cuerpo{min-width:0}
@media (min-width:900px){
.hero:has(.hero__retrato img) .reg__cuerpo{
display:grid;grid-template-columns:minmax(0,1fr) 40%;gap:var(--sp-12);align-items:start;
}
.hero:has(.hero__retrato img) .hero__retrato{display:block}
}
.hero__retrato img{
width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;
border-radius:var(--radio);
}
.cinta{
background:var(--k-nieve);
overflow:hidden;
padding-block:var(--sp-2) var(--sp-4);
}
.cinta__pista{
display:flex;flex-wrap:nowrap;white-space:nowrap;width:max-content;
animation:krahl-cinta-desplazar 26s linear infinite;
}
.cinta__item{
font-family:var(--ff-serif);font-style:italic;font-weight:400;
font-size:1.0625rem;color:var(--k-tinta-70);
padding-inline:var(--sp-5);
}
.cinta__item::after{content:"—";margin-left:var(--sp-5);color:var(--k-tuerkis-700);font-style:normal}
@keyframes krahl-cinta-desplazar{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
.cinta__pista{animation:none}
}
.citable,
.contenido .k-citable{
background:var(--k-tuerkis-hell);
border-left:4px solid var(--k-tuerkis-700);
padding:var(--sp-6) var(--sp-8);
max-width:var(--medida);
}
.citable p,
.contenido .k-citable p{font-size:1.0625em;line-height:1.6}
.citable + .citable{margin-top:var(--sp-6)}
.voz{
border-left:4px solid var(--k-tuerkis-700);
padding-left:var(--sp-6);
max-width:var(--medida);
}
.persona__foto{position:relative;margin-top:var(--sp-10);max-width:360px}
.persona__marco{position:relative}
.persona__marco::before{
content:"";position:absolute;top:-14px;right:-14px;left:24px;bottom:42px;
border:1.5px solid rgba(0,112,122,.55);
border-radius:190px 190px var(--radio) var(--radio);
pointer-events:none;
}
.persona__marco img{
position:relative;display:block;width:100%;
aspect-ratio:3/3.9;object-fit:cover;
border-radius:190px 190px var(--radio) var(--radio);
box-shadow:0 30px 60px rgba(0,47,90,.20);
}
.persona__sello{
position:absolute;left:-26px;bottom:24px;
width:112px;height:112px;border-radius:50%;
background:var(--k-nieve);
border:1px solid rgba(0,112,122,.45);
box-shadow:0 12px 30px rgba(0,47,90,.16);
display:flex;align-items:center;justify-content:center;
font-family:var(--ff-serif);font-style:italic;font-size:32px;
color:var(--k-tuerkis-700);
}
@media (min-width:900px){
#zur-person:has(.persona__foto img) .reg__cuerpo{
display:grid;grid-template-columns:40% minmax(0,1fr);gap:var(--sp-12);align-items:start;
}
#zur-person:has(.persona__foto img) .persona__foto{grid-column:1;grid-row:1;margin-top:0}
#zur-person:has(.persona__foto img) .persona__texto{grid-column:2;grid-row:1;min-width:0}
}
@media (max-width:640px){
.persona__marco::before{top:-8px;right:-3px;left:14px;bottom:28px}
.persona__sello{width:76px;height:76px;font-size:22px;left:-3px;bottom:12px}
}
.inhalt{padding-block:var(--sp-8);border-block:1px solid var(--k-borde-suave)}
.inhalt ol{
list-style:none;display:flex;flex-wrap:wrap;
gap:var(--sp-3) var(--sp-8);counter-reset:k;
}
.inhalt li{counter-increment:k}
.inhalt a{
display:inline-flex;align-items:baseline;gap:.55rem;
padding-block:.3rem;text-decoration:none;color:var(--k-tinta);
font-size:.9375rem;font-weight:500;
}
.inhalt a::before{
content:counter(k,decimal-leading-zero);
font-family:var(--ff-mono);font-weight:500;font-size:.75rem;letter-spacing:.06em;
color:var(--k-tuerkis-700);font-variant-numeric:tabular-nums;
}
.inhalt a:hover{color:var(--k-tuerkis-800);text-decoration:underline;text-underline-offset:.2em}
.cols{
display:grid;gap:var(--sp-6);margin-top:var(--sp-10);
counter-reset:krahl-col;
}
.col{
position:relative;counter-increment:krahl-col;
background:var(--k-nieve);border:1px solid var(--k-borde-suave);
padding:var(--sp-8) var(--sp-8) var(--sp-10);
clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%);
}
.col::before{
content:counter(krahl-col,decimal-leading-zero);
display:block;margin-bottom:var(--sp-3);
font-family:var(--ff-serif);font-style:italic;font-weight:500;
font-size:clamp(1.75rem,1.55rem + .7vw,2.25rem);line-height:1;
color:var(--k-tuerkis-700);
}
.col h3{margin-bottom:var(--sp-3)}
.col p{color:var(--k-tinta);max-width:44ch}
.col .enl{align-self:start;margin-top:var(--sp-6);padding-block:.25rem;display:inline-block}
@media (min-width:600px){
.cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-8);align-items:stretch}
.col{display:flex;flex-direction:column}
.col .enl{margin-top:auto;padding-top:var(--sp-6)}
}
.fuentes{margin-top:var(--sp-12);width:100%}
.fuentes caption{text-align:left;padding-bottom:var(--sp-3)}
.fuentes th,.fuentes td{text-align:left;vertical-align:top;padding:var(--sp-4) var(--sp-6) var(--sp-4) 0}
.fuentes thead th{
border-top:2px solid var(--k-marine-900);border-bottom:1px solid var(--k-borde-suave);
padding-block:var(--sp-2);
}
.fuentes tbody th{font-weight:600;color:var(--k-marine-900);white-space:nowrap}
.fuentes tbody tr + tr th,.fuentes tbody tr + tr td{border-top:1px solid var(--k-borde-suave)}
.fuentes .fecha{
font-family:var(--ff-mono);font-weight:500;font-variant-numeric:tabular-nums;
white-space:nowrap;color:var(--k-tinta-70);
}
.fuentes td:last-child,.fuentes th:last-child{padding-right:0}
.fuentes__geprueft{
margin-top:var(--sp-4);font-size:.875rem;color:var(--k-tinta-70);
font-family:var(--ff-mono);font-weight:500;letter-spacing:.02em;
}
.fuentes__geprueft time{font-variant-numeric:tabular-nums}
.nota-ref{font-size:.68em;line-height:0;vertical-align:super}
.nota-ref a{
font-family:var(--ff-mono);font-weight:500;text-decoration:none;
padding-inline:.15em;color:var(--k-tuerkis-700);
}
.nota-ref a:hover{text-decoration:underline}
@media (max-width:699px){
.fuentes thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.fuentes tbody tr{display:block;padding-block:var(--sp-4)}
.fuentes tbody tr:first-child{border-top:2px solid var(--k-marine-900)}
.fuentes tbody tr + tr{border-top:1px solid var(--k-borde-suave)}
.fuentes tbody th,.fuentes tbody td{display:block;padding:0;border:0}
.fuentes tbody th{
font-family:var(--ff-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;
font-weight:500;color:var(--k-tinta-70);margin-bottom:var(--sp-1);white-space:normal;
}
.fuentes tbody .fecha{margin-top:var(--sp-2)}
}
.sec--marino{
position:relative;overflow:hidden;isolation:isolate;
background:var(--k-marine-900);color:var(--k-pie-texto);
padding-block:var(--ritmo);
}
.markt__foto,.markt__foto img{
position:absolute;inset:0;width:100%;height:100%;
object-fit:cover;object-position:center;
}
.markt__foto{z-index:-2}
.markt__capa{
position:absolute;inset:0;z-index:-1;
background:linear-gradient(
100deg,
rgba(0,47,90,.90) 0%,
rgba(0,47,90,.84) 45%,
rgba(0,47,90,.78) 100%
);
}
.sec--marino h2{color:var(--k-blanco)}
.sec--marino .rot{color:var(--k-tuerkis-claro)}
.sec--marino .reg__rot::before{background:var(--k-tuerkis-claro)}
.sec--marino p{color:var(--k-pie-texto)}
.sec--marino .enl{color:var(--k-tuerkis-claro)}
.sec--marino .enl:hover{color:var(--k-blanco)}
.sec--marino .nota-ref a{color:var(--k-tuerkis-claro)}
.sec--marino .nota-ref a:hover{color:var(--k-blanco)}
.sec--marino .citable p{color:var(--k-tinta)}
.sec--marino .fuentes thead th{border-top-color:var(--k-blanco);border-bottom-color:var(--k-pie-linea-fuerte)}
.sec--marino .fuentes tbody th{color:var(--k-blanco)}
.sec--marino .fuentes tbody tr + tr th,.sec--marino .fuentes tbody tr + tr td{border-top-color:var(--k-pie-linea)}
.sec--marino .fuentes .fecha{color:var(--k-pie-texto)}
.sec--marino .fuentes__geprueft{color:var(--k-pie-texto)}
.sec--marino a:focus-visible{outline-color:var(--k-blanco);box-shadow:0 0 0 2px var(--k-marine-900)}
@media (max-width:699px){
.sec--marino .fuentes tbody tr:first-child{border-top-color:var(--k-blanco)}
}
.markt__num{
display:block;margin-bottom:var(--sp-2);
font-family:var(--ff-serif);font-style:italic;font-weight:500;
font-size:clamp(1.5rem,1.35rem + .5vw,1.875rem);line-height:1;
color:var(--k-tuerkis-claro);
}
.faq{margin-top:var(--sp-10);counter-reset:krahl-faq}
.faq__item{
position:relative;counter-increment:krahl-faq;
border-top:1px solid var(--k-borde-suave);padding-block:var(--sp-10);
}
.faq__item:first-child{border-top:2px solid var(--k-marine-900)}
.faq__item:last-child{padding-bottom:0}
.faq__item::before{
content:counter(krahl-faq,decimal-leading-zero);
display:block;margin-bottom:var(--sp-2);
font-family:var(--ff-serif);font-style:italic;font-weight:500;
font-size:clamp(1.5rem,1.35rem + .5vw,1.875rem);line-height:1;
color:var(--k-tuerkis-700);
}
.faq h3{margin-bottom:var(--sp-4);max-width:34ch}
.faq__item p{
max-width:var(--medida);
border-left:4px solid var(--k-tuerkis-700);
padding-left:var(--sp-5);
}
.gespraech{
position:relative;
background:var(--k-blanco);
border-left:6px solid var(--k-tuerkis-700);
border-radius:0 var(--radio) var(--radio) 0;
padding:var(--sp-10) clamp(var(--sp-6),4vw,var(--sp-12));
max-width:46rem;
clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,0 100%);
}
.gespraech h2{margin-bottom:var(--sp-4)}
.gespraech__acc{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-6);margin-top:var(--sp-8)}
.migas{padding-block:var(--sp-6) 0}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem .5rem;font-size:.875rem}
.migas li{display:flex;align-items:center;gap:.5rem;color:var(--k-tinta-70)}
.migas li + li::before{content:"›";color:var(--k-tinta-60)}
.migas a{color:var(--k-tuerkis-700);text-decoration:underline;text-underline-offset:.18em}
.migas [aria-current="page"]{color:var(--k-tinta-70)}
.entrada{padding-block:calc(var(--ritmo) * .62)}
.entrada__cab{margin-bottom:var(--sp-10)}
.entrada h1{
font-size:clamp(2.125rem,1.7rem + 2vw,3rem);line-height:1.12;letter-spacing:-.018em;
max-width:24ch;
}
.entrada__meta{margin-top:var(--sp-4);display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6)}
.entrada__meta time{font-variant-numeric:tabular-nums}
.firma{
font-family:var(--ff-mono);font-weight:500;font-size:.9375rem;
color:var(--k-marine-900);
}
.firma a{color:var(--k-marine-900);text-decoration:underline;text-underline-offset:.18em}
.fechas{
margin-top:var(--sp-1);font-size:.8125rem;color:var(--k-tinta-70);
font-variant-numeric:tabular-nums;
}
.fechas time{font-family:var(--ff-mono)}
.citable .respuesta{font-size:1.0625em;font-weight:500;line-height:1.55;color:var(--k-marine-900)}
.citable .desarrollo{margin-top:var(--sp-3);color:var(--k-tinta)}
.citable .desarrollo > * + *{margin-top:1.35em}
.citable .stand{
margin-top:var(--sp-4);font-family:var(--ff-mono);font-size:.8125rem;
color:var(--k-tinta-70);border-top:1px dashed var(--k-borde-suave);padding-top:var(--sp-2);
}
.fuentes-revisadas{
margin-top:var(--sp-4);font-size:.875rem;color:var(--k-tinta-70);
font-family:var(--ff-mono);font-weight:500;letter-spacing:.02em;
}
.fuentes-revisadas time{font-variant-numeric:tabular-nums}
.contenido{max-width:var(--medida)}
.contenido > * + *{margin-top:1.35em}
.contenido h2{
font-size:clamp(1.625rem,1.45rem + .9vw,2rem);line-height:1.25;
margin-top:2.2em;margin-bottom:.5em;max-width:26ch;
}
.contenido h3{
font-size:clamp(1.3125rem,1.2rem + .6vw,1.5rem);line-height:1.3;
margin-top:1.8em;margin-bottom:.4em;max-width:32ch;
}
.contenido h4{font-size:1.125rem;margin-top:1.6em;margin-bottom:.35em}
.contenido a{text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:.08em}
.contenido a.btn{text-decoration:none}
.contenido ul,.contenido ol{padding-left:1.35em;margin-block:1.35em}
.contenido ul{list-style:disc}
.contenido ol{list-style:decimal}
.contenido li + li{margin-top:.5em}
.contenido li::marker{color:var(--k-tuerkis-700)}
.contenido blockquote{
margin:1.8em 0;padding-left:var(--sp-6);
border-left:4px solid var(--k-tuerkis-700);color:var(--k-tinta);
}
.contenido figure{margin:2em 0}
.contenido figcaption{margin-top:var(--sp-3);font-size:.875rem;color:var(--k-tinta-70)}
.contenido table{margin-block:2em;font-size:.9375rem}
@media (max-width:699px){
.contenido th,.contenido td{min-width:7rem}
}
.contenido caption{text-align:left;padding-bottom:var(--sp-3);color:var(--k-tinta-70)}
.contenido th,.contenido td{
text-align:left;vertical-align:top;padding:var(--sp-3) var(--sp-4) var(--sp-3) 0;
border-bottom:1px solid var(--k-borde-suave);
}
.contenido thead th{border-bottom:2px solid var(--k-marine-900);color:var(--k-marine-900)}
.contenido code,.contenido kbd{font-family:var(--ff-mono);font-size:.9em;background:var(--k-nieve);padding:.1em .35em;border-radius:2px}
.contenido pre{
font-family:var(--ff-mono);font-size:.875rem;background:var(--k-nieve);
padding:var(--sp-4);border-radius:var(--radio);overflow-x:auto;
}
.contenido pre code{background:none;padding:0}
.contenido hr{border:0;border-top:1px solid var(--k-borde-suave);margin-block:2.5em}
.tabla-rueda{overflow-x:auto;-webkit-overflow-scrolling:touch}
.contenido h2,
.contenido h3{
font-family:var(--ff-serif);font-weight:500;letter-spacing:-.01em;
}
.contenido .k-intro > p:not(.k-correo){
font-size:1.0625em;line-height:1.65;color:var(--k-tinta-70);
max-width:var(--medida);
}
.contenido .k-correo{
font-family:var(--ff-mono);font-weight:500;font-size:.9375rem;letter-spacing:.01em;
}
.contenido a[href^="mailto:"]{hyphens:none}
.contenido .k-erstgespraech{
margin-top:var(--sp-10);padding-top:var(--sp-8);
border-top:1px solid var(--k-borde-suave);
}
.contenido{counter-reset:k-bloque}
.contenido .k-bloque{
counter-increment:k-bloque;
margin-top:var(--sp-12);padding-top:var(--sp-10);
border-top:1px solid var(--k-borde-suave);
}
.contenido .k-bloque::before{
content:counter(k-bloque,decimal-leading-zero);
display:block;margin-bottom:var(--sp-2);
font-family:var(--ff-serif);font-style:italic;font-weight:500;
font-size:clamp(1.75rem,1.55rem + .7vw,2.25rem);line-height:1;
color:var(--k-tuerkis-700);
}
.contenido .k-bloque h2{margin-top:0}
.contenido .k-bloque h3{
font-family:var(--ff-mono);font-weight:500;font-style:normal;
font-size:.8125rem;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;
color:var(--k-tuerkis-700);
margin-top:1.8em;margin-bottom:.6em;
}
.contenido .k-zusammenarbeit{
margin-top:var(--sp-10);padding-top:var(--sp-8);
border-top:1px solid var(--k-borde-suave);
}
.contenido .k-ablauf{margin-top:var(--sp-10)}
.contenido .k-ablauf ol{
list-style:none;padding-left:0;margin-block:var(--sp-6);
display:flex;flex-wrap:wrap;gap:var(--sp-8) var(--sp-10);
counter-reset:k-ablauf;
}
.contenido .k-ablauf li{
counter-increment:k-ablauf;
flex:1 1 220px;min-width:200px;margin-top:0;
}
.contenido .k-ablauf li::before{
content:counter(k-ablauf,decimal-leading-zero);
display:block;margin-bottom:var(--sp-2);
font-family:var(--ff-serif);font-style:italic;font-weight:500;
font-size:clamp(1.5rem,1.35rem + .5vw,1.875rem);line-height:1;
color:var(--k-tuerkis-700);
}
.contenido .k-ablauf li strong{
display:block;margin-bottom:.3em;font-size:1.0625rem;font-weight:600;color:var(--k-marine-900);
}
.contenido .k-faq{counter-reset:k-faq;margin-top:var(--sp-10)}
.contenido .k-faq h3{
counter-increment:k-faq;
position:relative;
border-top:1px solid var(--k-borde-suave);
padding-top:var(--sp-8);margin-top:var(--sp-8);margin-bottom:var(--sp-3);
max-width:34ch;
}
.contenido .k-faq h3:first-of-type{border-top:2px solid var(--k-marine-900)}
.contenido .k-faq h3::before{
content:counter(k-faq,decimal-leading-zero);
display:block;margin-bottom:var(--sp-2);
font-family:var(--ff-serif);font-style:italic;font-weight:500;
font-size:clamp(1.5rem,1.35rem + .5vw,1.875rem);line-height:1;
color:var(--k-tuerkis-700);
}
.contenido .k-faq h3 + p{
max-width:var(--medida);
border-left:4px solid var(--k-tuerkis-700);padding-left:var(--sp-5);
}
.contenido .k-cierre{
margin-top:var(--sp-12);padding:var(--sp-8) clamp(var(--sp-6),4vw,var(--sp-10));
background:var(--k-nieve);border-top:2px solid var(--k-marine-900);
clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%);
}
.contenido .k-cierre h2{margin-top:0}
.contenido .k-cierre p{max-width:var(--medida)}
.contenido .k-acciones{
display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4) var(--sp-6);
margin-top:var(--sp-6);
}
.contenido .k-utilidad{
padding:var(--sp-6) var(--sp-8);
background:var(--k-nieve);border-left:4px solid var(--k-marine-900);
}
.contenido .k-utilidad p{font-size:1.0625em;line-height:1.6}
.contenido .k-legal > h2:not(:first-of-type){
border-top:1px solid var(--k-borde-suave);
padding-top:var(--sp-8);margin-top:var(--sp-10);
}
.contenido .k-legal-versiones{
margin-top:var(--sp-10);padding-top:var(--sp-6);
border-top:1px solid var(--k-borde-suave);
font-family:var(--ff-mono);font-size:.8125rem;letter-spacing:.02em;
color:var(--k-tinta-70);
}
.contenido .k-legal-versiones a{color:var(--k-tuerkis-700)}
.pagina-hero{
position:relative;overflow:hidden;isolation:isolate;
background:var(--k-marine-900);color:var(--k-blanco);
padding-block:clamp(3.5rem,8vw,6rem) clamp(3rem,7vw,5rem);
--pagina-hero-corte:clamp(20px,3.5vw,40px);
clip-path:polygon(0 0,100% 0,100% calc(100% - var(--pagina-hero-corte)),0 100%);
}
.pagina-hero__foto,
.pagina-hero__foto img{
position:absolute;inset:0;width:100%;height:100%;
object-fit:cover;object-position:center;
}
.pagina-hero__foto{z-index:-2}
.pagina-hero__capa{
position:absolute;inset:0;z-index:-1;
background:linear-gradient(
100deg,
rgba(0,47,90,.90) 0%,
rgba(0,47,90,.84) 45%,
rgba(0,47,90,.78) 100%
);
}
.pagina-hero__datum{margin:0 0 var(--sp-4);color:var(--k-tuerkis-claro)}
.pagina-hero h1{
font-family:var(--ff-serif);font-weight:500;color:var(--k-blanco);
font-size:clamp(2.25rem,1.8rem + 2.4vw,3.25rem);line-height:1.1;letter-spacing:-.016em;
max-width:20ch;margin:0;text-wrap:balance;
}
.pagina-hero__persona{margin:var(--sp-3) 0 0;color:var(--k-pie-texto);font-size:1.0625rem;line-height:1.5}
.pagina-hero a:focus-visible{outline-color:var(--k-blanco);box-shadow:0 0 0 2px var(--k-marine-900)}
.pagina-foto{
position:relative;overflow:hidden;
margin-bottom:var(--sp-10);
aspect-ratio:21/9;
clip-path:polygon(0 0,calc(100% - 56px) 0,100% 56px,100% 100%,0 100%);
box-shadow:0 20px 44px rgba(0,36,62,.14);
}
.pagina-foto img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:640px){
.pagina-foto{aspect-ratio:4/3;clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%)}
}
.contenido:has(.k-keyfacts) .k-seccion{margin-top:clamp(3rem,5vw + 1.5rem,5rem)}
.contenido:has(.k-keyfacts) .k-seccion:first-child{margin-top:0}
.contenido:has(.k-keyfacts) .k-seccion > h2::before{
content:"";display:block;width:2.5rem;height:2px;
background:var(--k-tuerkis-700);margin-bottom:.625rem;
}
.k-keyfacts__grid{
display:grid;grid-template-columns:1fr;gap:var(--sp-6);
margin-top:var(--sp-6);
}
.k-keyfacts__karte{
padding:var(--sp-6) var(--sp-6) var(--sp-2);
background:var(--k-nieve);border-top:3px solid var(--k-tuerkis-700);
}
.k-keyfacts__karte h3{margin-top:0}
.k-keyfacts__karte p{font-size:.95em}
@media (min-width:760px){
.k-keyfacts__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.contenido .k-lista-2col{list-style:none;padding-left:0}
.k-lista-2col li{
position:relative;padding-left:1.3em;
break-inside:avoid;-webkit-column-break-inside:avoid;
}
.k-lista-2col li::before{
content:"–";position:absolute;left:0;color:var(--k-tuerkis-700);font-weight:600;
}
@media (min-width:560px){
.k-lista-2col{columns:2;column-gap:var(--sp-8)}
}
.contenido .k-chips{
list-style:none;padding-left:0;margin-top:var(--sp-5);
display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);
}
.contenido .k-chips li + li{margin-top:0}
.k-chips li{
margin:0;padding:.4em .9em;
background:var(--k-tuerkis-hell);border:1px solid var(--k-tuerkis-borde);
border-radius:999px;font-size:.9em;line-height:1.3;color:var(--k-tinta);
}
.k-warengruppen p{max-width:var(--medida-corta);line-height:1.7}
.k-tabla-scroll{overflow-x:auto}
.contenido:has(.k-keyfacts){max-width:none}
.contenido:has(.k-keyfacts) > .k-intro,
.contenido:has(.k-keyfacts) > .k-warengruppen{max-width:var(--medida)}
.k-tabla-stationen thead th{
background:var(--k-marine-900);color:var(--k-blanco);
border-top:0;border-bottom:0;padding-block:var(--sp-3);
}
.k-tabla-stationen tbody tr:nth-child(even){background:var(--k-nieve)}
.k-tabla-stationen tbody tr + tr th,
.k-tabla-stationen tbody tr + tr td{border-top:0}
.k-tabla-stationen{font-size:.9375rem}
.k-tabla-stationen tbody th{font-variant-numeric:tabular-nums;white-space:nowrap}
.k-tabla-stationen td.k-tabla-vol{
font-weight:600;color:var(--k-marine-900);font-variant-numeric:tabular-nums;
white-space:nowrap;
}
@media (max-width:699px){
.k-tabla-stationen tbody th{margin-bottom:var(--sp-3)}
.k-tabla-stationen tbody td{
display:grid;grid-template-columns:6.5rem minmax(0,1fr);
gap:var(--sp-3);align-items:baseline;
padding:.35em 0;border:0;
}
.k-tabla-stationen tbody td[data-label]::before{
content:attr(data-label);
font-family:var(--ff-mono);font-size:.6875rem;letter-spacing:.06em;
text-transform:uppercase;color:var(--k-tinta-70);
}
.k-tabla-stationen td.k-tabla-vol{white-space:normal}
}
.paginacion{
margin-top:var(--sp-16);padding-top:var(--sp-8);
border-top:1px solid var(--k-borde-suave);
display:flex;flex-wrap:wrap;gap:var(--sp-4);
}
.paginacion .page-numbers{
display:inline-flex;align-items:center;justify-content:center;
min-width:44px;min-height:44px;padding:0 .75rem;border-radius:var(--radio);
text-decoration:none;color:var(--k-tuerkis-700);border:1px solid var(--k-borde-suave);
font-variant-numeric:tabular-nums;
}
.paginacion .page-numbers:hover{background:var(--k-nieve);border-color:var(--k-tuerkis-700)}
.paginacion .page-numbers.current{
background:var(--k-marine-900);color:var(--k-blanco);border-color:var(--k-marine-900);font-weight:600;
}
.lista{list-style:none;margin-top:var(--sp-8)}
.lista > li{border-top:1px solid var(--k-borde-suave);padding-block:var(--sp-8)}
.lista > li:first-child{border-top:2px solid var(--k-marine-900)}
.teaser h2,.teaser h3{
font-size:clamp(1.375rem,1.25rem + .6vw,1.625rem);line-height:1.3;margin-bottom:var(--sp-3);
max-width:30ch;
}
.teaser h2 a,.teaser h3 a{color:inherit;text-decoration:none}
.teaser h2 a:hover,.teaser h3 a:hover{text-decoration:underline;text-underline-offset:.18em}
.teaser__fecha{display:block;margin-bottom:var(--sp-2);font-variant-numeric:tabular-nums}
.teaser p{max-width:var(--medida);color:var(--k-tinta-70)}
.teaser .enl{display:inline-block;margin-top:var(--sp-4);padding-block:.25rem}
.entrada--con-lateral .wrap.reg{max-width:none}
@media (min-width:64rem){
.entrada--con-lateral .reg__cuerpo{
display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:var(--sp-12);align-items:start;
}
.entrada--con-lateral .entrada__principal{min-width:0}
.entrada--con-lateral .contenido{max-width:none}
}
.lateral .widget + .widget{margin-top:var(--sp-10)}
.lateral .widget h2{margin-bottom:var(--sp-3)}
.form{max-width:38rem;margin-top:var(--sp-8)}
.form__leyenda{margin-bottom:var(--sp-8);color:var(--k-tinta-70);font-size:.9375rem}
.form__campo + .form__campo{margin-top:var(--sp-6)}
.form__campo label,.form__grupo legend{
display:block;font-weight:600;font-size:.9375rem;color:var(--k-marine-900);
margin-bottom:var(--sp-2);
}
.form__ayuda{display:block;margin-bottom:var(--sp-2);font-size:.875rem;color:var(--k-tinta-70)}
.form__req{color:var(--k-error);font-weight:700}
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form input[type="search"],
.form select,
.form textarea{
width:100%;min-height:44px;padding:.6875rem .875rem;
font:inherit;font-size:1rem;color:var(--k-tinta);
background:var(--k-blanco);
border:1.5px solid var(--k-borde-control);border-radius:var(--radio);
}
.form textarea{min-height:11rem;resize:vertical;line-height:1.6}
.form select{appearance:none;padding-right:2.5rem;
background-image:linear-gradient(45deg,transparent 50%,var(--k-tinta-70) 50%),
linear-gradient(135deg,var(--k-tinta-70) 50%,transparent 50%);
background-position:calc(100% - 20px) calc(50% + 2px),calc(100% - 14px) calc(50% + 2px);
background-size:6px 6px,6px 6px;background-repeat:no-repeat;
}
.form input::placeholder,.form textarea::placeholder{color:var(--k-tinta-60);opacity:1}
.form [aria-invalid="true"]{border-color:var(--k-error);border-width:2px}
.form__error{
display:block;margin-top:var(--sp-2);
color:var(--k-error);font-size:.875rem;font-weight:500;
}
.form__error::before{content:"▲ ";font-size:.8em}
.form__resumen{
margin-bottom:var(--sp-8);padding:var(--sp-5) var(--sp-6);
background:var(--k-error-fondo);border-left:4px solid var(--k-error);
border-radius:0 var(--radio) var(--radio) 0;
}
.form__resumen h2,.form__resumen p:first-child{
font-size:1rem;font-weight:600;color:var(--k-error);margin-bottom:var(--sp-3);
}
.form__resumen ul{list-style:disc;padding-left:1.35em}
.form__resumen li + li{margin-top:.35em}
.form__resumen a{color:var(--k-error);font-weight:500}
.form__casilla{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3);align-items:start}
.form__casilla input[type="checkbox"]{
width:1.375rem;height:1.375rem;margin:.1rem 0 0;flex:none;
accent-color:var(--k-tuerkis-700);
}
.form__casilla label{margin:0;font-weight:400;font-size:.9375rem;line-height:1.55;color:var(--k-tinta)}
.form__casilla + .form__casilla{margin-top:var(--sp-6)}
.form__casilla .form__error{grid-column:1 / -1}
.form__opciones{display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-6)}
.form__opcion{display:flex;align-items:center;gap:var(--sp-2);min-height:44px}
.form__opcion input[type="radio"]{width:1.25rem;height:1.25rem;accent-color:var(--k-tuerkis-700)}
.form__opcion label{margin:0;font-weight:400}
.form__acc{margin-top:var(--sp-10)}
.form__miel{
position:absolute !important;left:-9999px !important;
width:1px;height:1px;overflow:hidden;
}
.privacidad{
margin-top:var(--sp-8);border:1px solid var(--k-borde-suave);
border-radius:var(--radio);background:var(--k-nieve);
}
.privacidad > summary{
padding:var(--sp-4) var(--sp-5);cursor:pointer;
font-family:var(--ff-mono);font-weight:500;font-size:.8125rem;letter-spacing:.08em;
text-transform:uppercase;color:var(--k-marine-900);
list-style-position:inside;
}
.privacidad > summary::marker{color:var(--k-tuerkis-700)}
.privacidad__cuerpo{padding:0 var(--sp-5) var(--sp-5);font-size:.9375rem;line-height:1.6}
.privacidad__cuerpo dt{font-weight:600;color:var(--k-marine-900);margin-top:var(--sp-4)}
.privacidad__cuerpo dt:first-child{margin-top:0}
.privacidad__cuerpo dd{margin:.2rem 0 0}
.buscador{display:flex;flex-wrap:wrap;gap:var(--sp-3);max-width:32rem;margin-top:var(--sp-6)}
.buscador label{
flex-basis:100%;font-weight:600;font-size:.9375rem;color:var(--k-marine-900);
margin-bottom:var(--sp-1);
}
.buscador input[type="search"]{
flex:1 1 14rem;min-width:0;min-height:44px;padding:.6875rem .875rem;
font:inherit;font-size:1rem;color:var(--k-tinta);background:var(--k-blanco);
border:1.5px solid var(--k-borde-control);border-radius:var(--radio);
}
.utilidad{padding-block:clamp(3rem,8vw,6rem)}
.utilidad h1{
font-size:clamp(2.125rem,1.7rem + 2vw,3rem);line-height:1.12;letter-spacing:-.018em;
max-width:20ch;
}
.utilidad__salidas{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-8);margin-top:var(--sp-10)}
.utilidad__salidas a{display:inline-block;padding-block:.35rem}
:root{
--mq-papel:#F7F5F0;
--mq-arena:#F0EBE3;
--mq-noche:#001B30;
--mq-tur:#0BA5A5;
--mq-tur-claro:#2FC4BE;
--mq-x:max(var(--margen),calc((100% - var(--ancho)) / 2 + var(--margen)));
--mq-y:clamp(3.5rem,7vw,6rem);
}
.pie{
position:relative;isolation:isolate;
overflow:hidden;overflow:clip;
background:var(--mq-noche);color:rgba(255,255,255,.72);
border-top:2px solid rgba(11,165,165,.55);
padding-block:clamp(2.75rem,5vw,4.25rem) 0;
font-size:.9063rem;line-height:1.65;
}
.pie::after{
content:"&";position:absolute;right:-1.25rem;bottom:-7.5rem;z-index:-1;
font-family:var(--ff-serif);font-style:italic;font-weight:400;
font-size:clamp(13rem,30vw,24rem);line-height:1;
color:rgba(47,196,190,.06);pointer-events:none;user-select:none;
}
.pie a{color:var(--mq-tur-claro)}
.pie a:hover{color:var(--k-blanco)}
.pie__cta{
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-6);
padding-bottom:clamp(2rem,4vw,3.25rem);border-bottom:1px solid rgba(255,255,255,.14);
}
.pie__frase{
margin:0;max-width:18ch;color:var(--k-blanco);text-wrap:balance;
font-family:var(--ff-serif);font-weight:500;letter-spacing:-.008em;
font-size:clamp(1.75rem,1.2rem + 2vw,2.625rem);line-height:1.15;
}
.pie .pie__boton{
display:inline-flex;align-items:center;gap:.625rem;
background:var(--mq-tur);color:#00243E;border-radius:2px;
padding:.9375rem 1.75rem;min-height:44px;
font-family:var(--ff-sans-display);font-weight:600;font-size:.9688rem;line-height:1.2;text-decoration:none;
transition:background-color 200ms linear,gap 200ms linear;
}
.pie .pie__boton::after{content:"\2192";font-size:1.05em}
.pie .pie__boton:hover{background:var(--mq-tur-claro);color:#00243E;gap:1rem}
.pie__campo{
display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-10);
padding-block:clamp(2.25rem,4vw,3.25rem);
}
@media (min-width:640px){.pie__campo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){
.pie__campo{grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr) minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,4vw,4.25rem)}
}
.pie h2{
margin:0 0 var(--sp-4);
font-family:var(--ff-sans-display);font-weight:600;font-size:.75rem;line-height:1.4;
letter-spacing:.18em;text-transform:uppercase;color:var(--mq-tur-claro);
}
.pie__logo{height:2.5rem;width:auto;max-width:100%}
.pie__lema{margin-top:var(--sp-4);max-width:30ch;color:rgba(255,255,255,.62);font-size:.9375rem;line-height:1.65}
.pie address{font-style:normal;line-height:1.7;color:rgba(255,255,255,.72)}
.pie address a{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.06em;overflow-wrap:anywhere;hyphens:none}
.pie__marca{color:var(--k-blanco);font-weight:600}
.pie__lista{display:flex;flex-direction:column;gap:.125rem;list-style:none}
.pie__lista a{display:inline-block;padding-block:.3rem;color:rgba(255,255,255,.78);text-decoration:none;font-size:.9063rem}
.pie__lista a:hover{color:var(--mq-tur-claro)}
.pie__perfiles{padding-bottom:var(--sp-8)}
.pie__perfiles .pie__lista{flex-direction:row;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6)}
.pie__idiomas{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none}
.pie .pie__idiomas a{
display:inline-block;padding:.4375rem .75rem;min-height:32px;border-radius:2px;
border:1px solid rgba(128,144,156,.6);color:rgba(255,255,255,.78);text-decoration:none;
font-family:var(--ff-sans-display);font-weight:600;font-size:.75rem;letter-spacing:.04em;
}
.pie .pie__idiomas a:hover{border-color:var(--mq-tur-claro);color:var(--mq-tur-claro)}
.pie .pie__idiomas a[aria-current]{background:var(--mq-tur);border-color:var(--mq-tur);color:#00243E}
.pie__nota{margin-top:var(--sp-4);max-width:26ch;color:rgba(255,255,255,.62);font-size:.8125rem;line-height:1.6}
.pie__banda{
display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-8) clamp(2rem,5vw,4.5rem);
padding-block:clamp(1.75rem,3vw,2.5rem);border-top:1px solid rgba(255,255,255,.14);
}
.pie__socios{display:flex;flex-wrap:wrap;gap:var(--sp-4);list-style:none;margin:0;padding:0;align-items:stretch}
.pie .pie__socios a{
display:flex;align-items:center;justify-content:center;height:100%;
background:var(--k-blanco);padding:var(--sp-3) var(--sp-4);border-radius:2px;
}
.pie__socios img{display:block;height:3.25rem;width:auto;max-width:100%}
.pie__socios li:last-child img{height:2.875rem}
.pie__kit{background:var(--k-blanco);padding-block:clamp(.875rem,2vw,1.5rem)}
.pie__kit .wrap{padding-inline:.75rem}
.pie__kit img{display:block;width:100%;max-width:1200px;height:auto;margin-inline:auto}
.hueco{
width:8.5rem;height:4.5rem;border:1px dashed var(--k-tuerkis-borde);border-radius:var(--radio);
display:flex;align-items:center;justify-content:center;text-align:center;
font-family:var(--ff-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;
color:var(--k-pie-texto);padding:var(--sp-2);line-height:1.3;
}
.pie__cierre{border-top:1px solid rgba(255,255,255,.12);font-size:.8125rem;color:rgba(255,255,255,.62)}
.pie__cierre-in{
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3) var(--sp-6);
padding-block:1.125rem;
}
.pie__copy{margin:0}
.pie__legal .pie__lista{flex-direction:row;flex-wrap:wrap;gap:.25rem 1.375rem}
.pie__legal .pie__lista a{font-size:.8125rem;color:rgba(255,255,255,.72)}
.pie__legal .pie__lista a:hover{color:var(--k-blanco)}
.consent{
position:fixed;z-index:1000;left:var(--sp-4);right:var(--sp-4);bottom:var(--sp-4);
max-width:46rem;margin-inline:auto;
background:var(--k-blanco);color:var(--k-tinta);
border:1px solid var(--k-borde-control);border-top:4px solid var(--k-marine-900);
box-shadow:0 10px 30px rgba(0,27,48,.25);
font-family:var(--ff-sans);font-size:.9375rem;line-height:1.5;
max-height:calc(100vh - 2rem);overflow:auto;
}
.consent[hidden]{display:none}
.consent:focus{outline:none}
.consent__in{padding:var(--sp-5) var(--sp-6)}
.consent__titulo{margin:0 0 var(--sp-2);font-family:var(--ff-sans);font-size:1.0625rem;font-weight:600;line-height:1.3;color:var(--k-marine-900);letter-spacing:0;text-transform:none}
.consent__texto{margin:0 0 var(--sp-4);color:var(--k-tinta);max-width:none}
.consent__enlace{color:var(--k-tuerkis-700);text-decoration:underline;text-underline-offset:2px}
.consent__enlace:hover{color:var(--k-tuerkis-800)}
.consent__botones{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.consent__boton{
flex:1 1 10rem;min-height:2.75rem;padding:.625rem 1.25rem;
font:inherit;font-weight:600;line-height:1.2;cursor:pointer;
background:var(--k-marine-900);color:var(--k-blanco);
border:2px solid var(--k-marine-900);border-radius:0;
}
.consent__boton:hover{background:var(--mq-noche);border-color:var(--mq-noche)}
.consent a:focus-visible,.consent__boton:focus-visible{outline:3px solid var(--k-tuerkis-700);outline-offset:2px;box-shadow:none}
@media (max-width:480px){
.consent{left:0;right:0;bottom:0;border-left:0;border-right:0}
.consent__in{padding:var(--sp-4)}
}
@media print{.consent{display:none!important}}
.pie__cookies{
display:inline-block;padding:.3rem 0;margin:0;background:none;border:0;cursor:pointer;
font:inherit;font-size:.8125rem;line-height:inherit;color:rgba(255,255,255,.72);text-align:left;
}
.pie__cookies:hover{color:var(--k-blanco);text-decoration:underline}
.pie__cookies:focus-visible{outline:2px solid var(--k-blanco);outline-offset:2px}
@media print{
:root{--ritmo:1.5rem;--margen:0}
*{background:transparent !important;color:#000 !important;box-shadow:none !important}
body{font-size:11pt;line-height:1.45}
.skip,.cab__nav,.cab__cta,.cab__boton,.idi,.inhalt,.buscador,.paginacion,
.form__acc,.gespraech__acc,.hero__acc,.utilidad__salidas,.hueco{display:none !important}
.cab,.pie{border:0}
.hero{border-bottom:1pt solid #000;padding-block:0 1rem}
.sec,.sec--nieve,.sec--tuerkis,.entrada{padding-block:.6rem;break-inside:auto}
.reg{display:block}
.reg__rot{margin-bottom:.25rem}
.reg__rot::before{background:#000;width:2.5rem !important}
h1,h2,h3{break-after:avoid-page}
h1{font-size:20pt}h2{font-size:14pt}h3{font-size:12pt}
.citable,.voz,.faq__item p,.gespraech{border-left:2pt solid #000;background:transparent !important}
.fuentes{break-inside:avoid}
.fuentes th,.fuentes td{border-color:#000 !important}
.fuentes a::after,.prosa a[href^="http"]::after{
content:" (" attr(href) ")";
font-family:monospace;font-size:8.5pt;word-break:break-all;
}
a[href^="mailto:"]::after{content:""}
.pie__campo{border:1pt solid #000}
.pie__fila + .pie__fila{border-top:1pt solid #000}
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible{
outline:3px solid var(--k-marine-900);
outline-offset:2px;
box-shadow:0 0 0 2px var(--k-blanco);
border-radius:2px;
}
.pie a:focus-visible,
.pie button:focus-visible{
outline-color:var(--k-blanco);
box-shadow:0 0 0 2px var(--k-marine-900);
}
main:focus-visible{
outline:3px solid var(--k-marine-900);
outline-offset:-3px;
box-shadow:none;
}
.foto-sascha{margin:0;overflow:hidden;box-shadow:0 20px 44px rgba(0,36,62,.14);background:var(--k-nieve)}
.foto-sascha img{display:block;width:100%;height:100%;object-fit:cover}
.foto-retrato{
width:min(100%,20rem);aspect-ratio:4/5;margin:0 0 var(--sp-8);
clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);
}
.foto-retrato img{object-position:50% 12%}
@media (min-width:900px){
.foto-retrato{float:right;width:15rem;margin:0 0 var(--sp-8) var(--sp-8)}
}
.foto-segunda{
width:min(100%,20rem);aspect-ratio:4/5;margin:var(--sp-10) 0;
clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);
}
.foto-segunda{border-top:4px solid var(--k-tuerkis-700)}
.foto-segunda img{object-position:50% 15%}
.pagina-foto--sascha img{object-position:50% 22%}
.gespraech-con-foto{display:grid;gap:var(--sp-8);align-items:center}
.foto-cierre{
width:min(100%,19rem);aspect-ratio:2/3;
clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);
}
.foto-cierre img{object-position:50% 30%}
@media (min-width:900px){
.gespraech-con-foto{grid-template-columns:minmax(0,1fr) 17rem;gap:var(--sp-10)}
.gespraech-con-foto .gespraech{max-width:none}
.foto-cierre{width:100%}
}