/* Shared presentation for the front end and the block editor. Content remains core blocks. */
:where(.wp-site-blocks,.editor-styles-wrapper){--spq-blue:#0521c6;--spq-water:#eafaff}
.wp-site-blocks{padding:0}.wp-site-blocks>header,.wp-site-blocks>main,.wp-site-blocks>footer{margin-block-start:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .wrap{width:calc(100% - 64px);max-width:1160px;margin-inline:auto}
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-body{padding-block:56px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-topline{background:#f2f8fc;font-size:12px;margin:0;padding:8px 32px;text-align:center}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-header-row{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:98px;padding-block:15px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-header-row>*{margin-block:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-logo{width:190px;flex-shrink:0;margin:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-logo img{width:100%;height:auto}
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-hero{background:var(--spq-blue);color:white;padding:38px 0 58px;border-radius:0 0 100px 0;margin:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-hero h1{color:white;font-size:clamp(36px,4.5vw,56px);max-width:820px;margin:0 0 18px}
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-hero .lead{max-width:680px;font-size:18px}
:where(.wp-site-blocks,.editor-styles-wrapper) .crumb{font-size:13px;margin:0 0 26px}
:where(.wp-site-blocks,.editor-styles-wrapper) .crumb a{color:#c7eaff}
:where(.wp-site-blocks,.editor-styles-wrapper) .intro-row{align-items:center;gap:65px;margin-bottom:40px}
:where(.wp-site-blocks,.editor-styles-wrapper) .intro-photo{margin:0;background:var(--spq-water);border-radius:65px 5px 65px 5px}
:where(.wp-site-blocks,.editor-styles-wrapper) .intro-photo img{width:100%;height:260px;object-fit:contain;display:block}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-cards{gap:24px;margin-top:24px}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard{padding:25px;background:#f2f8fc;border-radius:5px 45px 5px 5px;height:100%;box-sizing:border-box}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard .wp-block-image{margin:0 0 20px}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard img{width:100%;height:180px;object-fit:contain}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard h3{font-size:25px}
:where(.wp-site-blocks,.editor-styles-wrapper) .help-band{background:var(--spq-water);padding:35px;border-radius:5px 45px 5px 5px;margin-top:40px}
:where(.wp-site-blocks,.editor-styles-wrapper) .help-band h2{font-size:30px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-list-item{display:flex;gap:28px;justify-content:space-between;align-items:center;border-bottom:1px solid #cbdde7;padding-block:22px;margin:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-list-item>div{margin:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-list-item h3{font-size:23px;margin:0 0 10px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-list-item p{margin:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-list-item .wp-block-buttons{flex-shrink:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-family-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-family-nav>*{margin:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-family-nav .wp-block-button__link{font-size:14px;background:var(--spq-water);color:var(--spq-blue);padding:10px 15px}
:where(.wp-site-blocks,.editor-styles-wrapper) .product-detail{width:calc(100% - 64px);max-width:1160px;margin-inline:auto;padding-block:50px;gap:60px}
:where(.wp-site-blocks,.editor-styles-wrapper) .product-stage{background:var(--spq-water);border-radius:90px 8px 60px 8px;padding:30px 0}
:where(.wp-site-blocks,.editor-styles-wrapper) .product-stage img{width:100%;height:360px;object-fit:contain}
:where(.wp-site-blocks,.editor-styles-wrapper) .note{font-size:13px;color:#586974}
:where(.wp-site-blocks,.editor-styles-wrapper) .related{background:#f2f8fc;padding-block:40px}
:where(.wp-site-blocks,.editor-styles-wrapper) .about-statement{background:var(--spq-blue);color:white;padding:45px;border-radius:5px 65px 5px 5px;margin-block:38px}
:where(.wp-site-blocks,.editor-styles-wrapper) .about-statement h2{color:white}
:where(.wp-site-blocks,.editor-styles-wrapper) .jump-list{display:flex;gap:12px;flex-wrap:wrap}
:where(.wp-site-blocks,.editor-styles-wrapper) .jump-list>*{margin:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .contact-layout{width:calc(100% - 64px);max-width:1160px;margin-inline:auto;padding-block:40px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-contact-cta{padding-block:20px 60px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-footer{background:#f2f8fc;padding-block:45px;margin:0;font-size:14px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero{background:var(--spq-blue);padding-block:65px;border-radius:0 0 100px 0;color:white}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero h1{font-size:clamp(40px,5vw,68px);color:white}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero .wp-block-button__link{background:white;color:var(--spq-blue)}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-pool img{width:100%;height:450px;object-fit:cover;border:7px solid white;box-sizing:border-box;border-radius:130px 10px 100px 10px}
:where(.wp-site-blocks,.editor-styles-wrapper) .wp-block-table th,:where(.wp-site-blocks,.editor-styles-wrapper) .wp-block-table td{padding:12px;border:0;border-bottom:1px solid #cbdde7;text-align:left}
:where(.wp-site-blocks,.editor-styles-wrapper) a:focus-visible{outline:3px solid #ff8133;outline-offset:5px}
@media(max-width:781px){
:where(.wp-site-blocks,.editor-styles-wrapper) .wrap{width:calc(100% - 40px)}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-header-row{gap:12px;min-height:72px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-header-row>.wp-block-buttons{display:none}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-logo{width:155px}
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-hero{padding:30px 0 40px;border-radius:0 0 55px 0}
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-body{padding-block:35px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-list-item{display:block}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-list-item .wp-block-buttons{margin-top:16px}
:where(.wp-site-blocks,.editor-styles-wrapper) .product-detail,:where(.wp-site-blocks,.editor-styles-wrapper) .contact-layout{width:calc(100% - 40px)}
:where(.wp-site-blocks,.editor-styles-wrapper) .help-band,:where(.wp-site-blocks,.editor-styles-wrapper) .about-statement{padding:25px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero{padding-block:35px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-pool img{height:300px}
}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-contact-box{background:#eafaff;border-radius:5px 65px 5px 5px;padding:35px}

/* SPQ 0.2 — catalogue identity. Decorative art stays separate from editable text. */
@font-face{font-family:Eurostile;src:url('eurostile.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:where(.wp-site-blocks,.editor-styles-wrapper){font-size:17px;line-height:1.65}
:where(.wp-site-blocks,.editor-styles-wrapper) :is(h1,h2,h3){font-family:Eurostile,Arial,sans-serif;font-weight:400;letter-spacing:-.025em;text-wrap:balance}
:where(.wp-site-blocks,.editor-styles-wrapper) h2{font-size:clamp(30px,3.1vw,44px)}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-header-row{min-height:94px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-topline{background:#0521c6;color:#d6f3ff;letter-spacing:.02em;padding-block:7px}
:where(.wp-site-blocks,.editor-styles-wrapper) .wp-block-navigation{font-size:15px}
:where(.wp-site-blocks,.editor-styles-wrapper) .wp-block-button__link{border-radius:3px 18px 3px 3px;padding:14px 22px;font-size:15px;line-height:1.4;text-decoration:none}
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-hero{background:#0521c6 url('branding/ondas-azul.svg') center right/cover no-repeat;position:relative;padding:32px 0 80px;border-radius:0 0 100px 0;min-height:280px;box-sizing:border-box}
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-hero h1{font-family:Eurostile,Arial,sans-serif;font-size:clamp(42px,5.2vw,70px);font-weight:400;line-height:1.04;max-width:840px;letter-spacing:-.035em;margin-bottom:24px}
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-hero .lead{font-size:18px;max-width:610px;color:#e4f5ff;line-height:1.7}
:where(.wp-site-blocks,.editor-styles-wrapper) .crumb{margin-bottom:35px;font-size:12px;color:#d5eeff}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero{background:#0521c6 url('branding/ondas-azul.svg') center/cover no-repeat;position:relative;isolation:isolate;border-radius:0;padding:65px 0 100px;overflow:hidden}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero::after{content:"";position:absolute;inset:auto 0 -1px;height:100px;background:url('branding/cierre-onda.svg') center bottom/100% 100% no-repeat;z-index:-1;pointer-events:none}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero>.wrap{align-items:center;gap:55px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero h1{font-family:Eurostile,Arial,sans-serif;font-size:clamp(45px,5.1vw,72px);font-weight:400;line-height:1.01;letter-spacing:-.035em;margin-top:0;margin-bottom:27px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-copy>p{max-width:450px;font-size:18px;color:#e0f3ff;line-height:1.7}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-copy .wp-block-buttons{margin-top:30px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-pool{position:relative;margin:0 0 25px 0}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-pool img{height:475px;object-position:center 68%;border-radius:140px 8px 110px 8px;border:6px solid #fff}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-pool::after{content:"";position:absolute;left:-32px;bottom:-30px;width:215px;height:155px;background:#eafaff url('SPQ-013.webp') center/contain no-repeat;border:5px solid white;border-radius:45px 5px 35px 5px;box-shadow:0 14px 25px #001a6822;pointer-events:none}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero+section{background:#eafaff;width:100%;max-width:none;padding:48px max(32px,calc((100% - 1160px)/2)) 60px;box-sizing:border-box;border-radius:0 0 100px 0;margin-top:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero+section>h2{max-width:690px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero+section>.wp-block-columns{margin-top:36px;gap:32px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero+section .wp-block-column{border-top:2px solid #31afff;padding-top:20px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero+section h3{font-size:26px;margin:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-body{padding-block:64px}
:where(.wp-site-blocks,.editor-styles-wrapper) .intro-photo,:where(.wp-site-blocks,.editor-styles-wrapper) .product-stage{background:#eafaff url('branding/ondas-agua.svg') center/cover no-repeat}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard{display:grid;grid-template-columns:minmax(130px,.85fr) minmax(0,1fr);align-items:center;gap:25px;background:#f1f8fc;padding:26px;border-radius:4px 50px 4px 4px;border-bottom:2px solid #c7ebfc}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard>.wp-block-image{margin:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard>div{margin:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard h3{font-size:29px;line-height:1.08;margin:0 0 12px}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard p{font-size:14px;line-height:1.65;margin:0 0 16px}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard .wp-block-button__link{padding:0 0 5px;background:none;color:#0521c6;font-size:13px;border-radius:0;border-bottom:1px solid #9bb7dd;text-align:left}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard img{height:190px}
:where(.wp-site-blocks,.editor-styles-wrapper) .help-band,:where(.wp-site-blocks,.editor-styles-wrapper) .about-statement{background:#0521c6 url('branding/ondas-azul.svg') right center/cover no-repeat;color:white;padding:48px;border-radius:5px 65px 5px 5px}
:where(.wp-site-blocks,.editor-styles-wrapper) .help-band h2,:where(.wp-site-blocks,.editor-styles-wrapper) .about-statement h2{color:white;font-size:clamp(30px,3vw,43px);max-width:770px}
:where(.wp-site-blocks,.editor-styles-wrapper) .help-band p{max-width:690px;color:#deefff}
:where(.wp-site-blocks,.editor-styles-wrapper) .help-band .wp-block-button__link{background:white;color:#0521c6}
:where(.wp-site-blocks,.editor-styles-wrapper) .contact-layout{gap:85px;padding-block:65px 80px;align-items:flex-start}
:where(.wp-site-blocks,.editor-styles-wrapper) .contact-info h2{font-size:39px;margin-top:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .contact-info h3{font-size:22px;margin:26px 0 7px}
:where(.wp-site-blocks,.editor-styles-wrapper) .contact-info p{font-size:16px;margin:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-contact-box{background:#eafaff url('branding/ondas-agua.svg') center/cover no-repeat;padding:270px 40px 40px;border-radius:5px 80px 5px 5px;position:relative;overflow:hidden}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-contact-box::before{content:"";position:absolute;top:0;left:0;right:0;height:230px;background:url('1f2cd3cdc438.jpg') center 65%/cover no-repeat;border-radius:0 0 75px 0}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-contact-box h2{font-size:38px;margin-top:0}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-contact-box p{font-size:16px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-contact-box>p:last-child{font-size:13px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-footer{border-top:1px solid #d2eaf5;background:#f2f8fc url('branding/ondas-agua.svg') right center/cover no-repeat;padding-block:40px}
@media(max-width:1000px){
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard{grid-template-columns:1fr;gap:15px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero>.wrap{gap:30px}
}
@media(max-width:781px){
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-hero{padding:25px 0 50px;background-position:40% center;border-radius:0 0 60px 0}
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-hero h1{font-size:42px}
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-hero .lead{font-size:16px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero{padding:38px 0 80px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero h1{font-size:49px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero>.wrap{gap:34px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-pool{margin:0 0 25px 12px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-pool img{height:345px;border-radius:90px 5px 75px 5px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-pool::after{width:145px;height:115px;left:-12px;bottom:-25px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-home-hero+section{padding:35px 20px 45px;border-radius:0 0 60px 0}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard{grid-template-columns:110px minmax(0,1fr);gap:18px;padding:20px}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard img{height:135px}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard h3{font-size:26px}
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-body{padding-block:40px}
:where(.wp-site-blocks,.editor-styles-wrapper) .contact-layout{gap:35px;padding-block:40px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-contact-box{padding:230px 25px 30px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-contact-box::before{height:200px}
:where(.wp-site-blocks,.editor-styles-wrapper) .help-band,:where(.wp-site-blocks,.editor-styles-wrapper) .about-statement{padding:28px}
}

/* 0.2.1 — small finishing touches, inspired by the pool outline. */
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-hero{overflow:hidden}
:where(.wp-site-blocks,.editor-styles-wrapper) .inner-hero::after{content:"";position:absolute;bottom:-32px;left:0;width:100%;height:68px;background:url('branding/cierre-onda.svg') center/100% 100% no-repeat;pointer-events:none}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard{background:white;border:1px solid #d9eaf4;border-bottom:2px solid #b5def1;padding:28px;position:relative}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard>.wp-block-image{position:relative;isolation:isolate;padding:8px 0}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard>.wp-block-image::before{content:"";position:absolute;inset:14% -6% 10%;background:#e2f5fc;border-radius:48% 8% 42% 8%;transform:rotate(-9deg);z-index:-1}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-cards:nth-child(even) .subcard>.wp-block-image::before{background:#e5f0ff;transform:rotate(9deg);border-radius:8% 45% 8% 40%}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard img{filter:drop-shadow(0 9px 6px #08377912)}
:where(.wp-site-blocks,.editor-styles-wrapper) .subcard .wp-block-button__link{border-bottom:2px solid #31afff;padding-bottom:7px}
:where(.wp-site-blocks,.editor-styles-wrapper) .help-band{border-left:5px solid #31afff}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-header-row .wp-block-navigation-item__content{text-decoration:none;text-underline-offset:7px;text-decoration-thickness:2px}
:where(.wp-site-blocks,.editor-styles-wrapper) .spq-header-row .wp-block-navigation-item__content:hover{text-decoration:underline;text-decoration-color:#31afff}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.wp-site-blocks .subcard img{transition:transform .28s ease}
.wp-site-blocks .subcard:hover img,.wp-site-blocks .subcard:focus-within img{transform:translateY(-5px) rotate(-2deg)}
.wp-site-blocks .subcard{transition:border-color .2s ease,box-shadow .2s ease}
.wp-site-blocks .subcard:hover,.wp-site-blocks .subcard:focus-within{border-color:#31afff;box-shadow:0 12px 25px #0521c609}
}
@media(max-width:781px){:where(.wp-site-blocks,.editor-styles-wrapper) .subcard{padding:20px}:where(.wp-site-blocks,.editor-styles-wrapper) .inner-hero::after{height:50px;bottom:-25px}}
.spq-form form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:22px}
.spq-form p{margin:0}
.spq-form .spq-form__full{grid-column:1/-1}
.spq-form label{display:block;font-size:14px;font-weight:600;margin-bottom:5px;color:#393d3f}
.spq-form input,.spq-form textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:11px 13px;border:1px solid #b9d9ea;border-radius:5px;background:#fff;color:#393d3f}
.spq-form input:focus,.spq-form textarea:focus{outline:2px solid #31afff;outline-offset:1px;border-color:#31afff}
.spq-form button{cursor:pointer;border:0}
.spq-form .spq-form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.spq-form .spq-form__ok{background:#fff;border-left:4px solid #0521c6;padding:16px 18px;margin-top:22px;font-weight:600}
.spq-form .spq-form__errors{background:#fff;border-left:4px solid #c62828;padding:12px 18px;margin-top:22px;color:#8e1c1c}
@media (max-width:640px){.spq-form form{grid-template-columns:1fr}}