/* =====================================================================
   Portal Voluntarios · Vellmarí
   El portal trae su propio diseño. No hereda del tema a propósito:
   Salient impone tipografías y tamaños que dejaban el portal descolorido.
   ================================================================== */

.vm-portal{
	--vm-amarillo:#ffce00;
	--vm-tinta:#16181c;
	--vm-gris:#6b7280;
	--vm-linea:#e2e5e8;
	--vm-agua:#0d5a63;
	--vm-rojo:#c2410c;

	max-width:780px !important;
	margin:0 auto !important;
	padding:0 0 48px !important;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-size:16px !important;
	line-height:1.62 !important;
	color:var(--vm-tinta) !important;
	text-align:left !important;
}

/* Un .vm-portal dentro de otro (el envoltorio del contenido + el del shortcode) */
.vm-portal .vm-portal{ max-width:none !important; padding:0 !important; margin:0 !important; }

/* ---- Tipografía propia ---- */
.vm-portal h1{
	font-size:34px !important; line-height:1.12 !important; font-weight:700 !important;
	letter-spacing:-.02em !important; margin:0 0 6px !important; color:var(--vm-tinta) !important;
	text-transform:none !important;
}
.vm-portal h2{
	font-size:21px !important; line-height:1.25 !important; font-weight:700 !important;
	letter-spacing:-.01em !important; margin:38px 0 10px !important; color:var(--vm-tinta) !important;
	padding-top:14px !important; border-top:2px solid var(--vm-tinta) !important;
	text-transform:none !important;
}
.vm-portal h3{
	font-size:17px !important; line-height:1.3 !important; font-weight:700 !important;
	margin:22px 0 6px !important; color:var(--vm-tinta) !important; text-transform:none !important;
}
.vm-portal p{ margin:0 0 14px !important; font-size:16px !important; line-height:1.62 !important; }
.vm-portal .sub{ font-size:17px !important; color:#4a5158 !important; margin:0 0 26px !important; }
.vm-portal ul{ margin:0 0 16px !important; padding-left:20px !important; }
.vm-portal li{ margin:0 0 7px !important; font-size:16px !important; }
.vm-portal strong{ font-weight:700 !important; }
.vm-portal a{ color:var(--vm-agua) !important; text-decoration:underline !important; }
.vm-portal a:hover{ color:var(--vm-tinta) !important; }
.vm-portal hr{ border:0 !important; border-top:1px solid var(--vm-linea) !important; margin:32px 0 !important; }

/* ---- Marcador ---- */
.vm-portal .vm-marcador{
	background:var(--vm-tinta) !important; color:#fff !important;
	padding:26px 30px !important; margin:26px 0 34px !important; border:0 !important;
}
.vm-portal .vm-marcador__titulo{
	font-size:11px !important; letter-spacing:.22em !important; text-transform:uppercase !important;
	color:var(--vm-amarillo) !important; font-weight:700 !important; margin-bottom:14px !important;
}
.vm-portal .vm-marcador__fila{ display:flex !important; gap:44px !important; flex-wrap:wrap !important; margin:0 !important; }
.vm-portal .vm-marcador .vm-cifra strong{ color:#fff !important; }
.vm-portal .vm-marcador .vm-cifra span{ color:#9fb4b8 !important; }

/* ---- Cifras ---- */
.vm-portal .vm-cifras{ display:flex !important; gap:40px !important; flex-wrap:wrap !important; margin:22px 0 !important; }
.vm-portal .vm-cifra strong{
	display:block !important; font-size:40px !important; line-height:1.05 !important;
	font-weight:700 !important; letter-spacing:-.02em !important; color:var(--vm-tinta) !important;
}
.vm-portal .vm-cifra span{
	display:block !important; font-size:12px !important; letter-spacing:.1em !important;
	text-transform:uppercase !important; color:var(--vm-gris) !important; margin-top:3px !important;
}

/* ---- Botones ---- */
.vm-portal .vm-boton{
	display:inline-block !important; background:var(--vm-amarillo) !important; color:var(--vm-tinta) !important;
	border:0 !important; cursor:pointer !important; font-family:inherit !important;
	font-size:15px !important; font-weight:700 !important; line-height:1.2 !important;
	padding:14px 24px !important; border-radius:3px !important; text-decoration:none !important;
	margin:0 6px 8px 0 !important; transition:filter .15s !important;
}
.vm-portal .vm-boton:hover{ filter:brightness(.93) !important; color:var(--vm-tinta) !important; }
.vm-portal .vm-boton--linea{ background:transparent !important; border:2px solid var(--vm-tinta) !important; padding:12px 22px !important; }
.vm-portal .vm-boton--texto{
	background:transparent !important; border:0 !important; padding:2px 0 !important;
	font-weight:400 !important; font-size:14px !important; text-decoration:underline !important;
	color:var(--vm-gris) !important;
}
.vm-portal .vm-boton[disabled]{ opacity:.4 !important; cursor:not-allowed !important; }
.vm-portal .vm-inline{ display:inline !important; }

/* ---- Avisos ---- */
.vm-portal .vm-aviso{
	padding:15px 20px !important; border-left:4px solid var(--vm-amarillo) !important;
	background:#fffdf5 !important; margin:0 0 24px !important; font-size:15px !important;
}
.vm-portal .vm-aviso--error{ border-left-color:var(--vm-rojo) !important; background:#fff7f3 !important; }
.vm-portal .vm-aviso--ok{ border-left-color:var(--vm-agua) !important; background:#f2f8f9 !important; }

/* ---- Formularios ---- */
.vm-portal .vm-form .vm-campo{ margin:0 0 22px !important; }
.vm-portal .vm-form label,
.vm-portal .vm-form .vm-etiqueta{
	display:block !important; font-weight:700 !important; font-size:15px !important;
	margin:0 0 7px !important; color:var(--vm-tinta) !important; text-transform:none !important;
	letter-spacing:0 !important;
}
.vm-portal .vm-form input[type="text"],
.vm-portal .vm-form input[type="email"],
.vm-portal .vm-form input[type="tel"],
.vm-portal .vm-form input[type="date"],
.vm-portal .vm-form input[type="number"],
.vm-portal .vm-form select,
.vm-portal .vm-form textarea{
	width:100% !important; max-width:100% !important; padding:12px 14px !important;
	border:1px solid #c8ccd0 !important; border-radius:3px !important;
	font-family:inherit !important; font-size:16px !important; line-height:1.4 !important;
	background:#fff !important; color:var(--vm-tinta) !important; box-sizing:border-box !important;
	box-shadow:none !important; margin:0 !important;
}
.vm-portal .vm-form input:focus,
.vm-portal .vm-form select:focus,
.vm-portal .vm-form textarea:focus{
	border-color:var(--vm-tinta) !important; outline:2px solid var(--vm-amarillo) !important; outline-offset:0 !important;
}
.vm-portal .vm-form textarea{ resize:vertical !important; min-height:90px !important; }
.vm-portal .vm-form .vm-opcion{
	display:block !important; font-weight:400 !important; font-size:15px !important;
	margin:0 0 6px !important; cursor:pointer !important; line-height:1.5 !important;
}
.vm-portal .vm-form .vm-opcion input{ margin:0 9px 0 0 !important; width:auto !important; vertical-align:middle !important; }
.vm-portal .vm-ayuda{ font-size:13.5px !important; color:var(--vm-gris) !important; margin:7px 0 0 !important; line-height:1.5 !important; }
.vm-portal .vm-req{ color:var(--vm-rojo) !important; }
.vm-portal .vm-consentimiento{ border-top:1px solid var(--vm-linea) !important; padding-top:20px !important; margin-top:30px !important; }

/* ---- Bloque de menores ---- */
.vm-portal .vm-bloque-menor{
	border:1px solid #f0c8b4 !important; background:#fff9f6 !important;
	padding:22px 24px !important; margin:28px 0 !important;
}
.vm-portal .vm-bloque-menor h3{ margin-top:0 !important; }

/* ---- Jornadas ---- */
.vm-portal .vm-jornadas,
.vm-portal .vm-lista{ list-style:none !important; margin:0 !important; padding:0 !important; }
.vm-portal .vm-jornadas > li,
.vm-portal .vm-lista > li{ list-style:none !important; margin-left:0 !important; }
.vm-portal .vm-jornadas > li::before, .vm-portal .vm-jornadas > li::marker,
.vm-portal .vm-lista > li::before, .vm-portal .vm-lista > li::marker{ content:none !important; display:none !important; }

.vm-portal .vm-jornada{
	border:1px solid var(--vm-linea) !important; border-left:4px solid var(--vm-amarillo) !important;
	background:#fff !important; padding:24px 28px !important; margin:0 0 16px !important;
}
.vm-portal .vm-jornada__fecha{
	font-size:11.5px !important; letter-spacing:.14em !important; text-transform:uppercase !important;
	color:var(--vm-agua) !important; font-weight:700 !important; margin:0 0 5px !important;
}
.vm-portal .vm-jornada__titulo{ margin:0 0 5px !important; font-size:20px !important; font-weight:700 !important; }
.vm-portal .vm-jornada__lugar{ color:var(--vm-gris) !important; margin:0 0 12px !important; font-size:15px !important; }
.vm-portal .vm-jornada__texto p{ font-size:15px !important; margin:0 0 10px !important; }
.vm-portal .vm-jornada__meta{
	font-size:13px !important; color:var(--vm-gris) !important; margin:16px 0 !important;
	padding-top:12px !important; border-top:1px solid #f0f2f4 !important;
}
.vm-portal .vm-jornada__meta span{ display:inline-block !important; margin:0 18px 4px 0 !important; }
.vm-portal .vm-etiqueta-ok{ color:var(--vm-agua) !important; font-weight:700 !important; font-size:15px !important; }
.vm-portal .vm-etiqueta-no{ color:var(--vm-gris) !important; font-size:14px !important; }

/* ---- Mi zona ---- */
.vm-portal .vm-cabecera{ margin-bottom:6px !important; }
.vm-portal .vm-perfil-etiqueta{
	display:inline-block !important; background:var(--vm-agua) !important; color:#fff !important;
	font-size:12px !important; font-weight:700 !important; letter-spacing:.05em !important;
	padding:5px 12px !important; border-radius:3px !important; margin:0 0 20px !important;
}
.vm-portal .vm-lista li{
	border-bottom:1px solid var(--vm-linea) !important; padding:15px 0 !important;
	margin:0 !important; font-size:15px !important;
}
.vm-portal .vm-vacio{ color:var(--vm-gris) !important; font-style:italic !important; }

@media (max-width:640px){
	.vm-portal h1{ font-size:27px !important; }
	.vm-portal h2{ font-size:19px !important; }
	.vm-portal .vm-cifras,
	.vm-portal .vm-marcador__fila{ gap:26px !important; }
	.vm-portal .vm-cifra strong{ font-size:32px !important; }
	.vm-portal .vm-jornada{ padding:18px 20px !important; }
	.vm-portal .vm-marcador{ padding:20px 22px !important; }
	.vm-portal .vm-boton{ display:block !important; text-align:center !important; margin-right:0 !important; }
	.vm-portal .vm-boton--texto{ display:inline-block !important; }
}

/* =====================================================================
   PORTADA DEL PORTAL
   Bloques a sangre y rejilla propia. El tema centra el contenido en un
   contenedor estrecho: el truco de 100vw permite salirse de él sin
   depender de la plantilla.
   ================================================================== */

.vm-portal .vm-home{ max-width:none !important; margin:0 !important; padding:0 !important; }
.vm-portal .vm-home *{ box-sizing:border-box; }

.vm-home__ancho{
	width:100vw !important; max-width:100vw !important;
	margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
}

/* ---- Hero ---- */
.vm-home__hero{
	position:relative !important; min-height:68vh !important; display:flex !important;
	align-items:flex-end !important; background-size:cover !important;
	background-position:center 60% !important; margin-bottom:0 !important;
	padding:0 !important; overflow:hidden !important;
}
.vm-home__hero::after{
	content:"" !important; position:absolute !important; inset:0 !important;
	background:linear-gradient(180deg, rgba(4,20,24,.25) 0%, rgba(4,20,24,.55) 55%, rgba(4,20,24,.92) 100%) !important;
}
.vm-home__hero-txt{
	position:relative !important; z-index:2 !important; max-width:1080px !important;
	margin:0 auto !important; padding:70px 28px 56px !important; width:100% !important;
}
.vm-home__kicker{
	font-size:11px !important; letter-spacing:.24em !important; text-transform:uppercase !important;
	font-weight:700 !important; color:var(--vm-amarillo) !important; margin:0 0 14px !important;
}
.vm-portal .vm-home__hero h1{
	color:#fff !important; font-size:46px !important; line-height:1.06 !important;
	letter-spacing:-.025em !important; margin:0 0 16px !important; max-width:16ch !important;
}
.vm-home__hero p{
	color:#d9e3e5 !important; font-size:19px !important; line-height:1.5 !important;
	max-width:52ch !important; margin:0 0 26px !important; font-weight:300 !important;
}
.vm-home__hero .vm-boton{ margin-right:10px !important; }
.vm-home__hero .vm-boton--linea{ border-color:#fff !important; color:#fff !important; }
.vm-home__hero .vm-boton--linea:hover{ background:#fff !important; color:var(--vm-tinta) !important; }
.vm-home__credito{
	position:absolute !important; right:16px !important; bottom:10px !important; z-index:2 !important;
	font-size:10.5px !important; color:rgba(255,255,255,.5) !important; letter-spacing:.04em !important;
}

/* ---- Secciones ---- */
.vm-home__seccion{ max-width:1080px !important; margin:0 auto !important; padding:64px 28px 0 !important; }
.vm-portal .vm-home__seccion h2{
	border:0 !important; padding:0 !important; margin:0 0 10px !important;
	font-size:30px !important; letter-spacing:-.02em !important;
}
.vm-home__entradilla{ font-size:18px !important; color:#4a5158 !important; max-width:58ch !important; margin:0 0 34px !important; }

/* ---- Tarjetas ---- */
.vm-home__tarjetas{ display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:26px !important; margin:0 !important; padding:0 !important; list-style:none !important; }
.vm-home__tarjeta{ margin:0 !important; padding:0 !important; list-style:none !important; background:#fff !important; border:1px solid var(--vm-linea) !important; }
.vm-home__tarjeta::before, .vm-home__tarjeta::marker{ content:none !important; display:none !important; }
.vm-home__tarjeta img{ display:block !important; width:100% !important; height:190px !important; object-fit:cover !important; margin:0 !important; }
.vm-home__tarjeta-txt{ padding:20px 22px 24px !important; }
.vm-portal .vm-home__tarjeta h3{ margin:0 0 7px !important; font-size:18px !important; }
.vm-home__tarjeta p{ font-size:15px !important; color:#4a5158 !important; margin:0 !important; }
.vm-home__etiqueta{
	display:inline-block !important; background:var(--vm-amarillo) !important; color:var(--vm-tinta) !important;
	font-size:10.5px !important; font-weight:700 !important; letter-spacing:.14em !important;
	text-transform:uppercase !important; padding:4px 9px !important; margin:0 0 9px !important;
}

/* ---- Pasos ---- */
.vm-home__pasos{ display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:32px !important; margin:0 !important; padding:0 !important; list-style:none !important; }
.vm-home__paso{ margin:0 !important; padding:0 !important; list-style:none !important; border-top:3px solid var(--vm-amarillo) !important; padding-top:16px !important; }
.vm-home__paso::before, .vm-home__paso::marker{ content:none !important; display:none !important; }
.vm-home__paso-n{ font-size:13px !important; font-weight:700 !important; color:var(--vm-gris) !important; letter-spacing:.12em !important; }
.vm-portal .vm-home__paso h3{ margin:5px 0 7px !important; font-size:18px !important; }
.vm-home__paso p{ font-size:15px !important; color:#4a5158 !important; margin:0 !important; }

/* ---- Franja de cierre ---- */
.vm-home__cta{
	position:relative !important; margin-top:70px !important; background-size:cover !important;
	background-position:center 45% !important; min-height:360px !important;
	display:flex !important; align-items:center !important;
}
.vm-home__cta::after{ content:"" !important; position:absolute !important; inset:0 !important; background:rgba(9,26,30,.78) !important; }
.vm-home__cta-txt{ position:relative !important; z-index:2 !important; max-width:1080px !important; margin:0 auto !important; padding:54px 28px !important; width:100% !important; }
.vm-portal .vm-home__cta h2{ color:#fff !important; border:0 !important; padding:0 !important; margin:0 0 12px !important; font-size:30px !important; }
.vm-home__cta p{ color:#cfdadc !important; font-size:18px !important; max-width:52ch !important; margin:0 0 24px !important; font-weight:300 !important; }

/* ---- Marcador en la portada ---- */
.vm-home .vm-marcador{ margin:0 !important; padding:34px 28px !important; }
.vm-home .vm-marcador__fila{ max-width:1080px !important; margin:0 auto !important; }
.vm-home .vm-marcador__titulo{ max-width:1080px !important; margin:0 auto 16px !important; }

@media (max-width:860px){
	.vm-home__tarjetas, .vm-home__pasos{ grid-template-columns:1fr !important; gap:22px !important; }
	.vm-portal .vm-home__hero h1{ font-size:32px !important; }
	.vm-home__hero p{ font-size:17px !important; }
	.vm-home__hero{ min-height:auto !important; }
	.vm-home__hero-txt{ padding:120px 20px 40px !important; }
	.vm-home__seccion{ padding:44px 20px 0 !important; }
	.vm-portal .vm-home__seccion h2, .vm-portal .vm-home__cta h2{ font-size:24px !important; }
}

/* =====================================================================
   FORMULARIOS POR SECCIONES
   ================================================================== */

.vm-portal .vm-form{
	background:#fff !important; border:1px solid var(--vm-linea) !important;
	border-top:4px solid var(--vm-amarillo) !important;
	padding:34px 38px 38px !important; margin:0 0 30px !important;
}

.vm-portal .vm-form__seccion{
	border:0 !important; margin:0 0 6px !important; padding:0 0 26px !important;
	border-bottom:1px solid var(--vm-linea) !important;
}
.vm-portal .vm-form__seccion:last-of-type{ border-bottom:0 !important; padding-bottom:6px !important; }
.vm-portal .vm-form__seccion legend{
	display:block !important; width:100% !important; float:none !important;
	font-size:11.5px !important; font-weight:700 !important; letter-spacing:.16em !important;
	text-transform:uppercase !important; color:var(--vm-agua) !important;
	padding:26px 0 16px !important; margin:0 !important; border:0 !important;
}
.vm-portal .vm-form__seccion:first-of-type legend{ padding-top:0 !important; }

.vm-portal .vm-form__rejilla{
	display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
	gap:0 26px !important; align-items:start !important;
}
.vm-portal .vm-form__rejilla > .vm-campo{ grid-column:span 2 !important; }
.vm-portal .vm-form__rejilla > .vm-campo--medio{ grid-column:span 1 !important; }

/* Grupos de casillas y radios como bloque, no como lista suelta */
.vm-portal .vm-campo--opciones{
	background:#fafbfb !important; border:1px solid var(--vm-linea) !important;
	padding:16px 18px !important;
}
.vm-portal .vm-campo--opciones .vm-etiqueta{ margin-bottom:10px !important; }
.vm-portal .vm-campo--opciones .vm-opcion{
	padding:7px 10px !important; margin:0 0 4px !important; background:#fff !important;
	border:1px solid #e6e9ec !important; border-radius:3px !important;
}
.vm-portal .vm-campo--opciones .vm-opcion:hover{ border-color:var(--vm-amarillo) !important; }

.vm-portal .vm-consentimiento{
	background:#fffdf5 !important; border:1px solid #efe4b8 !important;
	padding:18px 20px !important; margin:24px 0 0 !important;
}
.vm-portal .vm-form > .vm-boton,
.vm-portal .vm-form p:last-child .vm-boton{ margin-top:26px !important; padding:16px 30px !important; font-size:16px !important; }

@media (max-width:640px){
	.vm-portal .vm-form{ padding:22px 20px 26px !important; }
	.vm-portal .vm-form__rejilla{ grid-template-columns:minmax(0,1fr) !important; }
	.vm-portal .vm-form__rejilla > .vm-campo,
	.vm-portal .vm-form__rejilla > .vm-campo--medio{ grid-column:span 1 !important; }
}

/* =====================================================================
   BARRA DEL PORTAL
   Aparece en todas las páginas del portal, bajo la cabecera del tema.
   ================================================================== */

.vm-portal .vm-barra{
	background:var(--vm-tinta) !important; color:#fff !important;
	margin-bottom:38px !important; padding:0 !important;
}
.vm-barra__int{
	max-width:1080px !important; margin:0 auto !important; padding:0 28px !important;
	display:flex !important; align-items:center !important; gap:10px 26px !important;
	flex-wrap:wrap !important; min-height:56px !important;
}
.vm-portal .vm-barra__marca{
	color:#fff !important; text-decoration:none !important; font-size:12px !important;
	letter-spacing:.16em !important; text-transform:uppercase !important; font-weight:400 !important;
	white-space:nowrap !important;
}
.vm-portal .vm-barra__marca strong{ color:var(--vm-amarillo) !important; font-weight:700 !important; }
.vm-portal .vm-barra__marca:hover{ color:var(--vm-amarillo) !important; }

.vm-barra__nav{ display:flex !important; gap:4px !important; flex-wrap:wrap !important; }
.vm-portal .vm-barra__enlace{
	color:#cfd6d8 !important; text-decoration:none !important; font-size:14px !important;
	padding:7px 12px !important; border-radius:3px !important; white-space:nowrap !important;
}
.vm-portal .vm-barra__enlace:hover{ background:rgba(255,255,255,.1) !important; color:#fff !important; }
.vm-portal .vm-barra__on{ background:var(--vm-amarillo) !important; color:var(--vm-tinta) !important; font-weight:700 !important; }
.vm-portal .vm-barra__on:hover{ background:var(--vm-amarillo) !important; color:var(--vm-tinta) !important; }

.vm-barra__yo{
	margin-left:auto !important; display:flex !important; align-items:center !important;
	gap:12px !important; font-size:13px !important;
}
.vm-barra__quien{ color:#9fb4b8 !important; white-space:nowrap !important; }
.vm-barra__quien--fuera{ font-style:italic !important; }
.vm-barra__perfil{
	display:inline-block !important; background:var(--vm-agua) !important; color:#fff !important;
	font-size:10.5px !important; font-weight:700 !important; padding:2px 7px !important;
	border-radius:3px !important; margin-left:4px !important;
}
.vm-portal .vm-barra__salir,
.vm-portal .vm-barra__entrar{
	color:#fff !important; text-decoration:none !important; font-size:13px !important;
	border:1px solid rgba(255,255,255,.35) !important; padding:6px 13px !important; border-radius:3px !important;
	white-space:nowrap !important;
}
.vm-portal .vm-barra__entrar{ background:var(--vm-amarillo) !important; color:var(--vm-tinta) !important; border-color:var(--vm-amarillo) !important; font-weight:700 !important; }
.vm-portal .vm-barra__salir:hover{ background:rgba(255,255,255,.12) !important; color:#fff !important; }
.vm-portal .vm-barra__entrar:hover{ filter:brightness(.93) !important; color:var(--vm-tinta) !important; }

/* En la portada la barra va pegada al hero, sin franja blanca en medio */
.vm-portal .vm-barra--pegada{ margin-bottom:0 !important; }
.vm-portal--pagina > .vm-barra{ margin-top:0 !important; }
.vm-portal .vm-barra--pegada + .vm-home,
.vm-portal .vm-barra--pegada + .vm-home .vm-home__hero{ margin-top:0 !important; }

@media (max-width:760px){
	.vm-barra__int{ padding:10px 20px !important; gap:8px 14px !important; }
	.vm-barra__yo{ margin-left:0 !important; width:100% !important; justify-content:space-between !important; }
	.vm-portal .vm-barra__enlace{ padding:6px 9px !important; font-size:13px !important; }
}

/* =====================================================================
   PORTADA PARA QUIEN YA HA ENTRADO
   ================================================================== */

.vm-portal .vm-bienvenida{
	background:var(--vm-tinta) !important; color:#fff !important;
	padding:44px 28px !important; margin:0 0 10px !important;
	width:100vw !important; max-width:100vw !important;
	margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
	display:flex !important; align-items:flex-end !important; justify-content:space-between !important;
	gap:30px !important; flex-wrap:wrap !important;
}
.vm-bienvenida__txt{ max-width:1080px !important; flex:1 1 440px !important; }
.vm-portal .vm-bienvenida h1{ color:#fff !important; font-size:34px !important; margin:0 0 10px !important; }
.vm-portal .vm-bienvenida p{ color:#c9d4d6 !important; font-size:16.5px !important; max-width:56ch !important; margin:0 !important; font-weight:300 !important; }
.vm-bienvenida__cifras{ display:flex !important; gap:38px !important; }
.vm-portal .vm-bienvenida .vm-cifra strong{ color:#fff !important; font-size:36px !important; }
.vm-portal .vm-bienvenida .vm-cifra span{ color:#9fb4b8 !important; }

.vm-portal .vm-home__accesos{
	display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
	gap:18px !important; list-style:none !important; margin:0 !important; padding:0 !important;
}
.vm-portal .vm-acceso{ margin:0 !important; padding:0 !important; list-style:none !important; }
.vm-portal .vm-acceso::before, .vm-portal .vm-acceso::marker{ content:none !important; display:none !important; }
.vm-portal .vm-acceso > a{
	display:block !important; background:#fff !important; border:1px solid var(--vm-linea) !important;
	border-left:4px solid var(--vm-amarillo) !important; padding:22px 24px !important;
	text-decoration:none !important; color:var(--vm-tinta) !important; height:100% !important;
	transition:border-color .15s, box-shadow .15s !important;
}
.vm-portal .vm-acceso > a:hover{ box-shadow:0 2px 14px rgba(0,0,0,.07) !important; color:var(--vm-tinta) !important; }
.vm-portal .vm-acceso h3{ margin:0 0 6px !important; font-size:18px !important; }
.vm-portal .vm-acceso p{ margin:0 0 12px !important; font-size:15px !important; color:#4a5158 !important; }
.vm-acceso__ir{ font-size:13px !important; font-weight:700 !important; color:var(--vm-agua) !important; letter-spacing:.04em !important; }

@media (max-width:760px){
	.vm-portal .vm-home__accesos{ grid-template-columns:minmax(0,1fr) !important; }
	.vm-portal .vm-bienvenida{ padding:32px 20px !important; }
	.vm-portal .vm-bienvenida h1{ font-size:27px !important; }
	.vm-bienvenida__cifras{ gap:26px !important; }
}