/* Shared public and Gutenberg editor language for editable PHENOMENON pages. */
.ph-editorial-page{padding-top:clamp(4.5rem,9vw,10rem);padding-bottom:clamp(5rem,10vw,11rem);background:linear-gradient(135deg,#fbfcff 0%,#f3f5ff 48%,#fff 100%)}
.ph-editorial-intro{max-width:1180px;margin:0 auto}.ph-editorial-intro>.wp-block-group,.ph-editorial-intro>.wp-block-cover{margin:0 0 clamp(3rem,7vw,8rem)}
.ph-editorial-intro h2{max-width:800px;color:#17295c;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(2.2rem,4.5vw,4.8rem);font-weight:400;line-height:1.02;letter-spacing:-.045em;margin:0 0 1.5rem}
.ph-editorial-intro h3{color:#21366f;font-size:clamp(1.25rem,2.2vw,1.85rem);letter-spacing:-.035em;margin:0 0 .8rem}.ph-editorial-intro p,.ph-editorial-intro li{color:#53637c;font-size:1.05rem;line-height:1.75}.ph-editorial-intro .wp-block-columns{gap:clamp(1.5rem,5vw,6rem);align-items:center}.ph-editorial-intro .wp-block-image img{border-radius:24px;box-shadow:0 24px 70px rgba(40,57,114,.16)}
.ph-editorial-intro .ph-kicker{color:#4563bd;font-family:'DM Mono',monospace;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.ph-editorial-intro .ph-panel{padding:clamp(1.5rem,3vw,3.5rem);background:rgba(255,255,255,.78);border:1px solid rgba(80,104,183,.16);border-radius:28px;box-shadow:0 16px 45px rgba(29,49,109,.07)}
.ph-editorial-intro .ph-process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border-radius:22px;background:#dbe2f4;box-shadow:0 16px 45px rgba(29,49,109,.08)}.ph-editorial-intro .ph-process>*{padding:1.4rem;background:#fff;color:#25396f;font-family:'DM Mono',monospace;font-size:.75rem;line-height:1.45}.ph-editorial-intro .ph-process strong{display:block;margin-bottom:.5rem;font-size:1rem}
.ph-editorial-intro .wp-block-button__link{padding:.85rem 1.25rem;border-radius:999px;background:#243d91;color:#fff;font-weight:600}.ph-editorial-intro .wp-block-quote{padding:2rem 0;border-left:0;color:#1d3270;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(1.7rem,3.2vw,3.2rem);line-height:1.12}.ph-editorial-intro .wp-block-separator{max-width:none;border-color:#dbe2f2;margin:clamp(2.5rem,5vw,5rem) 0}
.editor-styles-wrapper{font-family:'DM Sans',Arial,sans-serif;color:#53637c;background:#f7f8fc}.editor-styles-wrapper .wp-block{max-width:1180px}.editor-styles-wrapper .wp-block[data-align="wide"]{max-width:1280px}.editor-styles-wrapper h1,.editor-styles-wrapper h2{font-family:'DM Serif Display',Georgia,serif;color:#17295c;letter-spacing:-.045em}.editor-styles-wrapper .ph-kicker{font-family:'DM Mono',monospace;color:#4563bd;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:700px){.ph-editorial-intro .ph-process{grid-template-columns:1fr 1fr}.ph-editorial-intro .wp-block-columns{gap:1.5rem}.ph-editorial-page{padding-inline:1.25rem}}
/* 1.0.43 additions only; nothing above changed. */
/* Default accent for block pages without a page-specific accent (new pages). :where() keeps it below every .ph-editorial-{page} accent. */
:where(.ph-editorial-page){--ph-accent:#4563bd}
/* Process steps built from paragraph blocks (PHENOMENON "proceso" pattern) sit flush like the original div steps. */
.ph-editorial-intro .ph-process>p{margin:0}
/* Editor canvas: mirror the public page so panels, labels and steps look as they will when published. Block styles is-style-ph-* are aliases of ph-*. */
.editor-styles-wrapper h2{color:#17295c;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(2.2rem,4.5vw,4.8rem);font-weight:400;line-height:1.02;letter-spacing:-.045em;margin:0 0 1.5rem}.editor-styles-wrapper h3{color:#21366f;font-size:clamp(1.25rem,2.2vw,1.85rem);letter-spacing:-.035em;margin:0 0 .8rem}.editor-styles-wrapper p,.editor-styles-wrapper li{color:#53637c;font-size:1.05rem;line-height:1.75}
.editor-styles-wrapper .wp-block-columns{gap:clamp(1.5rem,5vw,6rem);align-items:center}.editor-styles-wrapper .wp-block-image img{border-radius:24px;box-shadow:0 24px 70px rgba(40,57,114,.16)}
.editor-styles-wrapper .ph-kicker,.editor-styles-wrapper .is-style-ph-kicker{color:#4563bd;font-family:'DM Mono',monospace;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.editor-styles-wrapper .ph-panel,.editor-styles-wrapper .is-style-ph-panel{position:relative;padding:clamp(1.8rem,3.5vw,4.5rem);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(248,250,255,.72));border:1px solid #d3dbf0;border-radius:32px;box-shadow:0 14px 40px rgba(29,49,109,.055);margin-top:0;margin-bottom:clamp(3rem,7vw,8rem)}
.editor-styles-wrapper .ph-process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;margin-top:2.25rem;border-radius:22px;background:#d2daf3;box-shadow:0 16px 45px rgba(29,49,109,.08)}.editor-styles-wrapper .ph-process>*{min-height:132px;margin:0;padding:1.6rem;background:#fff;color:#25396f;font-family:'DM Mono',monospace;font-size:.75rem;line-height:1.45}.editor-styles-wrapper .ph-process strong{display:block;margin-bottom:.5rem;font-size:1rem}
.editor-styles-wrapper .wp-block-button__link{padding:.85rem 1.25rem;border-radius:999px;background:#243d91;color:#fff;font-weight:600}.editor-styles-wrapper .wp-block-quote{padding:2rem 0;border-left:0;color:#1d3270;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(1.7rem,3.2vw,3.2rem);line-height:1.12}
@media(max-width:700px){.editor-styles-wrapper .ph-process{grid-template-columns:1fr 1fr}.editor-styles-wrapper .ph-panel,.editor-styles-wrapper .is-style-ph-panel{padding:1.5rem;border-radius:22px}}