/* Fuego Alquímico · Cabeceras de página, imágenes, acordeones y componentes */
.pg-hero{padding:150px 24px 84px;background:radial-gradient(circle at 82% 22%,rgba(86,98,77,.12),transparent 26%),radial-gradient(circle at 90% 85%,rgba(184,71,43,.1),transparent 24%),linear-gradient(135deg,#F7F2EA,#ECE6DC 62%,#EEDCD0)}
.pg-hero .title{font-size:clamp(2.7rem,6vw,4.4rem)}
.pg-hero .lead{margin-top:28px;font-size:1.06rem}
.acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.approach{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.approach .title,.sec-title{font-size:clamp(2rem,3.8vw,3.1rem)}
.pull{font-family:var(--serif);font-style:italic;font-size:1.65rem;line-height:1.3;color:var(--plum);border-left:3px solid rgba(169,104,63,.6);padding-left:22px;margin:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.step{padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#FBF8F2,#ECE6DC)}
.step b{font-family:var(--serif);font-size:3.4rem;font-weight:300;line-height:1;color:rgba(58,46,40,.25);display:block}
.step h3{font-family:var(--serif);font-size:1.8rem;font-weight:400;color:var(--ink);margin:4px 0 8px}
.step p{margin:0;font-size:.94rem}
.alt{background:linear-gradient(180deg,#F7F2EA,#ECE6DC)}
.sintonia{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;padding:34px 40px;border-radius:30px;background:linear-gradient(135deg,#EBCFC0,#E4C0AF);margin:38px 0 20px}
.sintonia h3{font-family:var(--serif);font-size:2.3rem;font-weight:400;color:var(--ink);margin:4px 0}
.sintonia p{margin:0}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc{display:flex;flex-direction:column;gap:14px;padding:34px 30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#FBF8F2,#ECE6DC)}
.tag{align-self:flex-start;padding:5px 12px;border:1px solid rgba(169,104,63,.55);border-radius:999px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#B8472B;background:rgba(255,255,255,.5)}
.svc h3{font-family:var(--serif);font-size:2.1rem;font-weight:400;color:var(--ink);line-height:1.02;margin:0}
.svc .sub{font-family:var(--serif);font-style:italic;font-size:1.22rem;color:#A9683F;line-height:1.25;margin:0}
.svc p{margin:0;font-size:.94rem}
.svc h4{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#B8472B;margin:6px 0 0;font-weight:500}
.svc ul{margin:0;padding-left:18px;font-size:.92rem}
.svc li{margin-bottom:4px}
.ideal{padding:14px 16px;border-radius:16px;background:rgba(169,104,63,.13);font-size:.92rem}
.ideal b{color:var(--ink);font-weight:500}
.svc .btn{margin-top:auto;align-self:flex-start}
.choose{text-align:center;margin:34px 0 0;font-family:var(--serif);font-style:italic;font-size:1.45rem;color:var(--ink)}
.choose a{color:var(--fire);border-bottom:1px solid currentColor}
.cross{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:center;max-width:860px;margin:auto}
.cross img{width:170px;border-radius:3px;box-shadow:0 14px 34px rgba(60,45,35,.28)}
.tst-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
.tst{padding:34px;border-radius:26px;border:1px solid var(--line);background:#FBF8F2}
.tst p{font-family:var(--serif);font-style:italic;font-size:1.38rem;line-height:1.4;color:var(--ink);margin:0 0 16px}
.tst small,.tst-by{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#B8472B}
.enc-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.sit-list{display:flex;flex-direction:column;gap:10px}
.sit{text-align:left;padding:15px 20px;border:1px solid var(--line);border-radius:18px;background:#FBF8F2;color:var(--grey);cursor:pointer;transition:.25s;font-size:.96rem}
.sit:hover{border-color:rgba(184,71,43,.4)}
.sit[aria-pressed=true]{background:var(--fire);border-color:var(--fire);color:#fff}
.sit-res{margin-top:16px;padding:22px 24px;border-left:4px solid var(--gold);background:linear-gradient(135deg,#FBF8F2,#ECE6DC);border-radius:0 18px 18px 0;min-height:96px}
.sit-res h3{font-family:var(--serif);font-size:1.7rem;font-weight:400;color:var(--ink);margin:0 0 4px}
.sit-res p{margin:0 0 12px;font-size:.94rem}
.tst-home{text-align:center}
.big-quote{font-family:var(--serif);font-style:italic;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.3;color:var(--ink);max-width:820px;margin:0 auto 18px}
.tst-home .tst-by{display:block;margin-bottom:26px}
.band{background:linear-gradient(90deg,#EBD2C4,#E2BBAA 50%,#EBD2C4);color:var(--ink)}
.interactive-card.dark{background:linear-gradient(135deg,#B8472B,#A9683F);color:#F7F2EA;border-color:transparent}
.interactive-card.dark h2,.interactive-card.dark p,.interactive-card.dark .interactive-icon{color:#F7F2EA}
.interactive-card.dark span{color:var(--gold2)}
@media(max-width:1000px){.svc-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.approach,.enc-grid,.tst-grid,.cross{grid-template-columns:1fr;gap:34px}.steps{grid-template-columns:1fr}.pg-hero{padding:120px 18px 56px}.sintonia{padding:28px 24px}.cross img{width:140px}}
.pg-hero{position:relative;overflow:hidden}
.pg-hero:after{content:'';position:absolute;right:9%;top:50%;width:400px;height:400px;border-radius:50%;border:1px solid rgba(169,104,63,.45);box-shadow:0 0 0 36px rgba(251,248,242,.4),0 0 0 37px rgba(169,104,63,.28);transform:translateY(-42%);pointer-events:none}
.pg-hero .wrap{position:relative;z-index:2}
@media(max-width:900px){.pg-hero:after{display:none}}
.prog{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--fire));z-index:200}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:30px 0 0}
.chips li{padding:8px 16px;border-radius:999px;background:rgba(251,248,242,.7);border:1px solid rgba(169,104,63,.45);font-size:.78rem;color:#B8472B}
.chips li:before{content:'✦ ';color:var(--gold)}
.ruta{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin:38px 0 8px}
.ruta:before{content:'';position:absolute;top:27px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,var(--gold),var(--fire))}
.ruta button{background:none;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;color:var(--grey);padding:0 6px}
.ruta i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#FBF8F2;border:2px solid var(--gold);font:normal 1.5rem var(--serif);color:var(--ink);transition:.25s}
.ruta button:hover i,.ruta button:focus-visible i{background:var(--fire);border-color:var(--fire);color:#fff;transform:scale(1.1)}
.ruta b{font-family:var(--serif);font-size:1.35rem;font-weight:500;color:var(--ink)}
.ruta small{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#B8472B}
.flash{animation:fls 1.5s ease}
@keyframes fls{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 4px rgba(169,104,63,.6),0 22px 50px rgba(184,71,43,.2)}}
.svc{transition:transform .3s,box-shadow .3s}
.svc:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(60,45,35,.12)}
.step{transition:transform .3s}
.step:hover{transform:translateY(-4px)}
.inc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#B8472B;font-weight:500}
.inc summary::-webkit-details-marker{display:none}
.inc summary:after{content:'+';font-size:1.2rem;color:var(--fire)}
.inc[open] summary:after{content:'−'}
.inc ul{margin-top:4px}
.mcta{display:none}
@media(max-width:780px){.ruta{grid-template-columns:1fr 1fr;gap:22px 0}.ruta:before{display:none}.mcta{display:block;position:fixed;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:150;text-align:center;padding:15px;border-radius:999px;background:var(--dark);color:#fff;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 12px 30px rgba(0,0,0,.28);transform:translateY(160%);transition:transform .35s}.mcta.show{transform:none}}