/* Pale navigation strip and a single panoramic scene, isolated by an SVG viewport. */
header{background:#fffdf7;border-bottom:1px solid #d9ccb7;box-shadow:0 2px 12px #203d5806;padding-top:14px;padding-bottom:14px}header details nav{background:#fffdf7}header .brand{width:315px}.heroArt{background:none!important;mask-image:linear-gradient(#000 75%,transparent);-webkit-mask-image:linear-gradient(#000 75%,transparent);opacity:1}.heroArt svg{display:block;width:100%;height:100%;overflow:hidden}.hero{min-height:560px}.heroText{padding-top:70px;padding-bottom:80px}.heroText h1{font-size:clamp(36px,4vw,60px)}
/* Cut-out elements sit openly on the paper between sections, never in a box. */
.looseMotif{position:relative;z-index:1;width:195px;height:195px;background-image:url('/assets/elementos-sueltos.png');background-size:400% 400%;background-repeat:no-repeat;pointer-events:none;clear:both;margin-top:-30px;margin-bottom:-30px}.driftRight{margin-left:auto;margin-right:max(6%,calc((100vw - 1180px)/2))}.driftLeft{margin-right:auto;margin-left:max(6%,calc((100vw - 1180px)/2))}.pageWatermark{position:absolute;z-index:-1;pointer-events:none;top:43%;right:-170px;width:760px;height:1100px;background:url('/assets/simbolos-entrelazados.png') center/contain no-repeat;opacity:.055;transform:rotate(-12deg)}.lightPaper{--section-tint:#fffdf8!important}.lightPaper:before{background:linear-gradient(180deg,transparent,#fffdf8 18%,#fffdf8 82%,transparent)!important}.lightPaper h2{color:#203d58}.continuousSymbol{opacity:.045}
.motif0{background-position:0% 0%}.motif1{background-position:33.3333% 0%}.motif2{background-position:66.6667% 0%}.motif3{background-position:100% 0%}.motif4{background-position:0% 33.3333%}.motif5{background-position:33.3333% 33.3333%}.motif6{background-position:66.6667% 33.3333%}.motif7{background-position:100% 33.3333%}.motif8{background-position:0% 66.6667%}.motif9{background-position:33.3333% 66.6667%}.motif10{background-position:66.6667% 66.6667%}.motif11{background-position:100% 66.6667%}.motif12{background-position:0% 100%}.motif13{background-position:33.3333% 100%}.motif14{background-position:66.6667% 100%}.motif15{background-position:100% 100%}
.logoComparison{max-width:1080px;margin:auto;padding:60px 6%}.logoComparison h1{font-size:45px}.logoComparison figure{margin:35px 0 55px;padding:35px;background:#fffdf7}.logoComparison figure:nth-of-type(2){background:#f4f0e7}.logoComparison img{width:100%;max-height:300px;object-fit:contain}.logoComparison figcaption{margin-top:20px;color:var(--navy);font-size:16px}
@media(max-width:1000px){header .brand{width:265px}.looseMotif{width:170px;height:170px}}@media(max-width:760px){header .brand{width:250px}.heroArt{position:absolute;inset:0;opacity:.44}.heroArt svg{width:100%;height:100%;transform:none}.heroText{padding-top:50px;min-height:520px}.looseMotif{width:140px;height:140px;margin-top:-6px;margin-bottom:-6px}.driftLeft{margin-left:6%}.driftRight{margin-right:6%}.pageWatermark{top:38%;right:-300px;width:660px;height:1200px;opacity:.045}.logoComparison{padding-top:40px}.logoComparison figure{padding:20px}.logoComparison h1{font-size:34px}}