/*
Theme Name: Blue Ocean Finance - Sitio Aprobado
Theme URI: https://blueoceanfinance.com
Author: Blue Ocean Finance
Description: Tema visual de tres páginas basado en las maquetas aprobadas. Enlaces interactivos y ajustes de contacto.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: blue-ocean
*/
*{box-sizing:border-box}html,body{margin:0;padding:0;background:#001b39}body{font-family:Arial,sans-serif}.bo-page{position:relative;max-width:1440px;margin:auto;line-height:0}.bo-image{display:block;width:100%;height:auto}.bo-hotspot{position:absolute;display:block;z-index:3;cursor:pointer;border-radius:4px}.bo-hotspot:focus-visible{outline:3px solid #21b6ff;outline-offset:2px;background:#21b6ff33}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bo-contact-fallback{background:#001b39;color:white;text-align:center;padding:15px;font:14px Arial;line-height:1.5}.bo-contact-fallback a{color:#7fd6ff}@media(max-width:640px){.bo-page{min-width:0}.bo-hotspot{min-height:12px}}
.bo-desktop{display:block}.bo-mobile{display:none}.bo-mobile *{box-sizing:border-box}.bo-mobile{color:#071e43;background:#fff;font:16px/1.5 Arial,sans-serif}.bo-mobile h1,.bo-mobile h2,.bo-mobile h3{font-family:Georgia,serif;line-height:1.12;margin:.4em 0}.bo-mobile h1{font-size:clamp(32px,9vw,48px)}.bo-mobile h2{font-size:clamp(27px,7vw,36px)}.bo-mobile h3{font-size:23px}.bo-mobile p{margin:.7em 0}.bo-mnav{position:sticky;top:0;z-index:20;background:#001d3d;color:white;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;gap:12px;box-shadow:0 3px 14px #0003}.bo-mnav .bo-brand{font-weight:700;font-size:16px;letter-spacing:.06em;color:white;text-decoration:none;line-height:1.2}.bo-mnav .bo-brand small{display:block;letter-spacing:.22em;color:#36b9ff;font-size:10px}.bo-menu{position:relative}.bo-menu summary{cursor:pointer;border:1px solid #63c7ff;border-radius:5px;padding:7px 11px;list-style:none;font-weight:600}.bo-menu summary::-webkit-details-marker{display:none}.bo-menu nav{position:absolute;right:0;top:44px;background:#05254c;min-width:215px;box-shadow:0 10px 25px #0005;border-radius:5px;overflow:hidden}.bo-menu nav a{display:block;color:white;text-decoration:none;padding:13px 16px;border-bottom:1px solid #ffffff2b}.bo-mhero{min-height:390px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;color:white}.bo-mhero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#00162fee 2%,#001e3b88 65%,#00162f33)}.bo-mhero .bo-pad{position:relative;width:100%;padding-top:90px;padding-bottom:32px}.bo-pad{padding:27px 22px}.bo-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#168fe8}.bo-mhero .bo-eyebrow{color:#70ceff}.bo-section{background:white}.bo-section:nth-of-type(2n){background:#edf4fa}.bo-photo{width:100%;height:215px;object-fit:cover;display:block}.bo-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.bo-point{border-left:3px solid #159cf5;padding:8px 11px;background:#f1f6fc;font-size:14px;line-height:1.3}.bo-point strong{display:block;margin-bottom:5px}.bo-cta{background:#00234a;color:white;text-align:center;padding:33px 22px}.bo-btn{display:inline-flex;align-items:center;justify-content:center;background:#078bf4;color:white!important;text-decoration:none;border-radius:30px;padding:12px 20px;margin:12px 0;font-weight:700;min-height:48px}.bo-btn-outline{border:1px solid #159cf5;background:transparent}.bo-foot{background:#00152f;color:white;padding:25px 22px;text-align:center;font-size:14px}.bo-foot a{color:#9bddff}.bo-mhero p{max-width:480px}.bo-section .bo-btn{border-radius:6px}.bo-mobile .bo-disclaimer{font-size:12px;color:#496078}.bo-mobile .bo-info{display:grid;gap:10px}.bo-mobile .bo-info > div{border-bottom:1px solid #c8d8e9;padding:12px 0}.bo-mobile .bo-info strong{display:block;color:#007ad6;font-size:17px}.bo-mobile .bo-info span{font-size:14px}.bo-mobile .bo-title{color:#061f4d}
@media(max-width:760px){.bo-desktop{display:none}.bo-mobile{display:block}body{background:#fff}.bo-contact-fallback{display:none}}
@media(min-width:761px){.bo-mobile{display:none}}
