html { scroll-behavior: smooth !important; }
/* COLORES */
.sk-color-1 { color: var(--eb-naranja) !important; }
.sk-color-2 { color: var(--eb-terracota) !important; }
.sk-color-3 { color: var(--eb-teal) !important; }
.sk-color-4 { color: var(--eb-purpura) !important; }
.sk-color-texto { color: var(--eb-berenjena) !important; }
.sk-color-1-bg { background-color: var(--eb-naranja); }
.sk-color-2-bg { background-color: var(--eb-terracota); }
.sk-color-3-bg { background-color: var(--eb-teal); }
.sk-color-4-bg { background-color: var(--eb-purpura); }
.sk-color-crema-bg { background-color: var(--eb-crema); }
.sk-color-berenjena-bg { background-color: var(--eb-berenjena); }
.sk-text-gradient {
background-image: linear-gradient(90deg, var(--eb-naranja) 0%, var(--eb-terracota) 45%, var(--eb-purpura) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.sk-bg-gradient {
background-image: linear-gradient(120deg, var(--eb-naranja) 0%, var(--eb-coral) 40%, var(--eb-terracota) 100%);
}
/* BOTONES */
.boton-sk-1 {
background-color: var(--eb-berenjena) !important;
color: #fff !important;
border: 0 !important;
}
.boton-sk-1:hover {
background-color: var(--eb-terracota) !important;
color: #fff !important;
}
.boton-sk-2 {
background-color: var(--eb-terracota) !important;
color: #fff !important;
border: 0 !important;
}
.boton-sk-2:hover {
background-color: var(--eb-berenjena) !important;
color: #fff !important;
}
.boton-sk-3 {
background-color: transparent !important;
color: var(--eb-berenjena) !important;
border: 2px solid var(--eb-berenjena) !important;
}
.boton-sk-3:hover {
background-color: var(--eb-berenjena) !important;
color: #fff !important;
}
.boton-sk-blanco {
background-color: #fff !important;
color: var(--eb-berenjena) !important;
border: 0 !important;
}
.boton-sk-blanco:hover {
background-color: var(--eb-naranja) !important;
color: var(--eb-berenjena) !important;
}
/* MARCA Y TEXTOS REMARCADOS */
.sk-marca {
font-family: var(--alt-font);
font-weight: 600;
color: var(--eb-terracota);
letter-spacing: 0;
text-transform: none;
white-space: nowrap;
}
h1 .sk-marca, h2 .sk-marca, h3 .sk-marca, .sk-seccion-titulo .sk-marca {
background-image: linear-gradient(90deg, var(--eb-naranja) 0%, var(--eb-terracota) 45%, var(--eb-purpura) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.sk-etiqueta .sk-marca { font-size: 1.15em; }
.sk-remarcado {
font-weight: 600;
color: var(--eb-berenjena);
background-image: linear-gradient(transparent 60%, rgba(246, 174, 110, 0.55) 60%);
padding: 0 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.sk-remarcado .sk-marca { color: inherit; }
/* sobre fondos de color o oscuros */
.sk-gota .sk-marca { color: #fff; }
.sk-color-berenjena-bg .sk-marca { color: var(--eb-naranja); }
.sk-remarcado-grande {
display: inline-block;
margin: 6px 0 10px;
padding: 4px 16px;
border-radius: var(--eb-radio-s);
background-color: #fff;
color: var(--eb-berenjena);
font-family: var(--alt-font);
font-size: 26px;
line-height: 36px;
font-weight: 600;
box-shadow: 0 12px 30px rgba(46, 36, 56, 0.15);
}
.sk-gota .sk-remarcado-grande .sk-marca { color: var(--eb-terracota); }
/* MULTIIDIOMA */
.sk-multiidioma {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 14px;
padding: 10px 20px;
border-radius: 30px;
background-color: rgba(255, 255, 255, 0.75);
border: 1px solid var(--eb-borde);
font-size: 14px;
line-height: 20px;
color: var(--eb-gris-texto);
}
.sk-multiidioma i { color: var(--eb-teal); font-size: 17px; }
.sk-multiidioma strong { color: var(--eb-berenjena); margin-left: -6px; }
.sk-multiidioma span:before {
content: "·";
margin-right: 14px;
color: var(--eb-naranja);
font-weight: 700;
}
/* LOGOTIPO EN EL HERO */
.sk-hero-logo { margin-bottom: 30px; }
.sk-hero-logo img { height: 84px; width: auto; }
/* ETIQUETAS Y CHIPS */
.sk-etiqueta {
display: inline-block;
padding: 4px 18px;
margin-bottom: 20px;
border-radius: 30px;
background-color: rgba(232, 129, 76, 0.12);
color: var(--eb-terracota);
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
line-height: 24px;
text-transform: uppercase;
}
.sk-etiqueta-clara {
background-color: rgba(255, 255, 255, 0.12);
color: var(--eb-naranja);
}
.sk-chip {
display: inline-block;
margin: 0 6px 10px 0;
padding: 6px 16px;
border-radius: 30px;
background-color: #fff;
border: 1px solid var(--eb-borde);
color: var(--eb-berenjena);
font-size: 14px;
line-height: 22px;
font-weight: 500;
}
/* CABECERA */
.sk-menu-acceder {
color: var(--eb-berenjena);
font-weight: 600;
font-size: 15px;
}
.sk-menu-acceder:hover { color: var(--eb-terracota); }
.sk-idiomas .sk-idiomas-actual {
display: inline-flex;
align-items: center;
padding: 6px 14px;
border-radius: 30px;
border: 1px solid var(--eb-borde);
background-color: rgba(255, 255, 255, 0.7);
color: var(--eb-berenjena);
font-weight: 600;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
transition: border-color 0.3s ease;
}
.sk-idiomas .sk-idiomas-actual:hover,
.sk-idiomas .sk-idiomas-actual[aria-expanded="true"] { border-color: var(--eb-naranja); }
.sk-idiomas .sk-idiomas-actual .bi { color: var(--eb-teal); font-size: 16px; }
.sk-idiomas .dropdown-menu {
min-width: 190px;
margin-top: 10px !important;
padding: 8px;
border-radius: var(--eb-radio-m);
border: 1px solid var(--eb-borde);
box-shadow: 0 20px 50px rgba(46, 36, 56, 0.12);
}
.sk-idiomas .dropdown-item {
display: flex;
align-items: center;
padding: 8px 12px;
border-radius: var(--eb-radio-s);
color: var(--eb-berenjena);
font-size: 15px;
line-height: 22px;
}
.sk-idiomas .dropdown-item:hover { background-color: var(--eb-crema); color: var(--eb-terracota); }
.sk-idiomas .dropdown-item.activo { background-color: rgba(246, 174, 110, 0.2); font-weight: 600; cursor: default; }
.sk-idiomas-codigo {
display: inline-block;
width: 30px;
color: var(--eb-gris-texto);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.sk-idiomas-movil {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
padding: 15px 15px 20px;
border-top: 1px solid var(--eb-borde);
}
.sk-idiomas-movil i { color: var(--eb-teal); font-size: 18px; margin-right: 4px; }
.sk-idiomas-movil a {
padding: 4px 14px;
border-radius: 30px;
border: 1px solid var(--eb-borde);
color: var(--eb-berenjena);
font-size: 14px;
}
.sk-idiomas-movil a.activo { background-color: var(--eb-berenjena); border-color: var(--eb-berenjena); color: #fff; }
/* HERO */
.sk-hero {
position: relative;
overflow: hidden;
background-color: var(--eb-crema);
min-height: 100vh;
padding-top: 150px;
padding-bottom: 120px;
}
.sk-hero:before,
.sk-hero:after {
content: "";
position: absolute;
border-radius: 50%;
filter: blur(10px);
z-index: 0;
pointer-events: none;
}
.sk-hero:before {
width: 760px;
height: 760px;
top: -260px;
right: -200px;
background: radial-gradient(circle, rgba(246, 174, 110, 0.55) 0%, rgba(246, 174, 110, 0) 70%);
}
.sk-hero:after {
width: 620px;
height: 620px;
bottom: -300px;
left: -200px;
background: radial-gradient(circle, rgba(104, 63, 154, 0.22) 0%, rgba(104, 63, 154, 0) 70%);
}
.sk-hero-titulo {
font-size: 76px;
line-height: 80px;
font-weight: 600;
letter-spacing: -2px;
margin-bottom: 30px;
}
.sk-hero-texto {
font-size: 19px;
line-height: 32px;
color: var(--eb-gris-texto);
}
.sk-hero-visual {
position: relative;
padding: 40px 0 60px;
}
.sk-hero-marquee {
position: absolute;
bottom: 30px;
left: 0;
font-family: var(--alt-font);
font-weight: 700;
font-size: 200px;
line-height: 200px;
letter-spacing: -6px;
color: var(--eb-berenjena);
opacity: 0.04;
white-space: nowrap;
z-index: 0;
pointer-events: none;
}
/* MARCO DE NAVEGADOR PARA CAPTURAS */
.sk-browser {
background-color: #fff;
border-radius: var(--eb-radio-m);
box-shadow: 0 40px 90px rgba(46, 36, 56, 0.18);
overflow: hidden;
border: 1px solid var(--eb-borde);
}
.sk-browser-barra {
display: flex;
align-items: center;
gap: 7px;
height: 34px;
padding: 0 16px;
background-color: #f6efe7;
border-bottom: 1px solid var(--eb-borde);
}
.sk-browser-barra span {
width: 11px;
height: 11px;
border-radius: 50%;
background-color: var(--eb-borde);
}
.sk-browser-barra span:nth-child(1) { background-color: var(--eb-coral); }
.sk-browser-barra span:nth-child(2) { background-color: var(--eb-naranja); }
.sk-browser-barra span:nth-child(3) { background-color: var(--eb-teal); }
.sk-browser img { display: block; width: 100%; }
/* ELEMENTOS FLOTANTES */
.sk-flotante {
position: absolute;
z-index: 3;
}
.sk-tarjeta-flotante {
background-color: #fff;
border-radius: var(--eb-radio-m);
box-shadow: 0 25px 60px rgba(46, 36, 56, 0.16);
padding: 14px 18px;
color: var(--eb-berenjena);
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
.sk-tarjeta-flotante img { border-radius: var(--eb-radio-s); }
.sk-nivel {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin-right: 6px;
border-radius: 50%;
font-size: 13px;
font-weight: 700;
}
.sk-nivel-na { background-color: #f9d9d4; color: #a3463a; }
.sk-nivel-as { background-color: #fbe3cf; color: #a35a22; }
.sk-nivel-an { background-color: #fdf1c7; color: #8a6a00; box-shadow: 0 0 0 3px #e9c84a; }
.sk-nivel-ae { background-color: #d6ecdf; color: #2f7a4f; }
/* SECCIONES */
.sk-seccion-titulo {
font-size: 46px;
line-height: 52px;
font-weight: 600;
letter-spacing: -1px;
}
.sk-tarjeta {
height: 100%;
background-color: #fff;
border-radius: var(--eb-radio-l);
padding: 40px 35px;
border: 1px solid var(--eb-borde);
transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.sk-tarjeta:hover {
transform: translateY(-6px);
box-shadow: 0 30px 60px rgba(46, 36, 56, 0.10);
}
.sk-tarjeta-icono {
display: inline-flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
margin-bottom: 25px;
border-radius: 18px;
font-size: 28px;
color: #fff;
}
.sk-tarjeta h3,
.sk-tarjeta .sk-tarjeta-titulo {
display: block;
font-family: var(--alt-font);
font-size: 22px;
line-height: 28px;
font-weight: 600;
color: var(--eb-berenjena);
margin-bottom: 10px;
word-break: normal;
overflow-wrap: normal;
hyphens: none;
}
/* METÁFORA "CADA GOTA CUENTA" */
.sk-gota {
position: relative;
overflow: hidden;
border-radius: var(--eb-radio-l);
padding: 60px;
}
.sk-gota-frase {
font-family: var(--alt-font);
font-size: 34px;
line-height: 44px;
font-weight: 500;
color: #fff;
}
.sk-gota-isotipo {
position: absolute;
right: -60px;
bottom: -80px;
width: 340px;
opacity: 0.18;
pointer-events: none;
}
/* PASOS DEL PROCESO */
.sk-pasos { counter-reset: paso; }
.sk-paso {
position: relative;
height: 100%;
padding: 30px 26px;
background-color: #fff;
border-radius: var(--eb-radio-l);
border: 1px solid var(--eb-borde);
transition: transform 0.35s ease, border-color 0.35s ease;
}
.sk-paso:hover {
transform: translateY(-5px);
border-color: var(--eb-naranja);
}
.sk-paso-numero {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
margin-bottom: 18px;
border-radius: 50%;
font-family: var(--alt-font);
font-size: 16px;
font-weight: 700;
color: #fff;
}
.sk-paso-titulo {
display: block;
font-family: var(--alt-font);
font-size: 20px;
line-height: 26px;
font-weight: 600;
color: var(--eb-berenjena);
margin-bottom: 8px;
}
.sk-paso p {
font-size: 15px;
line-height: 25px;
margin-bottom: 0;
}
.sk-paso-flecha {
position: absolute;
top: 50%;
right: -19px;
z-index: 2;
width: 26px;
height: 26px;
margin-top: -13px;
border-radius: 50%;
background-color: var(--eb-crema);
color: var(--eb-terracota);
font-size: 14px;
line-height: 26px;
text-align: center;
}
/* LISTAS CON CHECK */
.sk-lista {
list-style: none;
padding: 0;
margin: 0;
}
.sk-lista li {
position: relative;
padding: 0 0 14px 38px;
color: var(--eb-berenjena);
}
.sk-lista li:before {
content: "\2713";
font-family: Arial, sans-serif;
font-weight: 700;
position: absolute;
left: 0;
top: 1px;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: rgba(53, 131, 156, 0.14);
color: var(--eb-teal);
font-size: 11px;
line-height: 24px;
text-align: center;
}
.sk-lista-clara li { color: rgba(255, 255, 255, 0.85); }
.sk-lista-clara li:before {
background-color: rgba(246, 174, 110, 0.2);
color: var(--eb-naranja);
}
/* FRASES DEL ALUMNO */
.sk-frase-alumno {
display: inline-block;
margin: 0 8px 12px 0;
padding: 10px 20px;
border-radius: 30px 30px 30px 6px;
background-color: #fff;
box-shadow: 0 10px 30px rgba(46, 36, 56, 0.06);
color: var(--eb-berenjena);
font-size: 15px;
font-weight: 500;
}
/* VÍDEOS */
.sk-video {
position: relative;
display: block;
overflow: hidden;
border-radius: var(--eb-radio-l);
min-height: 360px;
}
.sk-video-poster {
position: absolute;
inset: 0;
display: flex;
align-items: flex-end;
justify-content: center;
}
.sk-video-poster img {
max-height: 92%;
width: auto;
transition: transform 0.6s ease;
}
.sk-video:hover .sk-video-poster img { transform: scale(1.04); }
.sk-video-play {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
transform: translate(-50%, -50%);
}
.sk-video-pie {
position: absolute;
left: 25px;
bottom: 25px;
z-index: 3;
padding: 8px 18px;
border-radius: 30px;
background-color: rgba(255, 255, 255, 0.92);
color: var(--eb-berenjena);
font-size: 14px;
font-weight: 600;
}
.sk-video-proximamente { cursor: default; }
.sk-video-proximamente .sk-video-poster img { filter: grayscale(0.35); opacity: 0.85; }
/* INTELIGENCIA ARTIFICIAL Y EQUIPO */
.sk-etiqueta-ia {
background-color: rgba(104, 63, 154, 0.12);
color: var(--eb-purpura);
}
.sk-ia-bloque {
display: flex;
gap: 20px;
align-items: flex-start;
}
.sk-ia-bloque .sk-tarjeta-icono {
flex: 0 0 56px;
width: 56px;
height: 56px;
font-size: 24px;
border-radius: 16px;
}
.sk-ia-titulo {
font-size: 20px;
line-height: 26px;
font-weight: 600;
margin-bottom: 6px;
}
.sk-chat {
background-color: #fff;
border-radius: var(--eb-radio-l);
border: 1px solid var(--eb-borde);
box-shadow: 0 40px 90px rgba(104, 63, 154, 0.16);
overflow: hidden;
}
.sk-chat-cabecera {
display: flex;
align-items: center;
gap: 12px;
padding: 16px 20px;
background-image: linear-gradient(120deg, var(--eb-purpura) 0%, #8a5fc0 100%);
color: #fff;
}
.sk-chat-cabecera img {
width: 38px;
height: 38px;
padding: 6px;
border-radius: 50%;
background-color: #fff;
}
.sk-chat-cabecera strong { display: block; font-size: 15px; line-height: 20px; }
.sk-chat-cabecera span { display: block; font-size: 12px; line-height: 16px; opacity: 0.8; }
.sk-chat-cabecera .bi { font-size: 20px; color: var(--eb-naranja); }
.sk-chat-cuerpo {
display: flex;
flex-direction: column;
gap: 12px;
padding: 24px 20px;
background-color: var(--eb-crema);
}
.sk-chat-mensaje {
max-width: 85%;
padding: 12px 16px;
font-size: 14px;
line-height: 21px;
}
.sk-chat-usuario {
align-self: flex-end;
border-radius: 16px 16px 4px 16px;
background-color: var(--eb-berenjena);
color: #fff;
}
.sk-chat-asistente {
align-self: flex-start;
border-radius: 16px 16px 16px 4px;
background-color: #fff;
border: 1px solid var(--eb-borde);
color: var(--eb-berenjena);
}
.sk-chat-escribiendo { display: flex; gap: 5px; padding: 16px 18px; }
.sk-chat-escribiendo span {
width: 7px;
height: 7px;
border-radius: 50%;
background-color: var(--eb-purpura);
opacity: 0.4;
animation: sk-escribiendo 1.2s infinite ease-in-out;
}
.sk-chat-escribiendo span:nth-child(2) { animation-delay: 0.2s; }
.sk-chat-escribiendo span:nth-child(3) { animation-delay: 0.4s; }
@keyframes sk-escribiendo {
0%, 80%, 100% { opacity: 0.25; transform: translateY(0); }
40% { opacity: 1; transform: translateY(-3px); }
}
.sk-chat-pie {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 20px;
border-top: 1px solid var(--eb-borde);
color: var(--eb-gris-texto);
font-size: 14px;
}
.sk-chat-pie .bi { color: var(--eb-purpura); font-size: 18px; }
.sk-equipo-imagen {
border-radius: var(--eb-radio-l);
overflow: hidden;
padding: 20px;
background-image: linear-gradient(135deg, var(--eb-crema) 0%, #fbe3cf 60%, #f3dcec 100%);
}
.sk-equipo-imagen img { display: block; width: 100%; }
/* TESTIMONIOS */
.sk-testimonio {
height: 100%;
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: var(--eb-radio-l);
padding: 40px 35px;
border: 1px solid var(--eb-borde);
}
.sk-testimonio-logo {
height: 64px;
margin-bottom: 25px;
display: flex;
align-items: center;
}
.sk-testimonio-logo img {
max-height: 64px;
max-width: 190px;
width: auto;
}
.sk-testimonio p {
font-size: 17px;
line-height: 29px;
color: var(--eb-berenjena);
}
.sk-testimonio-autor {
margin-top: auto;
padding-top: 20px;
border-top: 1px solid var(--eb-borde);
font-size: 15px;
line-height: 22px;
}
.sk-testimonio-autor strong {
display: block;
color: var(--eb-berenjena);
}
/* DATO DESTACADO (alumnado que usa ebalua) */
.sk-dato {
display: flex;
align-items: center;
gap: 22px;
}
.sk-dato-icono {
flex: 0 0 76px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 76px;
height: 76px;
border-radius: 22px;
background-image: linear-gradient(135deg, var(--eb-naranja) 0%, var(--eb-terracota) 55%, var(--eb-purpura) 100%);
color: #fff;
font-size: 34px;
box-shadow: 0 20px 40px rgba(232, 129, 76, 0.3);
}
.sk-dato-cifra {
display: block;
font-family: var(--alt-font);
font-size: 64px;
line-height: 64px;
font-weight: 700;
letter-spacing: -1px;
background-image: linear-gradient(90deg, var(--eb-terracota) 0%, var(--eb-purpura) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.sk-dato-cifra small {
font-size: 26px;
letter-spacing: 0;
}
.sk-dato-texto {
display: block;
margin-top: 6px;
font-family: var(--alt-font);
font-size: 21px;
line-height: 28px;
font-weight: 500;
color: var(--eb-berenjena);
}
.sk-dato-logos {
padding-left: 45px;
border-left: 1px solid var(--eb-borde);
}
@media (max-width: 991px) {
.sk-dato { justify-content: center; text-align: left; }
.sk-dato-logos { padding-left: 15px; border-left: 0; }
}
@media (max-width: 575px) {
.sk-dato-cifra { font-size: 50px; line-height: 52px; }
.sk-dato-texto { font-size: 18px; line-height: 25px; }
.sk-dato-icono { flex-basis: 60px; width: 60px; height: 60px; font-size: 26px; }
}
.sk-logos-centros img {
max-height: 58px;
max-width: 170px;
width: auto;
filter: grayscale(1);
opacity: 0.7;
transition: all 0.3s ease;
}
.sk-logos-centros img:hover {
filter: none;
opacity: 1;
}
/* TARIFAS POR ALUMNO */
.sk-tarifa {
height: 100%;
text-align: center;
background-color: #fff;
border-radius: var(--eb-radio-l);
border: 2px solid var(--eb-borde);
padding: 40px 30px;
transition: all 0.35s ease;
}
.sk-tarifa.activa {
border-color: var(--eb-terracota);
box-shadow: 0 30px 60px rgba(232, 129, 76, 0.18);
transform: translateY(-6px);
}
.sk-tarifa-tramo {
display: inline-flex;
align-items: center;
padding: 6px 16px;
margin-bottom: 20px;
border-radius: 30px;
background-color: var(--eb-crema);
color: var(--eb-berenjena);
font-size: 15px;
font-weight: 600;
}
.sk-tarifa-tramo .bi { color: var(--eb-teal); }
.sk-tarifa-precio {
font-family: var(--alt-font);
font-size: 64px;
line-height: 70px;
font-weight: 600;
color: var(--eb-berenjena);
}
.sk-tarifa.activa .sk-tarifa-precio { color: var(--eb-terracota); }
.sk-tarifa-periodo { font-size: 15px; }
.sk-calculadora {
border-radius: var(--eb-radio-l);
padding: 45px 50px;
background-color: var(--eb-berenjena);
color: rgba(255, 255, 255, 0.8);
}
.sk-calculadora-titulo {
display: block;
margin-bottom: 20px;
font-family: var(--alt-font);
font-size: 26px;
line-height: 32px;
font-weight: 600;
color: #fff;
}
.sk-calculadora input[type="range"] {
flex: 1 1 auto;
accent-color: var(--eb-naranja);
cursor: pointer;
}
.sk-calculadora-numero {
width: 110px;
padding: 8px 12px;
border-radius: var(--eb-radio-s);
border: 0;
background-color: #fff;
color: var(--eb-berenjena);
font-size: 18px;
font-weight: 700;
text-align: center;
}
.sk-calculadora-resultado {
padding: 25px 30px;
border-radius: var(--eb-radio-m);
background-color: rgba(255, 255, 255, 0.08);
font-size: 15px;
}
.sk-calculadora-resultado strong { color: #fff; }
.sk-calculadora-total span {
display: block;
font-family: var(--alt-font);
font-size: 48px;
line-height: 56px;
font-weight: 600;
color: var(--eb-naranja);
}
.sk-calculadora-pagos {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.sk-calculadora-pagos div {
display: flex;
justify-content: space-between;
gap: 10px;
font-size: 14px;
line-height: 26px;
}
.sk-calculadora-pagos strong { color: #fff; white-space: nowrap; }
.sk-descuento {
margin-left: 4px;
padding: 1px 8px;
border-radius: 20px;
background-color: var(--eb-teal);
color: #fff;
font-size: 11px;
font-style: normal;
font-weight: 700;
}
.sk-opcion {
display: flex;
gap: 20px;
align-items: flex-start;
padding: 25px;
border-radius: var(--eb-radio-l);
border: 1px solid var(--eb-borde);
background-color: var(--eb-crema);
}
.sk-opcion .sk-tarjeta-icono {
flex: 0 0 56px;
width: 56px;
height: 56px;
font-size: 24px;
border-radius: 16px;
}
@media (max-width: 767px) {
.sk-calculadora { padding: 35px 22px; }
.sk-calculadora-titulo { font-size: 22px; line-height: 28px; }
}
/* PREGUNTAS FRECUENTES POR TEMAS */
.sk-faq-indice {
position: sticky;
top: 110px;
display: flex;
flex-direction: column;
gap: 6px;
padding: 14px;
border-radius: var(--eb-radio-l);
border: 1px solid var(--eb-borde);
background-color: #fff;
}
.sk-faq-indice a {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
border-radius: var(--eb-radio-s);
color: var(--eb-berenjena);
font-size: 15px;
line-height: 20px;
font-weight: 600;
transition: background-color 0.25s ease;
}
.sk-faq-indice a:hover { background-color: var(--eb-crema); color: var(--eb-terracota); }
.sk-faq-indice a .bi { color: var(--eb-teal); font-size: 17px; }
.sk-faq-indice .sk-faq-num {
margin-left: auto;
min-width: 24px;
padding: 0 7px;
border-radius: 20px;
background-color: var(--eb-crema);
color: var(--eb-gris-texto);
font-size: 12px;
line-height: 22px;
text-align: center;
}
.sk-faq-temas {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.sk-faq-temas a {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
border-radius: 30px;
border: 1px solid var(--eb-borde);
background-color: #fff;
color: var(--eb-berenjena);
font-size: 14px;
font-weight: 600;
}
.sk-faq-temas a .bi { color: var(--eb-teal); }
.sk-faq-grupo { scroll-margin-top: 110px; }
.sk-faq-grupo + .sk-faq-grupo { margin-top: 45px; }
.sk-faq-titulo {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
font-size: 26px;
line-height: 32px;
font-weight: 600;
}
.sk-faq-titulo .bi {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 14px;
background-color: rgba(53, 131, 156, 0.12);
color: var(--eb-teal);
font-size: 20px;
}
/* PREGUNTAS FRECUENTES */
.sk-faq .accordion-item {
margin-bottom: 15px;
border-radius: var(--eb-radio-m) !important;
border: 1px solid var(--eb-borde);
background-color: #fff;
padding: 0 30px;
}
.sk-faq .accordion-title {
font-family: var(--alt-font);
font-size: 19px;
color: var(--eb-berenjena);
padding: 22px 30px 22px 0;
}
.sk-faq .accordion-body {
padding: 0 0 25px 0;
}
/* CABECERA DE PÁGINAS INTERIORES */
.sk-cabecera-pagina {
position: relative;
overflow: hidden;
padding-top: 190px;
padding-bottom: 80px;
background-color: var(--eb-crema);
}
.sk-cabecera-pagina:before {
content: "";
position: absolute;
width: 620px;
height: 620px;
top: -300px;
right: -150px;
border-radius: 50%;
background: radial-gradient(circle, rgba(246, 174, 110, 0.5) 0%, rgba(246, 174, 110, 0) 70%);
pointer-events: none;
}
/* CONTACTO */
.sk-contacto-caja {
background-color: #fff;
border-radius: var(--eb-radio-l);
padding: 50px;
box-shadow: 0 40px 90px rgba(46, 36, 56, 0.10);
}
.sk-form label {
display: block;
margin-bottom: 6px;
color: var(--eb-berenjena);
font-size: 14px;
font-weight: 600;
}
.sk-form .form-control {
border-radius: var(--eb-radio-s);
border: 1px solid var(--eb-borde);
background-color: var(--eb-crema);
padding: 12px 16px;
font-size: 15px;
color: var(--eb-berenjena);
}
.sk-form .form-control:focus {
border-color: var(--eb-terracota);
background-color: #fff;
box-shadow: 0 0 0 3px rgba(232, 129, 76, 0.15);
}
.sk-form .sk-check {
display: flex;
gap: 10px;
align-items: flex-start;
font-size: 14px;
line-height: 22px;
}
.sk-form .sk-check input {
flex: 0 0 auto;
width: 18px;
height: 18px;
margin: 2px 0 0 0;
}
.sk-form .sk-check span { flex: 1 1 auto; }
.sk-form .sk-check a { color: var(--eb-terracota); text-decoration: underline; }
.sk-rgpd {
font-size: 12px;
line-height: 19px;
color: var(--eb-gris-texto);
}
.sk-rgpd a { color: var(--eb-terracota); text-decoration: underline; }
/* reCAPTCHA v3: se oculta la insignia flotante porque el formulario muestra el aviso que exige Google */
.grecaptcha-badge { visibility: hidden !important; }
.sk-recaptcha-aviso { text-align: center; }
.form-error {
display: block;
margin-top: 5px;
color: #c0392b !important;
font-size: 13px;
line-height: 18px;
}
/* PIE DE PÁGINA */
.sk-footer {
background-color: var(--eb-berenjena);
color: rgba(255, 255, 255, 0.7);
}
.sk-footer a { color: rgba(255, 255, 255, 0.7); }
.sk-footer a:hover { color: var(--eb-naranja); }
.sk-footer .sk-footer-titulo {
display: block;
margin-bottom: 12px;
color: #fff;
font-weight: 600;
}
.sk-footer .sk-footer-claim {
font-family: var(--alt-font);
font-size: 20px;
line-height: 28px;
color: #fff;
}
.sk-footer-legal {
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: 14px;
}
/* INFORMACIÓN LEGAL */
.legal-section h1 {
margin-top: 30px;
font-size: 34px;
font-weight: 600;
}
.legal-section h2 {
margin-top: 30px;
font-size: 22px;
font-weight: 600;
}
.legal-section h3 {
font-size: 18px;
}
.legal-section ul {
margin-left: 15px;
list-style-type: square !important;
}
.legal-section ul li {
margin-left: 15px;
list-style-type: square !important;
}
.legal-section p {
text-align: justify;
}
.seplegal {
border-top: 1px solid var(--eb-borde);
}
/* AVISO DE COOKIES */
.sk-cookies {
position: fixed;
left: 20px;
right: 20px;
bottom: 20px;
z-index: 10000;
display: flex;
align-items: center;
gap: 25px;
max-width: 980px;
margin: 0 auto;
padding: 22px 26px;
border-radius: var(--eb-radio-l);
border: 1px solid var(--eb-borde);
background-color: #fff;
box-shadow: 0 25px 70px rgba(46, 36, 56, 0.25);
font-size: 14px;
line-height: 22px;
color: var(--eb-gris-texto);
}
.sk-cookies[hidden] { display: none; }
.sk-cookies strong {
display: block;
margin-bottom: 4px;
color: var(--eb-berenjena);
font-size: 16px;
}
.sk-cookies strong .bi { color: var(--eb-terracota); }
.sk-cookies a { color: var(--eb-terracota); text-decoration: underline; }
.sk-cookies-botones {
display: flex;
flex: 0 0 auto;
gap: 10px;
}
@media (max-width: 767px) {
.sk-cookies {
flex-direction: column;
align-items: stretch;
left: 10px;
right: 10px;
bottom: 10px;
padding: 20px;
}
.sk-cookies-botones .btn { flex: 1 1 0; }
}
/* HONEYPOT */
/* fuera de la pantalla en lugar de tamaño 0: algunos bots ignoran los campos de tamaño 0 */
.wtp {
position: absolute !important;
left: -10000px !important;
top: auto !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
/* RESPONSIVE */
@media (max-width: 1599px) {
.sk-hero-titulo { font-size: 66px; line-height: 72px; }
}
@media (max-width: 1399px) {
.sk-hero-titulo { font-size: 60px; line-height: 66px; }
.sk-hero .btn.btn-large { padding-left: 26px; padding-right: 26px; }
.sk-remarcado-grande { font-size: 22px; line-height: 32px; padding: 4px 12px; white-space: nowrap; }
}
@media (max-width: 1199px) {
.sk-hero-titulo { font-size: 56px; line-height: 62px; }
.sk-seccion-titulo { font-size: 40px; line-height: 46px; }
.sk-paso-flecha { display: none; }
.sk-remarcado-grande { font-size: 19px; line-height: 28px; }
.sk-hero-titulo { font-size: 50px; line-height: 56px; }
.sk-hero-logo img { height: 70px; }
.sk-hero .btn.btn-large { padding-left: 20px; padding-right: 20px; font-size: 15px; }
.sk-hero .sk-flotante-evaluo { left: 10px !important; top: -40px !important; }
}
@media (max-width: 991px) {
.sk-hero { min-height: auto; padding-top: 130px; padding-bottom: 80px; }
.sk-hero-marquee { font-size: 120px; line-height: 120px; }
.sk-gota { padding: 45px 35px; }
.sk-gota-frase { font-size: 28px; line-height: 38px; }
.sk-cabecera-pagina { padding-top: 150px; padding-bottom: 60px; }
}
@media (max-width: 767px) {
.sk-hero-logo img { height: 60px; }
.sk-multiidioma { justify-content: center; border-radius: var(--eb-radio-m); }
.sk-hero-titulo { font-size: 44px; line-height: 50px; letter-spacing: -1px; }
.sk-hero-texto { font-size: 17px; line-height: 28px; }
.sk-seccion-titulo { font-size: 32px; line-height: 38px; }
.sk-contacto-caja { padding: 35px 22px; }
.sk-flotante-movil-oculto { display: none; }
.sk-video { min-height: 280px; }
.sk-faq .accordion-item { padding: 0 20px; }
}