@media(min-width:1000px){
 body.inicio-v2{--portada-altura:500px}
 body.inicio-v2:not(.sesion-iniciada) .portada-v2{width:90%;max-width:1280px;margin-inline:auto;background-size:100% auto!important;background-position:center bottom!important;border-radius:0 0 12px 12px}
 body.inicio-v2:not(.sesion-iniciada) .portada-v2{min-height:500px!important;height:var(--portada-altura);box-sizing:border-box}
 body.inicio-v2:not(.sesion-iniciada) .portada-interior{box-sizing:border-box;max-width:1280px;width:100%;padding:120px 24px 100px!important}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida{position:absolute!important;top:0;left:0;width:100%;height:var(--portada-altura);background:transparent!important;pointer-events:none}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .site-header{height:100%;min-height:0;padding:0;background:transparent;box-sizing:border-box}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .header-container{position:relative;width:90%!important;max-width:1280px!important;height:100%;padding:0!important;min-height:0!important;border:0;align-items:flex-start}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .rnpc-logo{position:absolute;right:0;top:24px;pointer-events:auto}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav{position:absolute;left:0;right:0;bottom:0;width:100%;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:10px!important;padding:18px 24px!important;background:linear-gradient(0deg,#05243eaa,transparent);pointer-events:auto;align-items:center}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav>a:not([hidden]){flex:1 1 auto;min-width:0!important;height:44px!important;min-height:44px!important;margin:0}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav .portada-unirse{display:flex!important;flex:1.8 1 auto;order:10;justify-content:space-between;gap:14px;background:#dce6ed!important;color:#103e59!important;border:0!important;border-left:6px solid #ffad42!important;border-radius:10px!important;padding:0 18px!important;text-decoration:none;box-shadow:none}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav .portada-unirse small,body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav .portada-unirse::before,body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav .portada-unirse::after{display:none!important}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav .portada-unirse strong{font:700 14px/1.2 Arial,sans-serif}
 body.portada-franja-integrada .portada-acciones{display:none!important}
}
.portada-unirse .unirse-textos{min-width:0}.portada-unirse .unirse-textos strong{white-space:normal}
@media(min-width:1000px){
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .header-container>.red-constructor-logo{left:24px!important}
}
/* Franja blanca para el logotipo oficial sobre la fotografía. */
@media(min-width:1000px){
 body.inicio-v2:not(.sesion-iniciada) .portada-v2{margin-top:105px}
 body.inicio-v2:not(.sesion-iniciada) .portada-interior{padding-top:36px!important}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida{height:calc(var(--portada-altura) + 105px)}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .header-container::before{content:"";position:absolute;inset:0 0 auto;height:105px;background:#fff;pointer-events:none}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .header-container>.red-constructor-logo{top:10px;left:24px!important;right:auto;background:#fff}
}
@media(max-width:999px){
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .site-header{background:#fff!important;background-image:none!important}
}

/* Navegación junto al logo en la franja superior de portada. */
@media(min-width:1000px){
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .header-container>.red-constructor-logo{left:-18px!important;width:350px!important;flex-basis:350px!important;height:95px;top:5px}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav{top:0;bottom:auto;left:342px;right:0;width:auto;height:105px;padding:0!important;background:transparent;gap:8px!important;justify-content:flex-start;flex-wrap:nowrap}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav>a:not([hidden]){flex:0 1 auto;min-width:0!important;padding:8px 12px!important;color:#103e59!important;border-color:#8295a1!important;background:transparent!important;font-size:13px!important}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav .portada-unirse{flex:1 1 180px;padding:8px 12px!important;border-left:0!important;border:1px solid #8295a1!important}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav .portada-unirse strong{font-size:12px}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav a.login-button{order:-1;margin-left:0!important;background:#ff2020!important;color:#000!important;border-color:#ff2020!important;padding:0 12px 0 0!important;gap:8px}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav a.login-button::before{background:transparent!important;color:#000!important;width:32px;min-width:32px}
}
body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .header-actions a.login-button{background:#ff2020!important;color:#000!important;border-color:#ff2020!important}

/* Mensaje y beneficios en la zona inferior de la fotografía. */
@media(min-width:1000px){
 body.inicio-v2:not(.sesion-iniciada) .portada-interior{padding:205px 24px 24px!important}
 body.inicio-v2:not(.sesion-iniciada) .portada-v2 h1{font-size:clamp(34px,3.5vw,48px);line-height:1.06;margin-bottom:14px}
 body.inicio-v2:not(.sesion-iniciada) .portada-bajada{margin:0;line-height:1.45}
 body.inicio-v2:not(.sesion-iniciada) .portada-acciones{display:flex!important;margin-top:16px;justify-content:flex-start}
 body.inicio-v2:not(.sesion-iniciada) .portada-unirse{padding:12px 18px}
}

/* Botonera de portada alineada a la derecha y con texto más legible. */
@media(min-width:1000px){
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav{justify-content:flex-end!important}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav>a:not([hidden]){font-size:16px!important;padding:9px 18px!important;flex:0 0 auto}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav a.login-button{margin-left:0!important;padding:0 16px 0 0!important;font-size:16px!important}
}

/* Portada móvil: logo y menú en una sola fila. */
@media(max-width:768px){
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .header-container{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;gap:10px;align-items:center;padding:10px 0!important}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .header-container>.red-constructor-logo{grid-column:1;grid-row:1;justify-self:start;position:relative;left:-12px!important;top:auto;width:min(273px,100%)!important;max-width:100%;height:69px;margin:0!important}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #menuToggle{grid-column:2;grid-row:1;justify-self:end;color:#103e59;border-color:#103e59}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .header-actions{display:none!important}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav{grid-column:1/-1;grid-row:2}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav a.login-button{background:#ff2020!important;color:#000!important;border-color:#ff2020!important}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida #mainNav a.login-button::before{background:transparent!important;color:#000!important}
}

/* Alineacion movil del borde visible del casco con el texto de portada.
   El PNG original tiene 140 px de margen izquierdo sobre 1900 px. */
@media(max-width:768px){
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .header-container>.red-constructor-logo{left:0!important;width:min(218.5px,100%)!important}
 body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .red-constructor-logo>img{object-position:left center;transform:translateX(-7.368421%)}
}

/* Invitación con ondas de marca y texto accesible. */
body.inicio-v2 .portada-acciones .portada-beneficios-ondas{
 position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;
 width:560px;max-width:100%;min-height:56px;height:auto;box-sizing:border-box;
 padding:10px 110px 10px 22px;border:0;border-radius:6px;background:#fff;color:#103e59;
 box-shadow:0 4px 14px #0002;text-decoration:none;
}
body.inicio-v2 .portada-beneficios-ondas .beneficios-ondas{position:absolute;right:0;top:0;width:110px;height:100%;z-index:-1;pointer-events:none}
body.inicio-v2 .portada-beneficios-ondas .unirse-textos{display:block;width:auto;height:auto;background:transparent;flex:1;min-width:0}
body.inicio-v2 .portada-beneficios-ondas .unirse-textos strong{font:700 20px/1.3 Arial,Helvetica,sans-serif;white-space:nowrap}
body.inicio-v2 .portada-beneficios-ondas .unirse-flecha{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#fff;background:transparent;font-size:28px;width:auto;height:auto}
body.inicio-v2 .portada-beneficios-ondas:hover{background:#fff;box-shadow:0 5px 18px #0004}
@media(max-width:480px){
 body.inicio-v2 .portada-acciones .portada-beneficios-ondas{width:100%;min-height:53px;padding:10px 44px 10px 12px}
 body.inicio-v2 .portada-beneficios-ondas .unirse-textos strong{font-size:clamp(11px,3.3vw,16px)}
}
@media(max-width:480px){body.inicio-v2 .portada-beneficios-ondas .beneficios-ondas{width:44px}body.inicio-v2 .portada-beneficios-ondas .unirse-flecha{right:9px;font-size:22px}}

/* Logo aportado junto al texto de beneficios. */
body.inicio-v2 .portada-beneficios-ondas .unirse-textos{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}
body.inicio-v2 .portada-beneficios-ondas .beneficios-logo-casco{display:block;width:44px;height:44px;flex:0 0 44px;object-fit:contain}
@media(max-width:600px){body.inicio-v2 .portada-beneficios-ondas .unirse-textos{gap:8px}body.inicio-v2 .portada-beneficios-ondas .beneficios-logo-casco{width:32px;height:32px;flex-basis:32px}body.inicio-v2 .portada-beneficios-ondas .unirse-textos strong{white-space:normal}}

/* Botón compacto: casco primero, texto y ondas próximas. */
body.inicio-v2 .portada-acciones .portada-beneficios-ondas{width:max-content;max-width:100%;min-height:48px;padding:2px 64px 2px 12px;gap:0}
body.inicio-v2 .portada-beneficios-ondas .unirse-textos{flex:0 1 auto;gap:10px}
body.inicio-v2 .portada-beneficios-ondas .beneficios-ondas{width:54px}
body.inicio-v2 .portada-beneficios-ondas .unirse-flecha{right:10px;font-size:24px}
@media(max-width:600px){body.inicio-v2 .portada-acciones .portada-beneficios-ondas{min-height:36px;padding:2px 48px 2px 8px}body.inicio-v2 .portada-beneficios-ondas .unirse-textos{gap:7px}body.inicio-v2 .portada-beneficios-ondas .beneficios-ondas{width:40px}body.inicio-v2 .portada-beneficios-ondas .unirse-flecha{right:8px;font-size:22px}}

/* Restituye la portada sin alterar geometría ni navegación. */
@media (min-width: 1000px) {
  body.inicio-v2:not(.sesion-iniciada) #cabecera-compartida .site-header {
    background-color: transparent !important;
  }
}

/* Botón de beneficios del mismo tamaño que Publica gratis en celular. */
@media(max-width:768px){
 body.inicio-v2 .portada-acciones{width:100%;display:block}
 body.inicio-v2 .portada-invitacion{width:100%;max-width:none}
 body.inicio-v2 .portada-acciones .portada-beneficios-ondas{display:flex;width:90vw;max-width:none!important;height:44px!important;min-height:44px!important;box-sizing:border-box;margin-left:calc((100% - 90vw)/2);padding:8px 44px 8px 12px!important;border-radius:8px;justify-content:center}
 body.inicio-v2 .portada-beneficios-ondas .unirse-textos{gap:6px;min-width:0}
 body.inicio-v2 .portada-beneficios-ondas .beneficios-logo-casco{width:24px;height:24px;flex:0 0 24px}
 body.inicio-v2 .portada-beneficios-ondas .unirse-textos strong{font-size:clamp(10px,3.2vw,14px);line-height:1.4;white-space:nowrap}
 body.inicio-v2 .portada-beneficios-ondas .beneficios-ondas{width:36px}
}