/* Fiel al catálogo local de Fechas: mismas imágenes, composición y puntos de corte.
 * La Biblioteca posee solo la geometría y la paleta; el editor aporta datos ACF. */
body.single-memorial .communio-celebraciones--composed { display:block !important; width:100%; max-width:none; }
body.single-memorial .communio-fechas-composition { width:100%; max-width:none; min-width:0; margin:0; box-sizing:border-box; --ink:var(--mem-text,#152f3f); --sub:var(--mem-muted,#536f7e); --accent:var(--d07-gold,#b69a60); --deep:var(--mem-brown,#102e40); --cream:#f6f2e9; --paper:var(--mem-bg,#edf0ef); --scene:var(--d07-cover-image,url("../images/design-07/portada/cover-master-9x10.webp?v=1.23.61")); --fechas-copy-on-light:#193b4a; --fechas-copy-on-dark:#f6efe5; }
body.single-memorial.memorial-design-08 .communio-fechas-composition { --accent:var(--d08-copper,#cf8b5b); --cream:var(--d08-cream,#f6efe5); --scene:var(--communio-editorial-cover-image,url("../images/design-08/portada/cover-master-9x10.webp?v=1.23.61")); }
.communio-fechas-composition, .communio-fechas-composition * { box-sizing:border-box; }
.communio-fechas-composition .communio-fechas-stage-outer { display:flex; justify-content:center; width:100%; max-width:100%; min-width:0; margin-inline:auto; padding:clamp(12px,2vw,24px); }
.communio-fechas-composition .communio-fechas-stage { flex:1 1 auto; width:100%; max-width:1100px; min-width:0; min-height:540px; margin-inline:auto; padding:clamp(18px,3vw,42px); border:1px solid rgba(27,67,85,.18); border-radius:10px; color:var(--ink); background:linear-gradient(180deg,rgba(237,242,244,.79),rgba(237,242,244,.83)),var(--scene) center/cover; container-type:inline-size; container-name:frame; box-shadow:0 8px 30px rgba(25,58,72,.14); }
body.single-memorial.memorial-design-08 .communio-fechas-composition .communio-fechas-stage { background:linear-gradient(180deg,rgba(220,232,236,.75),rgba(220,232,236,.83)),var(--scene) center/cover; }
.communio-fechas-composition .communio-fechas-inner { width:100%; max-width:950px; margin:auto; font-family:Charter,"Iowan Old Style",Georgia,serif; }
.communio-fechas-composition .kicker { color:var(--sub); font:700 11px/1.3 system-ui,sans-serif; letter-spacing:.21em; text-transform:uppercase; }
.communio-fechas-composition .comp-title { margin:8px 0 6px; color:var(--ink); font-size:clamp(31px,4vw,54px); font-weight:400; letter-spacing:-.055em; line-height:1.07; }
.communio-fechas-composition .comp-intro { max-width:58ch; margin:8px 0 0; color:var(--fechas-copy-on-light); font:italic 400 clamp(18px,1.8vw,22px)/1.5 Charter,"Iowan Old Style",Georgia,serif; letter-spacing:.003em; }
.communio-fechas-composition :is(.comp-intro,.communio-fechas-outro):empty { display:none; }
.communio-fechas-composition :is(.comp-title,.comp-intro,.communio-fechas-outro) :is(.communio-editable-acf,.communio-editable-acf-content,.communio-editable-acf-content p) { width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; color:inherit !important; font:inherit !important; letter-spacing:inherit !important; line-height:inherit !important; text-align:inherit !important; background:transparent !important; box-shadow:none !important; }
.communio-fechas-composition .go { display:inline-flex; align-items:center; gap:9px; min-height:37px; padding:7px 0; border:0; background:none; color:var(--deep); font:700 12px/1.2 system-ui,sans-serif; text-decoration:none; }
.communio-fechas-composition .go::after { content:"↗"; font-size:16px; font-weight:400; }
.communio-fechas-composition .go:hover { text-decoration:underline; }
.communio-fechas-composition .go:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.communio-fechas-composition .communio-fechas-empty { padding:28px; color:var(--sub); }
.communio-fechas-composition .communio-fechas-outro { grid-column:1 / -1; margin-top:clamp(24px,4vw,42px); padding:clamp(18px,3vw,28px); border-top:1px solid color-mix(in srgb,var(--deep) 25%,transparent); color:var(--fechas-copy-on-light); font:italic 16px/1.6 Charter,"Iowan Old Style",Georgia,serif; text-align:center; }
.communio-fechas-composition .communio-fechas-outro p { max-width:680px; margin:0 auto; color:inherit !important; font:inherit; }
.communio-fechas-composition :is(.v3,.v5) .communio-fechas-outro { color:var(--fechas-copy-on-dark); border-color:rgba(255,255,255,.38); }
/* El editor inserta ACF dentro del mismo lugar que ve el visitante. Los
 * campos vacíos heredan el contraste de su composición al mostrar la guía. */
.communio-fechas-composition :is(.comp-intro,.communio-fechas-outro)
  .communio-editable-acf-vacio > .communio-editable-acf-content:empty::before {
  color:inherit !important;
  opacity:.9 !important;
}
.communio-fechas-composition .communio-fechas-legacy-fallback { margin:7px 0 0; color:inherit; font:inherit; }
body.single-memorial .communio-fechas-legacy-hidden { display:none !important; margin:0 !important; padding:0 !important; }
/* 01 — Agenda en papel: fechas en bloques y contenido en columnas. */
    .communio-fechas-composition .v1 { padding:clamp(22px,4vw,44px); background:rgba(250,250,246,.95); border:1px solid rgba(56,86,98,.22); border-radius:22px; box-shadow:0 16px 46px rgba(24,54,67,.1); }
    .communio-fechas-composition .v1 .v1-list { margin-top:30px; }
    .communio-fechas-composition .v1-event { display:grid; grid-template-columns:140px minmax(0,1fr); gap:20px; padding:22px 0; border-top:1px solid rgba(43,85,103,.2); }
    .communio-fechas-composition .v1-date { display:flex; flex-direction:column; align-items:flex-start; border-right:1px solid rgba(43,85,103,.22); }
    .communio-fechas-composition .v1-date .day { color:var(--deep); font-size:64px; line-height:.95; letter-spacing:-.07em; }
    .communio-fechas-composition .v1-date .month { margin-top:4px; color:var(--sub); font:700 11px/1.3 system-ui,sans-serif; letter-spacing:.13em; text-transform:uppercase; }
    .communio-fechas-composition .v1-event h3 { margin:0 0 8px; font-size:25px; font-weight:400; }
    .communio-fechas-composition .v1-event > div > p { margin:3px 0; color:#425e6a; font-size:15px; line-height:1.45; }
    .communio-fechas-composition .v1-event .when { color:var(--deep); font-weight:700; }
    .communio-fechas-composition .v1 .is-pending .day { font-size:45px; }

    /* 02 — Cronología: recorrido continuo con hitos alternados. */
    .communio-fechas-composition .v2 .v2-heading { max-width:560px; padding:24px 28px; background:var(--deep); border-radius:4px 28px 4px 4px; color:var(--cream); }
    .communio-fechas-composition .v2 .v2-heading .kicker, .communio-fechas-composition .v2 .v2-heading .comp-title, .communio-fechas-composition .v2 .v2-heading .comp-intro { color:var(--fechas-copy-on-dark); }
    .communio-fechas-composition .v2 .communio-fechas-outro { border:0; border-radius:14px; background:rgba(246,249,249,.94); }
    .communio-fechas-composition .v2 .v2-heading .comp-title { margin-bottom:4px; }
    .communio-fechas-composition .v2-track { position:relative; display:grid; gap:18px; margin:26px 0 0 18px; padding:4px 0 4px 36px; border-left:2px solid var(--accent); }
    .communio-fechas-composition .v2-event { position:relative; width:min(78%,650px); padding:20px 22px; background:rgba(250,252,251,.9); border:1px solid rgba(29,76,96,.23); border-radius:2px 18px 18px 18px; box-shadow:0 8px 20px rgba(17,45,60,.08); }
    .communio-fechas-composition .v2-event::before { content:""; position:absolute; left:-47px; top:24px; width:18px; height:18px; border-radius:50%; background:var(--accent); border:4px solid var(--paper); box-shadow:0 0 0 1px var(--accent); }
    .communio-fechas-composition .v2-event:nth-child(even) { margin-left:auto; }
    .communio-fechas-composition .v2-event > small { color:var(--sub); font:700 11px system-ui,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
    .communio-fechas-composition .v2-event h3 { margin:6px 0 5px; color:var(--ink); font-size:24px; font-weight:400; }
    .communio-fechas-composition .v2-event > p { margin:3px 0; color:#405d6a; font-size:14px; }

    /* 03 — Cartel: una fecha protagonista y actos secundarios en una banda. */
    .communio-fechas-composition .v3 { overflow:hidden; background:var(--deep); color:var(--cream); border-radius:3px; box-shadow:0 18px 42px rgba(18,49,64,.2); }
    .communio-fechas-composition .v3-top { display:grid; grid-template-columns:1.1fr .9fr; min-height:375px; }
    .communio-fechas-composition .v3-copy { padding:clamp(25px,4vw,50px); }
    .communio-fechas-composition .v3 .kicker, .communio-fechas-composition .v3 .comp-title, .communio-fechas-composition .v3 .comp-intro { color:var(--fechas-copy-on-dark); }
    .communio-fechas-composition .v3 .comp-title { max-width:500px; font-size:clamp(37px,5vw,62px); }
    .communio-fechas-composition .v3-event-title { margin:26px 0 8px; color:var(--cream); font-size:clamp(20px,2.4vw,27px); font-weight:400; line-height:1.2; }
    .communio-fechas-composition .v3-copy p:last-child { max-width:370px; margin-top:28px; color:#e2e9ea; font-size:17px; line-height:1.5; }
    .communio-fechas-composition .v3-date { display:flex; flex-direction:column; justify-content:center; align-items:center; min-width:0; border-left:1px solid rgba(255,255,255,.25); background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,0)); text-align:center; }
    .communio-fechas-composition .v3-date .number { color:var(--cream); font-size:clamp(104px,15vw,175px); line-height:.85; letter-spacing:-.09em; }
    .communio-fechas-composition .v3-date .month { margin-top:15px; color:var(--accent); font:800 15px system-ui,sans-serif; letter-spacing:.24em; text-transform:uppercase; }
    .communio-fechas-composition .v3-date .range { max-width:18rem; margin-top:12px; color:var(--cream); font:500 13px/1.4 system-ui,sans-serif; }
    .communio-fechas-composition .v3-date .hour { margin-top:22px; color:var(--cream); font-size:25px; }
    .communio-fechas-composition .v3-foot { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.25); }
    .communio-fechas-composition .v3-foot > div { min-width:0; padding:21px 30px; }
    .communio-fechas-composition .v3-foot > div + div { border-left:1px solid rgba(255,255,255,.25); }
    .communio-fechas-composition .v3-foot small { color:var(--accent); font:700 11px system-ui,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
    .communio-fechas-composition .v3-foot strong { display:block; margin-top:7px; font-size:21px; font-weight:400; }
    .communio-fechas-composition .v3-foot span { display:block; margin-top:5px; color:#dfebee; font-size:13px; }
    .communio-fechas-composition .v3-foot > div > p { margin:5px 0; color:#dfebee; font-size:13px; line-height:1.45; }
    .communio-fechas-composition .v3 .go { color:var(--cream); }

    /* 04 — Medallones: tarjetas independientes y fecha circular. */
    .communio-fechas-composition .v4 { padding:8px 0; }
    .communio-fechas-composition .v4 .v4-head { text-align:center; }
    .communio-fechas-composition .v4 .v4-head .comp-title { margin-bottom:18px; }
    .communio-fechas-composition .v4 .v4-head .comp-intro { display:inline-block; width:auto; max-width:680px; margin-top:0; padding:8px 16px; border-radius:10px; background:rgba(246,249,249,.9); }
    .communio-fechas-composition .v4 .communio-fechas-outro { border:0; border-radius:14px; background:rgba(246,249,249,.94); }
    .communio-fechas-composition .v4-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 15px; margin-top:48px; }
    .communio-fechas-composition .v4-card { position:relative; min-width:0; padding:88px 23px 22px; background:rgba(248,250,249,.94); border:1px solid rgba(36,75,92,.25); border-radius:22px; text-align:center; box-shadow:0 9px 27px rgba(20,56,71,.08); }
    .communio-fechas-composition .v4-medal { position:absolute; top:-26px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; justify-content:center; width:104px; height:104px; border-radius:50%; background:var(--deep); border:4px solid var(--accent); color:var(--cream); box-shadow:0 5px 20px rgba(20,49,64,.17); }
    .communio-fechas-composition .v4-medal b { font-size:38px; line-height:1; font-weight:400; }
    .communio-fechas-composition .v4-medal small { margin-top:5px; font:700 10px system-ui,sans-serif; letter-spacing:.09em; text-transform:uppercase; }
    .communio-fechas-composition .v4-card h3 { min-height:0; margin:4px 0 9px; color:var(--ink); font-size:clamp(21px,2.4vw,25px); font-weight:400; line-height:1.15; }
    .communio-fechas-composition .v4-card > p { margin:5px 0; color:#4e6975; font-size:14px; line-height:1.4; }
    .communio-fechas-composition .v4-card .v4-full-date { color:var(--deep); font:700 12px/1.4 system-ui,sans-serif; }
    .communio-fechas-composition .v4-card .go { margin-top:8px; }

    /* 05 — Paisaje: imagen visible, un único bloque oscuro de lectura. */
    .communio-fechas-composition .communio-fechas-stage.stage-landscape { background:var(--scene) center/cover; }
    .communio-fechas-composition .v5 { display:grid; grid-template-columns:minmax(0,1fr) minmax(290px,.88fr); min-height:0; color:var(--cream); }
    .communio-fechas-composition .v5-left { display:flex; flex-direction:column; justify-content:center; min-height:250px; padding:clamp(22px,4vw,40px); border-radius:18px 0 0 18px; background:linear-gradient(90deg,rgba(8,35,51,.92),rgba(8,35,51,.76)); text-shadow:0 2px 12px rgba(0,0,0,.65); }
    .communio-fechas-composition .v5 .kicker, .communio-fechas-composition .v5 .comp-title, .communio-fechas-composition .v5 .comp-intro { color:var(--fechas-copy-on-dark); }
    .communio-fechas-composition .v5-left .comp-title { max-width:420px; font-size:clamp(38px,5vw,58px); }
    .communio-fechas-composition .v5-left .comp-intro { max-width:350px; }
    .communio-fechas-composition .v5-panel { display:grid; align-content:center; gap:0; padding:clamp(20px,3vw,38px); background:rgba(10,42,60,.9); border:1px solid rgba(246,239,229,.47); border-radius:24px; backdrop-filter:blur(8px); }
    .communio-fechas-composition .v5-event { padding:18px 0; border-bottom:1px solid rgba(255,255,255,.25); }
    .communio-fechas-composition .v5-event:first-child { padding-top:0; }
    .communio-fechas-composition .v5-event:last-child { border-bottom:0; padding-bottom:0; }
    .communio-fechas-composition .v5-event > small { color:var(--accent); font:800 10px system-ui,sans-serif; letter-spacing:.17em; text-transform:uppercase; }
    .communio-fechas-composition .v5-event h3 { margin:6px 0; color:#fff; font-size:27px; font-weight:400; }
    .communio-fechas-composition .v5-event > p { margin:3px 0; color:#e7eff0; font-size:14px; }
    .communio-fechas-composition .v5 .go { color:#fff; }
    .communio-fechas-composition .v5 .communio-fechas-outro { margin-top:0; background:rgba(10,42,60,.94); border-radius:0 0 18px 18px; }

    /* 06 — Lista editorial: máxima claridad, líneas y jerarquía de datos. */
    .communio-fechas-composition .v6 { padding:clamp(20px,4vw,44px); background:rgba(246,249,249,.93); border-top:5px solid var(--deep); border-bottom:5px solid var(--deep); }
    .communio-fechas-composition .v6-head { display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin-bottom:26px; }
    .communio-fechas-composition .v6-head .comp-title { margin-bottom:0; }
    .communio-fechas-composition .v6-head .comp-title { font-size:clamp(34px,4vw,48px); }
    .communio-fechas-composition .v6-head .comp-intro { max-width:650px; color:var(--fechas-copy-on-light); text-align:left; }
    .communio-fechas-composition .v6-row { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(170px,.8fr) minmax(0,1fr); gap:22px; align-items:start; padding:19px 0; border-top:1px solid rgba(27,73,93,.3); }
    .communio-fechas-composition .v6-row h3 { margin:0; font-size:25px; font-weight:400; }
    .communio-fechas-composition .v6-row .v6-date { color:var(--ink); font-size:21px; line-height:1.3; }
    .communio-fechas-composition .v6-row .v6-date small { display:block; margin-top:5px; color:var(--sub); font:700 12px system-ui,sans-serif; }
    .communio-fechas-composition .v6-row > div > p { margin:0 0 4px; color:#486673; font-size:14px; line-height:1.45; }
    .communio-fechas-composition .v6-row .go { margin-top:2px; }

    @container frame (max-width:760px) {
    .communio-fechas-composition .v2-event, .communio-fechas-composition .v2-event:nth-child(even) { width:100%; margin-left:0; }
    .communio-fechas-composition .v3-top { grid-template-columns:1fr; }
    .communio-fechas-composition .v3-date { min-height:235px; border-left:0; border-top:1px solid rgba(255,255,255,.25); }
    .communio-fechas-composition .v3-date .number { font-size:140px; }
    .communio-fechas-composition .v4-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:38px 14px; }
    .communio-fechas-composition .v5 { grid-template-columns:1fr; }
    .communio-fechas-composition .v5-left { min-height:230px; }
    .communio-fechas-composition .v5-panel { margin-top:0; }
    .communio-fechas-composition .v6-row { grid-template-columns:minmax(0,1fr) minmax(130px,.8fr); }
    .communio-fechas-composition .v6-row > :last-child { grid-column:1 / -1; }
    }
    @container frame (max-width:520px) {
    .communio-fechas-composition .v1 { padding:20px; border-radius:16px; }
    .communio-fechas-composition .v1-event { grid-template-columns:72px minmax(0,1fr); gap:14px; }
    .communio-fechas-composition .v1-date .day { font-size:43px; }
    .communio-fechas-composition .v1-date .month { font-size:9px; }
    .communio-fechas-composition .v1-event h3 { font-size:22px; }
    .communio-fechas-composition .v1-event > div > p { font-size:13px; }
    .communio-fechas-composition .v2 .v2-heading { padding:20px; }
    .communio-fechas-composition .v2-track { margin-left:8px; padding-left:23px; }
    .communio-fechas-composition .v2-event { padding:17px; }
    .communio-fechas-composition .v2-event::before { left:-34px; }
    .communio-fechas-composition .v3-copy { padding:26px 22px; }
    .communio-fechas-composition .v3-foot { grid-template-columns:1fr; }
    .communio-fechas-composition .v3-foot > div + div { border-left:0; border-top:1px solid rgba(255,255,255,.25); }
    .communio-fechas-composition .v4-grid { grid-template-columns:1fr; gap:40px; }
    .communio-fechas-composition .v4-card { padding-top:80px; }
    .communio-fechas-composition .v4-card h3 { min-height:0; }
    .communio-fechas-composition .v5-left { min-height:260px; }
    .communio-fechas-composition .v5-panel { border-radius:16px; }
    .communio-fechas-composition .v6 { padding:22px 18px; }
    .communio-fechas-composition .v6-head { display:block; margin-bottom:24px; }
    .communio-fechas-composition .v6-head .comp-intro { display:block; max-width:none; margin-top:8px; text-align:left; }
    .communio-fechas-composition .v6-row { grid-template-columns:1fr; gap:8px; }
    .communio-fechas-composition .v6-row > :last-child { grid-column:auto; }
    }

@media (max-width:600px) {
  .communio-fechas-composition .communio-fechas-stage-outer { padding:10px; }
  .communio-fechas-composition .communio-fechas-stage { padding:13px; min-height:500px; }
}
/* Cada control de edición queda dentro de su acto, sin alterar la vista pública. */
body.single-memorial .communio-celebraciones--composed .communio-fechas-composition .communio-celebracion-editor-shell { width:100%; max-width:100%; min-width:0; margin-top:14px; }
body.single-memorial .communio-celebraciones--composed .communio-fechas-composition .communio-celebracion-editor-panel { text-align:left; }
body.single-memorial .communio-celebraciones--composed .communio-fechas-composition .communio-celebracion-editor-open { border-color:var(--accent); background:var(--deep); color:#fff; }
body.single-memorial .communio-celebraciones--composed .communio-fechas-composition .v3-top > .communio-celebracion-editor-shell,
body.single-memorial .communio-celebraciones--composed .communio-fechas-composition .v6-row > .communio-celebracion-editor-shell { grid-column:1 / -1; }
body.single-memorial .communio-celebraciones--composed .communio-fechas-composition .v3-top > .communio-celebracion-editor-shell { padding:0 clamp(22px,4vw,40px) 22px; }
body.single-memorial .communio-celebraciones--composed .communio-fechas-composition .v3-foot .communio-celebracion-editor-shell { margin-top:10px; }
body.single-memorial .communio-celebraciones--composed .communio-fechas-composition .v4-card .communio-celebracion-editor-shell { position:relative; z-index:1; }
body.single-memorial .communio-celebraciones--composed .communio-fechas-composition .v4-card:has(.communio-celebracion-editor-panel:not([hidden])),
body.single-memorial .communio-celebraciones--composed .communio-fechas-composition .v3-foot > div:has(.communio-celebracion-editor-panel:not([hidden])) { grid-column:1 / -1; }
body.single-memorial .communio-celebraciones--composed .communio-fechas-composition .v5:has(.communio-celebracion-editor-panel:not([hidden])) { grid-template-columns:1fr; }
body.single-memorial .communio-celebraciones--composed .communio-celebraciones-editor-list { display:grid; gap:12px; margin-top:18px; }
body.single-memorial .communio-celebraciones--composed .communio-celebracion-editor-shell { margin:0; }
body.single-memorial .communio-celebraciones--composed .communio-celebracion-editor-actions { margin:0; }

/* En el diseño 08 ya existe una hoja translúcida para toda la vista. Fechas
 * reutiliza esa superficie y deja a cada composición solo su tarjeta propia. */
body.single-memorial.memorial-design-08.communio-vista-interior-activa
  .communio-fechas-composition .communio-fechas-stage-outer {
  padding-inline: clamp(12px, 2vw, 24px) !important;
  margin-inline: auto !important;
}
body.single-memorial.memorial-design-08.communio-vista-interior-activa
  .communio-fechas-composition .communio-fechas-stage {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.single-memorial.memorial-design-08.communio-vista-interior-activa
  .communio-fechas-composition .communio-fechas-inner {
  max-width: 100% !important;
}

/* Fechas usa la misma pareja visual: la pieza precede al título. */
body.single-memorial:is(.memorial-design-07,.memorial-design-08).communio-has-visual-separator.communio-vista-interior-activa
  .communio-fechas-composition .comp-title::after {
  content: none !important;
  display: none !important;
}
body.single-memorial:is(.memorial-design-07,.memorial-design-08).communio-has-visual-separator.communio-vista-interior-activa
  .communio-fechas-composition .comp-title::before {
  content: "" !important;
  display: block !important;
  width: min(80%, 320px) !important;
  height: 42px !important;
  margin: 0 0 14px !important;
  border: 0 !important;
  background: var(--communio-visual-separator) center / 100% auto no-repeat !important;
  filter: drop-shadow(0 1px 1px rgba(18, 53, 68, .35));
}
body.single-memorial:is(.memorial-design-07,.memorial-design-08).communio-has-visual-separator.communio-vista-interior-activa
  .communio-fechas-composition .v4-head .comp-title::before {
  margin-inline: auto !important;
}