/* PAMELA HERNÁNDEZ · LOJA | Dirección visual: calma editorial, café y azul discreto.
   Reemplaza v3; un único archivo para controlar el diseño y evitar caché anterior. */
:root{
 --cream:#FAF7F2;
 --cream2:#F1EAE2;
 --paper:#FFFCF8;
 --dark:#293D53; /* azul marino solo como acento estructural */
 --ink:#292824;
 --muted:#716B65;
 --line:#E4DAD0;
 --accent:#A37C5B; /* café cálido */
 --rose:#E2CBB8;
}
body{background:var(--cream);color:var(--ink)}
/* Encabezado luminoso: la protagonista es Pam, no un bloque de color. */
.site-header{background:#FAF7F2;border-bottom:1px solid #E8DFD5}
.site-header .brand-name,.site-header .brand-desc{color:#292824}
.site-header .brand-point{color:var(--accent)}
.site-header .brand-desc i{background:var(--accent)}
.site-header .desktop-nav a{color:#4D4843}
.site-header .desktop-nav a:hover{color:#926C4E}
.site-header .nav-contact{background:var(--dark);color:#fff;border:1px solid var(--dark);border-radius:3px}
.site-header .nav-contact:hover{background:#354F68;border-color:#354F68;transform:translateY(-1px)}
.site-header .mobile-menu-btn span{background:#292824}
.site-header .mobile-nav{background:#FAF7F2;box-shadow:0 14px 24px rgba(33,32,30,.11)}
.site-header .mobile-nav a{color:#383431;border-bottom-color:var(--line)}
/* Tipografía y estructura: jerarquía limpia y contrastes suaves. */
h1,h2,h3,h4{color:var(--ink)}
h1 em,h2 em,h3 em{color:var(--accent)}
.eyebrow,.hero-eyebrow{color:#9B7453}
.eyebrow.light{color:#DCC6B3}
.hero{background:var(--cream);overflow:hidden}
.hero h1{color:#292824}
.hero h1 em{color:var(--accent)}
.hero-copy>p{color:#68635D}
.text-link{color:#32312E;border-color:#B68C6A}
.btn-dark{background:var(--dark);border-color:var(--dark);color:#fff}
.btn-dark:hover{background:#364F68;border-color:#364F68}
.btn-outline{border-color:#BFAF9D;color:#30302E}
.btn-outline:hover{background:#EDE4D9}
.btn-cream{background:#FBF5EA;color:#293D53}
.btn-cream:hover{background:#fff}
.trust-small b,.mini-loja b{color:#383330}
.hero-visual{background:#D9C8B8}
.hero-visual:before{border-color:#BFA386}
.hero-visual>img{filter:saturate(.96)}
.hero-picture-overlay{background:#FFFCF7;box-shadow:0 12px 35px rgba(50,41,30,.12)}
.hero-picture-overlay p{color:#302A26}
.hero-picture-overlay span{color:#9B7453}
.hero-dec-circle{background:#D8B89A}
.hero-dec-circle:after{color:#fff}
.hero-bottom{color:#948679}
.hero-image-caption{display:none!important} /* leyenda vertical redundante y cortada */
/* Banda fija y centrada, tal como el diseño original. Sin duplicaciones o movimiento. */
.ticker{background:#EAE1D6;border-top:1px solid #E2D6C9;border-bottom:1px solid #E2D6C9;padding:20px 0;overflow:hidden}
.ticker .ticker-items{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;width:min(1120px,calc(100% - 88px));margin:0 auto;white-space:nowrap;min-width:0}
.ticker .ticker-items span{font-size:10px;letter-spacing:.18em;color:#6E5949;font-weight:800;white-space:nowrap}
.ticker .ticker-items i{font-size:14px;font-style:normal;color:#BBA58F;flex:0 0 auto}
.ticker-track,.ticker-group{animation:none!important}
/* Sección de propiedades: blanquecino, sin cambios bruscos de fondo. */
.section-properties{background:var(--cream)}
.section-heading h2,.about-copy h2,.find-inner h2{color:#292824}
.section-heading p,.about-copy>p{color:#716A63}
.property-card{background:#FFFCF8;border-color:#E5DAD0}
.property-card:hover{box-shadow:0 15px 33px rgba(55,42,32,.12)}
.property-card-bottom strong,.property-title{color:#2C2A28}
.property-pill{background:#FFF7EB;color:#43382E}
.property-arrow{border-color:#D5C7B6;color:#4F453F}
/* Conóceme: un poco de tono, sin convertirlo en otra marca. */
.about-section{background:#F0E8DF}
.about-photo-label{background:#293D53;color:#fff}
.about-spark{color:#B48963}
.about-signature{color:#A37C5B}
.about-credential{border-color:#D8C9B9}
/* Cómo te ayudo: ahora legible, con la misma estética que el resto. */
.process-section{background:#FCF9F5;color:#292824;padding-top:95px;padding-bottom:100px;border-top:1px solid #E8DED3;border-bottom:1px solid #E8DED3}
.process-top{border-bottom:1px solid #E3D7C9}
.process-top h2{color:#292824}
.process-top h2 em{color:#A37C5B}
.process-top>p{color:#6D665F;line-height:1.9}
.process-number{color:#A37C5B}
.process-grid article{padding:18px 12px 0 0}
.process-grid h3{color:#292824}
.process-grid p{color:#726B65;line-height:1.8}
.process-icon{color:#B18B67}
/* Cierre: un bloque cálido, UNA sola transición a marino para el CTA. */
.find-section{background:#F0E8DF}
.find-inner h2{color:#292824}
.find-art .art-sun{color:#BA946D}
.footer-pre{background:#293D53;color:#fff;padding:64px 0}
.footer-pre h2{color:#fff9f2}
.footer-pre h2 em{color:#E4C2A3}
.footer-pre .eyebrow.light{color:#E1C4AC}
.site-footer{background:#FAF7F2;color:#292824;padding-top:65px}
.site-footer .brand-name,.site-footer .brand-desc{color:#292824}
.site-footer .footer-bottom{color:#81776B;border-color:#E6DBCF}
.site-footer .footer-links a:hover,.site-footer .socials a:hover{color:#9B7453}
/* Popup: mismo acento, pero sin bloquear el diseño con marino intenso. */
.pam-dialog{background:#FFFCF8;color:#292824}
.pam-dialog::backdrop{background:rgba(27,33,39,.66)}
.pam-dialog-heading h2{color:#292824}
.pam-dialog-heading h2 em{color:#A37C5B}
.pam-intent-options input:checked+span{background:#293D53;border-color:#293D53;color:#fff}
.pam-contact-detail b{color:#292824}
.pam-contact-arrow,.pam-dialog-last a{color:#9B7453}
.pam-dialog-close{background:#F0E8DF;color:#293D53}
@media(max-width:1040px){
 .ticker .ticker-items{width:calc(100% - 56px);gap:10px}
 .ticker .ticker-items span{font-size:9px;letter-spacing:.11em}
 .ticker .ticker-items i{font-size:11px}
}
@media(max-width:800px){
 /* La barra queda estática; en pantallas pequeñas se puede deslizar manualmente. */
 .ticker{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
 .ticker::-webkit-scrollbar{display:none}
 .ticker .ticker-items{width:max-content;min-width:100%;gap:24px;justify-content:flex-start;padding:0 28px;margin:0}
 .ticker .ticker-items span{font-size:10px;letter-spacing:.15em}
 .ticker .ticker-items i{font-size:13px}
}
@media(max-width:630px){
 .ticker{padding:16px 0}
 .ticker .ticker-items{min-width:max-content;gap:20px;padding:0 18px}
 .ticker .ticker-items span{font-size:9px;letter-spacing:.13em}
 .process-section{padding-top:70px;padding-bottom:75px}
 .process-grid article{padding:8px 0 0}
}
@media(prefers-reduced-motion:reduce){.ticker *{animation:none!important}}