/* R16: selección explícita, valor de gestión y renovación por identidad. */
.plan-switch-hint{font:700 .875rem/1.6 Manrope,sans-serif;margin:24px 0 10px;letter-spacing:.005em}
.web-pricing .plan-switch-hint+.web-pricing-controls{margin-top:0}
.web-pricing-controls,.social-mode-switch,.social-period-switch{box-shadow:0 3px 0 #0000000a}
.web-pricing-controls button,.social-mode-switch button,.social-period-switch button{border:1px solid currentColor;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}
.web-pricing-controls button::before,.social-mode-switch button::before,.social-period-switch button::before{content:"";display:block;width:15px;height:15px;min-width:15px;border:1.5px solid currentColor;border-radius:50%;box-sizing:border-box}
.web-pricing-controls button[aria-pressed=true]::before,.social-mode-switch button[aria-pressed=true]::before,.social-period-switch button[aria-pressed=true]::before{background:currentColor;box-shadow:inset 0 0 0 3px var(--control-active-bg)}
.web-pricing-controls button{background:#fff;--control-active-bg:#203a91}
.web-pricing-controls button[aria-pressed=true]{background:#203a91;color:#fff;border-color:#203a91}
.social-mode-switch button{background:#fff;--control-active-bg:#26483b}
.social-mode-switch button[aria-pressed=true]{background:#26483b;color:#fff;border-color:#26483b}
.social-period-switch{background:#f7f9ef;border-color:#829575}
.social-period-switch button{background:#fff;--control-active-bg:#26483b}
.social-period-switch button[aria-pressed=true]{background:#26483b;color:#fff;border-color:#26483b}
.web-pricing-controls button:focus-visible,.social-mode-switch button:focus-visible,.social-period-switch button:focus-visible{outline:3px solid currentColor;outline-offset:4px}
@media(hover:hover){.web-pricing-controls button:hover,.social-mode-switch button:hover,.social-period-switch button:hover{transform:translateY(-2px);box-shadow:0 3px 0 #0002}}
.social-mode-switch{display:grid;grid-template-columns:1fr 1fr;width:min(100%,700px)}
.social-mode-switch button{min-width:0;text-align:center}
.social-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0 38px}
.social-stages article{border-left:3px solid #80966f;padding:0 18px 0 20px;min-width:0}
.social-stages article:first-child{border-color:#a75435}
.social-stages article>span{font:700 .6875rem/1.6 Manrope,sans-serif;letter-spacing:.065em}
.social-stages h3{font:600 1.2rem/1.35 Fraunces,Georgia,serif;margin:10px 0}
.social-stages p{font:400 .875rem/1.75 Manrope,sans-serif;margin:0}
.social-managed-value{background:#fbe0cf;border:1px solid #cc977d;border-radius:8px;margin:0 0 20px;padding:17px;color:#26483b;font:500 .875rem/1.6 Manrope,sans-serif}
.social-managed-value>strong{display:block;margin-bottom:8px}
.social-managed-value ul{padding:0;list-style:none;margin:0 0 12px}
.social-managed-value li{position:relative;padding-left:20px;margin-bottom:5px}
.social-managed-value li::before{content:"+";position:absolute;left:0;font-weight:800}
.social-managed-value small{display:block;font-size:.75rem;line-height:1.65}
.social-managed-value small+small{margin-top:8px}
.social-addon{background:#fbe8dc;border-color:#cfac97}
.social-addon>summary:hover{background:#f8d8c1}
.social-disclosure>summary>.social-disclosure-title{font:inherit;flex-shrink:1;transform:none}
.social-disclosure[open]>summary>.social-disclosure-title{transform:none}
.social-disclosure .social-included-badge{display:block;margin-top:5px;font:600 .75rem/1.5 Manrope,sans-serif;color:#74462d}
.social-pricing[data-mode="managed"] .social-benefits li{padding:7px 10px;background:#fbe0cf;border:1px solid #cc977d;border-radius:5px}
.social-pricing[data-mode="managed"] .social-benefits{gap:8px}

/* Colores de acento de renovación: contraste propio en las doce identidades. */
body[data-page="home"]{--renewal-bg:#e2dbc7;--renewal-ink:#352329}
body[data-page="home"][data-brand-choice="v7"]{--renewal-bg:#f0cfb6;--renewal-ink:#38251f}
body[data-page="home"][data-brand-choice="v8"]{--renewal-bg:#dbe993;--renewal-ink:#351f4b}
body[data-page="home"][data-brand-choice="v9"]{--renewal-bg:#8bd4ca;--renewal-ink:#163d43}
body[data-page="home"][data-brand-choice="v1"]{--renewal-bg:#e7c8b4;--renewal-ink:#352238}
body[data-page="home"][data-brand-choice="e2d"]{--renewal-bg:#ead1d8;--renewal-ink:#64243b}
body[data-page="home"][data-brand-choice="v5"]{--renewal-bg:#ffc3a6;--renewal-ink:#173d33}
body[data-page="home"][data-brand-choice="a"]{--renewal-bg:#d5ed9d;--renewal-ink:#242a21}
body[data-page="home"][data-brand-choice="v6"]{--renewal-bg:#ffe280;--renewal-ink:#273e82}
body[data-page="home"][data-brand-choice="e"]{--renewal-bg:#ffc285;--renewal-ink:#38204f}
body[data-page="home"][data-brand-choice="v10"]{--renewal-bg:#cdddf9;--renewal-ink:#12377b}
body[data-page="home"][data-brand-choice="v11"]{--renewal-bg:#edb7c4;--renewal-ink:#4c1f32}
body[data-page="home"][data-brand-choice="v12"]{--renewal-bg:#f1aaa4;--renewal-ink:#292124}
body[data-page="home"][data-brand-choice] .featured-bottom .featured-renewal{background:var(--renewal-bg);color:var(--renewal-ink);border-color:color-mix(in srgb,var(--renewal-ink) 40%,var(--renewal-bg));border-left-color:var(--renewal-ink)}
body[data-page="home"][data-brand-choice] .featured-renewal :is(p,span,strong,small){color:inherit}
.journal-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
.journal-grid-four .journal-image-link{aspect-ratio:2.15}
@media(prefers-reduced-motion:no-preference){
 .web-pricing[data-mode-changed="true"] .web-pricing-panel:not([hidden]),.social-pricing[data-mode-changed="true"] .social-plan-panel:not([hidden]){animation:r16-panel-reveal .18s ease-out}
 @keyframes r16-panel-reveal{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
}
@media(max-width:700px){
 .web-pricing-controls,.social-mode-switch{grid-template-columns:1fr 1fr}
 .web-pricing-controls button,.social-mode-switch button{padding:13px 10px;font-size:.875rem;gap:8px;min-height:60px}
 .social-mode-switch button{line-height:1.45}
 .social-stages{grid-template-columns:1fr;gap:22px;margin:25px 0 32px}
 .social-stages article{padding-right:0}
 .social-stages h3{margin:7px 0}
 .social-period-switch button{font-size:.875rem;padding:12px 10px;gap:8px}
 .journal-grid-four{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.web-pricing-controls button,.social-mode-switch button,.social-period-switch button{transition:none;transform:none!important}}