/* ---- Els colors i les lletres, tot en un lloc ---- */
.laprof-elsalt{
color-scheme: light;
--os:#FBF7F0;
--sorra:#EEEAE1;
--crema:#FFFDF9;
--nit:#0C0E2B;
--tinta:#20112B;
--terracota:#E2876E;
--presseg:#FFBA86;
--linia:#EFE4D5;
--vora:rgba(84,89,95,.15);
--gris:#54595F;
--gris-clar:#A79FB8;
--sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
--serif:'Radley',Georgia,'Times New Roman',serif;
--mesura:680px;
--ample:1550px;
}
.laprof-elsalt *,.laprof-elsalt *::before,.laprof-elsalt *::after{box-sizing:border-box;}
/* ---- EL BLOC OCUPA TOTA L'AMPLADA, SENSE 100vw ---- */
.laprof-elsalt{
-webkit-text-size-adjust:100%;
background:var(--os);
color:var(--tinta);
font-family:var(--sans);
font-size:18px;
line-height:1.4;
overflow-x:hidden; /* per als navegadors que encara no entenen clip */
overflow-x:clip;
-webkit-font-smoothing:antialiased;
}
.laprof-elsalt img{max-width:100%;display:block;}
.laprof-elsalt a{color:inherit;}
.laprof-elsalt .wrap{width:100%;max-width:var(--ample);margin:0 auto;padding:0 50px;}
.laprof-elsalt .mesura{max-width:var(--mesura);}
@media(max-width:767px){
.laprof-elsalt .wrap{padding:0 20px;}
}
/* ---- L'ESCALA TIPOGRÀFICA ---- */
.laprof-elsalt h1,.laprof-elsalt h2,.laprof-elsalt h3,.laprof-elsalt h4{margin:0;text-wrap:balance;}
.laprof-elsalt h1{font-family:var(--sans);font-size:70px;font-weight:500;line-height:1.1em;letter-spacing:-1.4px;}
.laprof-elsalt h2{font-family:var(--sans);font-size:45px;font-weight:500;line-height:1em;letter-spacing:-2px;}
.laprof-elsalt h3{font-family:var(--sans);font-size:25px;font-weight:500;line-height:1em;letter-spacing:normal;}
.laprof-elsalt h4{font-family:var(--sans);font-size:20px;font-weight:700;line-height:1em;letter-spacing:.6px;text-transform:uppercase;}
.laprof-elsalt em.ac{
font-family:var(--serif);font-style:italic;font-weight:400;
font-size:1.111em;letter-spacing:-2px;
}
@media(max-width:767px){
.laprof-elsalt h1{font-size:46px;line-height:1.1em;letter-spacing:-.9px;}
.laprof-elsalt h2{font-size:35px;}
.laprof-elsalt h3{font-size:20px;}
.laprof-elsalt em.ac{font-size:1.143em;}
}
@media(max-width:380px){
.laprof-elsalt h1{font-size:40px;letter-spacing:-.7px;}
.laprof-elsalt h2{font-size:31px;letter-spacing:-1.4px;}
}
.laprof-elsalt p{margin:0;}
.laprof-elsalt .lead{font-size:20px;line-height:1.4;color:var(--gris);}
.laprof-elsalt .text{color:var(--gris);line-height:1.4;}
.laprof-elsalt .petit{font-size:16px;line-height:1.4875;color:var(--gris);}
.laprof-elsalt .eyebrow{
margin:0 0 18px;
font-size:11px;font-weight:700;
letter-spacing:1.5px;text-transform:uppercase;
color:var(--terracota);
}
.laprof-elsalt .eyebrow--clar{color:var(--presseg);}
.laprof-elsalt .pila{display:flex;flex-direction:column;}
.laprof-elsalt .g18{gap:18px;} .laprof-elsalt .g24{gap:24px;}
/* ---- Botons ---- */
.laprof-elsalt .boto{
display:inline-flex;align-items:center;justify-content:center;gap:10px;
font-family:var(--sans);font-size:15px;font-weight:600;line-height:1;
padding:19px 32px;border-radius:15px;text-decoration:none;
background:var(--nit);color:#FAFAFA;border:1px solid var(--nit);
transition:transform .14s ease,opacity .15s ease,background-color .15s ease;
}
.laprof-elsalt .boto:hover{opacity:.93;transform:translateY(-1px);}
.laprof-elsalt .boto:focus-visible{outline:3px solid rgba(226,135,110,.55);outline-offset:3px;}
.laprof-elsalt .boto--contorn{
background:transparent;color:var(--tinta);border:1px solid rgba(32,17,43,.5);
}
.laprof-elsalt .boto--contorn:hover{background:rgba(32,17,43,.05);}
.laprof-elsalt .botons{display:flex;flex-wrap:wrap;gap:14px;}
/* ============ 00 · HERO ============
Banda nit de dalt a baix amb la llum préssec que segueix el cursor. A
l'esquerra el titular; a la dreta, la targeta del formulari.
És l'únic bloc de la pàgina que ha de fer alguna cosa: recollir el correu. */
.laprof-elsalt .hero{
position:relative;overflow:hidden;
background:var(--nit);color:#F4EFF7;
padding:80px 0 90px;
}
.laprof-elsalt .hero .wrap{
position:relative;z-index:1;
display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);
gap:64px;align-items:center;
}
.laprof-elsalt .hero__llum{
position:absolute;inset:-20% -8%;z-index:0;pointer-events:none;
background:
radial-gradient(32% 42% at var(--llum-x,50%) var(--llum-y,46%),
rgba(255,186,134,.34), rgba(255,186,134,0) 72%),
radial-gradient(40% 52% at calc(100% - var(--llum-x,50%)) calc(100% - var(--llum-y,46%)),
rgba(226,135,110,.16), rgba(226,135,110,0) 74%);
}
/* El titular. «EL SALT» i la frase van dins de la MATEIXA H1: es veuen igual
que ara (marca gran a dalt, frase en cursiva préssec a sota) però Google
les llegeix totes dues com el titular de la pàgina. */
.laprof-elsalt .hero h1{color:#FAFAFA;}
.laprof-elsalt .hero .marca-gran{
display:block;
font-size:86px;font-weight:600;line-height:1;letter-spacing:-1px;
text-transform:uppercase;
}
.laprof-elsalt .hero .frase{
display:block;margin-top:14px;
font-family:var(--serif);font-style:italic;font-weight:400;
font-size:52px;line-height:1.1;letter-spacing:-1.4px;
color:var(--presseg);
}
.laprof-elsalt .hero .text{
margin-top:30px;max-width:46ch;
font-size:18px;line-height:1.55;color:var(--gris-clar);
}
.laprof-elsalt .compte{margin-bottom:30px;}
@media(max-width:1100px){
.laprof-elsalt .hero .wrap{grid-template-columns:1fr;gap:48px;}
.laprof-elsalt .hero .text{max-width:56ch;}
}
@media(max-width:767px){
.laprof-elsalt .hero{padding:56px 0 64px;}
.laprof-elsalt .hero .marca-gran{font-size:58px;}
.laprof-elsalt .hero .frase{font-size:36px;letter-spacing:-1px;}
.laprof-elsalt .hero .text{margin-top:24px;font-size:17px;}
}
@media(max-width:380px){
.laprof-elsalt .hero .marca-gran{font-size:50px;}
.laprof-elsalt .hero .frase{font-size:31px;}
}
/* ============ Seccions ============ */
.laprof-elsalt .seccio{padding:50px 0;}
.laprof-elsalt .seccio--sorra{background:var(--sorra);}
.laprof-elsalt .capcalera{max-width:22ch;}
.laprof-elsalt .capcalera--ampla{max-width:30ch;}
.laprof-elsalt .intro{margin-top:20px;max-width:56ch;}
/* ---- 02 · Quién está detrás ----
La targeta de la fundadora és la que ja existeix a la home, a Nosaltres i
a /formacio-empreses/. No se'n fa cap de nova. */
.laprof-elsalt .darrere .wrap{
display:grid;grid-template-columns:minmax(0,450px) minmax(0,1fr);
gap:64px;align-items:center;
}
.laprof-elsalt .darrere .pila{max-width:640px;}
.laprof-elsalt .perfil-fundadora-contenedor{
position:relative;display:block;width:100%;max-width:450px;
margin:20px auto 70px auto;box-sizing:border-box;
}
.laprof-elsalt .perfil-imatge{
width:100% !important;height:auto !important;
border-radius:15px !important;display:block;object-fit:cover;
}
.laprof-elsalt .perfil-requadre-info{
position:absolute;bottom:-30px;left:15px;right:auto;
width:82%;max-width:320px;
background-color:#FFFDF9;padding:18px 24px;border-radius:14px;
box-shadow:0 12px 30px rgba(0,0,0,.12);
text-align:left;z-index:2;box-sizing:border-box;
animation:flotar 4s ease-in-out infinite;
}
@keyframes flotar{
0%{transform:translateY(0);} 50%{transform:translateY(-10px);} 100%{transform:translateY(0);}
}
.laprof-elsalt .perfil-rol{
color:#E2876E;font-size:11px;font-weight:700;letter-spacing:1.5px;
text-transform:uppercase;margin:0 0 6px 0 !important;font-family:var(--sans);
}
.laprof-elsalt .perfil-nom{
color:#1A1A1A;font-family:var(--serif);font-style:italic;
font-size:25px;line-height:1;margin:0 0 10px 0 !important;
}
.laprof-elsalt .perfil-cita{
color:#4A4A4A;font-family:var(--sans);font-weight:400;
font-size:14px;line-height:1.5;margin:0 !important;
}
.laprof-elsalt .darrere .text{font-size:18px;line-height:1.55;}
.laprof-elsalt .darrere strong{color:var(--tinta);font-weight:600;}
.laprof-elsalt .xifres{
margin-top:36px;padding-top:28px;border-top:1px solid var(--vora);
display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;
}
.laprof-elsalt .xifra b{
display:block;font-size:40px;font-weight:500;line-height:1;
letter-spacing:.6px;color:var(--tinta);font-variant-numeric:tabular-nums;
}
.laprof-elsalt .xifra span{
display:block;margin-top:8px;font-size:14px;line-height:1.35;color:var(--gris);
}
@media(max-width:1024px){
.laprof-elsalt .darrere .wrap{grid-template-columns:1fr;gap:40px;}
.laprof-elsalt .darrere .pila{max-width:none;}
}
@media(max-width:767px){
.laprof-elsalt .xifra b{font-size:35px;}
.laprof-elsalt .perfil-nom{font-size:20px !important;}
}
@media(max-width:520px){
.laprof-elsalt .xifres{grid-template-columns:1fr;gap:18px;}
.laprof-elsalt .perfil-requadre-info{bottom:-25px;padding:14px 18px;}
.laprof-elsalt .perfil-cita{font-size:12px !important;}
}
/* ---- 03 · La promesa ----
La frase gran és el que ha de quedar. Va centrada i sola perquè és l'única
cosa d'aquesta secció: si hi poses res més al costat, deixa de ser una
promesa i passa a ser un paràgraf. */
.laprof-elsalt .promesa{
background:var(--sorra);
padding:96px 0;text-align:center;
}
.laprof-elsalt .promesa .eyebrow{display:inline-block;}
.laprof-elsalt .promesa h2{
max-width:20ch;margin:0 auto;
font-size:52px;letter-spacing:-2px;
}
.laprof-elsalt .promesa .cloenda{
margin-top:26px;
font-family:var(--serif);font-style:italic;
font-size:30px;line-height:1.25;color:var(--terracota);
}
@media(max-width:767px){
.laprof-elsalt .promesa{padding:64px 0;}
.laprof-elsalt .promesa h2{font-size:35px;letter-spacing:-1.4px;}
.laprof-elsalt .promesa .cloenda{font-size:24px;}
}
@media(max-width:380px){
.laprof-elsalt .promesa h2{font-size:31px;}
.laprof-elsalt .promesa .cloenda{font-size:21px;}
}
/* ---- Mientras tanto · el filtre creuat ----
Qui arriba aquí i parteix de zero no ha d'esperar cap convocatòria: ha
d'anar al Bàsic. Aquesta caixa és, literalment, la trucada que abans feies
tu per dir-l'hi. */
.laprof-elsalt .filtre{padding:50px 0 70px;}
.laprof-elsalt .filtre .caixa{
background:#F4E7DA;border:1px solid var(--linia);border-radius:15px;
padding:50px;
display:grid;grid-template-columns:minmax(0,1fr) auto;gap:44px;align-items:center;
}
.laprof-elsalt .filtre h2{font-size:35px;}
.laprof-elsalt .filtre p{
margin-top:14px;max-width:46ch;
color:#5A4E52;line-height:1.5;font-size:17px;
}
@media(max-width:900px){
.laprof-elsalt .filtre .caixa{grid-template-columns:1fr;gap:28px;padding:36px 28px;}
.laprof-elsalt .filtre h2{font-size:31px;}
.laprof-elsalt .filtre .boto{width:100%;}
}
/* ============ Els blocs apareixen en baixar ============
⚠️ La targeta del formulari NO porta data-apareix: si el JS fallés en
algun navegador, el formulari es quedaria invisible i deixaries de rebre
correus. És l'única cosa de la pàgina que no es pot amagar mai. */
.laprof-elsalt.amb-moviment [data-apareix]{
opacity:0;transform:translateY(24px);
transition:opacity .8s cubic-bezier(.22,.7,.3,1),
transform .8s cubic-bezier(.22,.7,.3,1);
transition-delay:var(--retard,0s);
will-change:opacity,transform;
}
.laprof-elsalt.amb-moviment [data-apareix].vist{opacity:1;transform:none;}
.laprof-elsalt.amb-moviment .eyebrow{position:relative;}
.laprof-elsalt.amb-moviment .eyebrow::after{
content:"";position:absolute;left:0;bottom:-9px;height:2px;width:0;
background:var(--terracota);
transition:width .9s cubic-bezier(.22,.7,.3,1) .2s;
}
.laprof-elsalt.amb-moviment .eyebrow--clar::after{background:var(--presseg);}
.laprof-elsalt.amb-moviment .eyebrow[data-apareix].vist::after{width:44px;}
@media(prefers-reduced-motion:reduce){
.laprof-elsalt.amb-moviment [data-apareix]{opacity:1;transform:none;transition:none;}
.laprof-elsalt .perfil-requadre-info{animation:none;}
}
/* ============================================================
🔴 ZONA BREVO · l'estil del formulari, tal com ja el tens
No hi toquis res que no sigui una mida o un color.
============================================================ */
/* ---- Els colors i les lletres del formulari ---- */
.laprof-salt{
--ls-ink: #1B1240; /* blau nit del botó */
--ls-cream: #FDFAF3; /* la targeta */
--ls-field: #FAF3EA; /* dins dels camps */
--ls-line: #EFE4D5; /* vores */
--ls-muted: #918DA0; /* text petit */
--ls-title: #241934; /* titular */
--ls-sans: "Inter", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
--ls-serif: "Radley", Georgia, "Times New Roman", serif;
}
/* ---- Neutralitzar l'embolcall de Brevo ---- */
.laprof-salt,
.laprof-salt *,
.laprof-salt *::before,
.laprof-salt *::after{box-sizing:border-box;}
.laprof-salt,
.laprof-salt .sib-form,
.laprof-salt #sib-form-container{
background:transparent !important;
padding:0 !important; margin:0 !important;
max-width:none !important; width:auto !important;
text-align:left !important;
}
.laprof-salt{max-width:560px !important; margin:0 auto !important; font-family:var(--ls-sans);}
.laprof-salt .input--hidden{position:absolute !important; left:-9999px !important;}
/* ---- La targeta ---- */
.laprof-salt #sib-container{
background:var(--ls-cream) !important;
border:0 !important;
border-radius:28px !important;
padding:44px 40px !important;
max-width:none !important;
box-shadow:0 24px 60px rgba(15,10,45,.18);
}
/* ---- Capçalera ---- */
.laprof-salt .ls-eyebrow{
margin:0 0 18px; font-size:12px; font-weight:500;
letter-spacing:.20em; text-transform:uppercase; color:var(--ls-muted);
}
.laprof-salt .ls-title{
margin:0 0 34px; font-size:34px; line-height:1.22;
font-weight:700; color:var(--ls-title); letter-spacing:-.01em;
}
.laprof-salt .ls-title em{
font-family:var(--ls-serif); font-style:italic; font-weight:400;
}
/* ---- Camps ---- */
.laprof-salt .form__entry{margin:0 !important;}
.laprof-salt .sib-input{padding:0 !important;}
.laprof-salt .entry__label{
display:block !important; margin:0 0 10px !important;
font-size:11px !important; font-weight:600 !important;
letter-spacing:.16em !important; text-transform:uppercase !important;
color:var(--ls-muted) !important; font-family:var(--ls-sans) !important;
}
.laprof-salt .entry__label[data-required]::after{content:"" !important;}
.laprof-salt .entry__field{
background:transparent !important; border:0 !important;
border-radius:0 !important; padding:0 !important;
}
.laprof-salt input.input{
width:100% !important; height:56px !important;
padding:0 18px !important; margin:0 !important;
background:var(--ls-field) !important;
border:1px solid var(--ls-line) !important;
border-radius:12px !important;
font-family:var(--ls-sans) !important; font-size:16px !important; /* 16px evita el zoom d'iOS */
color:var(--ls-title) !important;
box-shadow:none !important; transition:border-color .15s, box-shadow .15s;
}
.laprof-salt input.input:focus{
outline:none !important;
border-color:var(--ls-ink) !important;
box-shadow:0 0 0 3px rgba(27,18,64,.10) !important;
}
.laprof-salt .entry__error{
display:none; margin:8px 0 0 !important; padding:0 !important;
font-family:var(--ls-sans) !important; font-size:13px !important;
color:#B0304A !important; background:transparent !important; border:0 !important;
}
.laprof-salt .entry__error--primary:not(:empty){display:block;}
/* ---- Casella de privacitat ---- */
.laprof-salt .sib-optin .form__entry{padding:0 !important;}
.laprof-salt .entry__choice label{
display:flex !important; align-items:flex-start; gap:12px;
cursor:pointer; margin:0 !important;
}
.laprof-salt .entry__choice input[type=checkbox]{
position:absolute; opacity:0; width:0; height:0;
}
.laprof-salt .entry__choice .checkbox{
flex:0 0 auto; width:20px; height:20px; margin:1px 0 0 !important;
background:transparent !important;
border:1.5px solid #C9C3D2 !important; border-radius:5px !important;
transition:background-color .15s, border-color .15s;
}
.laprof-salt .entry__choice input:checked + .checkbox{
background:var(--ls-ink) !important; border-color:var(--ls-ink) !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FDFAF3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E") !important;
background-size:14px 14px; background-position:center; background-repeat:no-repeat;
}
.laprof-salt .entry__choice input:focus-visible + .checkbox{
box-shadow:0 0 0 3px rgba(27,18,64,.15) !important;
}
.laprof-salt .entry__choice p,
.laprof-salt .entry__choice span[style]{
margin:0 !important; font-family:var(--ls-sans) !important;
font-size:15px !important; line-height:1.45 !important; color:#4A4458 !important;
}
.laprof-salt .entry__choice a{
color:inherit !important; text-decoration:underline; text-underline-offset:3px;
}
/* ---- Botó ---- */
.laprof-salt .sib-form-block{text-align:left !important; padding:0 !important;}
.laprof-salt .sib-form-block__button{
display:block !important; width:100% !important;
height:62px !important; padding:0 20px !important; margin:0 !important;
background:var(--ls-ink) !important; color:var(--ls-cream) !important;
border:0 !important; border-radius:14px !important;
font-family:var(--ls-sans) !important; font-size:16px !important; font-weight:700 !important;
letter-spacing:0 !important; text-transform:none !important;
text-align:center !important;
cursor:pointer; transition:transform .12s, opacity .15s;
}
.laprof-salt .sib-form-block__button:hover{opacity:.90; transform:translateY(-1px);}
.laprof-salt .sib-form-block__button:active{transform:translateY(0);}
.laprof-salt .sib-form-block__button-disabled{opacity:.6; cursor:default; transform:none !important;}
/* El rellotget d'espera de Brevo mentre envia */
.laprof-salt .sib-form-block__button svg.icon{
width:17px; height:17px; fill:currentColor;
vertical-align:-2px; margin-right:9px;
animation:ls-spin .9s linear infinite;
}
.laprof-salt .sib-hide-loader-icon{display:none !important;}
@keyframes ls-spin{to{transform:rotate(360deg);}}
/* ---- Espaiats verticals ---- */
.laprof-salt .ls-row{margin-bottom:22px;}
.laprof-salt .ls-row--optin{margin-bottom:26px;}
/* ---- Missatges d'error i d'èxit (main.js hi posa i treu --active) ---- */
.laprof-salt .sib-form-message-panel{display:none;}
.laprof-salt .sib-form-message-panel--active{display:block;}
.laprof-salt .sib-form-message-panel{
max-width:none !important; margin:0 0 20px !important; padding:14px 16px !important;
font-family:var(--ls-sans) !important; font-size:15px !important;
border-radius:12px !important; border:1px solid transparent !important;
}
.laprof-salt #error-message{color:#8A1F35 !important; background:#FBEAEE !important; border-color:#F0CDD6 !important;}
.laprof-salt #success-message{color:#0B5132 !important; background:#E8F7EF !important; border-color:#C6E9D6 !important;}
/* ---- Mòbil ---- */
@media (max-width:600px){
.laprof-salt #sib-container{padding:32px 24px !important; border-radius:22px !important;}
.laprof-salt .ls-title{font-size:27px; margin-bottom:28px;}
.laprof-salt .sib-form-block__button{height:58px !important;}
}
/* ============ El pill del compte enrere ============ */
.laprof-countdown{
display:inline-flex; align-items:center; gap:7px;
padding:5px 12px;
border:1px solid rgba(255,255,255,0.25);
border-radius:9999px;
background:#1a1832;
font-family:'Inter', sans-serif;
line-height:1;
vertical-align:middle;
}
.laprof-countdown .lc-text{
color:#ffffff;
font-family:'Inter', sans-serif;
font-size:13px; /* ← MIDA · escriptori */
letter-spacing:0.10em;
line-height:1;
white-space:nowrap;
}
.laprof-countdown .lc-num{color:#ffba86;}
/* El punt: massís, amb un anell que s'expandeix. Efecte "en directe". */
.laprof-countdown .lc-dot{
position:relative;
width:6px; height:6px; border-radius:50%;
background:#ffba86; flex-shrink:0;
}
.laprof-countdown .lc-dot::after{
content:""; position:absolute; inset:0;
border-radius:50%; background:#ffba86;
animation:lc-pulse 2s ease-out infinite;
}
@keyframes lc-pulse{
0% {transform:scale(1); opacity:.75;}
70%, 100%{transform:scale(3.2); opacity:0;}
}
@media (max-width:600px){
.laprof-countdown{padding:4px 10px; gap:6px;}
.laprof-countdown .lc-text{
font-size:11px; /* ← MIDA · mòbil */
letter-spacing:0.08em;
}
.laprof-countdown .lc-dot{width:5px; height:5px;}
}
@media (prefers-reduced-motion:reduce){
.laprof-countdown .lc-dot::after{animation:none; opacity:0;}
}
Ver el Curso Básico
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Course",
"@id": "https://www.irenelaprof.com/el-salt/#curs",
"name": "EL SALT",
"description": "Programa de LAPROF para quien entiende el catalán y nunca se ha atrevido a hablarlo. Las plazas se abren por convocatorias.",
"inLanguage": "es-ES",
"teaches": "Hablar catalán con seguridad partiendo de la comprensión: perder la vergüenza y sostener conversaciones reales.",
"provider": { "@id": "https://www.irenelaprof.com/#organitzacio" },
"hasCourseInstance": {
"@type": "CourseInstance",
"courseMode": "online"
}
},
{
"@type": "Organization",
"@id": "https://www.irenelaprof.com/#organitzacio",
"name": "LAPROF",
"url": "https://www.irenelaprof.com/",
"founder": { "@id": "https://www.irenelaprof.com/#irene" },
"areaServed": "ES-CT",
"sameAs": [
"https://www.instagram.com/irenelaprof/",
"https://www.instagram.com/laprofcentre/"
]
},
{
"@type": "Person",
"@id": "https://www.irenelaprof.com/#irene",
"name": "Irene Carreras",
"jobTitle": "Filóloga y creadora del método LAPROF",
"worksFor": { "@id": "https://www.irenelaprof.com/#organitzacio" },
"url": "https://www.irenelaprof.com/sobre-laprof/"
}
]
}
/* ---- El bloc arriba a les dues vores de la pantalla ----
Es mesura, no es fa amb 100vw: 100vw és l'amplada de la finestra de
maquetació i quan alguna cosa sobresurt, l'iPhone l'eixampla i queda la
franja buida al costat. Vegeu la nota de dalt del fitxer. */
(function(){
var arrel = document.querySelector('.laprof-elsalt');
if(!arrel) return;
function ampleTotal(){
arrel.style.marginLeft = '';
arrel.style.marginRight = '';
var caixa = arrel.getBoundingClientRect();
var ample = document.documentElement.clientWidth;
if(!ample) return;
var esquerra = Math.round(caixa.left);
var dreta = Math.round(ample - caixa.right);
if(esquerra > 0) arrel.style.marginLeft = (-esquerra) + 'px';
if(dreta > 0) arrel.style.marginRight = (-dreta) + 'px';
}
ampleTotal();
window.addEventListener('resize', ampleTotal);
window.addEventListener('orientationchange', ampleTotal);
window.addEventListener('load', ampleTotal);
})();
/* ---- EL COMPTE ENRERE ----
La data viu a l'atribut data-obertura del pill i enlloc més. Quan arriba,
el text es canvia sol i el rellotge s'atura. */
(function(){
var pills = document.querySelectorAll('.laprof-countdown:not([data-lc-init])');
if (!pills.length) return;
function pinta(box){
var text = box.querySelector('.lc-text');
var falten = new Date(box.dataset.obertura).getTime() - Date.now();
if (falten = 1){ // més d'un dia: dies i prou
text.innerHTML = 'ABRIMOS EL 1 DE SEPTIEMBRE · ' +
dies + (dies === 1 ? ' DÍA' : ' DÍAS') + '';
} else if (h >= 1){ // últim dia: hores i minuts
text.innerHTML = 'ABRIMOS EN ' + h + ' H ' + (min % 60) + ' MIN';
} else { // última hora
text.innerHTML = 'ABRIMOS EN ' + min +
(min === 1 ? ' MINUTO' : ' MINUTOS') + '';
}
return false;
}
var vius = [];
pills.forEach(function(box){
box.setAttribute('data-lc-init', '1');
if (!pinta(box)) vius.push(box);
});
if (vius.length){
var t = setInterval(function(){
vius = vius.filter(function(box){ return !pinta(box); });
if (!vius.length) clearInterval(t);
}, 30000);
}
})();
/* ---- LA LLUM VIVA ----
La mateixa de la home. Segueix el cursor amb un 6% de camí per fotograma
(aquest retard ÉS l'efecte: clavada al ratolí semblaria un punter), i quan
no hi ha cursor es passeja sola amb dos girs de període diferent perquè el
recorregut no es repeteixi mai igual. S'atura quan la zona no es veu. */
(function(){
var arrel = document.querySelector('.laprof-elsalt');
if(!arrel) return;
if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
if(!window.requestAnimationFrame) return;
var zones = [];
[].forEach.call(arrel.querySelectorAll('.hero'), function(z){
zones.push({el:z, x:50, y:46, destiX:50, destiY:46, cursor:false, fase:zones.length * 2.4});
});
if(!zones.length) return;
var actiu = false;
var inici = Date.now();
/* Hi ha entorns (previsualitzacions, captures, pestanyes de fons,
navegadors dins d'apps) on requestAnimationFrame no es dispara MAI. Allà
la llum es quedaria quieta per sempre. Per això el fotograma es demana a
través d'aquesta funció, que pot canviar de manera de comptar sobre la
marxa (vegeu la xarxa de seguretat del final). */
var ambRaf = true;
var haArribat = false;
function demana(fn){
if(ambRaf) requestAnimationFrame(fn);
else setTimeout(fn, 33); /* 30 per segon: prou per a una llum */
}
function apunta(zona, ev){
var c = zona.el.getBoundingClientRect();
if(!c.width || !c.height) return;
zona.destiX = Math.max(-10, Math.min(110, ((ev.clientX - c.left) / c.width) * 100));
zona.destiY = Math.max(-10, Math.min(110, ((ev.clientY - c.top) / c.height) * 100));
zona.cursor = true;
engega();
}
zones.forEach(function(zona){
zona.el.addEventListener('pointermove', function(ev){
if(ev.pointerType === 'touch') return; /* al mòbil ja es mou sola */
apunta(zona, ev);
}, {passive:true});
zona.el.addEventListener('pointerleave', function(){ zona.cursor = false; }, {passive:true});
});
function passeja(zona, t){
zona.destiX = 50 + Math.sin(t / 17 + zona.fase) * 22;
zona.destiY = 46 + Math.cos(t / 23 + zona.fase) * 16;
}
function esVeu(zona){
var c = zona.el.getBoundingClientRect();
var h = window.innerHeight || document.documentElement.clientHeight || 0;
if(!h) return true;
return c.bottom > 0 && c.top < h;
}
function fotograma(){
haArribat = true;
var t = (Date.now() - inici) / 1000;
var caldraMes = false;
for(var i=0; i<zones.length; i++){
var z = zones[i];
if(!esVeu(z)) continue;
if(!z.cursor) passeja(z, t);
z.x += (z.destiX - z.x) * 0.06;
z.y += (z.destiY - z.y) * 0.06;
z.el.style.setProperty('--llum-x', z.x.toFixed(2) + '%');
z.el.style.setProperty('--llum-y', z.y.toFixed(2) + '%');
caldraMes = true;
}
if(caldraMes){ demana(fotograma); } else { actiu = false; }
}
function engega(){
if(actiu) return;
actiu = true;
demana(fotograma);
}
window.addEventListener('scroll', engega, {passive:true});
window.addEventListener('resize', engega);
engega();
/* LA XARXA DE SEGURETAT. Si al mig segon no ha arribat cap fotograma és que
requestAnimationFrame no s'hi dispara, i no s'hi disparà. Es passa al
rellotge i la llum es mou igualment.
`actiu` es torna a posar a fals a posta: si no, engega() sortiria de
seguida perquè es pensaria que el bucle ja està en marxa. */
setTimeout(function(){
if(haArribat) return;
ambRaf = false;
actiu = false;
engega();
}, 500);
})();
/* ---- Els blocs apareixen en baixar ----
Es mira la posició a cada scroll i no amb IntersectionObserver: hi ha
entorns (previsualitzacions, pestanyes de fons, navegadors dins d'apps) on
l'observador no s'hi dispara mai i el text es quedaria invisible per sempre.
El formulari no porta data-apareix: no es pot amagar mai. */
(function(){
var arrel = document.querySelector('.laprof-elsalt');
if(!arrel) return;
if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
arrel.classList.add('amb-moviment');
var seccions = arrel.querySelectorAll('section');
for(var s=0; s<seccions.length; s++){
var peces = seccions[s].querySelectorAll('[data-apareix]');
for(var i=0; i<peces.length; i++){
peces[i].style.setProperty('--retard', Math.min(i*0.07, 0.42) + 's');
}
}
var pendents = [].slice.call(arrel.querySelectorAll('[data-apareix]'));
var ultim = -1, rellotge, mostra = null;
function revela(el){
el.classList.add('vist');
if(mostra) return;
mostra = el;
setTimeout(comprovaQueEsVeu, 1600);
setTimeout(comprovaQueEsVeu, 4000);
}
/* Si la transició no avança (previsualitzacions, captures), es retira
l'efecte: es perd el moviment però el text queda visible. */
function comprovaQueEsVeu(){
if(!mostra) return;
if(parseFloat(getComputedStyle(mostra).opacity) =0; i--){
if(pendents[i].getBoundingClientRect().top < llindar){
revela(pendents[i]);
pendents.splice(i,1);
}
}
if(!pendents.length) atura();
}
function ensenyaHoTot(){
for(var i=0; i= 1) clearInterval(tic);
}, 16);
}
function repassa(){
var h = window.innerHeight || document.documentElement.clientHeight || 0;
if(!h) return;
var llindar = h * 0.8;
for(var i=pendents.length-1; i>=0; i--){
if(pendents[i].getBoundingClientRect().top < llindar){
comptar(pendents[i]);
pendents.splice(i,1);
}
}
if(!pendents.length) atura();
}
function atura(){
clearInterval(rellotge);
window.removeEventListener('scroll', mira);
window.removeEventListener('resize', repassa);
}
function mira(){
var y = window.pageYOffset || document.documentElement.scrollTop;
if(y === ultim) return;
ultim = y;
repassa();
}
window.addEventListener('scroll', mira, {passive:true});
window.addEventListener('resize', repassa);
rellotge = setInterval(mira, 200);
repassa();
})();
window.REQUIRED_CODE_ERROR_MESSAGE = 'Elige un código de país';
window.LOCALE = 'es';
window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "Revisa el formato del correo, no acaba de cuadrar.";
window.REQUIRED_ERROR_MESSAGE = "Este campo no puede quedarse vacío.";
window.GENERIC_INVALID_MESSAGE = "Revisa este campo, no acaba de cuadrar.";
window.translation = { common: { selectedList: '{quantity} lista seleccionada', selectedLists: '{quantity} listas seleccionadas' } };
window.AUTOHIDE = Boolean(0);
INSCRIPCIONES CERRADAS
El Salt De entender el catalán a hablarlo.
El programa vuelve a abrir por convocatorias. Ahora mismo las plazas están cerradas, pero puedes ser la primera persona en saberlo cuando abramos otra vez.
Lista de espera
Avísame cuándo vuelva a abrir.
Fundadora
Irene Carreras
«Aquí no fem classes de gramàtica. Et donem el permís per parlar.»
02 — Quién está detrás
Soy Irene Carreras, @irenelaprof.
Llevo diez años enseñando catalán, tres de ellos especializada en hispanohablantes que viven en territorio catalanohablante.
Lo que he aprendido en estos años no me lo enseñó ninguna academia: las personas que entienden el catalán y no lo hablan no necesitan más gramática.
10años enseñando catalán
3especializada en hispanohablantes
+100.000personas en la comunidad
03 — La promesa
LAPROF te entrena para que hagas el salto de entender el catalán a vivirlo.
Sin renunciar a tu idioma.
Mientras tanto
¿Partes desde cero? Empieza por el Curso Básico.
Si todavía no entiendes el catalán, EL SALT no es tu sitio: lo tuyo es empezar por el principio y decir tus primeras frases.