/* =========================================================================
   Tam Tam Percusión — Landing "TamTam DrumFest Sevilla 2026" (.ttp-df).
   Portado de la maqueta Lovable a CSS plano y scopeado. Se carga junto a
   ttp-experto.css SOLO en esta landing. Reutiliza sus tokens y fuentes.
   Iconos por mask (sin <svg> en el contenido). Los !important defienden los
   titulares frente a la regla del tema #cms.cms #main h2/h3 (font-size/color).
   ========================================================================= */

.ttp-df {
  --df-ink: #0e1412;
  --df-ink-soft: #1a211e;
  --df-lime: #a5e023;
  --df-brand: var(--ttp-brand);
}

.ttp-df-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* ---- Iconos (mask) ------------------------------------------------------ */
.ttp-ico-arrow-right { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E"); }
.ttp-ico-calendar { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E"); }
.ttp-ico-clock { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16.5 12'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16.5 12'/%3E%3C/svg%3E"); }
.ttp-ico-store { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7'/%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'/%3E%3Cpath d='M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M2 7h20'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7'/%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'/%3E%3Cpath d='M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M2 7h20'/%3E%3C/svg%3E"); }
.ttp-ico-radio { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.9 19.1C1 15.2 1 8.8 4.9 4.9'/%3E%3Cpath d='M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5'/%3E%3Cpath d='M19.1 4.9C23 8.8 23 15.1 19.1 19'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.9 19.1C1 15.2 1 8.8 4.9 4.9'/%3E%3Cpath d='M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5'/%3E%3Cpath d='M19.1 4.9C23 8.8 23 15.1 19.1 19'/%3E%3C/svg%3E"); }
.ttp-ico-message { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E"); }
.ttp-ico-sparkles { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .962 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.962 0z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .962 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.962 0z'/%3E%3C/svg%3E"); }
.ttp-ico-headphones { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5a9 9 0 0 1 18 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5a9 9 0 0 1 18 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E"); }
.ttp-ico-bag { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E"); }

/* ---- Tipografía / utilidades ------------------------------------------- */
.ttp-df-kicker { margin: 0; color: var(--df-brand); font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; }
.ttp-df-kicker--lime { color: var(--df-lime); }
.ttp-df-copy { margin: 0; color: var(--ttp-muted-fg); font-size: 1.0625rem; line-height: 1.75; }
.ttp-df-copy + .ttp-df-copy { margin-top: 1.25rem; }

.ttp-experto .ttp-df-title { position: relative; display: block; padding-bottom: 1rem; margin: 0; font-family: "Open Sans", system-ui, sans-serif !important; font-weight: 700 !important; font-size: 1.875rem !important; line-height: 1.15 !important; color: var(--ttp-fg) !important; }
@media (min-width: 768px) { .ttp-experto .ttp-df-title { font-size: 2.25rem !important; } }
.ttp-df-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 2.5rem; height: 2px; background: var(--df-brand); }
.ttp-experto .ttp-df-title--light { color: #fff !important; }

.ttp-experto .ttp-df-h2big { margin: 0.75rem 0 0; font-family: "Open Sans", system-ui, sans-serif !important; font-weight: 700 !important; font-size: 1.875rem !important; line-height: 1.15 !important; color: var(--ttp-fg) !important; }
@media (min-width: 768px) { .ttp-experto .ttp-df-h2big { font-size: 3rem !important; } }

.ttp-experto .ttp-df-h2 { margin: 0; font-family: "Open Sans", system-ui, sans-serif !important; font-weight: 700 !important; font-size: 2.25rem !important; line-height: 1.15 !important; color: inherit !important; }
.ttp-experto .ttp-df-h3 { margin: 0; font-family: "Open Sans", system-ui, sans-serif !important; font-weight: 700 !important; font-size: 1.5rem !important; line-height: 1.2 !important; color: inherit !important; }
.ttp-experto .ttp-df-h3--lime { color: var(--df-lime) !important; }
.ttp-experto .ttp-df-h4 { margin: 0; font-family: "Open Sans", system-ui, sans-serif !important; font-weight: 700 !important; font-size: 1.125rem !important; line-height: 1.3 !important; color: inherit !important; }

/* ---- Botones (rectangulares) ------------------------------------------- */
.ttp-df-btn { display: inline-flex; align-items: center; gap: 0.5rem; width: fit-content; border-radius: 0; height: 2.5rem; padding: 0 2rem; font-size: 0.875rem; font-weight: 600; line-height: 1; border: 1px solid transparent; cursor: pointer; white-space: nowrap; text-decoration: none; transition: background-color .15s, color .15s, border-color .15s; }
.ttp-df-btn.ttp-df-btn--sm { height: 2rem; padding: 0 0.85rem; font-size: 0.75rem; }
.ttp-df-btn .ttp-ico { font-size: 1rem; transition: transform .15s; }
.ttp-df-btn:hover .ttp-ico-arrow-right { transform: translateX(4px); }
.ttp-experto .ttp-df-btn--brand { background: var(--df-brand); color: #fff; }
.ttp-experto .ttp-df-btn--brand:hover { background: rgba(238,99,14,.9); }
.ttp-experto .ttp-df-btn--outline { border-color: #fff; color: #fff; background: transparent; }
.ttp-experto .ttp-df-btn--outline:hover { background: #fff; color: var(--df-brand); }
.ttp-experto .ttp-df-btn--ink { background: var(--df-ink); color: #fff; }
.ttp-experto .ttp-df-btn--ink:hover { background: rgba(14,20,18,.85); }

/* ---- Secciones / bandas ------------------------------------------------- */
.ttp-df-section { padding-block: 5rem; }
@media (max-width: 767px) { .ttp-df-section { padding-block: 3.5rem; } }
.ttp-df-ink { background: var(--df-ink); color: #fff; }
.ttp-df-soft { background: var(--ttp-secondary); }
.ttp-df-bordertop { border-top: 1px solid var(--ttp-border); }
.ttp-df-borderbottom { border-bottom: 1px solid var(--ttp-border); }

/* ---- HERO --------------------------------------------------------------- */
.ttp-df-hero { background: var(--df-ink); }
.ttp-df-hero img { display: block; width: 100%; height: auto; }

/* ---- Intro -------------------------------------------------------------- */
.ttp-df-intro { padding-block: 2.5rem; }
@media (min-width: 768px) { .ttp-df-intro { padding-block: 3rem; } }

/* ---- Banda naranja de venta -------------------------------------------- */
.ttp-df-sale { background: var(--df-brand); color: #fff; padding-block: 1.5rem; }
@media (min-width: 768px) { .ttp-df-sale { padding-block: 2rem; } }
.ttp-df-sale-grid { display: grid; gap: 1.25rem; }
@media (min-width: 768px) { .ttp-df-sale-grid { grid-template-columns: 1fr auto; align-items: center; } }
.ttp-df-sale-k { margin: 0; font-family: "Open Sans", system-ui, sans-serif; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; }
.ttp-df-sale-date { margin: 0.25rem 0 0; font-family: "Open Sans", system-ui, sans-serif; font-size: 1.5rem; font-weight: 700; }
@media (min-width: 768px) { .ttp-df-sale-date { font-size: 1.875rem; } }
.ttp-df-sale-note { margin: 0.5rem 0 0; max-width: 48rem; font-size: 1rem; line-height: 1.6; color: rgba(255,255,255,.85); }

/* ---- Dos días (paneles) ------------------------------------------------- */
.ttp-df-days { margin-top: 2.5rem; display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--ttp-border); }
@media (min-width: 1024px) { .ttp-df-days { grid-template-columns: repeat(2, 1fr); } }
.ttp-df-day { min-width: 0; background: var(--ttp-bg); padding: 1.5rem; }
@media (min-width: 768px) { .ttp-df-day { padding: 2.5rem; } }
.ttp-experto .ttp-df-day-title { margin: 0; font-family: "Open Sans", system-ui, sans-serif !important; font-weight: 700 !important; font-size: 1.875rem !important; color: var(--ttp-fg) !important; }
.ttp-df-day-sub { margin: 0.5rem 0 0; font-weight: 600; font-style: italic; color: var(--df-brand); }
.ttp-df-day-body { margin-top: 1.5rem; display: grid; gap: 1.25rem; }
.ttp-df-day-body p { margin: 0; color: var(--ttp-muted-fg); font-size: 1.0625rem; line-height: 1.75; }
.ttp-df-day-body p strong { color: var(--ttp-fg); }

.ttp-df-sch { display: grid; gap: 0.75rem; border-top: 1px solid var(--ttp-border); padding-top: 0.75rem; }
@media (min-width: 640px) { .ttp-df-sch { grid-template-columns: auto minmax(0,1fr) auto; align-items: center; } }
.ttp-df-sch > strong { color: var(--ttp-fg); font-size: 1.0625rem; }
.ttp-df-sch > span { color: var(--ttp-muted-fg); font-size: 1.0625rem; }
.ttp-df-line { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 0.75rem; border-top: 1px solid var(--ttp-border); padding-top: 0.75rem; margin: 0; }
.ttp-df-line .dot { color: var(--df-brand); }
.ttp-experto .ttp-df-a { color: inherit; text-decoration: underline; text-decoration-color: var(--df-brand); text-underline-offset: 4px; }
.ttp-experto .ttp-df-a:hover { color: var(--df-brand); }
.ttp-df-uline { text-decoration: underline; text-decoration-color: var(--df-brand); text-underline-offset: 4px; }

/* ---- Sección oscura "antes de comprar" + pasos -------------------------- */
.ttp-df-steps { margin-top: 1.75rem; display: grid; grid-template-columns: 1fr; gap: 1px; background: rgba(255,255,255,.15); }
@media (min-width: 768px) { .ttp-df-steps { grid-template-columns: repeat(2, 1fr); } }
.ttp-df-step { background: var(--df-ink-soft); padding: 1.5rem; }
@media (min-width: 768px) { .ttp-df-step { padding: 2rem; } }
.ttp-df-step-n { display: block; font-family: "Open Sans", system-ui, sans-serif; font-size: 3rem; font-weight: 700; line-height: 1; color: var(--df-brand); }
.ttp-df-step-body { margin: 1rem 0 0; line-height: 1.6; color: rgba(255,255,255,.7); }
.ttp-df-step-body strong { color: #fff; }
.ttp-df-resumen { margin-top: 2.5rem; border-left: 4px solid var(--df-brand); padding-left: 1.5rem; }
.ttp-df-resumen .lead { margin: 1rem 0 0; font-size: 1.25rem; font-weight: 700; color: #fff; }
.ttp-df-onlyday { margin-top: 3rem; border-top: 1px solid rgba(255,255,255,.15); padding-top: 2.5rem; }
.ttp-df-onink p { color: rgba(255,255,255,.75); }
.ttp-df-onink .plain { color: #fff; }
.ttp-df-blocktext { margin-top: 1rem; max-width: 56rem; display: grid; gap: 0.75rem; }
.ttp-df-blocktext p { margin: 0; font-size: 1.125rem; line-height: 1.7; color: rgba(255,255,255,.75); }
.ttp-df-blocktext p strong { color: #fff; }

/* ---- Masterclasses (ArtistBlock) ---------------------------------------- */
.ttp-df-arts { margin-top: 3rem; display: grid; gap: 1.5rem; }
.ttp-df-art { display: grid; gap: 2rem; border: 1px solid var(--ttp-border); background: var(--ttp-bg); padding: 1.5rem; }
@media (min-width: 768px) { .ttp-df-art { padding: 2.25rem; } }
@media (min-width: 1024px) { .ttp-df-art { grid-template-columns: 0.7fr 1.3fr; } }
.ttp-df-art-side > .ttp-ico { color: var(--df-brand); font-size: 1.75rem; }
.ttp-experto .ttp-df-art-title { margin: 1rem 0 0; font-family: "Open Sans", system-ui, sans-serif !important; font-weight: 700 !important; font-size: 1.5rem !important; line-height: 1.2 !important; color: var(--ttp-fg) !important; }
@media (min-width: 768px) { .ttp-experto .ttp-df-art-title { font-size: 1.875rem !important; } }
.ttp-df-art-time { margin: 0.75rem 0 0; font-family: "Open Sans", system-ui, sans-serif; font-size: 1.125rem; font-weight: 700; color: var(--df-brand); }
.ttp-df-art-sub { margin: 0.25rem 0 0; font-family: "Open Sans", system-ui, sans-serif; font-size: 1rem; font-weight: 600; font-style: italic; color: var(--ttp-muted-fg); }
.ttp-df-art-sponsor { margin: 1rem 0 0; font-weight: 600; font-style: italic; color: var(--ttp-muted-fg); }
.ttp-df-art-body { display: grid; gap: 1rem; }
.ttp-df-art-body p { margin: 0; color: var(--ttp-muted-fg); font-size: 1.0625rem; line-height: 1.75; }
.ttp-df-art-btns { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; margin-top: 1.5rem; }

/* ---- Info blocks (3 col) ------------------------------------------------ */
.ttp-df-infos { display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--ttp-border); }
@media (min-width: 1024px) { .ttp-df-infos { grid-template-columns: repeat(3, 1fr); } }
.ttp-df-info { background: var(--ttp-secondary); padding: 1.5rem; }
@media (min-width: 768px) { .ttp-df-info { padding: 2rem; } }
.ttp-df-icocircle { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 9999px; background: var(--ttp-brand-10); color: var(--df-brand); }
.ttp-df-icocircle .ttp-ico { font-size: 1.5rem; }
.ttp-df-info-body { margin-top: 1.5rem; display: grid; gap: 1rem; }
.ttp-df-info-body p { margin: 0; color: var(--ttp-muted-fg); font-size: 1.0625rem; line-height: 1.75; }
.ttp-df-info-body p strong { color: var(--ttp-fg); }

/* ---- Exposición (2 col oscura) ------------------------------------------ */
.ttp-df-expo { display: grid; gap: 3.5rem; }
@media (min-width: 1024px) { .ttp-df-expo { grid-template-columns: repeat(2, 1fr); } }
.ttp-df-expo > div > .ttp-ico { font-size: 2rem; }
.ttp-df-expo-r { border-top: 1px solid rgba(255,255,255,.15); padding-top: 2.5rem; }
@media (min-width: 1024px) { .ttp-df-expo-r { border-top: none; border-left: 1px solid rgba(255,255,255,.15); padding-top: 0; padding-left: 3rem; } }
.ttp-df-facts { margin-top: 1.75rem; display: grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 640px) { .ttp-df-facts { grid-template-columns: repeat(2, 1fr); } }
.ttp-df-fact { border: 1px solid rgba(255,255,255,.15); padding: 1.25rem; }
.ttp-df-fact .ttp-ico { color: var(--df-brand); font-size: 1.5rem; }
.ttp-df-fact-l { margin: 0.75rem 0 0; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; color: #fff; }
.ttp-df-fact-v { margin: 0.25rem 0 0; font-weight: 600; color: rgba(255,255,255,.75); }