/*
Theme Name: L'Advocat a Casa
Theme URI:
Author:
Author URI:
Description: Tema hijo de Twenty Twenty-Five para el rediseno de L'Advocat a Casa
Requires at least: 7.0
Tested up to: 7.0
/* ---- Logo de texto en cabecera ---- */
.lac-logo { margin: 0; line-height: 1.1; }
.lac-logo a { text-decoration: none; color: var(--wp--preset--color--tinta); }
.lac-logo em { font-style: italic; }
.lac-logo-dot { color: var(--wp--preset--color--salvia); font-style: normal; padding: 0 3px; }
/* ---- Selector de idioma tipo pildora ---- */
.lac-lang-switcher ul { display: flex; list-style: none; margin: 0; padding: 3px; gap: 2px; background: var(--wp--preset--color--salvia-suave); border-radius: 999px; }
.lac-lang-switcher li { margin: 0; }
.lac-lang-switcher a { display: inline-block; padding: 5px 14px; border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--wp--preset--color--salvia-profundo); text-decoration: none; }
.lac-lang-switcher .current-lang a, .lac-lang-switcher a.pll-current-lang { background: var(--wp--preset--color--salvia-profundo); color: #fff; }
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: ladvocat-a-casa
Tags:
*/
/* ---- Padding lateral en movil ---- */
@media (max-width: 767px) {
body { --wp--style--root--padding-left: 20px; --wp--style--root--padding-right: 20px; }
}
body { overflow-x: hidden; }
/* ---- Cabecera sticky con desenfoque ---- */
.lac-header {
position: sticky; top: 0; z-index: 100;
background: rgba(246,243,238,.82);
backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(20,24,31,.07);
}
/* ---- Bloque salvia decorativo tras la foto del hero ---- */
.lac-hero-media { position: relative; }
.lac-hero-media::before {
content: ""; position: absolute; inset: -14px -14px 24px 24px;
background: var(--wp--preset--color--salvia); border-radius: 18px; z-index: 0;
}
.lac-hero-media img { position: relative; z-index: 1; border-radius: 14px; }
/* ---- Hover de tarjetas ---- */
.lac-card { transition: transform .2s ease, box-shadow .2s ease; }
.lac-card:hover { transform: translateY(-4px); box-shadow: var(--wp--preset--shadow--tarjeta); }
.lac-card--suave:hover { background: #E4EDE0; }
/* ---- Retrato escalonado del equipo ---- */
@media (min-width: 768px) { .lac-retrato-2 { margin-top: 34px; } }
/* ---- Eyebrow (etiqueta de seccion) ---- */
.lac-eyebrow {
font-size: 13px; font-weight: 700; letter-spacing: .14em;
text-transform: uppercase; color: var(--wp--preset--color--salvia-profundo);
}
.lac-eyebrow--claro { color: var(--wp--preset--color--salvia); }
/* ---- Pildora de estado ---- */
.lac-pildora {
display: inline-flex; align-items: center; gap: 8px;
font-size: 13px; font-weight: 600; border-radius: 999px; padding: 7px 14px;
background: rgba(144,171,141,.22); color: var(--wp--preset--color--salvia-profundo);
}
.lac-pildora::before {
content: ""; width: 7px; height: 7px; border-radius: 50%;
background: var(--wp--preset--color--salvia);
}
/* ---- Badge Servicio estrella ---- */
.lac-badge {
font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
padding: 5px 10px; border-radius: 999px;
background: var(--wp--preset--color--salvia); color: var(--wp--preset--color--sobre-salvia);
}
.lac-badge--oscuro { background: var(--wp--preset--color--tinta-fuerte); color: #DDE6DA; }
/* ---- Acordeon FAQ (bloque Detalles) ---- */
.lac-faq details {
background: #fff; border: 1px solid rgba(20,24,31,.09);
border-radius: 12px; overflow: hidden;
}
.lac-faq summary {
cursor: pointer; list-style: none; padding: 20px 22px;
font-size: 16px; font-weight: 600; color: var(--wp--preset--color--tinta);
display: flex; justify-content: space-between; align-items: center; gap: 16px;
}
.lac-faq summary::-webkit-details-marker { display: none; }
.lac-faq summary::after {
content: "+"; font-size: 22px; line-height: 1;
color: var(--wp--preset--color--salvia-profundo); flex-shrink: 0;
}
.lac-faq details[open] summary::after { content: "\2013"; }
.lac-faq details > *:not(summary) { padding: 0 22px 20px; color: var(--wp--preset--color--texto); }
/* ---- Rejilla: 3-4 col a 2 en tablet a 1 en movil ---- */
@media (max-width: 1024px) { .lac-grid-3 > .wp-block-column, .lac-grid-4 > .wp-block-column { flex-basis: 48% !important; } }
@media (max-width: 767px) { .lac-grid-3 > .wp-block-column, .lac-grid-4 > .wp-block-column { flex-basis: 100% !important; } }
/* ---- Proceso: borde superior de paso ---- */
.lac-paso { border-top: 2px solid rgba(20,24,31,.15); padding-top: 18px; }
.lac-paso--activo { border-top-color: var(--wp--preset--color--salvia-profundo); }
/* ---- Selector de idioma CA/ES (pill) ---- */
.lang-switch {
display: flex;
align-items: center;
gap: 2px;
padding: 3px;
border-radius: 999px;
background: rgba(144, 171, 141, .18);
}
.lang-switch .lang-btn {
border: none;
cursor: pointer;
background: transparent;
font-family: inherit;
font-size: 12px;
font-weight: 700;
letter-spacing: .04em;
padding: 5px 11px;
border-radius: 999px;
color: #5A6357;
text-decoration: none;
transition: all .15s;
display: inline-flex;
align-items: center;
line-height: 1;
}
.lang-switch .lang-btn:hover {
color: #3A4E38;
}
.lang-switch .lang-btn[aria-current="true"] {
background: #3A4E38;
color: #fff;
}
.lang-switch .lang-btn[aria-current="true"]:hover {
color: #fff;
}
/* ============================================================
HOME PAGE — estils extrets del bloc HTML (globals i reutilitzables)
============================================================ */
/* ============================================================
L'ADVOCAT A CASA — HOME (Disseny A · Editorial)
============================================================ */
:root{
--lac-bg:#F6F3EE;
--lac-bg-alt:#FCFBF9;
--lac-ink:#16181F;
--lac-ink-soft:#3a3d47;
--lac-grey:#5C606E;
--lac-grey-2:#6A6E7A;
--lac-grey-3:#9499a3;
--lac-green-dark:#222E20;
--lac-green:#3A4E38;
--lac-sage:#90AB8D;
--lac-sage-bg:#E8EEE4;
--lac-font-serif:'Newsreader', serif;
--lac-font-sans:'Archivo', sans-serif;
--lac-radius:14px;
--lac-radius-lg:18px;
--lac-max:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
font-family:var(--lac-font-sans);
background:var(--lac-bg);
color:var(--lac-ink);
line-height:1.5;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.lac-container{max-width:var(--lac-max);margin:0 auto;padding:0 32px}
.lac-eyebrow{
font-size:13px;letter-spacing:.14em;text-transform:uppercase;
color:var(--lac-green);font-weight:700;margin-bottom:14px;
}
/* Botons */
.lac-btn{
display:inline-flex;align-items:center;gap:8px;
font-weight:600;font-size:15px;padding:14px 26px;border-radius:10px;
border:1px solid transparent;transition:transform .15s, box-shadow .15s;
}
.lac-btn:hover{transform:translateY(-2px)}
.lac-btn-primary{background:var(--lac-green);color:#fff}
.lac-btn-secondary{background:#fff;color:var(--lac-ink);border-color:rgba(20,24,31,.14)}
/* Hero */
.lac-hero{
display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:56px;align-items:center;padding:72px 0 64px;
}
.lac-hero-badge{
display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;
color:var(--lac-green);background:rgba(144,171,141,.22);padding:7px 14px;border-radius:999px;
margin-bottom:26px;
}
.lac-hero-badge .lac-dot{width:7px;height:7px;border-radius:50%;background:var(--lac-sage)}
h1{
font-family:var(--lac-font-serif);font-weight:500;
font-size:clamp(34px,7vw,62px);line-height:1.04;letter-spacing:-.015em;
color:var(--lac-green-dark);
}
h1 em{font-style:italic;color:var(--lac-green)}
.lac-hero p{font-size:18px;line-height:1.6;color:var(--lac-grey);margin-top:24px;max-width:480px}
.lac-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.lac-hero-stats{display:flex;align-items:center;gap:22px;margin-top:38px;font-size:13px;color:var(--lac-grey-2)}
.lac-hero-stats strong{font-family:var(--lac-font-serif);font-size:26px;color:var(--lac-green-dark);font-weight:600;margin-right:8px}
.lac-hero-stats .lac-sep{width:1px;height:30px;background:rgba(20,24,31,.12)}
.lac-hero-visual{position:relative}
.lac-hero-visual-bg{position:absolute;inset:-14px -14px 24px 24px;background:var(--lac-sage);border-radius:var(--lac-radius-lg)}
.lac-hero-photo{
position:relative;width:100%;height:480px;border-radius:var(--lac-radius);
box-shadow:0 30px 60px -25px rgba(19,24,43,.5);
background:linear-gradient(150deg,var(--lac-green),var(--lac-green-dark));
display:flex;align-items:center;justify-content:center;overflow:hidden;
}
/* TODO: substitueix aquest placeholder per 
*/
.lac-hero-photo-placeholder{color:rgba(232,238,228,.5);font-size:13px;font-family:monospace}
.lac-hero-card{
position:absolute;left:-22px;bottom:46px;background:#fff;border-radius:12px;
padding:16px 18px;box-shadow:0 20px 40px -18px rgba(19,24,43,.45);
display:flex;align-items:center;gap:12px;max-width:230px;
}
.lac-hero-card-icon{
width:42px;height:42px;border-radius:50%;background:var(--lac-sage-bg);
display:flex;align-items:center;justify-content:center;font-weight:700;
color:var(--lac-green);font-family:var(--lac-font-serif);flex-shrink:0;
}
.lac-hero-card p{font-size:13px;line-height:1.35;color:var(--lac-ink-soft);margin:0;max-width:none}
.lac-hero-card strong{color:var(--lac-green-dark)}
/* Trust bar */
.lac-trust-bar{
border-top:1px solid rgba(20,24,31,.08);border-bottom:1px solid rgba(20,24,31,.08);
background:var(--lac-bg-alt);
}
.lac-trust-bar .lac-container{
padding:22px 32px;display:flex;align-items:center;justify-content:space-between;
flex-wrap:wrap;gap:20px;
}
.lac-trust-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--lac-grey-3);font-weight:600}
.lac-trust-items{display:flex;align-items:center;gap:12px 26px;flex-wrap:wrap;font-weight:600;color:var(--lac-grey);font-size:15px}
/* Secció genèrica */
.lac-section{padding:90px 0 30px}
.lac-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:42px;flex-wrap:wrap}
.lac-section-head h2{
font-family:var(--lac-font-serif);font-weight:500;font-size:clamp(28px,4.6vw,42px);
line-height:1.08;letter-spacing:-.01em;color:var(--lac-green-dark);max-width:560px;
}
.lac-section-link{font-size:14px;font-weight:600;color:var(--lac-green);white-space:nowrap;padding-bottom:6px}
/* Serveis */
.lac-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.lac-service-card{
display:block;border-radius:16px;padding:30px;transition:transform .2s, box-shadow .2s;
}
.lac-service-card:hover{transform:translateY(-4px);box-shadow:0 24px 44px -22px rgba(19,24,43,.7)}
.lac-service-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}
.lac-service-num{
width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;
font-family:var(--lac-font-serif);font-size:22px;font-weight:600;
}
.lac-service-badge{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:5px 10px;border-radius:999px}
.lac-service-card h3{font-size:21px;font-weight:700;margin-bottom:10px}
.lac-service-card p{font-size:14.5px;line-height:1.6}
.lac-service-cta{display:inline-block;margin-top:18px;font-size:14px;font-weight:700}
.lac-service-card--dark{background:var(--lac-green);border:1px solid var(--lac-green);color:#fff}
.lac-service-card--dark .lac-service-num{background:rgba(255,255,255,.14);color:#fff}
.lac-service-card--dark .lac-service-badge{background:var(--lac-sage);color:#1E2A1C}
.lac-service-card--dark p{color:rgba(255,255,255,.76)}
.lac-service-card--dark .lac-service-cta{color:#fff}
.lac-service-card--sage{background:var(--lac-sage);border:1px solid var(--lac-sage);color:#1E2A1C}
.lac-service-card--sage .lac-service-num{background:rgba(255,255,255,.3);color:#22301F}
.lac-service-card--sage .lac-service-badge{background:#22301F;color:#DDE6DA}
.lac-service-card--sage p{color:rgba(30,42,28,.78)}
.lac-service-card--sage .lac-service-cta{color:#22301F}
.lac-service-card--light{background:var(--lac-sage-bg);border:1px solid rgba(144,171,141,.45)}
.lac-service-card--light:hover{background:#E4EDE0}
.lac-service-card--light .lac-service-num{background:rgba(144,171,141,.3);color:#4E6049;width:38px;height:38px;font-size:18px;margin-bottom:60px}
.lac-service-card--light h3{color:#3A4238}
.lac-service-card--light p{color:var(--lac-grey)}
.lac-service-card--light .lac-service-cta{color:var(--lac-green);font-weight:600}
/* Com funciona */
.lac-how-box{background:var(--lac-green-dark);border-radius:22px;padding:56px;color:#fff;position:relative;overflow:hidden}
.lac-how-box::after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:rgba(144,171,141,.16)}
.lac-how-box-inner{position:relative}
.lac-how-box .lac-eyebrow{color:var(--lac-sage)}
.lac-how-box h2{font-family:var(--lac-font-serif);font-weight:500;font-size:clamp(26px,4vw,38px);line-height:1.1;margin-bottom:44px;max-width:560px;color:#fff}
.lac-how-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:34px}
.lac-how-step-num{font-family:var(--lac-font-serif);font-size:15px;color:var(--lac-sage);font-weight:600;margin-bottom:12px}
.lac-how-step h4{font-size:18px;font-weight:700;margin-bottom:8px}
.lac-how-step p{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.66)}
/* Equip */
.lac-team-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:56px;align-items:center;padding:50px 0 30px}
.lac-team-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lac-photo-placeholder{
aspect-ratio:3/4;border-radius:14px;
background:repeating-linear-gradient(135deg,#E7E2D9,#E7E2D9 10px,#EFEBE3 10px,#EFEBE3 20px);
display:flex;align-items:end;padding:16px;
}
/* TODO: substitueix .lac-photo-placeholder per 
*/
.lac-team-photos > :last-child{margin-top:34px}
.lac-photo-placeholder span{font-family:monospace;font-size:11px;color:#9a958a;background:rgba(255,255,255,.7);padding:4px 8px;border-radius:5px}
.lac-team-content .lac-eyebrow{margin-bottom:14px}
.lac-team-content h2{font-family:var(--lac-font-serif);font-weight:500;font-size:clamp(26px,4vw,38px);line-height:1.1;color:var(--lac-green-dark);margin-bottom:18px}
.lac-team-content p{font-size:16px;line-height:1.65;color:var(--lac-grey);margin-bottom:22px}
/* Testimonis */
.lac-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;padding:60px 0}
.lac-testimonial-card{background:#fff;border:1px solid rgba(20,24,31,.08);border-radius:16px;padding:28px}
.lac-testimonial-stars{color:var(--lac-sage);font-size:16px;margin-bottom:14px}
.lac-testimonial-card p{font-family:var(--lac-font-serif);font-size:18px;line-height:1.5;color:var(--lac-green-dark);margin-bottom:18px}
.lac-testimonial-author{font-size:13px;color:var(--lac-grey-2);font-weight:600}
/* Blog */
.lac-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.lac-blog-card-img{
aspect-ratio:16/10;border-radius:14px;margin-bottom:16px;
background:repeating-linear-gradient(135deg,#E7E2D9,#E7E2D9 10px,#EFEBE3 10px,#EFEBE3 20px);
}
/* TODO: substitueix per ![]()
de la imatge destacada de cada post (WordPress la genera automàticament amb get_the_post_thumbnail si converteixes aquesta secció a loop de PHP / Query Loop de Spectra) */
.lac-blog-cat{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--lac-green);font-weight:700;margin-bottom:8px}
.lac-blog-card h3{font-size:18px;font-weight:700;color:var(--lac-green-dark);line-height:1.3}
/* CTA band */
.lac-cta-band{background:var(--lac-sage);padding:64px 0}
.lac-cta-band .lac-container{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.lac-cta-band h2{font-family:var(--lac-font-serif);font-weight:500;font-size:clamp(26px,4vw,38px);line-height:1.1;color:#1E2A1C;max-width:520px}
.lac-cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.lac-btn-whatsapp{background:#25D366;color:#0b3a1e;font-weight:700;font-size:15px;padding:15px 26px;border-radius:10px}
.lac-btn-dark{background:#22301F;color:#fff;font-weight:700;font-size:15px;padding:15px 26px;border-radius:10px}
@media (max-width:600px){
section{padding:56px 0 20px}
.lac-how-box{padding:34px}
.lac-cta-band .lac-container{flex-direction:column;text-align:center}
}
/* ============================================================
HOME (page-id-15): reduir espai buit entre header i contingut
============================================================ */
main.wp-block-group.has-global-padding{
margin-top:0 !important;
}
main.wp-block-group.has-global-padding > .wp-block-group.has-global-padding{
padding-top:16px !important;
}