/* =====================================================================
Versión 2 — marca, fotografía y movimiento
===================================================================== */
:root { --jr-oro: #D4A24C; --jr-oro-2: #F0CD7A; --jr-oro-3: #9C6F1E; }
/* Marca en el encabezado */
.jr-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: #231913; }
.jr-brand__logo { width: 40px; height: 40px; filter: drop-shadow(0 1px 1px rgba(35,25,19,.35)); transition: transform .4s ease, width .2s, height .2s; }
.jr-brand:hover .jr-brand__logo { transform: rotate(-8deg) scale(1.06); }
.jr-brand__name { font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 1.3rem; letter-spacing: .02em; text-transform: uppercase; line-height: 1; }
.jr-brand__name small { font-family: var(--wp--preset--font-family--ui); font-size: 10px; letter-spacing: .2em; color: #6D6155; margin-left: 4px; }
.jr-header.is-scrolled .jr-brand, .jr-header.is-scrolled .jr-brand__name small { color: #F3ECDF !important; }
.jr-header.is-scrolled .jr-brand__logo { width: 34px; height: 34px; }
/* Hero con escena */
.jr-hero2 { position: relative; overflow: hidden; padding-top: clamp(40px, 6vw, 88px) !important; padding-bottom: clamp(48px, 7vw, 104px) !important;
background-image: radial-gradient(60% 80% at 78% 40%, rgba(212,162,76,.16), transparent 60%), radial-gradient(40% 60% at 10% 100%, rgba(142,31,36,.18), transparent 70%); }
.jr-hero2 :where(h1, h2) { color: #F3ECDF; text-wrap: balance; }
.jr-hero2 .jr-kicker { color: var(--jr-oro); border-top-color: rgba(212,162,76,.6); }
.jr-hero2 .jr-lead { color: rgba(243,236,223,.84); max-width: 520px; font-size: var(--wp--preset--font-size--lg); }
.jr-hero2__grid { gap: clamp(32px, 5vw, 72px) !important; position: relative; z-index: 1; }
.jr-hero2--sub h1 { font-size: var(--wp--preset--font-size--titulo-1); }
/* "Cajas": foto enmarcada como en una galería — se ve completa, sin cortar al sujeto */
.jr-hero2__img { margin: 0; position: relative; z-index: 0; background: #F3ECDF; padding: 12px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.55); }
.jr-hero2__img img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 30%; display: block; position: relative; z-index: 1; }
.jr-hero2__img::before { content: ""; position: absolute; inset: 20px; border: 1px solid rgba(212,162,76,.5); pointer-events: none; z-index: 2; }
.jr-frame { position: relative; margin: 0; background: #fff; padding: 12px; box-shadow: 0 24px 50px -24px rgba(35,25,19,.45); }
.jr-frame img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 30%; display: block; }
.jr-frame::before { content: ""; position: absolute; inset: 20px; border: 1px solid rgba(138,123,108,.5); pointer-events: none; z-index: 2; }
.jr-scene { position: relative; height: clamp(360px, 42vw, 540px); perspective: 1200px; }
.jr-scene__photo { position: absolute; margin: 0; overflow: hidden; box-shadow: 0 40px 80px -30px rgba(0,0,0,.7); transition: transform .25s ease-out; }
.jr-scene__photo img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.06); animation: jr-kenburns 18s ease-in-out infinite alternate; }
.jr-scene__photo--a { width: 58%; aspect-ratio: 4 / 5; right: 6%; top: 0; outline: 1px solid rgba(212,162,76,.45); outline-offset: 10px; overflow: visible; }
.jr-scene__photo--a img { overflow: hidden; }
.jr-scene__photo--b { width: 40%; aspect-ratio: 4 / 5; left: 0; bottom: 0; border: 8px solid #F3ECDF; }
.jr-scene__photo img { object-position: 50% 30%; }
.jr-scene__ring { position: absolute; width: 70%; aspect-ratio: 1; left: 18%; top: 8%; border-radius: 50%; border: 1px dashed rgba(212,162,76,.3); animation: jr-rotate 60s linear infinite; pointer-events: none; }
@keyframes jr-kenburns { to { transform: scale(1.14) translate(-2%, -1%); } }
@keyframes jr-rotate { to { transform: rotate(360deg); } }
/* Medalla 3D (logo oficial): caras + canto construido con capas en Z */
.jr-coin { position: absolute; width: clamp(120px, 15vw, 190px); aspect-ratio: 1; left: 34%; bottom: 14%; perspective: 800px; z-index: 3;
filter: drop-shadow(0 26px 30px rgba(0,0,0,.55)); transition: transform .25s ease-out; }
.jr-coin__spin { position: absolute; inset: 0; transform-style: preserve-3d; animation: jr-coin-spin 12s cubic-bezier(.45,.05,.55,.95) infinite; }
.jr-coin__face { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; backface-visibility: hidden; transform: translateZ(7px);
background: #0e0907; box-shadow: inset 0 0 0 2px rgba(240,205,122,.5); }
.jr-coin__face img { width: 100%; height: 100%; display: block; }
.jr-coin__face::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: linear-gradient(115deg, transparent 30%, rgba(255,240,200,.45) 48%, transparent 62%); mix-blend-mode: screen; transform: translateX(-60%); animation: jr-sheen 6s ease-in-out infinite; }
.jr-coin__face--back { transform: rotateY(180deg) translateZ(7px); }
.jr-coin__edge { position: absolute; inset: 0; border-radius: 50%; transform: translateZ(calc(7px - var(--i) * 1.1px));
background: radial-gradient(circle, transparent 0 66%, var(--jr-oro-3) 67%, var(--jr-oro) 80%, var(--jr-oro-3) 100%); }
@keyframes jr-coin-spin { 0% { transform: rotateY(-22deg) rotateX(8deg); } 50% { transform: rotateY(338deg) rotateX(-6deg); } 100% { transform: rotateY(338deg) rotateX(8deg); } }
@keyframes jr-sheen { 0%, 60% { transform: translateX(-70%); } 100% { transform: translateX(70%); } }
@media (max-width: 781px) {
.jr-scene { height: 380px; margin-top: 12px; }
.jr-hero2 .wp-block-buttons { flex-direction: column; align-items: stretch; }
}
/* Franja en movimiento */
.jr-marquee { max-width: none !important; margin-left: calc(-1 * var(--wp--style--root--padding-left, 0px)) !important; margin-right: calc(-1 * var(--wp--style--root--padding-right, 0px)) !important; margin-top: 0 !important;
background: #1B120D; color: var(--jr-oro); overflow: hidden; border-top: 1px solid rgba(212,162,76,.25); border-bottom: 1px solid rgba(212,162,76,.25); }
.jr-marquee__track { display: flex; gap: 28px; width: max-content; padding: 14px 0; animation: jr-marquee 38s linear infinite;
font-family: var(--wp--preset--font-family--display); font-size: clamp(1rem, 1.6vw, 1.35rem); font-style: italic; white-space: nowrap; }
.jr-marquee__track i { font-style: normal; font-size: .6em; opacity: .7; align-self: center; }
.jr-marquee:hover .jr-marquee__track { animation-play-state: paused; }
@keyframes jr-marquee { to { transform: translateX(-50%); } }
/* Recorrido de proceso — tarjetas con foto enmarcada */
.jr-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px; }
.jr-step { position: relative; background: #F3ECDF; padding: 12px 12px 20px; box-shadow: 0 14px 30px -20px rgba(35,25,19,.5); transition: transform .4s ease, box-shadow .4s ease; }
.jr-step:nth-child(even) { margin-top: 40px; }
.jr-step:hover { transform: translateY(-6px); box-shadow: 0 26px 44px -22px rgba(35,25,19,.6); }
.jr-step__img { margin: 0 0 16px; overflow: hidden; position: relative; }
.jr-step__img img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 32%; display: block; transition: transform .8s cubic-bezier(.2,.7,.2,1), filter .6s; filter: saturate(.92); }
.jr-step:hover .jr-step__img img { transform: scale(1.06); filter: saturate(1.06); }
.jr-step .jr-num { font-family: var(--wp--preset--font-family--display); font-size: 1.6rem; color: var(--jr-oro-3); margin: 0 0 0 2px; }
.jr-step h3 { font-size: 1.25rem !important; margin: 2px 0 6px 2px; }
.jr-step p:not(.jr-num) { font-size: .84rem; margin: 0 2px; color: #4A3B30; }
@media (max-width: 999.98px) {
.jr-steps { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(230px, 66vw); overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; padding-bottom: 12px; scrollbar-width: thin; scrollbar-color: #8A7B6C transparent; }
.jr-step { scroll-snap-align: start; margin-top: 0 !important; }
}
/* Imágenes de pilares — enmarcadas, retrato */
.jr-pilar__img { margin: 0 0 18px; overflow: hidden; background: #F3ECDF; padding: 10px; box-shadow: 0 14px 30px -22px rgba(35,25,19,.5); }
.jr-pilar__img img { width: 100%; aspect-ratio: 5 / 6; object-fit: cover; object-position: 50% 30%; display: block; transition: transform .8s ease; }
.jr-pilar:hover .jr-pilar__img img { transform: scale(1.05); }
/* Cita */
.jr-cita { background-image: radial-gradient(50% 90% at 50% 120%, rgba(212,162,76,.18), transparent 70%); text-align: center; }
.jr-quote { border: 0 !important; margin: 0 auto; padding: 0 !important; position: relative; }
.jr-quote::before { content: "\201C"; display: block; font-family: var(--wp--preset--font-family--display); font-size: 5rem; line-height: .6; color: var(--jr-oro); }
.jr-quote p { font-family: var(--wp--preset--font-family--display); font-style: italic; font-size: clamp(1.75rem, 4vw, 3.1rem); line-height: 1.15; color: #F3ECDF !important; text-wrap: balance; }
.jr-quote cite { display: block; margin-top: 18px; font-style: normal; font-family: var(--wp--preset--font-family--mono); font-size: .7rem; letter-spacing: .18em; text-transform: uppercase; color: var(--jr-oro); }
.jr-quote--light { text-align: left; margin: 26px 0; padding-left: 20px !important; border-left: 2px solid var(--jr-oro) !important; }
.jr-quote--light::before { display: none; }
.jr-quote--light p { color: #231913 !important; font-size: clamp(1.3rem, 2.4vw, 1.75rem); }
.jr-quote--light cite { color: #6D6155; }
/* Tarjeta de marca con inclinación 3D y brillo que sigue al cursor */
.is-style-tarjeta { transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transition: transform .35s ease, box-shadow .35s ease, border-color .15s ease; overflow: hidden; }
.is-style-tarjeta:hover { box-shadow: 0 30px 50px -28px rgba(35,25,19,.55); }
.is-style-tarjeta::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .3s;
background: radial-gradient(400px circle at var(--mx, 50%) var(--my, 50%), rgba(255,240,210,.35), transparent 45%); }
.is-style-tarjeta:hover::after { opacity: 1; }
.is-style-tarjeta .wp-block-post-featured-image { overflow: hidden; }
.is-style-tarjeta .wp-block-post-featured-image img { transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.is-style-tarjeta:hover .wp-block-post-featured-image img { transform: scale(1.05); }
.jr-monograma { color: var(--jr-oro-3); border-color: var(--jr-oro); }
/* Aparición al hacer scroll (solo con JS y si el usuario acepta movimiento) */
html.jr-motion .jr-reveal { opacity: 0; transform: translateY(26px); transition: opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1); transition-delay: var(--d, 0s); }
html.jr-motion .jr-reveal.is-in { opacity: 1; transform: none; }
/* Legales */
.jr-tabla table { border-collapse: collapse; width: 100%; font-size: .84rem; }
.jr-tabla th { background: #231913; color: #F3ECDF; text-align: left; font-weight: 500; }
.jr-tabla th, .jr-tabla td { padding: 10px 12px; border: 1px solid rgba(138,123,108,.4); vertical-align: top; }
.jr-aviso-salud { border: 2px solid #231913; padding: 16px 18px; font-size: 1rem; color: #231913 !important; }
.jr-turnstile { margin: 4px 0 16px; min-height: 65px; }
/* Pie */
.jr-footer-brand img { width: 64px; height: 64px; }
.jr-footer-brand__name { font-family: var(--wp--preset--font-family--display); font-size: 1.35rem; color: #F3ECDF !important; margin: 10px 0 0; }
.jr-footer-brand__tag { font-family: var(--wp--preset--font-family--mono); font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: var(--jr-oro) !important; margin: 4px 0 12px; }
@media (prefers-reduced-motion: reduce) {
.jr-coin__spin { animation: none; transform: rotateY(-18deg) rotateX(6deg); }
.jr-marquee__track { animation: none; }
}
/* =====================================================================
Formulario v2 — caja con secciones numeradas y rejilla
===================================================================== */
.jr-form { max-width: 860px; background: #fff; border: 1px solid rgba(138,123,108,.35); padding: clamp(22px, 4vw, 44px); box-shadow: 0 30px 60px -40px rgba(35,25,19,.45); position: relative; }
.jr-form::before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--jr-oro-3), var(--jr-oro), var(--jr-oro-3)); }
.is-layout-constrained > .jr-form { margin-left: max(0px, calc((100% - 1440px) / 2)) !important; }
.jr-form-req { font-size: .78rem; color: #6D6155; margin: 0 0 22px; }
.jr-req { color: #8E1F24; font-weight: 600; }
.jr-opt { font-size: .68rem; font-weight: 400; color: #6D6155; background: #F3ECDF; padding: 2px 7px; border-radius: 99px; margin-left: 4px; letter-spacing: .02em; }
.jr-fs { border: 0; padding: 0; margin: 0 0 30px; min-width: 0; }
.jr-fs + .jr-fs { padding-top: 26px; border-top: 1px solid rgba(138,123,108,.22); }
.jr-legend { display: flex; align-items: center; gap: 12px; font-family: var(--wp--preset--font-family--display); font-size: 1.3rem; color: #231913; margin-bottom: 18px; padding: 0; }
.jr-legend__n { width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: none;
font-family: var(--wp--preset--font-family--ui); font-size: .8rem; font-weight: 600; color: #F3ECDF; background: #231913; box-shadow: 0 0 0 3px rgba(212,162,76,.35); }
.jr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px; }
.jr-grid .jr-field { margin: 0; }
.jr-field--wide { grid-column: 1 / -1; }
@media (max-width: 640px) { .jr-grid { grid-template-columns: minmax(0, 1fr); } }
.jr-field label { font-size: .8rem; letter-spacing: .01em; margin-bottom: 7px; }
.jr-field input, .jr-field textarea, .jr-field select {
background: #FBF8F2; border: 1px solid #CDBFA9; border-radius: 4px; padding: 13px 14px; min-height: 48px;
transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease; }
.jr-field input::placeholder, .jr-field textarea::placeholder { color: #9A8D7F; }
.jr-field input:hover, .jr-field textarea:hover, .jr-field select:hover { border-color: #8A7B6C; }
.jr-field input:focus, .jr-field textarea:focus, .jr-field select:focus { background: #fff; border-color: #231913; box-shadow: 0 0 0 4px rgba(212,162,76,.22); outline: none; }
.jr-field input:focus-visible, .jr-field textarea:focus-visible, .jr-field select:focus-visible { outline: 2px solid #231913; outline-offset: 1px; }
.jr-field textarea { min-height: 150px; line-height: 1.6; }
.jr-field select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #6D6155 50%), linear-gradient(135deg, #6D6155 50%, transparent 50%);
background-position: calc(100% - 20px) 21px, calc(100% - 15px) 21px; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 40px; }
/* Motivos como tarjetas seleccionables */
.jr-motivos { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin: 0; }
.jr-motivos label { display: block; }
.jr-motivos span { display: flex; align-items: center; min-height: 58px; width: 100%; font-size: .88rem; font-weight: 500; padding: 14px 16px; border: 1px solid #CDBFA9; border-radius: 4px; background: #FBF8F2; transition: all .18s ease; }
.jr-motivos label:hover span { border-color: #8A7B6C; background: #fff; }
.jr-motivos input:checked + span { background: #231913; color: #F3ECDF; border-color: #231913; box-shadow: 0 10px 22px -14px rgba(35,25,19,.8); }
.jr-motivos input:checked + span::before { content: "✓"; color: var(--jr-oro); margin-right: 8px; font-weight: 700; }
/* Consentimiento y pie */
.jr-consent { background: #F7F3EA; border: 1px solid rgba(138,123,108,.25); border-radius: 4px; padding: 14px 16px; margin: 4px 0 6px; line-height: 1.55; }
.jr-form-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 22px; padding-top: 22px; border-top: 1px solid rgba(138,123,108,.22); }
.jr-submit { display: inline-flex; align-items: center; gap: 12px; padding: 16px 30px; font-size: .92rem; letter-spacing: .02em; border-radius: 2px; box-shadow: 0 14px 26px -16px rgba(35,25,19,.9); transition: background-color .15s ease, transform .15s ease; }
.jr-submit:hover { transform: translateY(-1px); }
.jr-submit__arrow { color: var(--jr-oro); transition: transform .2s ease; }
.jr-submit:hover .jr-submit__arrow { transform: translateX(4px); }
.jr-form-note { flex: 1 1 260px; margin: 0; display: flex; gap: 8px; align-items: flex-start; }
.jr-lock { flex: none; width: 14px; height: 14px; margin-top: 2px; background: currentColor; opacity: .7;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat; }
.jr-success { max-width: 860px; padding: 32px !important; border-left-width: 4px !important; }
.jr-success h3 { font-size: 1.6rem !important; }
/* =====================================================================
Cajas (tarjetas) y secciones v3
===================================================================== */
.jr-section-head { margin-bottom: clamp(24px, 3.5vw, 44px) !important; max-width: 820px; }
.jr-section-head h2, .jr-section-head h1 { margin-top: 10px; margin-bottom: 12px; }
.jr-cards { display: grid; gap: clamp(16px, 2vw, 24px); }
.jr-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.jr-cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.jr-cards--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1080px) { .jr-cards--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .jr-cards--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .jr-cards--2, .jr-cards--3, .jr-cards--4 { grid-template-columns: minmax(0, 1fr); } }
.jr-cards > * { margin: 0 !important; }
.jr-card { position: relative; background: #fff; border: 1px solid rgba(138,123,108,.28); padding: clamp(22px, 2.6vw, 34px); box-shadow: 0 18px 40px -32px rgba(35,25,19,.6);
transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, border-color .2s ease; display: flex; flex-direction: column; }
.jr-card:hover { transform: translateY(-4px); box-shadow: 0 30px 50px -30px rgba(35,25,19,.65); border-color: rgba(212,162,76,.55); }
.jr-card::before { content: ""; position: absolute; left: 0; top: 0; width: 44px; height: 3px; background: var(--jr-oro); transition: width .35s ease; }
.jr-card:hover::before { width: 100%; }
.jr-card > * { margin-top: 0; }
.jr-card h3 { font-size: 1.4rem !important; margin: 10px 0 10px; }
.jr-card p { margin: 0 0 10px; }
.jr-card .is-style-eyebrow { color: var(--jr-oro-3) !important; }
.jr-card__link { margin-top: auto !important; padding-top: 12px; font-weight: 500; }
.jr-card__link a { text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.jr-card--lg { padding: clamp(26px, 3.4vw, 44px); }
.jr-card--accent { background: #231913; border-color: #231913; }
.jr-card--accent :where(h3) { color: #F3ECDF; }
.jr-card--accent p { color: rgba(243,236,223,.82) !important; }
.jr-card--accent .is-style-eyebrow { color: var(--jr-oro) !important; }
.jr-card--accent .jr-check li { color: rgba(243,236,223,.9); border-color: rgba(243,236,223,.14); }
.jr-card--accent .is-style-pendiente { color: rgba(243,236,223,.6) !important; border-left-color: var(--jr-oro); }
.jr-card--paso .jr-num { font-family: var(--wp--preset--font-family--display); font-size: 2.4rem; line-height: 1; color: var(--jr-oro); margin: 0; }
.jr-card--paso h3 { font-family: var(--wp--preset--font-family--ui) !important; font-size: 1rem !important; font-weight: 600 !important; }
.jr-card--foto { padding: 12px 12px 26px; }
.jr-card--foto > :not(.jr-pilar__img) { margin-left: 10px; margin-right: 10px; }
.jr-card--foto .jr-pilar__img { padding: 0; box-shadow: none; margin-bottom: 18px; }
.jr-card--dark { background: rgba(243,236,223,.04); border-color: rgba(243,236,223,.14); box-shadow: none; }
.jr-card--dark:hover { background: rgba(243,236,223,.07); border-color: rgba(212,162,76,.6); }
.jr-card--dark h3 { color: #F3ECDF !important; }
.jr-card--dark p { color: rgba(243,236,223,.78) !important; }
.jr-card--dark .is-style-eyebrow { color: var(--jr-oro) !important; }
.jr-card--dark .jr-card__link a { color: var(--jr-oro); }
.jr-card--sticky { position: sticky; top: calc(var(--jr-header-h) + 24px); }
.jr-caminos .jr-section-head :where(h2) { color: #F3ECDF; }
.jr-caminos .jr-section-head .is-style-eyebrow { color: var(--jr-oro) !important; }
/* Lista con marca de verificación */
ul.jr-check { list-style: none; padding: 0; margin: 14px 0 16px; }
ul.jr-check li { position: relative; padding: 9px 0 9px 28px; border-bottom: 1px solid rgba(138,123,108,.2); font-size: .92rem; }
ul.jr-check li::before { content: ""; position: absolute; left: 2px; top: 14px; width: 12px; height: 7px; border-left: 2px solid var(--jr-oro-3); border-bottom: 2px solid var(--jr-oro-3); transform: rotate(-45deg); }
.jr-card--accent ul.jr-check li::before { border-color: var(--jr-oro); }
/* Columnas con más aire */
.jr-gap-lg { gap: clamp(28px, 5vw, 72px) !important; }
.jr-form-aside { position: sticky; top: calc(var(--jr-header-h) + 24px); align-self: flex-start; }
.jr-form-section .wp-block-columns { align-items: flex-start !important; }
.jr-mt { margin-top: 26px; gap: 12px; }
/* Cita sobre fondo claro */
.jr-cita.has-crema-2-background-color .jr-quote p { color: #231913 !important; }
.jr-cita.has-crema-2-background-color { background-image: radial-gradient(50% 90% at 50% 120%, rgba(212,162,76,.22), transparent 70%); }
/* Redes y pie */
.jr-social { display: flex; gap: 10px; margin-top: 18px; }
.jr-social__link { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(243,236,223,.25); border-radius: 50%; color: #F3ECDF !important; transition: all .2s ease; }
.jr-social__link:hover { background: var(--jr-oro); border-color: var(--jr-oro); color: #1B120D !important; transform: translateY(-2px); }
.jr-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 44px; padding-top: 20px; border-top: 1px solid rgba(243,236,223,.12); font-size: .72rem; color: rgba(243,236,223,.55); }
.jr-footer-bottom p { margin: 0; }
/* Selector de idioma en el encabezado */
.jr-idiomas { font-size: .72rem; letter-spacing: .12em; display: inline-flex; gap: 6px; align-items: center; }
.jr-idiomas a { text-decoration: none; opacity: .65; padding: 6px 4px; }
.jr-idiomas a:hover { opacity: 1; }
.jr-idiomas [aria-current] { font-weight: 600; border-bottom: 2px solid var(--jr-oro); padding: 6px 2px 4px; }
.jr-header .wp-block-shortcode, .jr-header p:has(.jr-idiomas) { margin: 0; }
/* Imagen destacada de marca enmarcada */
.wp-block-post-featured-image.jr-frame img { aspect-ratio: 4 / 5; }
.is-style-tarjeta .wp-block-post-featured-image img { object-position: 50% 30%; }
/* El legend de un fieldset se dibuja sobre su borde: se saca del flujo especial para que la línea quede arriba */
.jr-legend { float: left; width: 100%; }
.jr-legend + * { clear: both; }
.jr-fs + .jr-fs { margin-top: 8px; }