.phs{
/* Paleta tomada del logo */
–navy:#0C1B32;
–navy-soft:#16294A;
–gold:#D0A050;
–gold-light:#E8C878;
–gold-deep:#8A6420;
–pearl:#F7F6F2;
–line:#DAD3C3;
–muted:#4A5568;
font-family:-apple-system,»Segoe UI»,Roboto,Helvetica,Arial,sans-serif;
color:var(–navy);
line-height:1.65;
max-width:1100px;
margin:0 auto;
padding:0 20px;
box-sizing:border-box;
}
.phs *,.phs *::before,.phs *::after{box-sizing:border-box}
.phs h1,.phs h2,.phs h3{
font-family:Georgia,»Times New Roman»,serif;
font-weight:700;
line-height:1.2;
margin:0 0 .5em;
color:var(–navy);
}
.phs p{margin:0 0 1em}
.phs a:focus-visible{outline:3px solid var(–gold);outline-offset:3px}

/* Botones */
.phs a.phs-btn{
display:inline-block;
padding:14px 28px;
border-radius:4px;
font-weight:700;
font-size:1rem;
text-decoration:none;
border:2px solid var(–gold);
transition:background-color .2s,color .2s;
}
.phs a.phs-btn-gold{background:var(–gold);color:var(–navy)}
.phs a.phs-btn-gold:hover{background:var(–gold-light);color:var(–navy)}
.phs a.phs-btn-line{background:transparent;color:var(–gold-light)}
.phs a.phs-btn-line:hover{background:var(–gold);color:var(–navy)}
.phs-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}

/* Paneles azules con marco dorado, como el certificado de recuerdo */
.phs-hero,.phs-contact{
position:relative;
background:var(–navy);
color:#fff;
border-radius:6px;
}
.phs-hero::before,.phs-contact::before{
content:»»;
position:absolute;
inset:12px;
border:1px solid rgba(208,160,80,.6);
border-radius:3px;
pointer-events:none;
}
.phs-hero h1,.phs-contact h2{color:#fff}

/* Inicio */
.phs-hero{
display:grid;
grid-template-columns:1fr auto;
gap:40px;
align-items:center;
padding:64px 56px;
margin-top:24px;
}
.phs-hero h1{font-size:clamp(2rem,4.6vw,3.4rem)}
.phs-lead{font-size:1.15rem;color:#D8E0EC;max-width:50ch}
.phs-hero-note{font-size:.95rem;color:var(–gold-light);margin:20px 0 0}
.phs-logo{width:280px;max-width:100%;height:auto;border-radius:50%}
/* Si todavía no pegaste la URL del logo, la imagen se oculta */
.phs-logo[src*=»PEGA-AQUI»]{display:none}

/* Datos clave */
.phs-facts{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:32px;
padding:48px 0;
}
.phs-fact{border-left:3px solid var(–gold);padding-left:18px}
.phs-fact h3{font-size:1.2rem;margin-bottom:.2em}
.phs-fact p{margin:0;color:var(–muted)}

/* Secciones */
.phs-section{padding:56px 0;border-top:1px solid var(–line)}
.phs-section h2{font-size:clamp(1.7rem,3.4vw,2.4rem)}
.phs-intro{color:var(–muted);max-width:42ch}
.phs-split{display:grid;grid-template-columns:1fr 1.6fr;gap:48px}

/* Servicios */
.phs-service{padding:4px 0 4px 22px;border-left:3px solid var(–gold);margin-bottom:32px}
.phs-service:last-child{margin-bottom:0}
.phs-service h3{font-size:1.3rem;margin-bottom:.25em}
.phs-service p{margin:0;color:var(–muted)}

/* Compromiso */
.phs-commit{background:var(–pearl);border-radius:6px;padding:48px}
.phs-commit h2{margin-bottom:.4em}
.phs-commit p{max-width:62ch;font-size:1.1rem;margin:0}

/* Pasos (sí es una secuencia, por eso van numerados) */
.phs-steps{
list-style:none;
margin:32px 0 0;
padding:0;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:32px;
counter-reset:phs-step;
}
.phs-steps li{counter-increment:phs-step}
.phs-steps li::before{
content:counter(phs-step);
display:flex;
align-items:center;
justify-content:center;
width:44px;height:44px;
border-radius:50%;
border:2px solid var(–gold);
background:var(–navy);
color:var(–gold-light);
font-family:Georgia,»Times New Roman»,serif;
font-weight:700;
font-size:1.2rem;
margin-bottom:14px;
}
.phs-steps h3{font-size:1.25rem}
.phs-steps p{margin:0;color:var(–muted)}

/* Contacto */
.phs-contact{padding:56px;margin:24px 0 40px}
.phs-contact h2{font-size:clamp(1.7rem,3.4vw,2.4rem)}
.phs-contact p{color:#D8E0EC;max-width:56ch}
.phs-contact-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin:28px 0 0;
}
.phs-contact-item{border-left:3px solid var(–gold);padding-left:16px}
.phs-contact-item strong{display:block;color:var(–gold-light);font-family:Georgia,»Times New Roman»,serif;font-size:1.05rem}
.phs-contact-item span,.phs-contact-item a{color:#fff;font-size:1.1rem}
.phs-contact-item a{display:block;text-decoration:none}
.phs-contact-item a:hover{color:var(–gold-light)}

/* Pie */
.phs-footer{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:12px;
padding:0 0 40px;
color:var(–muted);
font-size:.95rem;
}
.phs-footer a{color:var(–gold-deep);font-weight:700}

/* Móvil */
@media (max-width:760px){
.phs-hero{grid-template-columns:1fr;padding:44px 28px;gap:28px}
.phs-logo{order:-1;width:180px;margin:0 auto}
.phs-facts{grid-template-columns:1fr;gap:24px;padding:36px 0}
.phs-split{grid-template-columns:1fr;gap:24px}
.phs-steps{grid-template-columns:1fr;gap:28px}
.phs-commit{padding:32px 24px}
.phs-contact{padding:44px 28px}
.phs-contact-grid{grid-template-columns:1fr}
}