/* VITALIZA 14.7.8 UX 2026-08-03 — Hoy decide más y explica menos. */

/* Cuando no hay pendientes reales, la tarjeta principal deja de reservar un
   panel oscuro vacío. El ciclo y el contexto se expresan en una sola acción. */
.vz1479-hero-single{grid-template-columns:minmax(0,1fr)!important}
.vz1479-hero-single .vz14-hero-main{max-width:760px}

/* Acciones destructivas o poco frecuentes quedan detrás de una revelación
   progresiva, sin perder accesibilidad ni funcionalidad. */
.vz1479-more{position:relative;display:inline-flex;align-items:center}
.vz1479-more>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--vz14-line);border-radius:999px;background:transparent;color:var(--vz14-muted);font-weight:900;cursor:pointer}
.vz1479-more>summary::-webkit-details-marker{display:none}
.vz1479-more[open]>summary{background:var(--vz14-soft);color:var(--vz14-ink)}
.vz1479-more>button{position:absolute;z-index:6;right:0;top:calc(100% + 7px);min-width:128px;box-shadow:0 12px 30px rgba(42,36,30,.14);background:#fffaf3!important;border:1px solid var(--vz14-line)!important;color:var(--vz14-orange-dark)!important}

/* Cuidarme muestra una acción, una frase y el motivo solo a pedido. */
.vz143-dashboard-care{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
.vz1479-care-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.vz1479-care-meta>span{font-size:11px;font-weight:850;color:var(--vz14-muted)}
.vz143-dashboard-care .vz143-care-explain{margin-top:13px}
.vz143-dashboard-care-actions-inline{margin-top:15px!important}
.vz143-dashboard-care-actions-inline a,
.vz143-dashboard-care-actions-inline button{min-height:44px;padding:11px 16px!important}

/* Las tarjetas restantes son decisiones breves, no miniartículos. */
.vz14-card h3{max-width:19ch}
.vz14-card>a{margin-top:14px}
.vz14-cards-grid:empty{display:none}

@media(max-width:850px){
  .vz14-hero-side{min-height:0!important;padding:18px 22px!important;gap:7px!important}
  .vz14-hero-side h3{font-size:18px!important}
  .vz14-hero-side strong{font-size:12px!important}
}

@media(max-width:560px){
  .vz14-title{margin-bottom:18px!important}
  .vz14-title span{margin-top:8px!important}
  .vz14-hero-main{padding:23px 20px!important}
  .vz14-hero-main h2{font-size:36px!important;margin-bottom:10px!important}
  .vz14-hero-main p{font-size:15px!important;line-height:1.45!important}
  .vz14-actions{gap:8px!important}
  .vz14-actions>a,.vz14-actions>button{flex:1 1 112px}
  .vz1479-more{flex:0 0 auto}
  .vz143-dashboard-care{padding:20px!important}
  .vz143-dashboard-care h2{font-size:30px!important;max-width:14ch}
  .vz143-dashboard-care p{font-size:15px;line-height:1.45}
  .vz143-dashboard-care-actions-inline{display:grid!important;grid-template-columns:1fr 1fr}
  .vz143-dashboard-care-actions-inline>:first-child{grid-column:1/-1}
  .vz143-dashboard-care-actions-inline a,.vz143-dashboard-care-actions-inline button{width:100%;box-sizing:border-box}
  .vz14-card{padding:21px!important}
  .vz14-card h3{font-size:27px!important}
}
