@import url(‘https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500&display=swap’); :root{–gold:#B8965A;–gold-l:#E8D5B0;–navy:#0D1B2A;–navy2:#1A2E42;–cream:#F9F6F1;–tx:#2C2C2A;–muted:#6B6B65;} *{box-sizing:border-box;margin:0;padding:0;} .pf{font-family:’DM Sans’,sans-serif;color:var(–tx);background:#fff;} /* HERO */ .pf-hero{background:var(–navy);padding:72px 40px 0;overflow:hidden;position:relative;} .pf-hero::before{content:»;position:absolute;inset:0;background:linear-gradient(130deg,rgba(184,150,90,.13) 0%,transparent 55%);pointer-events:none;} .pf-hero-in{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:flex-end;position:relative;z-index:1;} .pf-foto{width:300px;height:380px;object-fit:cover;object-position:top center;display:block;align-self:flex-end;} .pf-intro{padding-bottom:56px;} .pf-volver{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.4);text-decoration:none;margin-bottom:28px;} .pf-volver::before{content:’←’;} .pf-volver:hover{color:var(–gold);} .pf-eyebrow{display:block;font-size:.68rem;letter-spacing:4px;text-transform:uppercase;color:var(–gold);margin-bottom:14px;} .pf-intro h1{font-family:’Playfair Display’,serif;font-size:clamp(1.9rem,3.5vw,2.9rem);color:#fff;line-height:1.15;font-weight:700;margin-bottom:12px;} .pf-cargo{display:block;font-size:.78rem;letter-spacing:2px;text-transform:uppercase;color:var(–gold);padding-bottom:20px;border-bottom:1px solid rgba(184,150,90,.3);margin-bottom:20px;} .pf-intro>p{font-size:.95rem;color:rgba(255,255,255,.6);line-height:1.85;max-width:460px;margin-bottom:24px;} .pf-tags{display:flex;flex-wrap:wrap;gap:8px;} .pf-tag{border:1px solid rgba(184,150,90,.4);color:var(–gold);padding:5px 14px;font-size:.72rem;letter-spacing:1px;} /* BODY */ .pf-body{max-width:px;margin:0 auto;padding:72px 40px;display:grid;grid-template-columns:1fr 300px;gap:72px;} /* Secciones columna principal */ .pf-sec{margin-bottom:52px;} .pf-sec-label{display:block;font-size:.65rem;letter-spacing:4px;text-transform:uppercase;color:var(–gold);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(–gold-l);} .pf-sec h2{font-family:’Playfair Display’,serif;font-size:1.35rem;color:var(–navy);font-weight:700;margin-bottom:14px;} .pf-sec p{font-size:.92rem;color:var(–muted);line-height:1.9;margin-bottom:14px;} /* Timeline */ .pf-tl{list-style:none;} .pf-tl li{display:grid;grid-template-columns:90px 1fr;gap:20px;padding-bottom:28px;} .pf-tl-y{font-size:.72rem;letter-spacing:1.5px;color:var(–gold);font-weight:500;padding-top:2px;} .pf-tl-c h4{font-size:.9rem;font-weight:500;color:var(–navy);margin-bottom:3px;} .pf-tl-c p{font-size:.82rem;color:var(–muted);line-height:1.6;margin:0;} /* Sidebar */ .pf-sb-card{background:var(–cream);padding:28px;margin-bottom:20px;} .pf-sb-card h3{font-family:’Playfair Display’,serif;font-size:.95rem;color:var(–navy);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(–gold);} .pf-sb-list{list-style:none;} .pf-sb-list li{font-size:.82rem;color:var(–muted);padding:7px 0;border-bottom:1px solid var(–gold-l);display:flex;gap:8px;line-height:1.5;} .pf-sb-list li::before{content:’▸’;color:var(–gold);flex-shrink:0;} .pf-sb-list li:last-child{border-bottom:none;} /* Contacto sidebar */ .pf-contact-card{background:var(–navy);padding:28px;} .pf-contact-card h3{font-family:’Playfair Display’,serif;font-size:.95rem;color:#fff;margin-bottom:18px;} .pf-dato{display:flex;flex-direction:column;margin-bottom:14px;} .pf-dato span:first-child{font-size:.62rem;letter-spacing:2px;text-transform:uppercase;color:var(–gold);margin-bottom:3px;} .pf-dato span:last-child{font-size:.83rem;color:rgba(255,255,255,.65);} .pf-cta{display:block;background:var(–gold);color:var(–navy);text-align:center;padding:13px;font-size:.72rem;letter-spacing:2px;text-transform:uppercase;font-weight:500;text-decoration:none;margin-top:20px;transition:background .2s;} .pf-cta:hover{background:var(–gold-l);} /* Footer strip */ .pf-foot{background:var(–navy);padding:20px 40px;text-align:center;} .pf-foot span{font-size:.75rem;color:rgba(255,255,255,.35);letter-spacing:1px;} .pf-foot a{color:var(–gold);text-decoration:none;font-size:.75rem;margin-left:16px;} /* Responsive */ @media(max-width:820px){ .pf-hero-in{grid-template-columns:1fr;} .pf-foto{width:50%;height:300px;} .pf-body{grid-template-columns:1fr;gap:40px;} .pf-hero,.pf-body{padding-left:20px;padding-right:20px;} }