@import '_content/RISuiteSharedUI/RISuiteSharedUI.jb7gikhwnn.bundle.scp.css';

/* /Components/Features/Dashboard/ExpositorPanelSection.razor.rz.scp.css */
.expositorPanelBody[b-dsvxv5otfz] {
    background: #f8fafc;
    min-height: 100vh;
}

.cargandoMsg[b-dsvxv5otfz] {
    text-align: center;
    padding: 60px;
    color: #9ca3af;
    font-size: 13px;
}

.headerTop[b-dsvxv5otfz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
    flex-wrap: wrap;
    gap: 12px;
}

    .headerTop h1[b-dsvxv5otfz] {
        margin: 0 0 4px;
        font-size: 26px;
        font-weight: 900;
        font-family: Georgia,'Times New Roman',serif;
    }

.headerBottom[b-dsvxv5otfz] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex: 1;
    min-width: 260px;
}
    .headerBottom label[b-dsvxv5otfz] {
        font-size: 11px;
        font-weight: 700;
        color: #6b7280;
        text-transform: uppercase;
        letter-spacing: .5px;
        display: block;
        margin-bottom: 4px;
    }

    .expositorStatArea[b-dsvxv5otfz] {
        display: flex;
        gap: 20px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 28px;
        align-items: stretch;
        justify-items: center;
    }
.expositorName[b-dsvxv5otfz] {
    font-size: 14px;
    font-weight: 700;
}

.warningNoBusinessBody[b-dsvxv5otfz] {
    background: white;
    border-radius: 12px;
    padding: 48px 24px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
    .warningNoBusinessBody h3[b-dsvxv5otfz] {
        margin: 12px 0 6px;
        font-size: 18px;
        font-weight: 700;
    }
    .warningIcon[b-dsvxv5otfz] {
        font-size: 40px;
        margin: 0;
    }
.warningMsg[b-dsvxv5otfz] {
    margin: 0 0 20px;
    font-size: 13px;
    color: #6b7280;
}

.headerArea[b-dsvxv5otfz] {
    margin-bottom: 20px;
    display: flex;
    gap: 16px;
    flex-wrap: nowrap;
    flex-direction: column;
}

#expositorEvents h3[b-dsvxv5otfz] {
    margin: 0 0 20px;
    font-size: 17px;
    font-weight: 700;
}

.eventsMsg[b-dsvxv5otfz] {
    margin-bottom: 16px;
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 13px;
}
.eventsMsg-ok[b-dsvxv5otfz] {
    background: #f0fdf4;
    color: #15803d;
}
eventsMsg-fail[b-dsvxv5otfz] {
    background: #fef2f2;
    color: #dc2626;
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.headerBusinessIcon[b-dsvxv5otfz] {
    font-size: 20px;
}

.headerBusinessInfo[b-dsvxv5otfz] {
    flex: 1;
    min-width: 0;
}

.businessSelect[b-dsvxv5otfz] {
    font-size: 14px;
    font-weight: 700;
}

.expositorEventsEmpty[b-dsvxv5otfz] {
    text-align: center;
    padding: 40px;
    color: #9ca3af;
}

.expositorEventsEmptyIcon[b-dsvxv5otfz] {
    font-size: 36px;
}

.expositorEventsList[b-dsvxv5otfz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
/* /Components/Features/Dashboard/ExpositorPanel/EventsRow.razor.rz.scp.css */
.eventRowBody[b-3f9mthonhx] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
}
    .eventRowBody .event-Cancelado[b-3f9mthonhx] {
        border-color: #fecaca;
        opacity: .75;
    }
.eventRowHeader[b-3f9mthonhx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
}
    .eventRowHeader img[b-3f9mthonhx] {
        width: 44px;
        height: 44px;
        border-radius: 8px;
        object-fit: cover;
        flex-shrink: 0;
    }
.eventTitle[b-3f9mthonhx] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}
    .eventTitle .event-Cancelado[b-3f9mthonhx] {
        text-decoration: line-through;
        color: #9ca3af;
    }
.eventSubtitle[b-3f9mthonhx] {
    margin: 2px 0 0;
    font-size: 12px;
    color: #6b7280;
}

.eventStatus[b-3f9mthonhx] {
    padding: 4px 10px;
    border-radius: 99px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}
    .eventStatus .status-published[b-3f9mthonhx] {
        background: #f0fdf4;
        color: #15803d;
    }
    .eventStatus .status-draft[b-3f9mthonhx] {
        background: #f1f5f9;
        color: #6b7280;
    }
    .eventStatus .status-cancelled[b-3f9mthonhx] {
        background: #fef2f2;
        color: #dc2626;
    }
.buttonsArea[b-3f9mthonhx] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

    .buttonsArea button[b-3f9mthonhx] {
        padding: 5px 8px;
        border-radius: 5px;
        border: 1px solid #e5e7eb;
        background: white;
        font-size: 11px;
    }
.scheduleRow[b-3f9mthonhx] {
    border-top: 1px solid #f3f4f6;
    background: #fafafa;
}
    .scheduleRow > p[b-3f9mthonhx] {
        margin: 0;
        padding: 12px 16px;
        font-size: 12px;
        color: #9ca3af;
    }

.slotRow[b-3f9mthonhx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-top: 1px solid #f3f4f6;
}

    .slotRow.cancelled[b-3f9mthonhx] {
        background: #fef2f2;
    }

.slotWhen[b-3f9mthonhx] {
    width: 150px;
    flex-shrink: 0;
}

.slotDate[b-3f9mthonhx] {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
}

.slotLabel[b-3f9mthonhx] {
    margin: 1px 0 0;
    font-size: 11px;
    color: #9ca3af;
}

.cancelled .slotDate[b-3f9mthonhx] {
    color: #9ca3af;
    text-decoration: line-through;
}

.slotMiddle[b-3f9mthonhx] {
    flex: 1;
    min-width: 0;
}

.slotBar[b-3f9mthonhx] {
    height: 6px;
    border-radius: 3px;
    background: #e5e7eb;
    overflow: hidden;
}

.slotBarFill[b-3f9mthonhx] {
    height: 100%;
}

.slotRight[b-3f9mthonhx] {
    width: 120px;
    flex-shrink: 0;
    text-align: right;
    font-size: 12px;
}

.slotMuted[b-3f9mthonhx] {
    font-size: 11px;
    color: #9ca3af;
}

.slotCancelledTag[b-3f9mthonhx] {
    font-size: 11px;
    font-weight: 700;
    color: #dc2626;
}

.slotFree[b-3f9mthonhx] {
    margin-left: 6px;
    color: #6b7280;
}

    .slotFree.full[b-3f9mthonhx] {
        color: #dc2626;
    }

.btnCancelSmall[b-3f9mthonhx] {
    padding: 4px 8px;
    border-radius: 5px;
    border: 1px solid #fca5a5;
    background: white;
    color: #dc2626;
    font-size: 11px;
    cursor: pointer;
    flex-shrink: 0;
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.eventTitleArea[b-3f9mthonhx] {
    flex: 1;
    min-width: 0;
}

/* Van con .buttonsArea para ganarle a ".buttonsArea button". */
.buttonsArea .btnPublish[b-3f9mthonhx] {
    background: #16a34a;
    color: white;
    font-weight: 700;
}

.buttonsArea .btnCancelEvent[b-3f9mthonhx] {
    color: #dc2626;
    font-weight: 600;
    border-color: #fca5a5;
}

/* ── Responsive ─────────────────────────────────────────────────
   La cabecera (imagen + titulo + estado + hasta 4 botones) y el
   renglon de horario (150px + barra + 120px + boton) no cabian. */
@media (max-width: 768px) {
    .eventRowHeader[b-3f9mthonhx] {
        flex-wrap: wrap;
    }

    .buttonsArea[b-3f9mthonhx] {
        width: 100%;
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .slotRow[b-3f9mthonhx] {
        flex-wrap: wrap;
    }

    .slotWhen[b-3f9mthonhx] {
        width: auto;
        flex: 1 1 auto;
    }

    .slotRight[b-3f9mthonhx] {
        width: auto;
    }

    .slotMiddle[b-3f9mthonhx] {
        flex-basis: 100%;
        order: 1;
    }

    .btnCancelSmall[b-3f9mthonhx] {
        order: 2;
        margin-left: auto;
    }
}
/* /Components/Features/Dashboard/ExpositorPanel/ExpositorEventStats.razor.rz.scp.css */
.eventStatBody[b-xgwox1oc53] {
    padding: 18px;
    text-align: center;
    min-height: 142px;
    min-width: 200px;
    max-width: 250px;
}

.eventStatIcon[b-xgwox1oc53] {
    font-size: 24px;
    margin-bottom:10px;
}
.eventStatCount[b-xgwox1oc53] {
    font-size: 24px;
    font-weight: 900;
    color: #c41230;
}

.eventStatText[b-xgwox1oc53] {
    font-size: 11px;
    color: #9ca3af;
    font-family: Arial,sans-serif;
}

/* ── Responsive ─────────────────────────────────────────────────
   En tablet/celular las 4 tarjetas quedan de 2 en 2 (gap del
   contenedor = 20px) en vez de una por renglon a medio ancho. */
@media (max-width: 768px) {
    .eventStatBody[b-xgwox1oc53] {
        flex: 1 1 calc(50% - 10px);
        min-width: 0;
        max-width: none;
    }
}
/* /Components/Features/Dashboard/ExpositorPanel/NewEventModal.razor.rz.scp.css */
body[b-oq2sq9ahyt] {
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.newEventModalBG[b-oq2sq9ahyt] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.65);
    z-index: 600;
    overflow-y: auto;
    padding: 24px;
}

.newEventModalBody[b-oq2sq9ahyt] {
    background: white;
    border-radius: 16px;
    max-width: 720px;
    margin: auto;
    padding: 32px;
}

.newEventModalHeader[b-oq2sq9ahyt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.newEventModalTitle[b-oq2sq9ahyt] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}

.newEventModalClose[b-oq2sq9ahyt] {
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: #6b7280;
}

.newEventStatusRow[b-oq2sq9ahyt] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}

.newEventTabs[b-oq2sq9ahyt] {
    display: flex;
    gap: 4px;
    margin-bottom: 24px;
    background: #f8fafc;
    border-radius: 8px;
    padding: 4px;
}

/* background y color siguen inline porque dependen de eventFormOk */
.newEventFormMsg[b-oq2sq9ahyt] {
    margin-top: 12px;
    padding: 10px;
    border-radius: 6px;
    font-size: 13px;
}

.newEventFooter[b-oq2sq9ahyt] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    justify-content: space-between;
    align-items: center;
}

.newEventFooterNav[b-oq2sq9ahyt] {
    display: flex;
    gap: 8px;
}

.newEventFooterActions[b-oq2sq9ahyt] {
    display: flex;
    gap: 10px;
}

.newEventBtnPrev[b-oq2sq9ahyt] {
    padding: 10px 16px;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
    background: white;
    cursor: pointer;
    font-size: 13px;
}

.newEventBtnNext[b-oq2sq9ahyt] {
    padding: 10px 16px;
    border-radius: 6px;
    border: 1px solid #0f172a;
    background: #0f172a;
    color: white;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

.newEventBtnCancel[b-oq2sq9ahyt] {
    padding: 10px 20px;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
    background: white;
    cursor: pointer;
}

.newEventBtnSave[b-oq2sq9ahyt] {
    padding: 10px 24px;
    border-radius: 6px;
    border: none;
    background: #c41230;
    color: white;
    font-weight: 700;
    cursor: pointer;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 768px) {
    .newEventModalBG[b-oq2sq9ahyt] {
        padding: 12px;
    }

    .newEventModalBody[b-oq2sq9ahyt] {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .newEventModalBody[b-oq2sq9ahyt] {
        padding: 16px;
    }

    .newEventTabs[b-oq2sq9ahyt] {
        flex-wrap: wrap;
    }

    .newEventFooter[b-oq2sq9ahyt] {
        flex-wrap: wrap;
    }

    .newEventFooterActions[b-oq2sq9ahyt] {
        margin-left: auto;
    }
}
/* /Components/Features/Dashboard/ExpositorPanel/NewEventModalUI/FormTabButton.razor.rz.scp.css */
.formTabButton[b-kedkscw5i6] {
    flex: 1;
    padding: 8px;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    background: transparent;
    color: #6b7280;
    box-shadow: none;
}
    .formTabButton .btn-active[b-kedkscw5i6] {
        background: white;
        color: #111827;
        box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    }

/* ── Responsive: en celular las 4 pestanas quedan de 2 en 2 ── */
@media (max-width: 480px) {
    .formTabButton[b-kedkscw5i6] {
        flex: 1 1 calc(50% - 2px);
    }
}
/* /Components/Features/Dashboard/ExpositorPanel/NewEventModalUI/InfoTabSection.razor.rz.scp.css */
body[b-icfzjnr9sn] {
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.infoTabGrid[b-icfzjnr9sn] {
    display: grid;
    gap: 16px;
}

.infoTabTwoCols[b-icfzjnr9sn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 480px) {
    .infoTabTwoCols[b-icfzjnr9sn] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Features/Dashboard/ExpositorPanel/NewEventModalUI/InfoTab/MultiElementRow.razor.rz.scp.css */
body[b-h863johzmv] {
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.multiRowInput[b-h863johzmv] {
    display: flex;
    gap: 6px;
}

.multiRowItem[b-h863johzmv] {
    display: flex;
    gap: 6px;
    margin-top: 6px;
    align-items: center;
}

.multiRowCheck[b-h863johzmv] {
    font-size: 13px;
}

.multiRowText[b-h863johzmv] {
    flex: 1;
    font-size: 13px;
    padding: 6px 10px;
    background: #f8fafc;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
}

.multiRowRemove[b-h863johzmv] {
    padding: 4px 8px;
    border-radius: 5px;
    border: 1px solid #fca5a5;
    background: white;
    color: #dc2626;
    font-size: 11px;
    cursor: pointer;
}
/* /Components/Features/Dashboard/ExpositorPanel/NewEventModalUI/MediaTabSection.razor.rz.scp.css */
body[b-40jz20y7v4] {
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.mediaTabGrid[b-40jz20y7v4] {
    display: grid;
    gap: 16px;
}

.mainImgPreview[b-40jz20y7v4] {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 200px;
    text-align: center;
    background: #f1f5f9;
}

.mainImg[b-40jz20y7v4] {
    width: auto;
    height: 100%;
    object-fit: cover;
}

.mainImgRemove[b-40jz20y7v4] {
    position: absolute;
    top: 6px;
    right: 6px;
    background: rgba(0,0,0,0.6);
    color: white;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 11px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.noImgBox[b-40jz20y7v4] {
    height: 160px;
    background: #f1f5f9;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #e5e7eb;
}

.noImgContent[b-40jz20y7v4] {
    text-align: center;
    color: #9ca3af;
}

.noImgIcon[b-40jz20y7v4] {
    font-size: 32px;
    margin: 0;
}

.noImgText[b-40jz20y7v4] {
    font-size: 13px;
    margin: 4px 0 0;
}

.uploadLabel[b-40jz20y7v4] {
    font-size: 12px;
    font-weight: 700;
    display: block;
    margin-bottom: 8px;
}

.uploadingText[b-40jz20y7v4] {
    font-size: 12px;
    color: #6b7280;
    margin-top: 6px;
}

/* background y color siguen inline porque dependen de imageOk */
.imageMsg[b-40jz20y7v4] {
    padding: 10px;
    border-radius: 6px;
    font-size: 13px;
}
/* /Components/Features/Dashboard/ExpositorPanel/NewEventModalUI/MediaTab/AddMultiImages.razor.rz.scp.css */
body[b-ktyouvwkrz] {
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.multiImgGrid[b-ktyouvwkrz] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.multiImgItem[b-ktyouvwkrz] {
    position: relative;
    aspect-ratio: 16/9;
    border-radius: 6px;
    overflow: hidden;
    background: #f1f5f9;
}

.multiImgImg[b-ktyouvwkrz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.multiImgRemove[b-ktyouvwkrz] {
    position: absolute;
    top: 3px;
    right: 3px;
    background: rgba(0,0,0,0.6);
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.multiImgUpload[b-ktyouvwkrz] {
    border: 2px dashed #e5e7eb;
    border-radius: 8px;
    padding: 12px;
    background: #fafafa;
}

.multiImgHint[b-ktyouvwkrz] {
    margin: 0 0 6px;
    font-size: 11px;
    color: #6b7280;
}

.multiImgUploading[b-ktyouvwkrz] {
    margin: 6px 0 0;
    font-size: 11px;
    color: #6b7280;
}
/* /Components/Features/Dashboard/ExpositorPanel/NewEventModalUI/MediaTab/AddVideo.razor.rz.scp.css */
body[b-goxobgl5de] {
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.addVideoPreview[b-goxobgl5de] {
    background: #0f172a;
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 8px;
    position: relative;
}

.addVideoEmbed[b-goxobgl5de] {
    aspect-ratio: 16/9;
    border-radius: 6px;
    overflow: hidden;
    background: black;
}

.addVideoIframe[b-goxobgl5de] {
    width: 100%;
    height: 100%;
    border: 0;
}

.addVideoWarn[b-goxobgl5de] {
    color: #fbbf24;
    font-size: 12px;
    margin: 4px;
}

.addVideoPlayer[b-goxobgl5de] {
    width: 100%;
    max-height: 240px;
    border-radius: 6px;
    background: black;
}

.addVideoClearOverlay[b-goxobgl5de] {
    position: absolute;
    top: 14px;
    right: 14px;
    background: rgba(0,0,0,0.7);
    color: white;
    border: none;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    font-size: 12px;
    cursor: pointer;
}

.addVideoInputRow[b-goxobgl5de] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
}

.addVideoClearBtn[b-goxobgl5de] {
    padding: 4px 8px;
    border-radius: 5px;
    border: 1px solid #fca5a5;
    background: white;
    color: #dc2626;
    font-size: 11px;
    cursor: pointer;
}
/* /Components/Features/Dashboard/ExpositorPanel/NewEventModalUI/ScheduleTabSection.razor.rz.scp.css */
body[b-o8f3svrpmu] {
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.mainScheduleBox[b-o8f3svrpmu] {
    background: #fef2f2;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 20px;
    border: 1px solid #fecaca;
}

.mainScheduleTitle[b-o8f3svrpmu] {
    margin: 0 0 12px;
    font-size: 13px;
    font-weight: 700;
    color: #c41230;
}

.scheduleGrid[b-o8f3svrpmu] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
}

.scheduleGridExtra[b-o8f3svrpmu] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.scheduleLabelRow[b-o8f3svrpmu] {
    margin-top: 8px;
}

.extraSchedules[b-o8f3svrpmu] {
    margin-bottom: 16px;
}

.extraSchedulesHeader[b-o8f3svrpmu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.extraSchedulesTitle[b-o8f3svrpmu] {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #374151;
}

.addScheduleBtn[b-o8f3svrpmu] {
    background: #0f172a;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.noSchedulesBox[b-o8f3svrpmu] {
    text-align: center;
    padding: 24px;
    background: #f8fafc;
    border-radius: 8px;
    border: 2px dashed #e5e7eb;
    color: #9ca3af;
}

.noSchedulesText[b-o8f3svrpmu] {
    font-size: 13px;
    margin: 0;
}

.extraScheduleItem[b-o8f3svrpmu] {
    background: #f8fafc;
    border-radius: 8px;
    padding: 14px;
    margin-bottom: 10px;
    border: 1px solid #e5e7eb;
}

.extraScheduleItemHeader[b-o8f3svrpmu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.extraScheduleNumber[b-o8f3svrpmu] {
    font-size: 12px;
    font-weight: 700;
    color: #374151;
}

.removeScheduleBtn[b-o8f3svrpmu] {
    background: #fef2f2;
    color: #dc2626;
    border: none;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 11px;
    cursor: pointer;
}

/* ── Responsive ─────────────────────────────────────────────────
   Fecha / hora / duracion en 3 columnas no caben en pantallas
   angostas (los inputs de fecha y hora tienen ancho minimo). */
@media (max-width: 768px) {
    .scheduleGrid[b-o8f3svrpmu],
    .scheduleGridExtra[b-o8f3svrpmu] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .scheduleGrid[b-o8f3svrpmu],
    .scheduleGridExtra[b-o8f3svrpmu] {
        grid-template-columns: 1fr;
    }

    .extraSchedulesHeader[b-o8f3svrpmu] {
        flex-wrap: wrap;
        gap: 8px;
    }
}
/* /Components/Features/Dashboard/ExpositorPanel/NewEventModalUI/VideoCallTabSection.razor.rz.scp.css */
.videoCallBox[b-8599ihso5i] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
}
.headerBody[b-8599ihso5i] {
    background: #667ad7;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.headerIcon[b-8599ihso5i] {
    font-size: 20px;
}
.headerTitle[b-8599ihso5i] {
    margin: 0 0 1px;
    font-size: 13px;
    font-weight: 700;
    color: white;
}

.headerSubtitle[b-8599ihso5i] {
    margin: 0;
    font-size: 11px;
    color: rgba(255,255,255,0.5);
}
.videoCallOptions[b-8599ihso5i] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: white;
}
/* /Components/Features/Dashboard/ExpositorPanel/NewEventModalUI/VideoCallTab/GenerateVideoCallUrl.razor.rz.scp.css */


.areaTypeCall[b-fx0ujaztge] {
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .2s;
}
    .areaTypeCall.active[b-fx0ujaztge] {
        border-color: #16a34a;
    }
.descrTypeCall[b-fx0ujaztge] {
    width: 100%;
    background: #f8fafc;
    border: none;
    padding: 14px 16px;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.areaTypeCall.active .descrTypeCall[b-fx0ujaztge] {
    background: #f0fdf4;
}
.checkTypeCall[b-fx0ujaztge] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #d1d5db;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}
    .checkTypeCall span[b-fx0ujaztge] {
        color: white;
        font-size: 12px;
        font-weight: 900;
    }

.areaTypeCall.active .checkTypeCall[b-fx0ujaztge] {
    border-color: #16a34a;
    background: #16a34a;
}
.descrTop[b-fx0ujaztge] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}
    .descrTop #titleTypeCall[b-fx0ujaztge] {
        font-size: 14px;
        font-weight: 700;
        color: #111827;
    }
    .descrTop #recommendedFlag[b-fx0ujaztge] {
        background: #dcfce7;
        color: #15803d;
        font-size: 10px;
        font-weight: 700;
        padding: 2px 8px;
        border-radius: 99px;
    }
    .descrTop #freeFlag[b-fx0ujaztge] {
        background: #f1f5f9;
        color: #6b7280;
        font-size: 10px;
        padding: 2px 8px;
        border-radius: 99px;
    }
.bodyMsg[b-fx0ujaztge] {
    background: white;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 10px;
}
.bodyMsgTitle[b-fx0ujaztge] {
    margin: 0 0 4px;
    font-size: 11px;
    color: #6b7280;
    font-weight: 700;
}
.bodyMsgBody[b-fx0ujaztge] {
    margin: 6px 0 0;
    font-size: 12px;
    color: #6b7280;
}

.optionInfo[b-fx0ujaztge] {
    flex: 1;
}

.optionDesc[b-fx0ujaztge] {
    margin: 0;
    font-size: 12px;
    color: #6b7280;
    line-height: 1.6;
}

.optionDescSpaced[b-fx0ujaztge] {
    margin: 4px 0 0;
    font-size: 12px;
    color: #6b7280;
    line-height: 1.6;
}

.optionJitsiBody[b-fx0ujaztge] {
    border-top: 1px solid #dcfce7;
    padding: 14px 16px;
    background: #f0fdf4;
}

.optionOtherBody[b-fx0ujaztge] {
    padding: 14px 16px;
    background: #f0fdf4;
}

.roomLink[b-fx0ujaztge] {
    font-size: 13px;
    color: #15803d;
    font-weight: 700;
    word-break: break-all;
    text-decoration: none;
}

.roomActions[b-fx0ujaztge] {
    display: flex;
    gap: 8px;
}

.roomTestBtn[b-fx0ujaztge] {
    flex: 1;
    padding: 9px;
    border-radius: 7px;
    background: #16a34a;
    color: white;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.createRoomBtn[b-fx0ujaztge] {
    width: 100%;
    padding: 11px;
    border-radius: 7px;
    border: none;
    background: linear-gradient(135deg,#16a34a,#15803d);
    color: white;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.otherFields[b-fx0ujaztge] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.otherFieldsGrid[b-fx0ujaztge] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 480px) {
    .otherFieldsGrid[b-fx0ujaztge] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Features/Dashboard/MyBusinessesSection.razor.rz.scp.css */

.myBusinessHeader[b-rgq7ar7wgz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 12px;
}
    .myBusinessHeader h3[b-rgq7ar7wgz] {
        margin: 0;
        font-size: 17px;
        font-weight: 700;
    }

.myEventsMsg[b-rgq7ar7wgz] {
    margin-bottom: 16px;
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 13px;
}

    .myEventsMsg .msg-ok[b-rgq7ar7wgz] {
        background: #f0fdf4;
        color: #15803d
    }

    .myEventsMsg .msg-fail[b-rgq7ar7wgz] {
        background: #fef2f2;
        color: #dc2626;
    }
.businessElement[b-rgq7ar7wgz] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    min-width: 360px;
    flex: 1;
    background: white;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
}
    .businessElement #busIcon[b-rgq7ar7wgz] {
        font-size: 22px;
    }
    .businessElement #busArrow[b-rgq7ar7wgz] {
        color: #9ca3af;
        font-size: 16px;
    }
.busName[b-rgq7ar7wgz] {
    flex: 1;
    min-width: 0;
}
    .busName p[b-rgq7ar7wgz] {
        margin: 0;
        font-size: 14px;
        font-weight: 700;
    }

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.myBusinessEmpty[b-rgq7ar7wgz] {
    text-align: center;
    padding: 40px;
    color: #9ca3af;
}

.myBusinessEmptyIcon[b-rgq7ar7wgz] {
    font-size: 36px;
    margin: 0;
}

.myBusinessEmptyText[b-rgq7ar7wgz] {
    margin: 8px 0 4px;
}

.myBusinessEmptyHint[b-rgq7ar7wgz] {
    margin: 0;
    font-size: 12px;
}

.businessList[b-rgq7ar7wgz] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

/* ── Responsive ─────────────────────────────────────────────────
   min-width de 360px desbordaba en celular. */
@media (max-width: 480px) {
    .businessElement[b-rgq7ar7wgz] {
        min-width: 0;
        flex-basis: 100%;
    }
}
/* /Components/Features/Dashboard/MyBusiness/BusinessDetailModal.razor.rz.scp.css */
.businessModalBG[b-n3wdeyz2zj] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.65);
    z-index: 600;
    overflow-y: auto;
    padding: 24px;
}
.businessModalBody[b-n3wdeyz2zj] {
    background: white;
    border-radius: 16px;
    max-width: 720px;
    margin: auto;
}
.businessModalHeader[b-n3wdeyz2zj] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 24px 28px 20px;
    border-bottom: 1px solid #f1f5f9;
}
    .businessModalHeader>span[b-n3wdeyz2zj] {
        font-size: 34px;
        line-height: 1;
    }
.businessName[b-n3wdeyz2zj] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}
.businessGiro[b-n3wdeyz2zj] {
    display: inline-block;
    margin-top: 6px;
    padding: 3px 10px;
    border-radius: 99px;
    font-size: 11px;
    font-weight: 700;
    background: #f1f5f9;
    color: #475569;
}
.businessListLoading[b-n3wdeyz2zj] {
    padding: 48px;
    text-align: center;
    color: #9ca3af;
    font-size: 13px;
}
.businessListNull[b-n3wdeyz2zj] {
    padding: 48px;
    text-align: center;
    color: #dc2626;
    font-size: 13px;
}
.businessTitleSection[b-n3wdeyz2zj] {
    margin: 0 0 14px;
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: .6px;
}
.businessTextValue[b-n3wdeyz2zj] {
    margin: 0;
    font-size: 14px;
    color: #334155;
    font-weight: 600;
}
.businessValueRow[b-n3wdeyz2zj] {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
    gap: 16px 24px;
}
.businessTextField[b-n3wdeyz2zj] {
    margin: 0 0 2px;
    font-size: 11px;
    color: #94a3b8;
}
.businessActionArea[b-n3wdeyz2zj] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding: 18px 28px;
    border-top: 1px solid #f1f5f9;
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.businessHeaderInfo[b-n3wdeyz2zj] {
    flex: 1;
    min-width: 0;
}

.businessModalContent[b-n3wdeyz2zj] {
    padding: 24px 28px;
    display: grid;
    gap: 28px;
}

.businessTextValue.businessTextValueSpaced[b-n3wdeyz2zj] {
    margin-bottom: 10px;
}

.businessLink[b-n3wdeyz2zj] {
    font-size: 14px;
    color: #2563eb;
    font-weight: 600;
    text-decoration: none;
    word-break: break-all;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 480px) {
    .businessModalBG[b-n3wdeyz2zj] {
        padding: 12px;
    }

    .businessModalHeader[b-n3wdeyz2zj] {
        padding: 20px 18px 16px;
    }

    .businessModalContent[b-n3wdeyz2zj] {
        padding: 20px 18px;
    }

    .businessActionArea[b-n3wdeyz2zj] {
        padding: 16px 18px;
        flex-wrap: wrap;
    }
}
/* /Components/Features/Dashboard/MyEventsSection.razor.rz.scp.css */

.myEventsHeader[b-a2gd91gezx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 12px;
}
    .myEventsHeader h3[b-a2gd91gezx] {
        margin: 0;
        font-size: 17px;
        font-weight: 700;
    }
.myEventsFilterArea[b-a2gd91gezx] {
    display: flex;
    gap: 4px;
    background: #f8fafc;
    border-radius: 8px;
    padding: 3px;
}

.myEventsMsg[b-a2gd91gezx] {
    margin-bottom: 16px;
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 13px;
}
    .myEventsMsg .msg-ok[b-a2gd91gezx] {
        background: #f0fdf4;
        color: #15803d
    }
    .myEventsMsg .msg-fail[b-a2gd91gezx] {
        background: #fef2f2;
        color: #dc2626;
    }

.myEventsCargando[b-a2gd91gezx] {
    text-align: center;
    padding: 40px;
    color: #9ca3af;
    font-size: 13px;
}
.myEventsBtnGoTo[b-a2gd91gezx] {
    display: inline-block;
    background: #c41230;
    color: white;
    border-radius: 6px;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}
.myEventsListArea[b-a2gd91gezx] {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.myEventsEmpty[b-a2gd91gezx] {
    text-align: center;
    padding: 40px;
    color: #9ca3af;
}

.myEventsEmptyIcon[b-a2gd91gezx] {
    font-size: 36px;
    margin: 0;
}

.myEventsEmptyText[b-a2gd91gezx] {
    margin: 8px 0 16px;
}
/* /Components/Features/Dashboard/MyEvents/MyEventsRow.razor.rz.scp.css */
.eventRowArea[b-ybtycwi779] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    display: flex;
    gap: 0;
    align-items: stretch;
    min-width: 600px;
    display: flex;
    flex-direction: column;
    padding: 15px;
}
.evImgArea[b-ybtycwi779] {
    width: 100px;
    min-width: 100px;
    height: 75px; 
    background: #0f172a;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 10px 0 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .evImgArea img[b-ybtycwi779] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        opacity: 0.9;
    }
.eventDetailArea[b-ybtycwi779] {
    flex: 1;
    padding: 14px 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.eventInfoArea[b-ybtycwi779] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    margin-left: 12px;
}
.eventInfoTitle[b-ybtycwi779] {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 700;
    color: #111827;
    line-height: 1.3;
}
.eventInfoName[b-ybtycwi779] {
    margin: 0 0 8px;
    font-size: 12px;
    color: #6b7280;
}
.eventInfoDateTime[b-ybtycwi779] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
    .eventInfoDateTime span[b-ybtycwi779] {
        font-size: 12px;
        color: #374151;
    }
.eventActionArea[b-ybtycwi779] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
    justify-content: space-around;
}
.eventActionJoin[b-ybtycwi779] {
    background: linear-gradient(135deg,#2563eb,#1d4ed8);
    color: white;
    padding: 7px 14px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}
.eventActionView[b-ybtycwi779] {
    background: #f1f5f9;
    color: #374151;
    padding: 7px 14px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    min-width: 160px;
    text-align: center;
}
.eventActionCancel[b-ybtycwi779] {
    background: white;
    color: #9ca3af;
    padding: 7px 12px;
    border-radius: 6px;
    font-size: 12px;
    border: 1px solid #e5e7eb;
    min-width: 160px;
}

/* ── Responsive ─────────────────────────────────────────────────
   min-width de 600px desbordaba la pantalla en tablet y celular. */
@media (max-width: 768px) {
    .eventRowArea[b-ybtycwi779] {
        min-width: 0;
        width: 100%;
        
    }
    .eventActionArea[b-ybtycwi779] {
        justify-content: flex-end;
    }
    
}
/* /Components/Features/EventsDetail/AboutEventSection.razor.rz.scp.css */


.ev-description[b-64mpwvdo2g] {
    font-size: 17px;
    line-height: 1.9;
    color: rgba(255,255,255,0.78);
    font-family: 'DM Sans', sans-serif;
    font-weight: 300;
}

    .ev-description p[b-64mpwvdo2g] {
        margin: 0 0 16px;
    }

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.ev-section.ev-about-section[b-64mpwvdo2g] {
    animation-delay: .1s;
    margin-bottom: 52px;
}
/* /Components/Features/EventsDetail/AboutExpositorSection.razor.rz.scp.css */
/* ── EXPOSITOR SECTION ────────────────────────────── */
.expositor-card[b-ji2e4ymx7u] {
    background: var(--glass);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.exp-avatar[b-ji2e4ymx7u] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e1e2e, #2d2d40);
    color: white;
    font-size: 22px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: 'Playfair Display', serif;
    border: 2px solid rgba(201,168,76,0.3);
}

.exp-name[b-ji2e4ymx7u] {
    font-size: 18px;
    font-weight: 700;
    color: white;
    margin: 0 0 4px;
}

.exp-bio[b-ji2e4ymx7u] {
    font-size: 13px;
    color: var(--muted);
    margin: 0;
    line-height: 1.6;
}
/* /Components/Features/EventsDetail/BenefitsEventSection.razor.rz.scp.css */
.benefitsArea[b-f82azbnuho] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
    gap: 14px;
}

.benefitsBackArea[b-f82azbnuho] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 18px 20px;
}

.benefitsCheckIcon[b-f82azbnuho] {
    width: 24px;
    height: 24px;
    background: linear-gradient(135deg,#059669,#047857);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-shrink: 0;
    margin-top: 1px;
}
.benefitsText[b-f82azbnuho] {
    margin: 0;
    color: rgba(255,255,255,0.8);
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.ev-section.ev-delay-20[b-f82azbnuho] {
    animation-delay: .2s;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 480px) {
    .benefitsArea[b-f82azbnuho] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Features/EventsDetail/GallerySection.razor.rz.scp.css */
.ev-gallery-solo[b-74rly1ymwx] {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 260px;
    max-height: 520px;
    /* Capa de blur sobre el fondo para imágenes muy verticales */
}

    .ev-gallery-solo[b-74rly1ymwx]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: inherit;
        background-image: inherit;
        filter: blur(28px) brightness(.5);
        transform: scale(1.1);
    }

    .ev-gallery-solo img[b-74rly1ymwx] {
        position: relative;
        z-index: 1;
        max-width: 100%;
        max-height: 520px;
        object-fit: contain;
        display: block;
        border-radius: 8px;
        box-shadow: 0 8px 32px rgba(0,0,0,.5);
    }

/* Masonry con CSS columns: respeta aspect-ratio real de cada imagen.
           Verticales aparecen verticales, horizontales aparecen horizontales.
           Sin recortes ni deformaciones. */
.ev-gallery-masonry[b-74rly1ymwx] {
    column-count: 3;
    column-gap: 12px;
}

.ev-gallery-item[b-74rly1ymwx] {
    break-inside: avoid;
    margin-bottom: 12px;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(255,255,255,0.04);
    transition: transform .3s ease, box-shadow .3s ease;
}

    .ev-gallery-item:hover[b-74rly1ymwx] {
        transform: translateY(-3px);
        box-shadow: 0 12px 24px rgba(0,0,0,.4);
    }

    .ev-gallery-item img[b-74rly1ymwx] {
        width: 100%;
        height: auto;
        display: block;
    }

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.ev-section.ev-delay-28[b-74rly1ymwx] {
    animation-delay: .28s;
}

/* ── Responsive ─────────────────────────────────────────────────
   Igual que en SchedulesSection: estas reglas vivian en
   EventsPage.razor.css y no llegaban a este componente. */
@media (max-width: 900px) {
    .ev-gallery-masonry[b-74rly1ymwx] {
        column-count: 2;
    }
}

@media (max-width: 560px) {
    .ev-gallery-masonry[b-74rly1ymwx] {
        column-count: 1;
    }

    .ev-gallery-solo[b-74rly1ymwx] {
        max-height: 380px;
    }

        .ev-gallery-solo img[b-74rly1ymwx] {
            max-height: 380px;
        }
}
/* /Components/Features/EventsDetail/HeroEventSection.razor.rz.scp.css */
.ev-hero[b-om2ekbtbhh] {
    position: relative;
    height: 100vh;
    min-height: 600px;
    max-height: 700px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

.ev-hero-img[b-om2ekbtbhh] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.08);
    animation: heroZoom-b-om2ekbtbhh 12s ease-out forwards;
}

@keyframes heroZoom-b-om2ekbtbhh {
    from {
        transform: scale(1.08);
    }

    to {
        transform: scale(1.0);
    }
}

.ev-hero-img.no-img[b-om2ekbtbhh] {
    background: radial-gradient(ellipse at 30% 50%, #1a1040 0%, #0a0a0f 60%);
    animation: none;
}

.ev-hero-overlay[b-om2ekbtbhh] {
    position: absolute;
    inset: 0;
    background: linear-gradient( to bottom, rgba(10,10,15,0.2) 0%, rgba(10,10,15,0.1) 30%, rgba(10,10,15,0.7) 65%, rgba(10,10,15,1.0) 100% );
}

.ev-hero-noise[b-om2ekbtbhh] {
    position: absolute;
    inset: 0;
    opacity: .03;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
}

.ev-hero-content[b-om2ekbtbhh] {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 0 0 64px;
}

.ev-back-link[b-om2ekbtbhh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 20px 0;
    transition: color .2s;
}

    .ev-back-link:hover[b-om2ekbtbhh] {
        color: white;
        text-decoration: none;
    }

.ev-category-pill[b-om2ekbtbhh] {
    display: inline-block;
    background: var(--red);
    color: white;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 2px;
    margin-bottom: 20px;
}

.ev-hero-title[b-om2ekbtbhh] {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(40px, 6.5vw, 84px);
    font-weight: 900;
    color: white;
    line-height: 1.05;
    margin: 0 0 24px;
    text-shadow: 0 2px 40px rgba(0,0,0,0.4);
    animation: fadeUp-b-om2ekbtbhh .8s ease both;
}

@keyframes fadeUp-b-om2ekbtbhh {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ev-hero-meta[b-om2ekbtbhh] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    animation: fadeUp-b-om2ekbtbhh .8s .15s ease both;
}

.ev-hero-avatar[b-om2ekbtbhh] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--red), #7f0d1e);
    color: white;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: 'DM Sans', sans-serif;
    border: 2px solid rgba(255,255,255,0.2);
}

.ev-hero-expositor[b-om2ekbtbhh] {
    color: rgba(255,255,255,0.7);
}

    .ev-hero-expositor strong[b-om2ekbtbhh] {
        color: white;
        font-weight: 600;
        display: block;
        font-size: 15px;
    }

    .ev-hero-expositor span[b-om2ekbtbhh] {
        font-size: 12px;
    }

/* ── Responsive ─────────────────────────────────────────────────
   Regla que ya existia en EventsPage.razor.css pero no alcanzaba a
   este componente. Se agrega el corte de palabras largas para que
   un titulo sin espacios no se salga de la pantalla. */
@media (max-width: 560px) {
    .ev-hero-title[b-om2ekbtbhh] {
        font-size: 32px;
        overflow-wrap: break-word;
    }
}
/* /Components/Features/EventsDetail/NoEventSection.razor.rz.scp.css */
.ev-noEventBody[b-946xcr426z] {
    background: #0a0a0f;
    text-align: center;
    padding: 80px;
    color: white;
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ev-noEventBody p[b-946xcr426z] {
        font-size: 48px;
        margin: 0 0 16px;
    }

    .ev-noEventBody h2[b-946xcr426z] {
        font-family: 'Playfair Display',serif;
    }
    .ev-noEventBody a[b-946xcr426z] {
        color: #c9a84c;
        text-decoration: none;
        font-size: 14px;
    }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 480px) {
    .ev-noEventBody[b-946xcr426z] {
        padding: 60px 20px;
    }
}
/* /Components/Features/EventsDetail/ObjetiveEventSection.razor.rz.scp.css */
.backObjetiveArea[b-isgyqf11wl] {
    background: rgba(196,18,48,0.1);
    border: 1px solid rgba(196,18,48,0.25);
    border-left: 4px solid #c41230;
    border-radius: 0 12px 12px 0;
    padding: 24px 28px;
}

.textObjetiveArea[b-isgyqf11wl] {
    margin: 0;
    color: rgba(255,255,255,0.85);
    font-size: 17px;
    line-height: 1.85;
    font-style: italic;
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.ev-section.ev-delay-15[b-isgyqf11wl] {
    animation-delay: .15s;
}
/* /Components/Features/EventsDetail/RegistrationCardSection.razor.rz.scp.css */
.ev-reg-card[b-00jend7iz6] {
    position: sticky;
    top: 24px;
    background: rgba(15,15,22,0.95);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    overflow: hidden;
    backdrop-filter: blur(20px);
    box-shadow: 0 32px 80px rgba(0,0,0,0.6);
    animation: fadeUp .6s .2s ease both;
}

.ev-reg-card-header[b-00jend7iz6] {
    padding: 0 28px 0;
    border-top: 3px solid #c41230;
    padding-top: 24px;
    margin-top: 0;
}

.ev-reg-card-title[b-00jend7iz6] {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    color: white;
    font-weight: 700;
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .ev-reg-card-title[b-00jend7iz6]::before {
        content: '';
        display: inline-block;
        width: 4px;
        height: 20px;
        background: #c41230;
        border-radius: 2px;
    }

@media (max-width: 900px) {

    .ev-reg-card[b-00jend7iz6] {
        position: static;
    }

}

/* Mismo colapso que .ev-grid en EventsPage (992px). */
@media (max-width: 991.98px) {
    .ev-reg-card[b-00jend7iz6] {
        position: static;
    }
}
/* /Components/Features/EventsDetail/RegistrationCard/ActionsRegButtons.razor.rz.scp.css */
.ev-reg-actions[b-bmw3zktz4v] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 20px 20px;
}

.btn-registro[b-bmw3zktz4v] {
    width: 100%;
    padding: 14px 20px;
    border: none;
    border-radius: var(--ri-radius);
    background: linear-gradient(135deg, var(--ri-red), var(--ri-red-dk));
    color: white;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 6px 24px rgba(var(--ri-red-rgb), .35);
    transition: transform .15s, box-shadow .15s;
}

    .btn-registro:hover:not(:disabled)[b-bmw3zktz4v] {
        transform: translateY(-2px);
        box-shadow: 0 10px 32px rgba(var(--ri-red-rgb), .45);
    }

    .btn-registro:active:not(:disabled)[b-bmw3zktz4v] {
        transform: translateY(0);
    }

    /* Cupo lleno o cargando: se apaga el rojo para que no invite al clic. */
    .btn-registro:disabled[b-bmw3zktz4v] {
        background: rgba(255,255,255,.07);
        color: rgba(255,255,255,.35);
        box-shadow: none;
        cursor: not-allowed;
        transform: none;
    }

    .btn-registro:focus-visible[b-bmw3zktz4v],
    .btn-acceso:focus-visible[b-bmw3zktz4v] {
        outline: 2px solid var(--ri-gold-brand);
        outline-offset: 2px;
    }

.ev-pasado[b-bmw3zktz4v] {
    align-self: center;
    padding: 20px;
    color: white;
}
.ya-inscrito[b-bmw3zktz4v] {
    width: 100%;
    padding: 13px 20px;
    border: 1px solid rgba(52,211,153,.35);
    border-radius: var(--ri-radius);
    background: rgba(52,211,153,.12);
    color: var(--ev-ok);
    font-size: 14px;
    font-weight: 800;
    text-align: center;
}

.btn-acceso[b-bmw3zktz4v] {
    display: block;
    width: 100%;
    padding: 13px 20px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: var(--ri-radius);
    background: rgba(255,255,255,.05);
    color: white;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: background .15s, border-color .15s;
}

    .btn-acceso:hover[b-bmw3zktz4v] {
        background: rgba(255,255,255,.1);
        border-color: rgba(255,255,255,.28);
    }


.ev-btn-register[b-bmw3zktz4v] {
    width: 100%;
    padding: 16px;
    background: linear-gradient(135deg, var(--red), #a50f28);
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 0.3px;
    transition: all .2s;
    box-shadow: 0 8px 32px rgba(196,18,48,0.4);
}

    .ev-btn-register:hover:not(:disabled)[b-bmw3zktz4v] {
        transform: translateY(-2px);
        box-shadow: 0 12px 40px rgba(196,18,48,0.55);
    }

    .ev-btn-register:disabled[b-bmw3zktz4v] {
        opacity: .6;
        cursor: not-allowed;
    }

.btn-cancelar[b-bmw3zktz4v] {
    width: 100%;
    padding: 10px;
    border: none;
    background: transparent;
    color: rgba(255,255,255,.4);
    font-size: 12px;
    cursor: pointer;
    text-decoration: underline;
}

    .btn-cancelar:hover:not(:disabled)[b-bmw3zktz4v] {
        color: var(--ev-alert);
    }

    .btn-cancelar:disabled[b-bmw3zktz4v] {
        opacity: .5;
        cursor: not-allowed;
    }

/* ── Confirmación de cancelación ──────────────────────────────────
   Va al final de RegistrationCardSection.razor.css                 */

.confirm-texto[b-bmw3zktz4v] {
    margin: 4px 0 10px;
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255,255,255,.65);
}

.confirm-acciones[b-bmw3zktz4v] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
}

/* El destructivo. Rojo de alerta, no el rojo de marca: ese es el de
   "Registrarme" y no deben verse iguales. */
.btn-cancelar-si[b-bmw3zktz4v] {
    padding: 11px 16px;
    border: 1px solid rgba(220,38,38,.45);
    border-radius: var(--ri-radius);
    background: rgba(220,38,38,.14);
    color: var(--ev-alert);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}

    .btn-cancelar-si:hover:not(:disabled)[b-bmw3zktz4v] {
        background: rgba(220,38,38,.22);
        border-color: rgba(220,38,38,.65);
    }

/* La salida segura. Neutro y ancho automático: se pulsa por descarte,
   no por atracción. */
.btn-cancelar-no[b-bmw3zktz4v] {
    padding: 11px 20px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: var(--ri-radius);
    background: transparent;
    color: rgba(255,255,255,.7);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
}

    .btn-cancelar-no:hover:not(:disabled)[b-bmw3zktz4v] {
        background: rgba(255,255,255,.08);
    }

    .btn-cancelar-si:disabled[b-bmw3zktz4v],
    .btn-cancelar-no:disabled[b-bmw3zktz4v] {
        opacity: .5;
        cursor: not-allowed;
    }

    .btn-cancelar-si:focus-visible[b-bmw3zktz4v],
    .btn-cancelar-no:focus-visible[b-bmw3zktz4v] {
        outline: 2px solid var(--ri-gold-brand);
        outline-offset: 2px;
    }

@media (prefers-reduced-motion: reduce) {
    .btn-cancelar-si[b-bmw3zktz4v],
    .btn-cancelar-no[b-bmw3zktz4v] {
        transition: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .btn-registro[b-bmw3zktz4v],
    .btn-acceso[b-bmw3zktz4v] {
        transition: none;
    }

        .btn-registro:hover:not(:disabled)[b-bmw3zktz4v] {
            transform: none;
        }
}
/* /Components/Features/EventsDetail/RegistrationCard/CapacityRegistrationBar.razor.rz.scp.css */
.ev-reg-capacity[b-6l3mr4af8u] {
    padding: 16px 28px;
    border-top: 1px solid rgba(255,255,255,0.07);
}


.ev-cap-bar-wrap[b-6l3mr4af8u] {
    height: 3px;
    background: rgba(255,255,255,0.1);
    border-radius: 99px;
    overflow: hidden;
    margin-bottom: 8px;
}
.ev-cap-bar[b-6l3mr4af8u] {
    height: 100%;
    border-radius: 99px;
    transition: width .5s;
}
.ev-cap-labels[b-6l3mr4af8u] {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--muted);
}

.ev-cap-left[b-6l3mr4af8u] {
    font-weight: 700;
}
/* /Components/Features/EventsDetail/RegistrationCard/CardRow.razor.rz.scp.css */
.ev-reg-info-row[b-a8jphrs6wo] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,0.07);
}

    .ev-reg-info-row:last-child[b-a8jphrs6wo] {
        border-bottom: none;
    }


.ev-reg-info-icon[b-a8jphrs6wo] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(255,255,255,0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.ev-reg-info-label[b-a8jphrs6wo] {
    font-size: 10px;
    color: rgba(255,255,255,0.45);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700;
    margin-bottom: 3px;
}

.ev-reg-info-value[b-a8jphrs6wo] {
    font-size: 14px;
    color: white;
    font-weight: 700;
    letter-spacing: -0.2px;
}
/* /Components/Features/EventsDetail/SchedulesSection.razor.rz.scp.css */
.ev-schedules-grid[b-vagukmcrdj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
}

.ev-schedule-card[b-vagukmcrdj] {
    background: var(--glass);
    border: 1px solid var(--glass-border);
    border-radius: 12px;
    padding: 18px 20px;
    transition: border-color .2s, background .2s;
    position: relative;
    overflow: hidden;
    cursor:pointer;
}

    .ev-schedule-card[b-vagukmcrdj]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: var(--red);
    }

    .ev-schedule-card.main-sched[b-vagukmcrdj] {
        border-color: rgba(196,18,48,0.4);
    }

        .ev-schedule-card.main-sched[b-vagukmcrdj]::before {
            background: var(--gold);
            width: 3px;
        }

    .ev-schedule-card:hover[b-vagukmcrdj] {
        background: rgba(255,255,255,0.09);
        border-color: rgba(255,255,255,0.2);
    }

.ev-sched-tag[b-vagukmcrdj] {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
    display: block;
}

.ev-sched-date[b-vagukmcrdj] {
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    font-weight: 700;
    color: white;
    margin-bottom: 4px;
}

.ev-sched-time[b-vagukmcrdj] {
    font-size: 22px;
    font-weight: 700;
    color: white;
    font-family: 'DM Sans', sans-serif;
    letter-spacing: -0.5px;
}

.ev-sched-dur[b-vagukmcrdj] {
    font-size: 12px;
    color: var(--muted);
    margin-top: 4px;
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.ev-section.ev-delay-20[b-vagukmcrdj] {
    animation-delay: .2s;
}

.ev-sched-dur-icon[b-vagukmcrdj] {
    margin-right: 4px;
    vertical-align: -1px;
}

/* ── Responsive ─────────────────────────────────────────────────
   Estas reglas ya existian en EventsPage.razor.css, pero con el CSS
   aislado de Blazor no alcanzan a este componente hijo y nunca se
   aplicaban. Mismos valores, ahora en su componente. */
@media (max-width: 900px) {
    .ev-schedules-grid[b-vagukmcrdj] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .ev-schedules-grid[b-vagukmcrdj] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Features/EventsDetail/ServicesSection.razor.rz.scp.css */
.serviceArea[b-pej6bzs6wp] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.serviceBackArea[b-pej6bzs6wp] {
    background: rgba(37,99,235,0.12);
    border: 1px solid rgba(37,99,235,0.3);
    border-radius: 10px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.serviceIcon[b-pej6bzs6wp] {
    font-size: 14px;
    color: white;
}
.serviceText[b-pej6bzs6wp] {
    color: rgba(255,255,255,0.85);
    font-size: 14px;
    font-weight: 700;
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.ev-section.ev-delay-25[b-pej6bzs6wp] {
    animation-delay: .25s;
}
/* /Components/Features/EventsDetail/VideoSection.razor.rz.scp.css */
.ev-video-wrapper[b-1qxdyb1gfb] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 14px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 8px 32px rgba(0,0,0,.4);
}

    .ev-video-wrapper iframe[b-1qxdyb1gfb],
    .ev-video-wrapper video[b-1qxdyb1gfb] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.ev-section.ev-delay-30[b-1qxdyb1gfb] {
    animation-delay: .3s;
}
/* /Components/Features/Expo/ExpoCard.razor.rz.scp.css */
/* Card image */
.expo-card-img[b-n0ojx2i244] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #1e293b, #0f172a);
}

.expo-card-img-regular[b-n0ojx2i244] {
    height: 190px;
}

.expo-card-img-featured[b-n0ojx2i244] {
    height: 220px;
}

.expo-card-photo[b-n0ojx2i244] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s;
}

.expo-card:hover .expo-card-photo[b-n0ojx2i244] {
    transform: scale(1.04);
}

.expo-card-img-placeholder[b-n0ojx2i244] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.expo-card-cat-badge[b-n0ojx2i244] {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(196,18,48,0.9);
    color: white;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 99px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    backdrop-filter: blur(4px);
}

.expo-card-featured-badge[b-n0ojx2i244] {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: #f59e0b;
    color: white;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 99px;
    font-family: Arial, sans-serif;
}

.expo-card-full-badge[b-n0ojx2i244] {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(0,0,0,0.7);
    color: #fbbf24;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 99px;
    font-family: Arial, sans-serif;
}

/* Card body */
.expo-card-body[b-n0ojx2i244] {
    padding: 18px;
}

.expo-card-featured-inner[b-n0ojx2i244] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.expo-card-expositor[b-n0ojx2i244] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.expo-card-avatar[b-n0ojx2i244] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #c41230, #7f0d1e);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    flex-shrink: 0;
}

.expo-card-avatar-sm[b-n0ojx2i244] {
    width: 24px;
    height: 24px;
    font-size: 10px;
}

.expo-card-expositor-name[b-n0ojx2i244] {
    font-size: 12px;
    color: #6b7280;
    font-family: Arial, sans-serif;
}

.expo-card-title[b-n0ojx2i244] {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 800;
    color: #111827;
    font-family: Georgia, serif;
    line-height: 1.3;
}

.expo-card-title-lg[b-n0ojx2i244] {
    font-size: 20px;
}

.expo-card-desc[b-n0ojx2i244] {
    margin: 0 0 12px;
    font-size: 13px;
    color: #6b7280;
    line-height: 1.55;
    font-family: Arial, sans-serif;
}

.expo-card-desc-sm[b-n0ojx2i244] {
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.expo-card-footer[b-n0ojx2i244] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}

.expo-card-cta[b-n0ojx2i244] {
    font-size: 13px;
    font-weight: 700;
    color: #c41230;
    font-family: Arial, sans-serif;
    flex-shrink: 0;
}
/* /Components/Features/Expo/ExpoFilters.razor.rz.scp.css */
/* ── Filters ──────────────────────────────────────────────────── */
.expo-filters-sticky[b-p27bzieyoj] {
    background: white;
    border-bottom: 1px solid #e5e7eb;
    padding: 14px 0;
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.expo-filters-row[b-p27bzieyoj] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.expo-filter-lbl[b-p27bzieyoj] {
    font-size: 11px;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: Arial, sans-serif;
    margin-right: 4px;
}

.expo-chip[b-p27bzieyoj] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 14px;
    border-radius: 99px;
    border: 1.5px solid #e5e7eb;
    background: white;
    color: #374151;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: Arial, sans-serif;
    transition: all .15s;
}

    .expo-chip:hover[b-p27bzieyoj], .expo-chip.active[b-p27bzieyoj] {
        border-color: #c41230;
        background: #c41230;
        color: white;
    }

.expo-chip-count[b-p27bzieyoj] {
    background: rgba(0,0,0,0.1);
    border-radius: 99px;
    font-size: 10px;
    padding: 1px 6px;
    font-weight: 700;
}

.expo-chip.active .expo-chip-count[b-p27bzieyoj] {
    background: rgba(255,255,255,0.25);
}
/* /Components/Features/Expo/ExpoGrid.razor.rz.scp.css */
/* ── Cards grid ──────────────────────────────────────────────── */
.expo-grid[b-p7rm1ajuhn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 22px;
}

.expo-grid-featured[b-p7rm1ajuhn] {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    margin-bottom: 0;
}

.expo-card[b-p7rm1ajuhn] {
    cursor: pointer;
    border-radius: 14px;
    overflow: hidden;
    background: white;
    box-shadow: 0 2px 16px rgba(0,0,0,0.07);
    border: 1px solid #f1f5f9;
    transition: transform .2s, box-shadow .2s;
}

    .expo-card:hover[b-p7rm1ajuhn] {
        transform: translateY(-5px);
        box-shadow: 0 16px 40px rgba(0,0,0,0.13);
    }

.expo-card-featured[b-p7rm1ajuhn] {
    border-radius: 16px;
}
/* /Components/Features/Footer/FooterLinkColumn.razor.rz.scp.css */
.footer-col-title[b-8m0rf2kzld] {
    color: white;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 14px;
}

.footer-col-links[b-8m0rf2kzld] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .footer-col-links a[b-8m0rf2kzld] {
        color: rgba(255,255,255,.42);
        font-size: 13px;
        text-decoration: none;
    }

        .footer-col-links a:hover[b-8m0rf2kzld] {
            color: rgba(255,255,255,.75);
        }
/* /Components/Features/Footer/FooterMenu.razor.rz.scp.css */
.footer-grid[b-gfwu3oolkl] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 48px;
    padding-bottom: 48px;
}

/* ── Columna de marca ──────────────────────────────────────────── */
.footer-logo[b-gfwu3oolkl] {
    height: 38px;
    margin-bottom: 16px;
    display: block;
}

.footer-tagline[b-gfwu3oolkl] {
    color: rgba(255,255,255,.38);
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 20px;
    max-width: 300px;
}

.footer-actions[b-gfwu3oolkl] {
    display: flex;
    gap: 10px;
}

.footer-btn-primary[b-gfwu3oolkl],
.footer-btn-ghost[b-gfwu3oolkl] {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 12px;
    text-decoration: none;
}

.footer-btn-primary[b-gfwu3oolkl] {
    background: var(--red);
    color: white;
    font-weight: 700;
}

.footer-btn-ghost[b-gfwu3oolkl] {
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.55);
    font-weight: 600;
}

/* ── Barra inferior ────────────────────────────────────────────── */
.footer-bottom[b-gfwu3oolkl] {
    border-top: 1px solid rgba(255,255,255,.06);
    padding: 18px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.footer-copy[b-gfwu3oolkl] {
    color: rgba(255,255,255,.22);
    font-size: 12px;
}

.footer-note[b-gfwu3oolkl] {
    color: rgba(255,255,255,.18);
    font-size: 12px;
}

.expo-cta-primary:not([href])[b-gfwu3oolkl] {
    cursor: pointer;
}

/* ── Responsive ────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .footer-grid[b-gfwu3oolkl] {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}
/* /Components/Features/Header/BrandLogo.razor.rz.scp.css */
.ri-brand[b-4hyghscjpw] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.ri-logo[b-4hyghscjpw] {
    height: 75px;
    width: auto;
    display: block;
}

/* ── Responsive ─────────────────────────────────────────────────
   En celular chico el logo (alto fijo de 75px) podia empujar la
   hamburguesa fuera de la barra. Mantiene su alto; solo se limita
   el ancho y la imagen se escala dentro de su caja sin deformarse. */
@media (max-width: 480px) {
    .ri-brand[b-4hyghscjpw] {
        min-width: 0;
    }

    .ri-logo[b-4hyghscjpw] {
        max-width: 100%;
        object-fit: contain;
        object-position: left center;
    }
}
/* /Components/Features/Header/NavMenu.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   NAVBAR
   Todo usa los tokens del diseño nuevo:
   --tinta  --tenue  --linea  --marca-600  --blanco-rgb  --nav-h
   ══════════════════════════════════════════════════════════════ */

.cm-nav[b-s7tk2zys6m] {
    position: sticky;
    top: 0;
    z-index: 500; 
    min-height: var(--nav-h);
    background: rgb(255, 255, 255);
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border-bottom: 1px solid var(--linea);
}

.cm-nav__inner[b-s7tk2zys6m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    max-width: 1320px; /* mismo ancho que .container-xl */
    min-height: var(--nav-h);
    margin-inline: auto;
    padding-inline: 1rem;
}

.cm-nav__start[b-s7tk2zys6m] {
    display: flex;
    align-items: center;
    min-width: 0;
}

/* ── Marca ──────────────────────────────────────────────────── */
.cm-brand__logo[b-s7tk2zys6m] {
    display: block;
    width: auto;
    object-fit: contain;
}

.cm-brand__logo--mini[b-s7tk2zys6m] {
    height: 34px;
}

.cm-brand__logo--full[b-s7tk2zys6m] {
    height: 86px;
}

/* ── Links de escritorio ────────────────────────────────────── */
.cm-nav__links[b-s7tk2zys6m] {
    display: none; /* se enciende en ≥lg */
    align-items: center;
    gap: .25rem;
    margin-left: 1.5rem;
}

.cm-nav__link[b-s7tk2zys6m] {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: .45rem .7rem;
    font-size: .9rem;
    font-weight: 600;
    color: var(--tenue);
    text-decoration: none;
    white-space: nowrap;
    transition: color .15s ease;
}

    /* Reserva el ancho de la versión en negritas para que no salte */
    .cm-nav__link[b-s7tk2zys6m]::before {
        content: attr(data-label);
        height: 0;
        overflow: hidden;
        font-weight: 800;
        visibility: hidden;
        pointer-events: none;
    }

    /* Hover: solo negritas. Sin fondo ni cambio de color. */
    .cm-nav__link:hover[b-s7tk2zys6m] {
        font-weight: 800;
        color: var(--tinta);
    }

    /* Módulo/sección actual: subrayado pegado al borde inferior del
       enlace (no text-decoration) para no tocar las colas de g, j, p. */
    .cm-nav__link.is-active[b-s7tk2zys6m] {
        color: var(--tinta);
        font-weight: 800;
    }

        .cm-nav__link.is-active[b-s7tk2zys6m]::after {
            content: "";
            position: absolute;
            right: .7rem;
            bottom: 0;
            left: .7rem;
            height: 2px;
            border-radius: 2px;
            background: var(--marca-600);
        }

/* ── Dropdown ───────────────────────────────────────────────── */
.cm-nav__drop[b-s7tk2zys6m] {
    position: relative;
    display: inline-flex;
}

/* El disparador es un <button>: mismo look que .cm-nav__link pero en fila */
.cm-nav__trigger[b-s7tk2zys6m] {
    flex-direction: row;
    gap: .35rem;
    border: 0;
    background: none;
    font-family: inherit;
    line-height: inherit;
    cursor: pointer;
}

    .cm-nav__trigger[b-s7tk2zys6m]::before {
        content: none; /* el ancho lo reserva el <span> interno */
    }

.cm-nav__trigger-label[b-s7tk2zys6m] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

    .cm-nav__trigger-label[b-s7tk2zys6m]::before {
        content: attr(data-label);
        height: 0;
        overflow: hidden;
        font-weight: 800;
        visibility: hidden;
        pointer-events: none;
    }

.cm-nav__chevron[b-s7tk2zys6m] {
    font-size: .7em;
    line-height: 1;
    transition: transform .18s ease;
}

.cm-nav__drop:hover .cm-nav__chevron[b-s7tk2zys6m],
.cm-nav__drop:focus-within .cm-nav__chevron[b-s7tk2zys6m] {
    transform: rotate(180deg);
}

.cm-nav__drop:hover .cm-nav__trigger[b-s7tk2zys6m],
.cm-nav__drop:focus-within .cm-nav__trigger[b-s7tk2zys6m] {
    color: var(--tinta);
    font-weight: 800;
}

.cm-nav__menu[b-s7tk2zys6m] {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    z-index: 1500;
    min-width: 230px;
    margin: 0;
    padding: .35rem;
    list-style: none;
    background-color: rgb(255, 255, 255);
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border: 1px solid var(--linea);
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.05);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
}

    /* Puente invisible: evita que se cierre al cruzar el hueco */
    .cm-nav__menu[b-s7tk2zys6m]::before {
        content: "";
        position: absolute;
        top: -10px;
        right: 0;
        left: 0;
        height: 10px;
    }

.cm-nav__drop:hover > .cm-nav__menu[b-s7tk2zys6m],
.cm-nav__drop:focus-within > .cm-nav__menu[b-s7tk2zys6m] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.cm-nav__menu-link[b-s7tk2zys6m] {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    border-radius: 9px;
    font-size: .875rem;
    font-weight: 600;
    color: var(--tenue);
    text-decoration: none;
    white-space: nowrap;
    transition: background .12s ease, color .12s ease;
}

    .cm-nav__menu-link:hover[b-s7tk2zys6m] {
        background: rgba(0,0,0,.04);
        color: var(--tinta);
    }

    .cm-nav__menu-link.is-active[b-s7tk2zys6m] {
        color: var(--tinta);
        font-weight: 800;
        background: rgba(0,0,0,.04);
    }

        .cm-nav__menu-link.is-active[b-s7tk2zys6m]::after {
            content: "";
            position: absolute;
            top: .45rem;
            bottom: .45rem;
            left: 0;
            width: 2px;
            border-radius: 2px;
            background: var(--marca-600);
        }



/* ── Checkbox de control (oculto, accesible por teclado) ────── */
.cm-nav__toggle[b-s7tk2zys6m] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

/* ── Hamburguesa ────────────────────────────────────────────── */
.cm-hamburger[b-s7tk2zys6m] {
    display: none; /* se enciende en móvil */
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0;
    border: 1px solid var(--linea);
    border-radius: 10px;
    background: transparent;
    color: var(--tinta);
    cursor: pointer;
}

    .cm-hamburger i[b-s7tk2zys6m] {
        font-size: 20px;
        line-height: 1;
    }

    .cm-hamburger .cm-icon-close[b-s7tk2zys6m] {
        display: none;
    }

.cm-nav__toggle:checked ~ .cm-nav__inner .cm-hamburger .cm-icon-menu[b-s7tk2zys6m] {
    display: none;
}

.cm-nav__toggle:checked ~ .cm-nav__inner .cm-hamburger .cm-icon-close[b-s7tk2zys6m] {
    display: inline-block;
}

.cm-nav__toggle:focus-visible ~ .cm-nav__inner .cm-hamburger[b-s7tk2zys6m] {
    outline: 2px solid var(--marca-600);
    outline-offset: 2px;
}

/* ── Panel móvil ────────────────────────────────────────────── */
.cm-mobile[b-s7tk2zys6m] {
    display:none;
    background: white;
    box-shadow: 0 12px 24px rgba(0,0,0,.06);
    position:sticky;
    top:75px;
    left:0;
    z-index:1000;
}

.cm-mobile__links[b-s7tk2zys6m] {
    display: flex;
    flex-direction: column;
    padding: .5rem 0 1rem;
}
    .cm-mobile__links a[b-s7tk2zys6m] {
        text-decoration: none;
    }

.cm-mobile__link[b-s7tk2zys6m] {
    display: block;
    padding: .7rem 1rem;
    border-left: 3px solid transparent;
    font-size: .95rem;
    font-weight: 600;
    color: var(--tenue);
    text-decoration: none;
}


    .cm-mobile__link:hover[b-s7tk2zys6m],
    .cm-mobile__link.is-active[b-s7tk2zys6m] {
        color: var(--tinta);
        font-weight: 800;
        background: rgba(0,0,0,.035);
        border-left-color: var(--marca-600);
    }

.cm-mobile__link--sub[b-s7tk2zys6m] {
    padding-left: 1.75rem;
    font-size: .9rem;
}

.cm-mobile__title[b-s7tk2zys6m] {
    margin-top: .5rem;
    padding: 1rem 1rem .35rem;
    border-top: 1px solid var(--linea);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--tenue);
    opacity: .7;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (min-width: 992px) {
    .cm-nav__links[b-s7tk2zys6m] {
        display: flex;
    }
}

@media (max-width: 991.98px) {
    .cm-hamburger[b-s7tk2zys6m] {
        display: inline-flex;
    }

    /* El panel móvil es hermano del <nav>, por eso el combinador '+' */
    .cm-nav:has(.cm-nav__toggle:checked) + .cm-mobile[b-s7tk2zys6m] {
        display: block;
    }
}

@media (max-width: 575.98px) {
    .cm-nav__inner[b-s7tk2zys6m] {
        padding-inline: .75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cm-nav__link[b-s7tk2zys6m],
    .cm-nav__menu[b-s7tk2zys6m],
    .cm-nav__menu-link[b-s7tk2zys6m],
    .cm-nav__chevron[b-s7tk2zys6m] {
        transition: none;
    }
}

.cm-nav__actions[b-s7tk2zys6m] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
/* /Components/Features/Header/NavUserMenu.razor.rz.scp.css */
.cm-nav__actions[b-3lz8ik377t] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
/* /Components/Features/Landing/AboutSection.razor.rz.scp.css */
.about[b-7nuf5n2q0u] {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
}

/* ── Events section ──────────────────────────────────────────── */
.expo-events-section[b-7nuf5n2q0u] {
    padding: 48px 16px;
}

.expo-section-label[b-7nuf5n2q0u] {
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    margin-bottom: 20px;
    font-weight: 700;
}

/* ── Capas de fondo ───────────────────────────────────────────── */
.about-bg[b-7nuf5n2q0u] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
}

.about-bg-default[b-7nuf5n2q0u] {
    background: linear-gradient(135deg, #07070c, #1a0510, #0d1520);
}

.about-scrim[b-7nuf5n2q0u] {
    position: absolute;
    inset: 0;
    background: linear-gradient( 135deg, rgba(10,10,15,.88), rgba(10,10,15,.7), rgba(10,10,15,.82) );
}

.about-glow[b-7nuf5n2q0u] {
    position: absolute;
    inset: 0;
    background: radial-gradient( ellipse at 15% 50%, rgba(var(--red-rgb), .18) 0%, transparent 55% );
}

/* ── Contenido ────────────────────────────────────────────────── */
.about-inner[b-7nuf5n2q0u] {
    position: relative;
    z-index: 1;
}

.about-grid[b-7nuf5n2q0u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 72px;
    align-items: center;
}

.about-eyebrow[b-7nuf5n2q0u] {
    color: var(--red);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 0 0 18px;
}

.about-title[b-7nuf5n2q0u] {
    color: white;
    font-family: var(--ri-font-display);
    font-size: clamp(28px, 4vw, 50px);
    font-weight: 900;
    margin: 0 0 20px;
    line-height: 1.1;
}

.about-rule[b-7nuf5n2q0u] {
    width: 56px;
    height: 3px;
    background: var(--red);
    margin-bottom: 22px;
    border-radius: 2px;
}

.about-body[b-7nuf5n2q0u] {
    color: rgba(255,255,255,.72);
    font-size: 16px;
    line-height: 1.85;
    margin: 0 0 16px;
}

.about-cta[b-7nuf5n2q0u] {
    display: inline-block;
    border: 2px solid rgba(var(--red-rgb), .55);
    background: rgba(var(--red-rgb), .12);
    color: white;
    padding: 12px 26px;
    border-radius: var(--ri-radius);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.about-features[b-7nuf5n2q0u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

/* ── Responsive ───────────────────────────────────────────────────
   NUEVO: el original no traia media queries, asi que en celular las
   dos columnas de 1fr 1fr se aplastaban. Si quieres replica exacta
   del bug, borra este bloque. */
@media (max-width: 900px) {
    .about[b-7nuf5n2q0u] {
        padding: 60px 0;
    }

    .about-grid[b-7nuf5n2q0u] {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

@media (max-width: 480px) {
    .about-features[b-7nuf5n2q0u] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Features/Landing/About/FeatureCard.razor.rz.scp.css */
.feature[b-0np1hy1aoe] {
    border: 1px solid rgba(255,255,255,.1);
    border-radius: var(--ri-radius-lg);
    padding: 22px 18px;
    background: rgba(255,255,255,.05);
    backdrop-filter: blur(12px);
}

.feature-destacada[b-0np1hy1aoe] {
    border-color: rgba(var(--red-rgb), .3);
    background: rgba(var(--red-rgb), .07);
}

.feature-icon[b-0np1hy1aoe] {
    font-size: 26px;
    margin-bottom: 10px;
}

.feature-title[b-0np1hy1aoe] {
    margin: 0 0 5px;
    color: white;
    font-size: 14px;
    font-weight: 700;
}

.feature-text[b-0np1hy1aoe] {
    margin: 0;
    color: rgba(255,255,255,.42);
    font-size: 12px;
    line-height: 1.6;
}
/* /Components/Features/Landing/EventsSection.razor.rz.scp.css */
.events[b-4e8lzy4imu] {
    background: var(--ev-bg);
}

/* ── Encabezado ───────────────────────────────────────────────── */
.events-head[b-4e8lzy4imu] {
    padding: 48px 0 0;
}

.events-head-row[b-4e8lzy4imu] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 28px;
    flex-wrap: wrap;
    gap: 12px;
}

.events-eyebrow[b-4e8lzy4imu] {
    color: var(--red);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.events-title[b-4e8lzy4imu] {
    color: var(--ev-text-h);
    font-family: var(--ri-font-display);
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 900;
    margin: 0 0 8px;
    line-height: 1.1;
}

.events-sub[b-4e8lzy4imu] {
    color: var(--ev-text-muted);
    font-size: 14px;
    margin: 0;
}

.events-total[b-4e8lzy4imu] {
    text-align: right;
    flex-shrink: 0;
}

.events-total-lbl[b-4e8lzy4imu] {
    color: var(--ev-text-dim);
    font-size: 12px;
    margin: 0 0 2px;
}

.events-total-num[b-4e8lzy4imu] {
    color: var(--ev-text-h);
    font-family: var(--ri-font-display);
    font-size: 38px;
    font-weight: 900;
    margin: 0;
    line-height: 1;
}

/* ── Resultados ───────────────────────────────────────────────── */
.events-body[b-4e8lzy4imu] {
    padding: 32px 0 64px;
    min-height: 400px;
}

.grid[b-4e8lzy4imu] {
    display: grid;
    gap: 18px;
}

.grid-auto[b-4e8lzy4imu] {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.grid-2[b-4e8lzy4imu] {
    grid-template-columns: 1fr 1fr;
}

.list[b-4e8lzy4imu] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ── Vacio ────────────────────────────────────────────────────── */
.empty[b-4e8lzy4imu] {
    text-align: center;
    padding: 80px 20px;
    color: rgba(255,255,255,.35);
}

.empty-icon[b-4e8lzy4imu] {
    font-size: 48px;
    margin: 0 0 12px;
}

.empty p[b-4e8lzy4imu] {
    font-size: 16px;
}

/* ── Responsive (NUEVO) ───────────────────────────────────────── */
@media (max-width: 768px) {
    .grid-2[b-4e8lzy4imu] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Features/Landing/Events/EventCard.razor.rz.scp.css */
.card[b-mxwhj2ozu9] {
    display: block;
    text-decoration: none;
    border-radius: var(--ri-radius-lg);
    overflow: hidden;
    background: var(--ev-card-bg);
    box-shadow: var(--ev-card-shadow);
    transition: transform .2s, box-shadow .2s;
}

    /* reemplaza a la clase .ev-hover, que se aplicaba a mano en cada vista */
    .card:hover[b-mxwhj2ozu9] {
        transform: translateY(-4px);
        box-shadow: 0 16px 40px rgba(0,0,0,.35);
    }

/* ── Imagen ───────────────────────────────────────────────────── */
.card-media[b-mxwhj2ozu9] {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #1e293b;
}

.card-img[b-mxwhj2ozu9] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-scrim[b-mxwhj2ozu9] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 40%, rgba(10,10,15,.9));
}

.card-placeholder[b-mxwhj2ozu9] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
}

.card-cat[b-mxwhj2ozu9] {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--red);
    color: white;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
    padding: 3px 8px;
    border-radius: 3px;
    text-transform: uppercase;
}

/* ── Cuerpo ───────────────────────────────────────────────────── */
.card-body[b-mxwhj2ozu9] {
    padding: 16px 18px;
}

.card-title[b-mxwhj2ozu9] {
    margin: 0 0 6px;
    color: var(--ev-text-h);
    font-family: var(--ri-font-display);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
}

.card-expositor[b-mxwhj2ozu9] {
    margin: 0 0 10px;
    color: var(--ev-text-muted);
    font-size: 12px;
}

.card-meta[b-mxwhj2ozu9] {
    display: flex;
    gap: 10px;
    font-size: 12px;
    color: var(--ev-text-muted);
    margin-bottom: 10px;
}

.card-status:not(:empty)[b-mxwhj2ozu9] {
    margin-bottom: 8px;
}

.card-footer[b-mxwhj2ozu9] {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
    border-top: 1px solid var(--ev-border);
}

.card-lugares[b-mxwhj2ozu9] {
    font-size: 12px;
    color: #34d399;
}

.card-cta[b-mxwhj2ozu9] {
    color: var(--red);
    font-size: 12px;
    font-weight: 700;
}


[b-mxwhj2ozu9] .row-chips {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-right: 5px;
}

[b-mxwhj2ozu9] .chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: var(--ri-radius-pill);
    padding: 3px 9px;
    font-size: 11px;
    color: rgba(255,255,255,.7);
    font-weight: 600;
}

[b-mxwhj2ozu9] .chip-blue {
    background: rgba(37,99,235,.12);
    border-color: rgba(37,99,235,.3);
    color: var(--ev-info);
    margin-bottom: 10px;
}

[b-mxwhj2ozu9] .chip-green {
    background: rgba(5,150,105,.1);
    border-color: rgba(5,150,105,.25);
    color: var(--ev-ok);
}

[b-mxwhj2ozu9] .chip-red {
    background: rgba(220,38,38,.1);
    border-color: rgba(220,38,38,.25);
    color: var(--ev-alert);
}
/* /Components/Features/Landing/Events/EventCardRegular.razor.rz.scp.css */
.card[b-pr1usvzby9] {
    display: block;
    text-decoration: none;
    border-radius: var(--ri-radius-lg);
    overflow: hidden;
    background: var(--ev-card-bg);
    position: relative;
    box-shadow: 0 4px 20px rgba(0,0,0,.25);
    transition: transform .25s, box-shadow .25s;
}

    .card:hover[b-pr1usvzby9] {
        transform: translateY(-4px);
        box-shadow: 0 16px 50px rgba(0,0,0,.45);
    }

        .card:hover .card-img[b-pr1usvzby9] {
            transform: scale(1.04);
        }

/* ── Imagen ───────────────────────────────────────────────────── */
.card-media[b-pr1usvzby9] {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--ev-placeholder);
}

.card-img[b-pr1usvzby9] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 6s ease;
}

.card-scrim[b-pr1usvzby9] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 30%, rgba(10,10,15,.85) 100%);
}

.card-placeholder[b-pr1usvzby9] {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--ev-placeholder), var(--ev-card-bg));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
}

/* ── Encimado sobre la imagen ─────────────────────────────────── */
.card-top[b-pr1usvzby9] {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.badge-cat[b-pr1usvzby9] {
    background: var(--red);
    color: white;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
    padding: 3px 8px;
    border-radius: 3px;
    text-transform: uppercase;
}

.badge-lleno[b-pr1usvzby9] {
    background: rgba(0,0,0,.7);
    color: var(--ev-alert);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 3px 8px;
    border-radius: 3px;
}

.badge-sesiones[b-pr1usvzby9] {
    background: rgba(0,0,0,.6);
    color: rgba(255,255,255,.8);
    font-size: 9px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 3px;
}

.card-expositor[b-pr1usvzby9] {
    position: absolute;
    bottom: 12px;
    left: 12px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.card-expositor-name[b-pr1usvzby9] {
    color: rgba(255,255,255,.8);
    font-size: 11px;
    font-weight: 600;
    text-shadow: 0 1px 4px rgba(0,0,0,.8);
}

/* ── Cuerpo ───────────────────────────────────────────────────── */
.card-body[b-pr1usvzby9] {
    padding: 16px 18px 18px;
    min-height: 315px;
    display: flex;
    flex-direction: column;
}

.card-title[b-pr1usvzby9] {
    margin: 0 0 8px;
    color: white;
    font-family: var(--ri-font-display);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-desc[b-pr1usvzby9] {
    margin: 0 0 10px;
    color: rgba(255,255,255,.45);
    font-size: 12px;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-footer[b-pr1usvzby9] {
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.07);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-cta[b-pr1usvzby9] {
    color: var(--red);
    font-size: 12px;
    font-weight: 700;
    margin-top: auto;
}

[b-pr1usvzby9] .row-chips {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-right: 5px;
  
}

[b-pr1usvzby9] .chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 5px;
    font-size: 11px;
    color: rgba(255,255,255,.7);
    font-weight: 600;
}

[b-pr1usvzby9] .chip-blue {
    background: rgba(37,99,235,.12);
    border-color: rgba(37,99,235,.3);
    color: var(--ev-info);
    margin-bottom: 10px;
}

[b-pr1usvzby9] .chip-green {
    background: rgba(5,150,105,.1);
    border-color: rgba(5,150,105,.25);
    color: var(--ev-ok);
}

[b-pr1usvzby9] .chip-red {
    background: rgba(220,38,38,.1);
    border-color: rgba(220,38,38,.25);
    color: var(--ev-alert);
}

@media (prefers-reduced-motion: reduce) {
    .card[b-pr1usvzby9],
    .card-img[b-pr1usvzby9] {
        transition: none;
    }
}
/* /Components/Features/Landing/Events/EventRow.razor.rz.scp.css */
/* PENDIENTE: .chip / .chip-blue / .chip-red / .chip-green vienen de
   .ev-chip* del CSS viejo. Copialos al final de este archivo. */

.row[b-d0jflhxz9q] {
    display: flex;
    min-height: 140px;
    text-decoration: none;
    border-radius: var(--ri-radius-lg);
    overflow: hidden;
    background: var(--ev-card-bg);
    border: 1px solid var(--ev-border);
    transition: transform .2s, box-shadow .2s;
}

    .row:hover[b-d0jflhxz9q] {
        transform: translateY(-3px);
        box-shadow: 0 12px 32px rgba(0,0,0,.3);
    }

/* ── Imagen ───────────────────────────────────────────────────── */
.row-media[b-d0jflhxz9q] {
    width: 220px;
    min-width: 220px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    background: #1e293b;
}

.row-img[b-d0jflhxz9q] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.row-scrim[b-d0jflhxz9q] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, transparent 60%, #0f172a 100%);
}

.row-placeholder[b-d0jflhxz9q] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    background: linear-gradient(135deg, #1e293b, #0f172a);
}

.row-cat[b-d0jflhxz9q] {
    position: absolute;
    top: 8px;
    left: 8px;
    background: var(--red);
    color: white;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.5px;
    padding: 2px 7px;
    border-radius: 3px;
    text-transform: uppercase;
}

/* ── Cuerpo ───────────────────────────────────────────────────── */
.row-body[b-d0jflhxz9q] {
    flex: 1;
    padding: 18px 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.row-expositor[b-d0jflhxz9q] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
}

.row-avatar[b-d0jflhxz9q] {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--red), var(--red-dk));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 800;
    color: white;
}

.row-expositor-name[b-d0jflhxz9q] {
    color: var(--ev-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.row-title[b-d0jflhxz9q] {
    margin: 0 0 5px;
    color: var(--ev-text-h);
    font-family: var(--ri-font-display);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.3;
}

.row-desc[b-d0jflhxz9q] {
    margin: 0;
    color: var(--ev-text-muted);
    font-size: 12px;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* ── Pie ──────────────────────────────────────────────────────── */
[b-d0jflhxz9q] .row-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--ev-border);
}
[b-d0jflhxz9q] .row-chips {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-right: 5px;
}

[b-d0jflhxz9q] .chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: var(--ri-radius-pill);
    padding: 3px 9px;
    font-size: 11px;
    color: rgba(255,255,255,.7);
    font-weight: 600;
}

[b-d0jflhxz9q] .chip-blue {
    background: rgba(37,99,235,.12);
    border-color: rgba(37,99,235,.3);
    color: var(--ev-info);
    margin-top: 8px;
}

[b-d0jflhxz9q] .chip-green {
    background: rgba(5,150,105,.1);
    border-color: rgba(5,150,105,.25);
    color: var(--ev-ok);
}

[b-d0jflhxz9q] .chip-red {
    background: rgba(220,38,38,.1);
    border-color: rgba(220,38,38,.25);
    color: var(--ev-alert);
}



.row-actions[b-d0jflhxz9q] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.row-cta[b-d0jflhxz9q] {
    color: var(--red);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}







/* ── Responsive (NUEVO: el original no traia) ─────────────────── */
@media (max-width: 768px) {
    .row[b-d0jflhxz9q] {
        flex-direction: column;
    }

    .row-media[b-d0jflhxz9q] {
        width: 100%;
        min-width: 0;
        aspect-ratio: 16 / 9;
    }
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.row-footer-chips[b-d0jflhxz9q] {
    display: flex;
}

@media (max-width: 480px) {
    .row-footer-chips[b-d0jflhxz9q] {
        flex-wrap: wrap;
        row-gap: 6px;
    }
}
/* /Components/Features/Landing/Events/EventsToolbar.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════
   Completo. Venia de .chip / .vbtn / .srch del <style> de la pagina.
   Las variables --chip-*, --srch-*, --vbtn-* se resolvieron a su valor
   oscuro: existian solo para alternar con el tema claro.
   ══════════════════════════════════════════════════════════════════ */

.toolbar[b-0tkifbeitf] {
    background: var(--ev-bg);
    padding: 10px 0;
    position: sticky;
    top: 0;
    z-index: 100;
}

.toolbar-row[b-0tkifbeitf] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.toolbar-spacer[b-0tkifbeitf] {
    flex: 1;
}

/* ── Buscador ─────────────────────────────────────────────────── */
.search[b-0tkifbeitf] {
    position: relative;
    flex-shrink: 0;
}

.search-icon[b-0tkifbeitf] {
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .4;
    pointer-events: none;
}

.search-input[b-0tkifbeitf] {
    width: 180px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: var(--ri-radius);
    padding: 7px 12px 7px 32px;
    color: white;
    font-size: 13px;
    outline: none;
}

    .search-input[b-0tkifbeitf]::placeholder {
        color: var(--ev-text-dim);
    }

    /* NUEVO: sin esto el foco por teclado no se ve. */
    .search-input:focus-visible[b-0tkifbeitf] {
        border-color: var(--red);
    }

/* ── Chips de filtro ──────────────────────────────────────────── */
.chip[b-0tkifbeitf] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: var(--ri-radius-pill);
    border: 1px solid rgba(255,255,255,.12);
    background: transparent;
    color: rgba(255,255,255,.55);
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
}

    .chip.on[b-0tkifbeitf] {
        background: var(--red);
        border-color: var(--red);
        color: white;
        font-weight: 700;
    }

.chip-count[b-0tkifbeitf] {
    opacity: .6;
    font-size: 11px;
}

/* ── Selector de vista ────────────────────────────────────────── */
.views[b-0tkifbeitf] {
    display: flex;
    gap: 4px;
}

.vbtn[b-0tkifbeitf] {
    width: 34px;
    height: 34px;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,.15);
    background: transparent;
    color: rgba(255,255,255,.45);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .vbtn.on[b-0tkifbeitf] {
        background: rgba(var(--red-rgb), .18);
        border-color: var(--red);
        color: var(--red);
    }


.search-icon[b-0tkifbeitf] {
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .4;
    pointer-events: none;
    font-size: 13px; /* antes era width/height="13" en el svg */
    line-height: 1;
    color:white;
}

/* ── Responsive ─────────────────────────────────────────────────
   El buscador tenia ancho fijo de 180px; en celular ocupa su propia
   fila completa y los chips quedan debajo. */
@media (max-width: 768px) {
    .search[b-0tkifbeitf] {
        flex: 1 1 100%;
    }

    .search-input[b-0tkifbeitf] {
        width: 100%;
    }

    .toolbar-spacer[b-0tkifbeitf] {
        display: none;
    }

    .views[b-0tkifbeitf] {
        margin-left: auto;
    }
}
/* /Components/Features/Landing/Events/ExpoCapacityBar.razor.rz.scp.css */
.expo-capacity[b-vgkt0mwlpi] {
    margin-top: 12px;
}

.expo-capacity-bar-wrap[b-vgkt0mwlpi] {
    height: 4px;
    background: #f1f5f9;
    border-radius: 99px;
    overflow: hidden;
    margin-bottom: 6px;
}

.expo-capacity-bar[b-vgkt0mwlpi] {
    height: 100%;
    border-radius: 99px;
    transition: width .3s;
}

.expo-capacity-labels[b-vgkt0mwlpi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.expo-capacity-count[b-vgkt0mwlpi] {
    font-size: 11px;
    color: #9ca3af;
    font-family: Arial, sans-serif;
    padding-right: 10px;
}

.expo-capacity-left[b-vgkt0mwlpi] {
    font-size: 11px;
    font-weight: 700;
    font-family: Arial, sans-serif;
}
/* /Components/Features/Landing/Events/ExpositorAvatar.razor.rz.scp.css */
.avatar[b-d5ha3vovfa] {
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover;
}

.avatar-inicial[b-d5ha3vovfa] {
    background: linear-gradient(135deg, var(--red), var(--red-dk));
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: white;
}

.avatar-borde[b-d5ha3vovfa] {
    border: 1.5px solid rgba(255,255,255,.3);
}

.avatar-sm[b-d5ha3vovfa] {
    width: 22px;
    height: 22px;
    font-size: 9px;
}

.avatar-md[b-d5ha3vovfa] {
    width: 26px;
    height: 26px;
    font-size: 11px;
}

.avatar-lg[b-d5ha3vovfa] {
    width: 30px;
    height: 30px;
    font-size: 12px;
}
/* /Components/Features/Landing/Events/Paginador.razor.rz.scp.css */
.pager[b-41ogbab2mo] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 36px;
    flex-wrap: wrap;
}

.pager-nav[b-41ogbab2mo] {
    padding: 7px 14px;
    border-radius: var(--ri-radius-sm);
    border: 1px solid rgba(255,255,255,.12);
    background: transparent;
    color: rgba(255,255,255,.45);
    cursor: pointer;
    font-size: 12px;
}

.pager-num[b-41ogbab2mo] {
    width: 34px;
    height: 34px;
    border-radius: var(--ri-radius-sm);
    border: none;
    background: rgba(255,255,255,.07);
    color: rgba(255,255,255,.45);
    cursor: pointer;
    font-size: 13px;
}

    .pager-num.on[b-41ogbab2mo] {
        background: var(--red);
        color: white;
        font-weight: 700;
    }

.pager-nav:disabled[b-41ogbab2mo] {
    opacity: .4;
    cursor: not-allowed;
}
/* /Components/Features/Landing/Events/Shared/DateTimeChips.razor.rz.scp.css */
/* /Components/Features/Landing/Events/Shared/FreePlacesChip.razor.rz.scp.css */
/* /Components/Features/Landing/Events/Shared/OnLiveChip.razor.rz.scp.css */
/* /Components/Features/Landing/ExpositorSection.razor.rz.scp.css */
.expo-cta[b-ah4r2d189o] {
    position: relative;
    overflow: hidden;
    min-height: 500px;
    display: flex;
    align-items: center;
}

/* ── Capas de fondo ───────────────────────────────────────────── */
.bg[b-ah4r2d189o] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
}

.bg-default[b-ah4r2d189o] {
    background: linear-gradient(135deg, #0f172a, #1e0a1e 40%, #2d0a0a 70%, #0f172a);
}

.bg-scrim[b-ah4r2d189o] {
    position: absolute;
    inset: 0;
    background: linear-gradient( 135deg, rgba(10,10,15,.9), rgba(10,10,15,.65), rgba(10,10,15,.82) );
}

.bg-glow[b-ah4r2d189o] {
    position: absolute;
    inset: 0;
    background: radial-gradient( ellipse at 70% 50%, rgba(var(--red-rgb), .18), transparent 60% );
}

/* ── Contenido ────────────────────────────────────────────────── */
.inner[b-ah4r2d189o] {
    position: relative;
    z-index: 1;
    padding: 72px 0;
}

.split[b-ah4r2d189o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 72px;
    align-items: center;
}

.eyebrow[b-ah4r2d189o] {
    color: var(--ri-gold-brand);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 0 0 18px;
}

.titulo[b-ah4r2d189o] {
    color: white;
    font-family: var(--ri-font-display);
    font-size: clamp(26px, 3.5vw, 46px);
    font-weight: 900;
    margin: 0 0 20px;
    line-height: 1.1;
}

.cuerpo[b-ah4r2d189o] {
    color: rgba(255,255,255,.62);
    font-size: 15px;
    line-height: 1.85;
    margin: 0 0 28px;
}

.cta[b-ah4r2d189o] {
    display: inline-block;
    background: linear-gradient(135deg, var(--red), var(--red-dk));
    color: white;
    padding: 14px 32px;
    border-radius: var(--ri-radius);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 6px 28px rgba(var(--red-rgb), .4);
}

.stats[b-ah4r2d189o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.expo-cta-primary:not([href])[b-ah4r2d189o] {
    cursor: pointer;
}

/* ── Responsive (NUEVO: el original no traia) ─────────────────── */
@media (max-width: 900px) {
    .expo-cta[b-ah4r2d189o] {
        min-height: 0;
    }

    .inner[b-ah4r2d189o] {
        padding: 56px 0;
    }

    .split[b-ah4r2d189o] {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

@media (max-width: 480px) {
    .stats[b-ah4r2d189o] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Features/Landing/Expositor/StatCard.razor.rz.scp.css */
.stat-num[b-96zudwshhb] {
    margin: 0 0 5px;
    font-size: 34px;
    font-weight: 900;
    color: white;
    font-family: var(--ri-font-display);
    line-height: 1;
}

.stat-lbl[b-96zudwshhb] {
    margin: 0;
    font-size: 12px;
    color: rgba(255,255,255,.48);
    font-weight: 600;
}
/* /Components/Features/Landing/HeroSection.razor.rz.scp.css */
/* Estilos del componente HeroLanding.
   Extraidos de wwwroot/css/site.css (seccion "Hero Slider" + sus reglas responsive).
   No tocar valores: el diseno debe quedar identico. */

/* ── Hero Slider ──────────────────────────────────────────────── */
.expo-hero-slider[b-g1k8wklsmo] {
    position: relative;
    height: 600px;
    overflow: hidden;
}

.expo-slides[b-g1k8wklsmo] {
    position: absolute;
    inset: 0;
}

.expo-slide[b-g1k8wklsmo] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1s ease;
}

    .expo-slide.active[b-g1k8wklsmo] {
        opacity: 1;
    }

.expo-slide-default[b-g1k8wklsmo] {
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 40%, #3b0764 70%, #0f172a 100%);
    opacity: 1;
}

.expo-hero-overlay[b-g1k8wklsmo] {
    position: absolute;
    inset: 0;
    background: linear-gradient( to bottom, rgba(15,23,42,0.3) 0%, rgba(15,23,42,0.55) 50%, rgba(15,23,42,0.85) 100% );
    z-index: 1;
}

.expo-hero-content[b-g1k8wklsmo] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* Badge */
.expo-badge-hero[b-g1k8wklsmo] {
    display: inline-block;
    background: linear-gradient(135deg, #c41230, #7f0d1e);
    color: white;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 3px;
    padding: 7px 20px;
    border-radius: 99px;
    font-family: Arial, sans-serif;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px rgba(196,18,48,0.5);
}

/* Title */
.expo-hero-title-xl[b-g1k8wklsmo] {
    font-size: clamp(32px, 5.5vw, 64px);
    font-weight: 900;
    color: white;
    margin: 0 0 12px;
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 1.1;
    text-shadow: 0 2px 20px rgba(0,0,0,0.5);
    text-align: center;
}

.expo-hero-tagline[b-g1k8wklsmo] {
    font-size: clamp(15px, 2vw, 20px);
    color: rgba(255,255,255,0.75);
    margin: 0 0 32px;
    font-family: Georgia, serif;
    letter-spacing: 1px;
    text-align: center;
}

/* Stats */
.expo-hero-stats[b-g1k8wklsmo] {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 36px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 16px;
    padding: 16px 32px;
    backdrop-filter: blur(10px);
}

.expo-stat-hero[b-g1k8wklsmo] {
    text-align: center;
    padding: 0 28px;
}

.expo-stat-num-hero[b-g1k8wklsmo] {
    font-size: 36px;
    font-weight: 900;
    color: #c41230;
    font-family: Arial, sans-serif;
    line-height: 1;
}

.expo-stat-lbl-hero[b-g1k8wklsmo] {
    font-size: 10px;
    color: rgba(255,255,255,0.5);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Arial, sans-serif;
    margin-top: 4px;
}

.expo-stat-divider-hero[b-g1k8wklsmo] {
    width: 1px;
    height: 40px;
    background: rgba(255,255,255,0.15);
}

/* CTAs */
.expo-hero-ctas[b-g1k8wklsmo] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.expo-cta-primary[b-g1k8wklsmo] {
    display: inline-block;
    background: linear-gradient(135deg, #c41230, #a50f28);
    color: white;
    padding: 14px 32px;
    border-radius: 8px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    font-size: 15px;
    text-decoration: none;
    box-shadow: 0 4px 20px rgba(196,18,48,0.45);
    transition: all .2s;
    border: none;
    cursor: pointer;
}

    .expo-cta-primary:hover[b-g1k8wklsmo] {
        background: linear-gradient(135deg, #a50f28, #8b0d22);
        transform: translateY(-2px);
        box-shadow: 0 8px 28px rgba(196,18,48,0.6);
        color: white;
        text-decoration: none;
    }

    .expo-cta-primary.expo-cta-lg[b-g1k8wklsmo] {
        font-size: 16px;
        padding: 16px 40px;
    }

.expo-cta-ghost[b-g1k8wklsmo] {
    display: inline-block;
    border: 2px solid rgba(255,255,255,0.35);
    color: white;
    padding: 14px 32px;
    border-radius: 8px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    font-size: 15px;
    text-decoration: none;
    transition: all .2s;
    backdrop-filter: blur(4px);
}

    .expo-cta-ghost:hover[b-g1k8wklsmo] {
        border-color: rgba(255,255,255,0.7);
        background: rgba(255,255,255,0.1);
        color: white;
        text-decoration: none;
    }

/* Slider dots */
.expo-slider-dots[b-g1k8wklsmo] {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    gap: 8px;
}

.expo-dot[b-g1k8wklsmo] {
    width: 8px;
    height: 8px;
    border-radius: 99px;
    background: rgba(255,255,255,0.3);
    border: none;
    cursor: pointer;
    transition: all .3s;
    padding: 0;
}

    .expo-dot.active[b-g1k8wklsmo] {
        background: white;
        width: 24px;
    }

/* ── Hero Slider ──────────────────────────────────────────────── */
.expo-hero-slider[b-g1k8wklsmo] {
    position: relative;
    height: 600px;
    overflow: hidden;
}

.expo-slides[b-g1k8wklsmo] {
    position: absolute;
    inset: 0;
}

.expo-slide[b-g1k8wklsmo] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1s ease;
}

    .expo-slide.active[b-g1k8wklsmo] {
        opacity: 1;
    }

.expo-slide-default[b-g1k8wklsmo] {
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 40%, #3b0764 70%, #0f172a 100%);
    opacity: 1;
}

.expo-hero-overlay[b-g1k8wklsmo] {
    position: absolute;
    inset: 0;
    background: linear-gradient( to bottom, rgba(15,23,42,0.3) 0%, rgba(15,23,42,0.55) 50%, rgba(15,23,42,0.85) 100% );
    z-index: 1;
}

.expo-hero-content[b-g1k8wklsmo] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* Badge */
.expo-badge-hero[b-g1k8wklsmo] {
    display: inline-block;
    background: linear-gradient(135deg, #c41230, #7f0d1e);
    color: white;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 3px;
    padding: 7px 20px;
    border-radius: 99px;
    font-family: Arial, sans-serif;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px rgba(196,18,48,0.5);
}

/* Title */
.expo-hero-title-xl[b-g1k8wklsmo] {
    font-size: clamp(32px, 5.5vw, 64px);
    font-weight: 900;
    color: white;
    margin: 0 0 12px;
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 1.1;
    text-shadow: 0 2px 20px rgba(0,0,0,0.5);
    text-align: center;
}

.expo-hero-tagline[b-g1k8wklsmo] {
    font-size: clamp(15px, 2vw, 20px);
    color: rgba(255,255,255,0.75);
    margin: 0 0 32px;
    font-family: Georgia, serif;
    letter-spacing: 1px;
    text-align: center;
}

/* Stats */
.expo-hero-stats[b-g1k8wklsmo] {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 36px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 16px;
    padding: 16px 32px;
    backdrop-filter: blur(10px);
}

.expo-stat-hero[b-g1k8wklsmo] {
    text-align: center;
    padding: 0 28px;
}

.expo-stat-num-hero[b-g1k8wklsmo] {
    font-size: 36px;
    font-weight: 900;
    color: #c41230;
    font-family: Arial, sans-serif;
    line-height: 1;
}

.expo-stat-lbl-hero[b-g1k8wklsmo] {
    font-size: 10px;
    color: rgba(255,255,255,0.5);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Arial, sans-serif;
    margin-top: 4px;
}

.expo-stat-divider-hero[b-g1k8wklsmo] {
    width: 1px;
    height: 40px;
    background: rgba(255,255,255,0.15);
}

/* CTAs */
.expo-hero-ctas[b-g1k8wklsmo] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.expo-cta-primary[b-g1k8wklsmo] {
    display: inline-block;
    background: linear-gradient(135deg, #c41230, #a50f28);
    color: white;
    padding: 14px 32px;
    border-radius: 8px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    font-size: 15px;
    text-decoration: none;
    box-shadow: 0 4px 20px rgba(196,18,48,0.45);
    transition: all .2s;
    border: none;
    cursor: pointer;
}

    .expo-cta-primary:hover[b-g1k8wklsmo] {
        background: linear-gradient(135deg, #a50f28, #8b0d22);
        transform: translateY(-2px);
        box-shadow: 0 8px 28px rgba(196,18,48,0.6);
        color: white;
        text-decoration: none;
    }

    .expo-cta-primary.expo-cta-lg[b-g1k8wklsmo] {
        font-size: 16px;
        padding: 16px 40px;
    }

.expo-cta-ghost[b-g1k8wklsmo] {
    display: inline-block;
    border: 2px solid rgba(255,255,255,0.35);
    color: white;
    padding: 14px 32px;
    border-radius: 8px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    font-size: 15px;
    text-decoration: none;
    transition: all .2s;
    backdrop-filter: blur(4px);
}

    .expo-cta-ghost:hover[b-g1k8wklsmo] {
        border-color: rgba(255,255,255,0.7);
        background: rgba(255,255,255,0.1);
        color: white;
        text-decoration: none;
    }

/* Slider dots */
.expo-slider-dots[b-g1k8wklsmo] {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    gap: 8px;
}

.expo-dot[b-g1k8wklsmo] {
    width: 8px;
    height: 8px;
    border-radius: 99px;
    background: rgba(255,255,255,0.3);
    border: none;
    cursor: pointer;
    transition: all .3s;
    padding: 0;
}

    .expo-dot.active[b-g1k8wklsmo] {
        background: white;
        width: 24px;
    }

.expo-cta-primary:not([href])[b-g1k8wklsmo] {
    cursor: pointer;
}

/* ── Responsive (venia suelto al final de site.css, linea ~760) ── */
@media (max-width: 768px) {
    .expo-hero-slider[b-g1k8wklsmo] {
        height: 480px;
    }

    .expo-hero-stats[b-g1k8wklsmo] {
        padding: 12px 20px;
        gap: 0;
    }

    .expo-stat-hero[b-g1k8wklsmo] {
        padding: 0 16px;
    }

    .expo-stat-num-hero[b-g1k8wklsmo] {
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .expo-hero-slider[b-g1k8wklsmo] {
        height: 420px;
    }

    .expo-hero-stats[b-g1k8wklsmo] {
        flex-wrap: wrap;
        justify-content: center;
    }

    .expo-stat-divider-hero[b-g1k8wklsmo] {
        display: none;
    }
}

/* ── Responsive: altura flexible ────────────────────────────────
   Con altura fija (480/420px) y el contenido en position:absolute,
   en celular las estadisticas y los botones se envuelven y se
   recortaban por el overflow:hidden. Se conserva la misma altura
   como minimo, pero el hero crece si el contenido lo necesita. */
@media (max-width: 768px) {
    .expo-hero-slider[b-g1k8wklsmo] {
        height: auto;
        min-height: 480px;
    }

    .expo-hero-content[b-g1k8wklsmo] {
        position: relative;
        min-height: inherit;
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 480px) {
    .expo-hero-slider[b-g1k8wklsmo] {
        min-height: 420px;
    }
}
/* /Components/Features/PanelAdmin/AdminGuard.razor.rz.scp.css */
/* Mismo aspecto que el aviso sin sesion del dashboard. */
.guardBody[b-leuujtel9z] {
    text-align: center;
    padding: 60px 20px;
    color: #9ca3af;
}

.guardIcon[b-leuujtel9z] {
    font-size: 40px;
    margin: 0 0 8px;
}

.guardText[b-leuujtel9z] {
    font-size: 14px;
    margin: 0;
}
/* /Components/Features/PanelAdmin/AttendeeSection.razor.rz.scp.css */
/* Mismo patron visual que ExpositorsSection.
   Las filas <tr>/<td> las dibujan los componentes hijos, por eso las
   reglas de celdas van con ::deep (sin el, el CSS aislado no les llega). */

.attTotal[b-tscr7c0svu] {
    margin: 0 0 12px;
    font-size: 13px;
    color: #6b7280;
}

.attTableWrap[b-tscr7c0svu] {
    overflow-x: auto;
}

.attTable[b-tscr7c0svu] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

/* Solo las filas directas del grupo: no la tabla anidada de eventos */
.attGroup[b-tscr7c0svu] >  tr > td {
    padding: 10px 12px;
    vertical-align: top;
}

.attGroup[b-tscr7c0svu] {
    border-top: 2px solid #e5e7eb;
}

.attEmpty[b-tscr7c0svu] {
    text-align: center;
    padding: 40px;
    color: #9ca3af;
}

.attEmptyIcon[b-tscr7c0svu] {
    font-size: 36px;
}

/* ── Clases compartidas por las filas hijas ─────────────────── */
.attTable[b-tscr7c0svu]  .attName {
    margin: 0 0 2px;
    font-weight: 700;
}

.attTable[b-tscr7c0svu]  .attSub {
    margin: 0;
    font-size: 11px;
    color: #9ca3af;
}

.attTable[b-tscr7c0svu]  .attContact {
    display: block;
    margin: 0 0 2px;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    word-break: break-word;
}

    .attTable[b-tscr7c0svu]  .attContact:hover {
        text-decoration: underline;
    }

.attTable[b-tscr7c0svu]  .attWeb {
    color: #c41230;
}

.attTable[b-tscr7c0svu]  .attNone {
    font-size: 12px;
    color: #9ca3af;
}

/* ── Responsive: en celular cada fila se apila ─────────────── */
@media (max-width: 768px) {
    .attTable[b-tscr7c0svu],
    .attGroup[b-tscr7c0svu],
    .attGroup[b-tscr7c0svu] >  tr,
    .attGroup[b-tscr7c0svu] >  tr > td {
        display: block;
        width: 100%;
    }

        .attGroup[b-tscr7c0svu] >  tr > td {
            padding: 6px 12px;
        }

            .attGroup[b-tscr7c0svu] >  tr > td[data-label]::before {
                content: attr(data-label);
                display: block;
                font-size: 10px;
                font-weight: 700;
                color: #9ca3af;
                text-transform: uppercase;
                letter-spacing: .5px;
                margin-bottom: 2px;
            }

            /* El nombre ya se explica solo: sin etiqueta en la primera celda */
            .attGroup[b-tscr7c0svu] >  tr > td:first-child::before {
                display: none;
            }

    .attGroup[b-tscr7c0svu] {
        margin-bottom: 12px;
    }
}
/* /Components/Features/PanelAdmin/Attendees/AttendeeBusinessRow.razor.rz.scp.css */
.attBizRow[b-c0zspog4oq] {
    border-top: 1px solid #f3f4f6;
}

    /* Sangria para que se lea que el negocio pertenece al usuario de arriba */
    .attBizRow td:first-child[b-c0zspog4oq] {
        padding-left: 40px;
    }

.attBiz[b-c0zspog4oq] {
    border-left: 3px solid #e5e7eb;
    padding-left: 10px;
}

@media (max-width: 768px) {
    .attBizRow[b-c0zspog4oq] {
        padding-left: 16px;
    }

        .attBizRow td:first-child[b-c0zspog4oq] {
            padding-left: 12px;
        }

            .attBizRow td:first-child[b-c0zspog4oq]::before {
                display: none;
            }
}

/* Fondo apenas distinto para que se note que es el detalle desplegado */
.attBizRow[b-c0zspog4oq] {
    background: #fcfcfd;
}
/* /Components/Features/PanelAdmin/Attendees/AttendeeEventsRow.razor.rz.scp.css */
.attEventsRow[b-jyuuimbrpc] {
    border-top: 1px solid #f3f4f6;
}

    .attEventsRow > td:first-child[b-jyuuimbrpc] {
        padding-left: 40px;
    }

.attEventsTitle[b-jyuuimbrpc] {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: .5px;
}

/* Mismas columnas y estilo que la tabla de la seccion de eventos */
.attEvTable[b-jyuuimbrpc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    border: 1px solid #f3f4f6;
    border-radius: 8px;
}

    .attEvTable th[b-jyuuimbrpc] {
        padding: 6px 10px;
        text-align: left;
        color: #9ca3af;
        font-size: 11px;
        border-bottom: 1px solid #e5e7eb;
    }

    .attEvTable td[b-jyuuimbrpc] {
        padding: 6px 10px;
        border-bottom: 1px solid #f3f4f6;
        vertical-align: top;
    }

    .attEvTable tbody tr:last-child td[b-jyuuimbrpc] {
        border-bottom: none;
    }

.attEvTitle[b-jyuuimbrpc] {
    font-weight: 700;
}

.attEvDate[b-jyuuimbrpc] {
    white-space: nowrap;
}

.attEvTime[b-jyuuimbrpc] {
    color: #9ca3af;
}

/* ── Celular: cada evento como bloque ─────────────────────── */
@media (max-width: 768px) {
    .attEventsRow > td:first-child[b-jyuuimbrpc] {
        padding-left: 12px;
    }

    .attEvTable thead[b-jyuuimbrpc] {
        display: none;
    }

    .attEvTable[b-jyuuimbrpc],
    .attEvTable tbody[b-jyuuimbrpc],
    .attEvTable tr[b-jyuuimbrpc],
    .attEvTable td[b-jyuuimbrpc] {
        display: block;
        width: 100%;
    }

        .attEvTable tr[b-jyuuimbrpc] {
            padding: 6px 0;
            border-bottom: 1px solid #f3f4f6;
        }

        .attEvTable td[b-jyuuimbrpc] {
            padding: 2px 10px;
            border-bottom: none;
        }

    .attEvDate[b-jyuuimbrpc] {
        white-space: normal;
    }

        .attEvDate br[b-jyuuimbrpc] {
            display: none;
        }

    .attEvTime[b-jyuuimbrpc]::before {
        content: " · ";
    }
}
/* /Components/Features/PanelAdmin/Attendees/AttendeeUserRow.razor.rz.scp.css */
.attUserRow[b-ezu5rn3eyw] {
    background: #f8fafc;
}

.attUser[b-ezu5rn3eyw] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.attUserIcon[b-ezu5rn3eyw] {
    font-size: 18px;
    line-height: 1.2;
}

.attUserInfo[b-ezu5rn3eyw] {
    min-width: 0;
}

/* Etiqueta gris redondeada, como la de "Sin contactar" en prospectos */
.attPill[b-ezu5rn3eyw] {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 10px;
    border-radius: 99px;
    background: #f1f5f9;
    color: #6b7280;
    font-size: 11px;
    font-weight: 600;
    vertical-align: middle;
}

/* ── Linea de contacto: todo en fila, se acomoda si no cabe ── */
.attMeta[b-ezu5rn3eyw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 18px;
    margin-top: 4px;
}

.attMetaItem[b-ezu5rn3eyw] {
    font-size: 12px;
    color: #4b5563;
    text-decoration: none;
    word-break: break-word;
}

a.attMetaItem:hover[b-ezu5rn3eyw] {
    text-decoration: underline;
}

.attMetaMuted[b-ezu5rn3eyw] {
    color: #9ca3af;
}

/* ── Boton "N negocios" ──────────────────────────────────── */
.attBizToggle[b-ezu5rn3eyw] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 99px;
    background: white;
    font-weight: 600;
    cursor: pointer;
}

    .attBizToggle:hover[b-ezu5rn3eyw] {
        border-color: #c41230;
        color: #c41230;
    }

.attChevron[b-ezu5rn3eyw] {
    display: inline-block;
    transition: transform .15s;
}

    .attChevron.isOpen[b-ezu5rn3eyw] {
        transform: rotate(180deg);
    }
/* /Components/Features/PanelAdmin/EventSection.razor.rz.scp.css */
/* Mismos valores que tenia la seccion en estilos inline. */

.evFilters[b-4q6q11cx0b] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.evSelect[b-4q6q11cx0b] {
    padding: 7px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 13px;
    background: white;
}

.evCheck[b-4q6q11cx0b] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #374151;
    cursor: pointer;
    user-select: none;
}

.evClearBtn[b-4q6q11cx0b] {
    padding: 7px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: white;
    font-size: 13px;
    color: #374151;
    cursor: pointer;
}

    .evClearBtn:hover:not(:disabled)[b-4q6q11cx0b] {
        border-color: #c41230;
        color: #c41230;
    }

    .evClearBtn:disabled[b-4q6q11cx0b] {
        opacity: .45;
        cursor: not-allowed;
    }

.evCount[b-4q6q11cx0b] {
    margin-left: auto;
    font-size: 13px;
    color: #6b7280;
}

.evExpositorLegend[b-4q6q11cx0b] {
    margin: 12px 0 0;
    padding: 8px 12px;
    border-left: 3px solid #c41230;
    border-radius: 0 6px 6px 0;
    background: #fef2f2;
    font-size: 13px;
    color: #374151;
}

/* ── Mensaje de la ultima accion ─────────────────────────── */
.evMsg[b-4q6q11cx0b] {
    margin-bottom: 12px;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 13px;
}

.evMsgOk[b-4q6q11cx0b] {
    background: #f0fdf4;
    color: #15803d;
}

.evMsgFail[b-4q6q11cx0b] {
    background: #fef2f2;
    color: #dc2626;
}

/* ── Vacio ───────────────────────────────────────────────── */
.evEmpty[b-4q6q11cx0b] {
    text-align: center;
    padding: 40px;
    color: #9ca3af;
}

.evEmptyIcon[b-4q6q11cx0b] {
    font-size: 36px;
}

/* ── Tabla (las celdas <td> las dibuja AdminEventRow) ────── */
.evTableWrap[b-4q6q11cx0b] {
    overflow-x: auto;
}

.evTable[b-4q6q11cx0b] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    .evTable thead tr[b-4q6q11cx0b] {
        border-bottom: 2px solid #e5e7eb;
    }

    .evTable th[b-4q6q11cx0b] {
        padding: 10px 12px;
        text-align: left;
        color: #6b7280;
        white-space: nowrap;
    }

        .evTable th.evCenter[b-4q6q11cx0b] {
            text-align: center;
        }

@media (max-width: 768px) {
    .evCount[b-4q6q11cx0b] {
        margin-left: 0;
        width: 100%;
    }

    .evTable thead[b-4q6q11cx0b] {
        display: none;
    }

    .evTable[b-4q6q11cx0b] {
        display: block;
    }
}
/* /Components/Features/PanelAdmin/Events/AdminEventRow.razor.rz.scp.css */
/* Mismos valores que tenia la tabla de eventos en estilos inline. */

.evGroup[b-8jupjm73js] {
    border-bottom: 1px solid #f3f4f6;
}

.evRow td[b-8jupjm73js] {
    padding: 10px 12px;
    vertical-align: top;
}

.evCenter[b-8jupjm73js] {
    text-align: center;
}

.evStrong[b-8jupjm73js] {
    font-weight: 700;
}

.evTitle[b-8jupjm73js] {
    margin: 0 0 2px;
    font-weight: 700;
}

.evSub[b-8jupjm73js] {
    margin: 0;
    font-size: 11px;
    color: #9ca3af;
}

.evFeatured[b-8jupjm73js] {
    margin-left: 4px;
    color: #f59e0b;
    font-weight: 600;
}

.evNone[b-8jupjm73js] {
    font-size: 12px;
    color: #9ca3af;
}

/* ── Estado ──────────────────────────────────────────────── */
.evStatus[b-8jupjm73js] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 99px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.evStatusPublished[b-8jupjm73js] {
    background: #f0fdf4;
    color: #15803d;
}

.evStatusCancelled[b-8jupjm73js] {
    background: #fef2f2;
    color: #dc2626;
}

.evStatusDraft[b-8jupjm73js] {
    background: #f1f5f9;
    color: #6b7280;
}

/* ── Botones de accion ───────────────────────────────────── */
.evActions[b-8jupjm73js] {
    white-space: nowrap;
}

.evBtn[b-8jupjm73js] {
    padding: 4px 8px;
    margin: 2px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    background: white;
    font-size: 11px;
    cursor: pointer;
}

    .evBtn:disabled[b-8jupjm73js] {
        opacity: .5;
        cursor: wait;
    }

.evBtnPublish[b-8jupjm73js] {
    color: #15803d;
}

.evBtnFeature[b-8jupjm73js] {
    color: #f59e0b;
}

.evBtnCancel[b-8jupjm73js] {
    border-color: #fca5a5;
    color: #dc2626;
}

/* ── Boton "N horarios" ──────────────────────────────────── */
.evSchedToggle[b-8jupjm73js] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 2px;
    padding: 2px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 99px;
    background: white;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

    .evSchedToggle:hover[b-8jupjm73js] {
        border-color: #c41230;
        color: #c41230;
    }

.evChevron[b-8jupjm73js] {
    display: inline-block;
    transition: transform .15s;
}

    .evChevron.isOpen[b-8jupjm73js] {
        transform: rotate(180deg);
    }

/* ── Lista de horarios ───────────────────────────────────── */
.evSchedRow td[b-8jupjm73js] {
    padding: 0 12px 12px;
}

.evSchedList[b-8jupjm73js] {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #f3f4f6;
    border-radius: 8px;
    background: #fcfcfd;
}

.evSchedItem[b-8jupjm73js] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 18px;
    padding: 8px 12px;
    border-bottom: 1px solid #f3f4f6;
    font-size: 12px;
}

    .evSchedItem:last-child[b-8jupjm73js] {
        border-bottom: none;
    }

.evSchedDate[b-8jupjm73js] {
    font-weight: 600;
    color: #111827;
}

.evSchedMeta[b-8jupjm73js] {
    color: #6b7280;
}

.evSchedBadge[b-8jupjm73js] {
    margin-left: auto;
    padding: 2px 10px;
    border-radius: 99px;
    font-size: 11px;
    font-weight: 700;
}

.isFuture .evSchedBadge[b-8jupjm73js] {
    background: #f0fdf4;
    color: #15803d;
}

.isPast[b-8jupjm73js] {
    opacity: .7;
}

    .isPast .evSchedBadge[b-8jupjm73js] {
        background: #f1f5f9;
        color: #6b7280;
    }

.isCancelled .evSchedBadge[b-8jupjm73js] {
    background: #fef2f2;
    color: #dc2626;
}

.isCancelled .evSchedDate[b-8jupjm73js] {
    text-decoration: line-through;
    color: #9ca3af;
}

/* ── Celular: cada evento como tarjeta ───────────────────── */
@media (max-width: 768px) {
    .evGroup[b-8jupjm73js],
    .evRow[b-8jupjm73js],
    .evRow td[b-8jupjm73js],
    .evSchedRow[b-8jupjm73js],
    .evSchedRow td[b-8jupjm73js] {
        display: block;
        width: 100%;
    }

    .evGroup[b-8jupjm73js] {
        margin-bottom: 12px;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
    }

    .evRow td[b-8jupjm73js] {
        padding: 6px 12px;
        text-align: left;
    }

        .evRow td[data-label][b-8jupjm73js]::before {
            content: attr(data-label);
            display: block;
            font-size: 10px;
            font-weight: 700;
            color: #9ca3af;
            text-transform: uppercase;
            letter-spacing: .5px;
            margin-bottom: 2px;
        }

        .evRow td:first-child[b-8jupjm73js]::before {
            display: none;
        }

    .evActions[b-8jupjm73js] {
        white-space: normal;
    }

    .evSchedBadge[b-8jupjm73js] {
        margin-left: 0;
    }
}
/* /Components/Features/PanelAdmin/ExpositorsSection.razor.rz.scp.css */

.expTableWrap[b-eafisu87ip] {
    overflow-x: auto;
}

.expTable[b-eafisu87ip] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    .expTable thead tr[b-eafisu87ip] {
        border-bottom: 2px solid #e5e7eb;
    }

    .expTable th[b-eafisu87ip] {
        padding: 10px 12px;
        text-align: left;
        color: #6b7280;
    }

    .expTable td[b-eafisu87ip] {
        padding: 10px 12px;
        vertical-align: top;
    }

.expGroup[b-eafisu87ip] {
    border-bottom: 2px solid #e5e7eb;
}

[b-eafisu87ip] .expName {
    margin: 0 0 2px;
    font-weight: 700;
}


[b-eafisu87ip] .expContact {
    display: block;
    margin: 0 0 2px;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    word-break: break-word;
}


.expWeb[b-eafisu87ip] {
    color: #c41230;
}

[b-eafisu87ip] .expNone {
    font-size: 12px;
    color: #9ca3af;
}

.expEmpty[b-eafisu87ip] {
    text-align: center;
    padding: 40px;
    color: #9ca3af;
}

.expEmptyIcon[b-eafisu87ip] {
    font-size: 36px;
}


@media (max-width: 768px) {
    .expTable thead[b-eafisu87ip] {
        display: none;
    }

    .expTable[b-eafisu87ip],
    .expGroup[b-eafisu87ip],
    .expTable tr[b-eafisu87ip],
    .expTable td[b-eafisu87ip] {
        display: block;
        width: 100%;
    }

        .expTable td[b-eafisu87ip] {
            padding: 6px 12px;
        }

            .expTable td[data-label][b-eafisu87ip]::before {
                content: attr(data-label);
                display: block;
                font-size: 10px;
                font-weight: 700;
                color: #9ca3af;
                text-transform: uppercase;
                letter-spacing: .5px;
                margin-bottom: 2px;
            }

            /* El nombre ya se explica solo: sin etiqueta en la primera celda */
            .expTable td:first-child[b-eafisu87ip]::before {
                display: none;
            }

    .expGroup[b-eafisu87ip] {
        margin-bottom: 12px;
    }
}
/* /Components/Features/PanelAdmin/Expositors/BusinessDataRow.razor.rz.scp.css */
.expBizRow[b-qzftp41jqy] {
    border-top: 1px solid #f3f4f6;
}

    /* Sangria para que se lea que el negocio pertenece al usuario de arriba */
    .expBizRow td:first-child[b-qzftp41jqy] {
        padding-left: 40px;
    }
.expBiz[b-qzftp41jqy] {
    border-left: 3px solid #e5e7eb;
    padding-left: 10px;
}
.expSub[b-qzftp41jqy] {
    margin: 0;
    font-size: 11px;
    color: #9ca3af;
}
.expMuted[b-qzftp41jqy] {
    color: #6b7280;
}



@media (max-width: 768px) {
    .expBizRow[b-qzftp41jqy] {
        padding-left: 16px;
    }

        .expBizRow td:first-child[b-qzftp41jqy] {
            padding-left: 12px;
        }
}
/* /Components/Features/PanelAdmin/Expositors/UserDataRow.razor.rz.scp.css */
.expUserRow[b-d2i71l83wt] {
    background: #f8fafc;
}

.expUser[b-d2i71l83wt] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.expUserIcon[b-d2i71l83wt] {
    font-size: 18px;
    line-height: 1.2;
}

.expSub[b-d2i71l83wt] {
    margin: 0;
    font-size: 11px;
    color: #9ca3af;
}

.expMuted[b-d2i71l83wt] {
    color: #6b7280;
}

/* ── Boton "Ver eventos" ─────────────────────────────────── */
.expVerEventos[b-d2i71l83wt] {
    margin-top: 6px;
    padding: 3px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 99px;
    background: white;
    font-size: 11px;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
}

    .expVerEventos:hover[b-d2i71l83wt] {
        border-color: #c41230;
        color: #c41230;
    }
/* /Components/Features/PanelAdmin/TopMenuSection.razor.rz.scp.css */
.topMenuArea[b-j4n3n2j4d6] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
    flex-wrap: wrap;
    margin: 28px;
    flex-direction: row;
}
/* /Components/Layout/AppFooter.razor.rz.scp.css */
.app-footer[b-eje8wgsz1m] {
    background: #07070c;
    border-top: 1px solid rgba(255,255,255,.06);
    padding: 60px 0 0;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */

.page[b-2ctanfrixk] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-2ctanfrixk] {
    flex: 1;
}

#blazor-error-ui[b-2ctanfrixk] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-2ctanfrixk] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/DashboardPage.razor.rz.scp.css */
.noSessionBody[b-yepnt0hc1e] {
    background: white;
    border-radius: 12px;
    padding: 40px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.noSessionIcon[b-yepnt0hc1e] {
    font-size: 36px;
    margin: 0;
}
.noSessionText[b-yepnt0hc1e] {
    margin: 8px 0 16px;
    color: #6b7280;
}

.subMenuArea[b-yepnt0hc1e] {
    display: flex;
    gap: 4px;
    border: 0px solid #e5e7eb;
    border-radius: 10px;
    padding: 0px 4px 35px 4px;
}
[b-yepnt0hc1e] .dashboardAreas {
    background: white;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.dashboardPageBody[b-yepnt0hc1e] {
    background: #f8fafc;
    min-height: 100vh;
    padding-top: 40px;
}

.dashboardLoading[b-yepnt0hc1e] {
    text-align: center;
    padding: 60px;
    color: #9ca3af;
}

.dashboardLoadingText[b-yepnt0hc1e] {
    font-size: 14px;
}

/* ── Responsive ─────────────────────────────────────────────────
   Los botones del submenu son nowrap; en celular los tres no caben
   en una fila. Se deja que el texto baje de linea dentro del boton. */
@media (max-width: 480px) {
    .subMenuArea[b-yepnt0hc1e]  .btn {
        white-space: normal;
        padding: 0;
    }
}
/* /Components/Pages/EventsPage.razor.rz.scp.css */
.ev-body[b-hhhv5xl50o] {
    background: var(--ink);
    font-family: 'DM Sans', sans-serif;
}



.ev-reg-column[b-hhhv5xl50o] {
    position: sticky;
    top: 24px;
    align-self: start;
    top: 88px;
}

/* ── MAIN LAYOUT ──────────────────────────────────── */
.ev-main[b-hhhv5xl50o] {
    background: var(--ink);
    padding-bottom: 80px;
}

.ev-grid[b-hhhv5xl50o] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 40px;
    align-items: start;
    padding-top: 48px;
}

/* ── CONTENT BLOCKS ───────────────────────────────── */
[b-hhhv5xl50o] .ev-section {
    margin-bottom: 40px;
    animation: fadeUp .6s ease both;
}

[b-hhhv5xl50o] .ev-section-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: var(--gold);
    font-family: 'DM Sans', sans-serif;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
}

    [b-hhhv5xl50o] .ev-section-label::after {
        content: '';
        flex: 1;
        height: 1px;
        background: linear-gradient(to right, rgba(201,168,76,0.4), transparent);
    }





.ev-btn-cancel[b-hhhv5xl50o] {
    width: 100%;
    padding: 14px;
    background: transparent;
    color: rgba(255,255,255,0.4);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
    font-family: 'DM Sans', sans-serif;
    margin-top: 10px;
    transition: all .2s;
}

    .ev-btn-cancel:hover[b-hhhv5xl50o] {
        border-color: rgba(255,255,255,0.3);
        color: rgba(255,255,255,0.7);
    }


.ev-reg-msg[b-hhhv5xl50o] {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 13px;
    margin-bottom: 12px;
    text-align: center;
}

    .ev-reg-msg.ok[b-hhhv5xl50o] {
        background: rgba(5,150,105,0.15);
        color: #34d399;
    }

    .ev-reg-msg.err[b-hhhv5xl50o] {
        background: rgba(196,18,48,0.15);
        color: #f87171;
    }

.ev-login-prompt[b-hhhv5xl50o] {
    text-align: center;
    padding: 8px 0;
    font-size: 13px;
    color: var(--muted);
}

    .ev-login-prompt a[b-hhhv5xl50o] {
        color: var(--gold);
        text-decoration: none;
        font-weight: 600;
    }

        .ev-login-prompt a:hover[b-hhhv5xl50o] {
            color: white;
        }



/* ── ZOOM BADGE ───────────────────────────────────── */
.ev-zoom-badge[b-hhhv5xl50o] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(37,99,235,0.15);
    border: 1px solid rgba(37,99,235,0.3);
    border-radius: 8px;
    padding: 10px 16px;
    color: #93c5fd;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

    .ev-zoom-badge:hover[b-hhhv5xl50o] {
        background: rgba(37,99,235,0.25);
        color: white;
        text-decoration: none;
    }



/* ── FOOTER ───────────────────────────────────────── */


.ev-img-hover[b-hhhv5xl50o] {
    transition: transform .4s ease;
}

    .ev-img-hover:hover[b-hhhv5xl50o] {
        transform: scale(1.04);
    }



/* ── RESPONSIVE GALERÍA ─────────────────────────────────── */
@media (max-width: 900px) {
    .ev-gallery-masonry[b-hhhv5xl50o] {
        column-count: 2;
    }
}

@media (max-width: 560px) {
    .ev-gallery-masonry[b-hhhv5xl50o] {
        column-count: 1;
    }

    .ev-gallery-solo[b-hhhv5xl50o] {
        max-height: 380px;
    }

        .ev-gallery-solo img[b-hhhv5xl50o] {
            max-height: 380px;
        }
}

/* ── RESPONSIVE ───────────────────────────────────── */
@media (max-width: 900px) {
    .ev-grid[b-hhhv5xl50o] {
        grid-template-columns: 1fr;
    }

    .ev-reg-card[b-hhhv5xl50o] {
        position: static;
    }

    .ev-schedules-grid[b-hhhv5xl50o] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .ev-hero-title[b-hhhv5xl50o] {
        font-size: 32px;
    }

    .ev-schedules-grid[b-hhhv5xl50o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .ev-reg-column[b-hhhv5xl50o] {
        position: static;
    }
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.ev-section.ev-delay-40[b-hhhv5xl50o] {
    animation-delay: .4s;
}

/* ── Responsive ─────────────────────────────────────────────────
   Entre 900 y 992px el contenedor de Bootstrap mide 720px y la
   columna izquierda quedaba en ~270px junto a la tarjeta de 380px.
   Se colapsa a una columna desde el breakpoint de tablet (992). */
@media (max-width: 991.98px) {
    .ev-grid[b-hhhv5xl50o] {
        grid-template-columns: 1fr;
    }

    .ev-reg-column[b-hhhv5xl50o] {
        position: static;
    }
}
/* /Components/Pages/HomePage.razor.rz.scp.css */
.sin-expo[b-zy773w2iqi] {
    padding: 120px 20px;
    text-align: center;
    color: var(--ri-muted);
    font-size: 16px;
}
.cargando[b-zy773w2iqi] {
    padding: 120px 20px;
    text-align: center;
    color: var(--ri-muted);
    font-size: 15px;
}
/* /Components/Pages/PanelAdminPage.razor.rz.scp.css */
body[b-kkydt1z45i] {
}
/* /Components/Pages/PreviewEventPage.razor.rz.scp.css */
.ev-body[b-5txosf0ams] {
    background: var(--ink);
    font-family: 'DM Sans', sans-serif;
}



/* ── MAIN LAYOUT ──────────────────────────────────── */
.ev-main[b-5txosf0ams] {
    background: var(--ink);
    padding-bottom: 80px;
}

.ev-grid[b-5txosf0ams] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 40px;
    align-items: start;
    padding-top: 48px;
}

/* ── CONTENT BLOCKS ───────────────────────────────── */
[b-5txosf0ams] .ev-section {
    margin-bottom: 40px;
    animation: fadeUp .6s ease both;
}

[b-5txosf0ams] .ev-section-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: var(--gold);
    font-family: 'DM Sans', sans-serif;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
}

    [b-5txosf0ams] .ev-section-label::after {
        content: '';
        flex: 1;
        height: 1px;
        background: linear-gradient(to right, rgba(201,168,76,0.4), transparent);
    }





.ev-btn-cancel[b-5txosf0ams] {
    width: 100%;
    padding: 14px;
    background: transparent;
    color: rgba(255,255,255,0.4);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
    font-family: 'DM Sans', sans-serif;
    margin-top: 10px;
    transition: all .2s;
}

    .ev-btn-cancel:hover[b-5txosf0ams] {
        border-color: rgba(255,255,255,0.3);
        color: rgba(255,255,255,0.7);
    }


.ev-reg-msg[b-5txosf0ams] {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 13px;
    margin-bottom: 12px;
    text-align: center;
}

    .ev-reg-msg.ok[b-5txosf0ams] {
        background: rgba(5,150,105,0.15);
        color: #34d399;
    }

    .ev-reg-msg.err[b-5txosf0ams] {
        background: rgba(196,18,48,0.15);
        color: #f87171;
    }

.ev-login-prompt[b-5txosf0ams] {
    text-align: center;
    padding: 8px 0;
    font-size: 13px;
    color: var(--muted);
}

    .ev-login-prompt a[b-5txosf0ams] {
        color: var(--gold);
        text-decoration: none;
        font-weight: 600;
    }

        .ev-login-prompt a:hover[b-5txosf0ams] {
            color: white;
        }



/* ── ZOOM BADGE ───────────────────────────────────── */
.ev-zoom-badge[b-5txosf0ams] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(37,99,235,0.15);
    border: 1px solid rgba(37,99,235,0.3);
    border-radius: 8px;
    padding: 10px 16px;
    color: #93c5fd;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

    .ev-zoom-badge:hover[b-5txosf0ams] {
        background: rgba(37,99,235,0.25);
        color: white;
        text-decoration: none;
    }



/* ── FOOTER ───────────────────────────────────────── */


.ev-img-hover[b-5txosf0ams] {
    transition: transform .4s ease;
}

    .ev-img-hover:hover[b-5txosf0ams] {
        transform: scale(1.04);
    }



/* ── RESPONSIVE GALERÍA ─────────────────────────────────── */
@media (max-width: 900px) {
    .ev-gallery-masonry[b-5txosf0ams] {
        column-count: 2;
    }
}

@media (max-width: 560px) {
    .ev-gallery-masonry[b-5txosf0ams] {
        column-count: 1;
    }

    .ev-gallery-solo[b-5txosf0ams] {
        max-height: 380px;
    }

        .ev-gallery-solo img[b-5txosf0ams] {
            max-height: 380px;
        }
}

/* ── RESPONSIVE ───────────────────────────────────── */
@media (max-width: 900px) {
    .ev-grid[b-5txosf0ams] {
        grid-template-columns: 1fr;
    }

    .ev-reg-card[b-5txosf0ams] {
        position: static;
    }

    .ev-schedules-grid[b-5txosf0ams] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .ev-hero-title[b-5txosf0ams] {
        font-size: 32px;
    }

    .ev-schedules-grid[b-5txosf0ams] {
        grid-template-columns: 1fr;
    }
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.ev-section.ev-delay-30[b-5txosf0ams] {
    animation-delay: .3s;
}

.ev-section.ev-delay-40[b-5txosf0ams] {
    animation-delay: .4s;
}

.ev-zoom-id[b-5txosf0ams] {
    color: rgba(255,255,255,0.4);
    font-weight: 400;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 991.98px) {
    .ev-grid[b-5txosf0ams] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .ev-zoom-badge[b-5txosf0ams] {
        flex-wrap: wrap;
    }
}
/* /Components/Shared/Forms/Fields/InputTextField.razor.rz.scp.css */
body[b-aqgax1vdko] {
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.inputTextField[b-aqgax1vdko] {
    font-size: 14px;
}
/* /Components/Shared/Forms/Fields/LabelField.razor.rz.scp.css */
.lbl[b-zn135q96td] {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 700;
    color: var(--ri-body);
    text-transform: uppercase;
    letter-spacing: .5px;
}

.req[b-zn135q96td] {
    color: var(--red);
}

.nota[b-zn135q96td] {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: var(--ri-faint);
    margin-left: 4px;
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.subText[b-zn135q96td] {
    font-size: 11px;
    color: #9ca3af;
    margin: 0 0 8px;
}
/* /Components/Shared/Forms/Fields/SelectField.razor.rz.scp.css */
.form-control-select[b-13jceupyhr] {
    font-size: 14px;
}
/* /Components/Shared/Forms/Fields/TextAreaField.razor.rz.scp.css */
.form-textarea[b-jbsjwspx2e] {
    font-size: 14px;
}
/* /Components/Shared/Forms/FormAlert.razor.rz.scp.css */
.alerta[b-oenzjjlauq] {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 900;
    padding: 12px 20px;
    border-radius: var(--ri-radius-sm);
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .18);
    max-width: calc(100vw - 32px);
}

.alerta-error[b-oenzjjlauq] {
    background: var(--ri-danger-bg);
    color: var(--ri-danger);
}

.alerta-exito[b-oenzjjlauq] {
    background: var(--ri-success-bg);
    color: var(--ri-success);
}
/* /Components/Shared/Forms/FormButton.razor.rz.scp.css */
.btn[b-g1tnxbeion] {
    flex: 0 0 auto;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    min-width: 35px;
}

.btn-clean[b-g1tnxbeion] {
    background: transparent;
    color: black;
    border: none;
    padding: 8px 14px;
}

.btn-green[b-g1tnxbeion] {
    background: #059669;
    color: white;
    border: none;
    padding: 8px 14px;
}

.btn-punteado[b-g1tnxbeion] {
    padding: 11px 18px;
    border: 2px dashed #cbd5e1;
    background: #f8fafc;
    color: #475569;
}

.btn-red[b-g1tnxbeion] {
    background: #c41230;
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 14px;
}


.btn-softRed[b-g1tnxbeion] {
    padding: 0 11px;
    border: 1px solid var(--ri-danger-border);
    background: var(--ri-danger-bg);
    color: var(--ri-danger);
}

.btn-solido[b-g1tnxbeion] {
    border: 1px solid var(--ri-border-strong);
    background: white;
    color: var(--ri-slate);
    padding: 12px 24px;
}

.btn:disabled[b-g1tnxbeion] {
    opacity: .5;
    cursor: not-allowed;
}
/* /Components/Shared/Forms/FormInputText.razor.rz.scp.css */
body[b-eco6lgv7oj] {
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.formFieldWrap[b-eco6lgv7oj] {
    width: 100%;
}
/* /Components/Shared/Forms/FormSelect.razor.rz.scp.css */
body[b-0xkid4fviw] {
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.formFieldWrap[b-0xkid4fviw] {
    width: 100%;
}
/* /Components/Shared/Forms/FormTextArea.razor.rz.scp.css */
body[b-3x479848s7] {
}

/* ── Clases que reemplazan los estilos inline (mismos valores) ── */

.formFieldWrap[b-3x479848s7] {
    width: 100%;
}