@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Fredoka:wght@500;600;700&family=Nunito:wght@600;700;800;900&family=Permanent+Marker&display=swap');

:root{--riavall-pink:#ef1769;--riavall-blue:#079fe9;--riavall-black:#020508;--riavall-white:#f8f8f5}

/* PORTADA V16 — composición inspirada directamente en la referencia aprobada */
body.home-v16{margin:0;background:var(--riavall-black);color:#fff;font-family:'Nunito',Arial,sans-serif;overflow-x:hidden}
.home-v16 main{margin:0;padding:0}

.v16-header{position:absolute;z-index:40;top:0;left:0;right:0;height:132px;padding:0 2.5vw;display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,0));box-sizing:border-box}
.v16-brand{width:360px;margin-top:7px;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start}
.v16-brand-logo{width:340px;height:138px;object-fit:contain;object-position:left top;display:block}
.v16-brand-tag{margin:-23px 0 0 31px;color:var(--riavall-pink);font-family:'Bangers',Impact,sans-serif;font-size:15px;letter-spacing:.06em;letter-spacing:.035em;white-space:nowrap}
.v16-nav{display:flex;gap:34px;padding-top:31px;align-items:center}
.v16-nav a{color:#fff;text-decoration:none;font-family:'Nunito',Arial,sans-serif;font-size:13px;font-weight:900;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}
.v16-nav a:first-child,.v16-nav a:hover{color:var(--riavall-blue)}
.v16-menu{display:none}

.v16-hero{position:relative;min-height:735px;background:#020508;overflow:hidden;isolation:isolate}
.v16-hero::before{content:"";position:absolute;inset:0;z-index:0;background:
  radial-gradient(ellipse at 42% 50%,rgba(0,144,230,.18) 0,rgba(0,144,230,.07) 22%,transparent 48%),
  radial-gradient(ellipse at 78% 34%,rgba(0,146,234,.08),transparent 30%),
  radial-gradient(ellipse at 93% 35%,rgba(239,23,105,.09),transparent 24%),
  linear-gradient(90deg,transparent 0%,transparent 45%,rgba(2,5,8,.08) 52%,rgba(2,5,8,.75) 73%,#020508 100%)}

/* Fotografía protagonista: grande, recortada y fundida hacia el texto, sin corte vertical */
.v16-photo{position:absolute;z-index:2;left:-5vw;top:72px;width:67vw;height:665px;overflow:hidden}
.v16-photo::after{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;width:34%;background:linear-gradient(90deg,transparent 0%,rgba(2,5,8,.08) 16%,rgba(2,5,8,.48) 58%,#020508 100%)}
.v16-photo::before{content:"";position:absolute;z-index:4;inset:auto -5% 0 0;height:30%;background:linear-gradient(0deg,#020508 0%,rgba(2,5,8,.72) 28%,transparent 100%)}
.v16-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 46%;transform:scale(1.58);transform-origin:48% 47%;filter:saturate(1.12) contrast(1.08)}

/* Capa de textura/azul para que el paso foto → contenido sea continuo */
.v16-hero-texture{position:absolute;z-index:3;left:30%;top:0;width:48%;height:735px;pointer-events:none;background:
  radial-gradient(ellipse at 20% 53%,rgba(0,160,235,.13),transparent 35%),
  radial-gradient(ellipse at 42% 35%,rgba(0,130,220,.11),transparent 30%),
  linear-gradient(90deg,transparent,#020508 88%)}
.v16-hero-texture::after{content:"";position:absolute;right:3%;top:11%;width:31%;height:20%;background:linear-gradient(140deg,transparent 0 35%,rgba(0,155,235,.16) 37% 40%,transparent 43%),linear-gradient(25deg,transparent 0 54%,rgba(239,23,105,.17) 57% 60%,transparent 64%);filter:blur(1px);transform:skewX(-18deg)}

.v16-message{position:absolute;z-index:7;top:121px;left:52%;width:46%;text-align:center;padding:0 1vw;box-sizing:border-box}
.v16-message .big{margin:0;color:#f6f6f5;font-family:'Permanent Marker',Impact,sans-serif;font-size:clamp(58px,5.3vw,88px);line-height:.9;letter-spacing:.02em;text-shadow:0 5px 10px rgba(0,0,0,.5);font-weight:400}
.v16-message .small{display:flex;align-items:center;justify-content:center;gap:18px;margin:12px 0 0;color:#fff;font-family:'Permanent Marker',Impact,sans-serif;font-size:clamp(22px,1.75vw,29px);line-height:1}
.v16-message .small::before,.v16-message .small::after{content:"";height:8px;width:112px;background:var(--riavall-pink);transform:skewX(-18deg)}
.v16-message .blue{display:block;margin-top:8px;color:var(--riavall-blue);font-family:'Permanent Marker',Impact,sans-serif;font-size:clamp(50px,4.8vw,80px);line-height:.92;letter-spacing:.015em;text-shadow:0 5px 10px rgba(0,0,0,.5)}

.v16-features{position:absolute;z-index:8;top:430px;left:51%;width:47%;display:grid;grid-template-columns:repeat(4,1fr)}
.v16-feature{min-height:126px;padding:0 13px;border-right:1px solid rgba(255,255,255,.65);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center}
.v16-feature:last-child{border-right:0}
.v16-icon{height:68px;display:grid;place-items:center;margin-bottom:6px}
.v16-icon svg{width:60px;height:60px;fill:var(--riavall-blue);stroke:var(--riavall-blue);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.v16-feature:last-child .v16-icon svg{fill:var(--riavall-pink);stroke:var(--riavall-pink)}
.v16-feature strong{font-size:14px;line-height:1.02;font-weight:900;color:#fff}
.v16-feature span{margin-top:5px;color:var(--riavall-blue);font-size:13px;line-height:1.05;font-weight:900}
.v16-feature:last-child span{color:var(--riavall-pink)}

/* Acciones centradas debajo del bloque superior */
.v16-actions{position:absolute;z-index:9;left:0;width:100%;bottom:25px;display:flex;justify-content:center;align-items:center;gap:24px}
.v16-action{width:300px;height:58px;box-sizing:border-box;border:2px solid var(--riavall-pink);border-radius:5px;background:rgba(2,5,8,.52);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:900;letter-spacing:.01em}
.v16-action.blue{border-color:var(--riavall-blue)}
.v16-action svg{width:31px;height:31px;fill:none;stroke:var(--riavall-pink);stroke-width:2}
.v16-action.blue svg{stroke:var(--riavall-blue)}

/* Transición irregular limpia al bloque blanco, sin línea recta */
.v16-hero::after{content:"";position:absolute;z-index:20;left:0;right:0;bottom:-1px;height:38px;background:#fff;clip-path:polygon(0 42%,3% 12%,7% 38%,12% 17%,17% 47%,22% 20%,27% 49%,32% 12%,37% 46%,42% 18%,47% 54%,52% 14%,57% 48%,62% 18%,68% 51%,73% 14%,78% 48%,83% 19%,88% 53%,93% 18%,97% 45%,100% 22%,100% 100%,0 100%)}

.v16-welcome{position:relative;min-height:325px;background:var(--riavall-white);color:#111;display:grid;grid-template-columns:40% 60%;align-items:center;padding:35px 0 40px 6vw;box-sizing:border-box;overflow:hidden}
.v16-welcome-copy{position:relative;z-index:5;padding-right:30px}
.v16-welcome h2{margin:0 0 20px;font-family:'Bangers',Impact,sans-serif;font-size:clamp(38px,4.0vw,62px);font-weight:400;line-height:1;letter-spacing:.035em;white-space:nowrap}
.v16-welcome h2 span{color:var(--riavall-pink)}
.v16-welcome p{margin:7px 0;font-family:'Nunito',Arial,sans-serif;font-size:15px;line-height:1.45;font-weight:700;max-width:560px}
.v16-pool{height:315px;align-self:stretch;display:flex;align-items:center;justify-content:flex-end;position:relative;margin-right:-2vw}
.v16-pool::before{content:"";position:absolute;z-index:2;left:-18%;top:0;bottom:0;width:35%;background:linear-gradient(90deg,#f8f8f5 0%,rgba(248,248,245,.9) 35%,rgba(248,248,245,0) 100%)}
.v16-pool img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.95) contrast(1.02);mask-image:linear-gradient(90deg,transparent 0%,black 12%,black 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 12%,black 100%)}

@media(max-width:1050px){
  .v16-nav{gap:20px}.v16-nav a{font-size:11px}.v16-brand{width:300px}.v16-brand-logo{width:285px}.v16-message{left:50%;width:48%}.v16-features,.v16-actions{left:49%;width:50%}.v16-photo{width:66vw}.v16-action{width:260px}
}
@media(max-width:820px){
  .v16-header{height:100px}.v16-brand{width:220px}.v16-brand-logo{width:215px;height:92px}.v16-brand-tag{font-size:10px;margin-top:-15px;margin-left:19px}.v16-nav{display:none}.v16-menu{display:block;margin-top:23px;background:none;border:0;color:#fff;font-size:28px}
  .v16-hero{min-height:900px}.v16-photo{left:-12%;top:82px;width:95%;height:500px}.v16-photo img{transform:scale(1.34);object-position:50% 46%}.v16-photo::after{width:48%}
  .v16-hero-texture{left:0;width:100%;height:900px;background:linear-gradient(180deg,transparent 0 43%,rgba(2,5,8,.05) 46%,#020508 61%)}
  .v16-message{top:390px;left:0;width:100%;padding:0 18px}.v16-message .big{font-size:68px}.v16-message .blue{font-size:58px}.v16-features{top:590px;left:4%;width:92%}.v16-actions{left:4%;width:92%;bottom:27px}.v16-action{width:260px}
  .v16-welcome{grid-template-columns:1fr;min-height:520px;padding:38px 7vw 0}.v16-welcome-copy{padding-right:0}.v16-pool{height:290px;margin:0 -7vw}.v16-pool::before{display:none}
}
@media(max-width:560px){
  .v16-hero{min-height:1030px}.v16-photo{top:78px;height:430px;width:115%;left:-10%}.v16-photo img{transform:scale(1.28)}.v16-message{top:385px}.v16-message .big{font-size:55px}.v16-message .small{font-size:20px;gap:9px}.v16-message .small::before,.v16-message .small::after{width:50px;height:6px}.v16-message .blue{font-size:48px}
  .v16-features{top:570px;grid-template-columns:repeat(2,1fr);row-gap:16px}.v16-feature{min-height:122px}.v16-feature:nth-child(2){border-right:0}.v16-feature strong{font-size:12px}.v16-feature span{font-size:11px}.v16-icon{height:56px}.v16-icon svg{width:47px;height:47px}
  .v16-actions{bottom:20px;flex-direction:column;gap:10px}.v16-action{width:min(94%,320px);height:52px}.v16-welcome h2{font-size:42px}
}

@media(max-width:820px){.v16-welcome h2{white-space:normal}.v16-message .big{font-size:58px}.v16-message .blue{font-size:52px}.v16-features{top:410px}.v16-actions{left:0;width:100%}}