#container-view section{margin-bottom:100px}.app-shell{min-height:100vh;width:100%;padding:var(--space-4)}.app-container{width:min(100%,72rem);margin-inline:auto}.section{margin-bottom:var(--space-6)}.section-header{margin-bottom:var(--space-4)}.stack{display:grid;gap:var(--space-4)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.grid-cards{display:grid;gap:var(--space-4);grid-template-columns:1fr}#appointment-detail{color:var(--color-text);padding-bottom:2.5rem;background:radial-gradient(65rem 28rem at 100% -10%,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 60%),radial-gradient(58rem 24rem at -10% 35%,color-mix(in srgb,var(--color-success) 10%,transparent),transparent 58%),var(--color-bg)}#appointment-detail .content{display:grid;gap:1rem}#appointment-detail .msg{margin-top:.25rem;margin-bottom:0}#appointment-detail .appointment-detail-header{padding:1rem 1.05rem .95rem}#appointment-detail .appointment-detail-date{font-size:1.03rem;font-weight:700;margin-bottom:.42rem;letter-spacing:.01em;line-height:1.38}#appointment-detail .appointment-detail-date i,#appointment-detail .appointment-detail-time i,#appointment-detail .section-title i,#appointment-detail .tcgarantia-section-title i{margin-right:.45rem}#appointment-detail .appointment-detail-time{font-size:1.05rem;font-weight:700;margin-bottom:.62rem}#appointment-detail .appointment-detail-body{padding:1rem;display:grid;gap:.8rem}#container-ConfirmAppointmentModern .confirm-compact-meta{display:grid;gap:.7rem}#appointment-detail .appointment-section,#appointment-detail .appointment-total,#appointment-detail .tcgarantia-section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-alt) 92%,var(--color-surface));padding:.8rem .9rem}#appointment-detail .appointment-summary-section{display:grid;gap:.5rem}#appointment-detail .appointment-status-link{margin-top:.55rem;border-width:1px;cursor:pointer;text-transform:none;letter-spacing:0;position:relative;padding-right:1.55rem}#appointment-detail .appointment-status-link::after{content:"\f054";font-family:FontAwesome;font-size:.66rem;line-height:1;position:absolute;right:.58rem;top:50%;transform:translateY(-50%);opacity:.95}#appointment-detail .appointment-status-link:hover{filter:brightness(1.05)}#appointment-detail .appointment-subsection-title{font-size:.78rem;font-weight:700;color:var(--color-text-strong);line-height:1.35}#appointment-detail .appointment-subsection-title i{margin-right:.35rem}#appointment-detail .appointment-dashed-divider{border-top:1px dashed color-mix(in srgb,var(--color-border-strong) 78%,var(--color-primary));margin:.25rem 0 .15rem}#appointment-detail .appointment-dashed-divider--totals{margin-top:.45rem}#appointment-detail .appointment-dashed-divider--notes{margin-top:.35rem}#appointment-detail .badge-bono{display:inline-block;padding:.14rem .52rem;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 84%,#213b62),color-mix(in srgb,var(--color-primary) 58%,#4b79a6));color:var(--color-primary-contrast);border-radius:999px;font-size:.77rem;margin-left:.45rem;border:1px solid color-mix(in srgb,var(--color-primary-contrast) 26%,transparent)}#appointment-detail .ticket-download{margin-top:1rem;text-align:center}#appointment-detail .btn-download{display:inline-flex;align-items:center;gap:.45rem;padding:.58rem 1.05rem;background:linear-gradient(135deg,color-mix(in srgb,var(--color-danger) 88%,#b12f3f),var(--color-danger));color:var(--color-primary-contrast);border-radius:999px;font-weight:600;font-size:.81rem;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s;border:1px solid color-mix(in srgb,var(--color-primary-contrast) 14%,transparent)}#appointment-detail .btn-download:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:var(--shadow-sm);color:var(--color-primary-contrast);text-decoration:none}#appointment-detail .appointment-detail-body .ui-detail-card__section{background:var(--theme-bg-soft)}#appointment-detail .section-title,#appointment-detail .tcgarantia-section-title{font-size:.82rem;font-weight:700;color:var(--color-text-strong);margin-bottom:.55rem;line-height:1.4}#appointment-detail .product-list,#appointment-detail .service-list{display:grid;gap:.45rem}#appointment-detail .product-item,#appointment-detail .service-item{display:flex;justify-content:space-between;gap:.65rem;padding:.45rem .55rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface) 86%,var(--color-surface-soft))}#appointment-detail .product-item::before,#appointment-detail .product-item:nth-child(2n)::before,#appointment-detail .service-item::before,#appointment-detail .service-item:nth-child(2n)::before{display:none}#appointment-detail .product-item:hover,#appointment-detail .service-item:hover{transform:none;box-shadow:none}#appointment-detail .product-name,#appointment-detail .service-name{font-size:.84rem;color:var(--color-text);line-height:1.35}#appointment-detail .service-info{flex:1;min-width:0}#appointment-detail .service-promo{display:block;color:var(--color-success);font-size:.72rem;font-weight:600;line-height:1.35;margin-top:.2rem}#appointment-detail .product-price,#appointment-detail .service-price{font-size:.84rem;color:var(--color-text-strong);font-weight:700;white-space:nowrap}#appointment-detail .service-price--promo{display:inline-flex;flex-direction:column;align-items:flex-end;gap:.1rem}#appointment-detail .service-price-original{color:var(--color-text-muted);font-size:.8em;font-weight:500;text-decoration:line-through}#appointment-detail .service-price-final{color:var(--color-primary-strong)}#appointment-detail .comment-text,#appointment-detail .tcgarantia-section-text{font-size:.84rem;line-height:1.55;color:var(--color-text-muted);border-radius:var(--radius-md)}#appointment-detail .attendant-name{font-size:.9rem;font-weight:700;color:var(--color-text)}#appointment-detail .total-row{display:flex;gap:.75rem;padding:.45rem 0;font-size:.85rem;line-height:1.5;justify-content:flex-end}#appointment-detail .total-row.discount{color:var(--color-danger);font-weight:600}#appointment-detail .total-row.total-final{font-size:.98rem;font-weight:700;color:var(--color-text-strong);padding-top:.65rem}#appointment-detail .appointment-actions{padding:.9rem}@media (max-width:575.98px){#appointment-detail .appointment-detail-header{padding:1rem}#appointment-detail .appointment-detail-date{font-size:.97rem}#appointment-detail .appointment-detail-time{font-size:1rem}#appointment-detail .appointment-detail-body{padding:.85rem}#appointment-detail .appointment-actions,#appointment-detail .appointment-section,#appointment-detail .appointment-total,#appointment-detail .tcgarantia-section{padding-left:.9rem;padding-right:.9rem}#appointment-detail .appointment-actions{flex-direction:column}#appointment-detail .ui-detail-card__footer .ui-action-btn{min-width:100%}}@media (min-width:768px){.app-shell{padding:var(--space-5)}.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){#appointment-detail .appointment-detail-header{padding:1.08rem 1.08rem .98rem}#appointment-detail .appointment-detail-date{font-size:1.08rem}#appointment-detail .appointment-detail-time,#container-ConfirmAppointmentModern .confirm-reservation-time{font-size:1.1rem}}@media (min-width:1200px){.app-shell{padding:var(--space-6)}.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}