*{box-sizing:border-box}body{margin:0;color:#172923;font-family:Arial,Helvetica,sans-serif;background:#fff}header{display:flex;justify-content:space-between;align-items:center;padding:12px max(5%,calc((100% - 1120px)/2));background:white;gap:16px}header img{width:170px;max-width:38vw}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{color:#1a253c;text-decoration:none;font-weight:bold;font-size:14px}nav a:hover{color:#16824d}main{max-width:1120px;margin:0 auto;padding:42px 22px}h1,h2{line-height:1.15}h1{font-size:clamp(28px,4vw,46px)}h2{font-size:32px}p,li{line-height:1.65}footer{text-align:center;padding:35px;background:#f0f5f1;color:#4a6555}.hero{background:linear-gradient(90deg,rgba(5,22,19,.30) 0%,rgba(5,22,19,.16) 46%,rgba(5,22,19,.02) 74%,rgba(5,22,19,0) 100%),url('imagenes/PORTADA_NUEVA_ALTA_DEFINICION.jpg') center top/cover;min-height:630px;display:flex;align-items:center;background-position:center top}.hero-inner{color:white;width:min(1120px,100%);margin:auto;padding:48px 25px}.hero-inner>div{max-width:600px}.hero h1{max-width:560px}.hero p{font-size:17px}.intro{max-width:850px}.bullets{columns:2;column-gap:55px;padding-left:22px}.bullets li{break-inside:avoid;margin:0 0 12px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contacts article{background:#f2f6f3;padding:18px;border-radius:8px;overflow-wrap:anywhere}.contacts a{color:#176f4a}.section-title{text-align:center;margin-bottom:35px}.note{color:#607468;font-size:13px}.video-list{display:grid;gap:12px}.video-list a{color:#156f45}@media(max-width:700px){header{display:block;text-align:center}nav{justify-content:center;gap:12px;margin-top:10px}.hero{min-height:640px;background:linear-gradient(90deg,rgba(5,22,19,.34),rgba(5,22,19,.07)),url('imagenes/PORTADA_NUEVA_ALTA_DEFINICION.jpg') center top/cover}.bullets{columns:1}.contacts{grid-template-columns:1fr}.gallery{gap:8px}.hero p{font-size:15px}}
.iconos-seleccionados{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:36px 0 50px}.icono-seleccionado{text-align:center;border:1px solid #e5ebe9;border-radius:8px;padding:24px 12px;background:#fff}.icono-seleccionado img{width:56px;height:56px;object-fit:contain}.icono-seleccionado p{font-size:15px;color:#53635d}.tres-planos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0}.tres-planos img{width:100%;height:auto;display:block;border-radius:4px}.tres-planos img:last-child{grid-column:1/-1;max-width:750px;justify-self:center}@media(max-width:720px){.iconos-seleccionados{grid-template-columns:repeat(2,minmax(0,1fr))}.tres-planos{grid-template-columns:1fr}.tres-planos img:last-child{grid-column:auto}}

/* Ajustes versión 5 */
.iconos-seleccionados{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.icono-azul{grid-column:span 2;display:flex;align-items:stretch;padding:0;overflow:hidden;border:0}
.franja-azul{background:#080d58;color:white;width:100%;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;letter-spacing:.09em}
.franja-azul span{font-size:13px;opacity:.8}.franja-azul strong{font-size:clamp(24px,3vw,40px);line-height:1.1}
.planos-ordenados{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px auto 50px;align-items:start}
.planos-ordenados img{width:100%;height:310px;object-fit:contain;background:#f4f6f5;border-radius:6px;display:block}
.planos-ordenados img:last-child{grid-column:1/-1;height:380px;max-width:850px;justify-self:center}
.plano-final{margin-top:42px;text-align:center}.plano-final img{display:block;max-width:850px;width:100%;max-height:550px;object-fit:contain;margin:auto}
.kmz-note{text-align:center;color:#64756a;font-size:14px}
@media(max-width:720px){.planos-ordenados{grid-template-columns:1fr}.planos-ordenados img,.planos-ordenados img:last-child{grid-column:auto;height:auto;max-height:420px}.iconos-seleccionados{grid-template-columns:repeat(2,minmax(0,1fr))}.icono-azul{grid-column:span 2}}

/* Ajustes versión 6 */
.icono-azul{grid-column:2 / span 2;justify-self:stretch;}
.planos-ordenados{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px;gap:24px;}
.planos-ordenados img{height:440px;object-fit:contain;background:#f8faf8;}
.planos-ordenados img:last-child{grid-column:1/-1;height:auto;max-height:540px;width:100%;max-width:1000px;}
.videos-titulo,.video-list{text-align:center;}
.video-list{justify-items:center;margin:20px auto 50px;}
.video-list a{font-size:18px;}
.plano-pendiente{max-width:750px;margin:22px auto 40px;padding:22px;background:#f3f6f4;color:#52655b;border:1px dashed #b6c6bc;border-radius:7px;text-align:center;}
.contact-title{margin-top:105px;}
@media(max-width:720px){.icono-azul{grid-column:1/-1;}.planos-ordenados{grid-template-columns:1fr}.planos-ordenados img,.planos-ordenados img:last-child{grid-column:auto;height:auto;max-height:500px}.contact-title{margin-top:75px}}

.kmz-marco{margin:42px auto 30px;max-width:760px;border:4px solid #1767aa;border-radius:12px;padding:22px 26px;text-align:center;background:#f4faff}.kmz-marco h2{color:#135d9b;margin:0 0 10px}.kmz-marco p{margin:8px auto;max-width:620px}.kmz-marco .kmz-enlace{display:inline-block;color:#0756a1;text-decoration:underline;font-weight:700;font-size:1.15rem}.kmz-marco small{display:block;margin-top:12px;color:#4c5c6b}

.hero-inner h1,.hero-inner p{text-shadow:0 2px 5px rgba(0,0,0,.78),0 1px 2px rgba(0,0,0,.8)}

/* Fotografia original de alta definicion, playa y mar visibles */
.hero{background-position:center 32%;}