/* /Components/AdopcionContactoModal.razor.rz.scp.css */
.adop-contact-modal[b-e2h3xkmurk] {
    border: 0;
    border-radius: 18px;
    box-shadow: 0 24px 64px rgba(19, 40, 36, 0.3);
}

.adop-contact-modal .modal-header[b-e2h3xkmurk] {
    border-bottom: 1px solid rgba(35, 49, 47, 0.1);
}

.adop-contact-modal .modal-footer[b-e2h3xkmurk] {
    border-top: 1px solid rgba(35, 49, 47, 0.1);
}

.adop-contact-modal .form-label[b-e2h3xkmurk] {
    font-weight: 600;
    color: #2c4642;
}

.btn-adop-primary[b-e2h3xkmurk] {
    background: linear-gradient(135deg, #2f7468, #4fa194);
    color: #fff;
    border: none;
}

.btn-adop-primary:hover[b-e2h3xkmurk] {
    color: #fff;
    filter: brightness(0.95);
}
/* /Components/GatoImagenCarouselThumbs.razor.rz.scp.css */
.gato-thumbs[b-nohhi3k3g8] {
    margin-top: 0.35rem;
    max-width: 200px;
}

.gato-thumb-btn[b-nohhi3k3g8] {
    border: 0;
    background: transparent;
    padding: 0;
    width: 100%;
}

.gato-thumb-img[b-nohhi3k3g8] {
    height: 120px;
    object-fit: cover;
    border-radius: 0.35rem;
}

.gato-thumbs .carousel-control-prev[b-nohhi3k3g8],
.gato-thumbs .carousel-control-next[b-nohhi3k3g8] {
    width: 28px;
    opacity: 0.9;
}

.gato-thumbs .carousel-control-prev-icon[b-nohhi3k3g8],
.gato-thumbs .carousel-control-next-icon[b-nohhi3k3g8] {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 999px;
    background-size: 55% 55%;
    width: 26px;
    height: 26px;
}

.gato-thumbs .carousel-control-prev[b-nohhi3k3g8],
.gato-thumbs .carousel-control-next[b-nohhi3k3g8] {
    top: 50%;
    transform: translateY(-50%);
}
/* /Components/IncidenciaAdjuntoCarouselThumbs.razor.rz.scp.css */
.incidencia-thumbs[b-4cbjf34hwo] {
    margin-top: 0.35rem;
    display: inline-block;
    max-width: min(560px, 42vw);
    max-width: 100%;
}


@media (max-width: 1400px) {
    .incidencia-thumb-img[b-4cbjf34hwo] {
        max-width: min(460px, 40vw);
    }
}

@media (max-width: 1200px) {
    .incidencia-thumb-img[b-4cbjf34hwo] {
        height: 280px;
        max-width: min(380px, 38vw);
    }
}
.incidencia-thumbs .carousel[b-4cbjf34hwo] {
    display: inline-block;
    width: fit-content;
}

.incidencia-thumbs .carousel-inner[b-4cbjf34hwo] {
    width: fit-content;
}

.incidencia-thumb-btn[b-4cbjf34hwo] {
    border: 0;
    background: transparent;
    padding: 0;
    display: inline-block;
    width: auto;
}

.incidencia-thumb-img[b-4cbjf34hwo] {
    height: 340px;
    width: auto;
    max-width: 560px;
    object-fit: cover;
    border-radius: 0.35rem;
}

.incidencia-thumbs .carousel-control-prev[b-4cbjf34hwo],
.incidencia-thumbs .carousel-control-next[b-4cbjf34hwo] {
    width: 28px;
    opacity: 0.9;
}

.incidencia-thumbs .carousel-control-prev-icon[b-4cbjf34hwo],
.incidencia-thumbs .carousel-control-next-icon[b-4cbjf34hwo] {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 999px;
    background-size: 55% 55%;
    width: 26px;
    height: 26px;
}

.incidencia-thumbs .carousel-control-prev[b-4cbjf34hwo],
.incidencia-thumbs .carousel-control-next[b-4cbjf34hwo] {
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    .incidencia-thumb-img[b-4cbjf34hwo] {
        height: 144px;
        max-width: 244px;
    }
}
/* /Components/InformeVeterinarioChat.razor.rz.scp.css */
.informe-vet-chat[b-pi6s4h6mka] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.informe-vet-feed[b-pi6s4h6mka] {
    max-height: 520px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.5rem 0;
    scroll-behavior: smooth;
}

.informe-vet-empty[b-pi6s4h6mka] {
    text-align: center;
    color: #adb5bd;
    font-size: 0.9rem;
    padding: 2rem 1rem;
}

/* Bubble base */
.informe-vet-entrada[b-pi6s4h6mka] {
    max-width: 80%;
    padding: 0.5rem 0.75rem;
    border-radius: 12px;
    position: relative;
    word-break: break-word;
}

.entrada-propia[b-pi6s4h6mka] {
    align-self: flex-end;
    background: #e8f5e9;
    border-bottom-right-radius: 3px;
}

.entrada-ajena[b-pi6s4h6mka] {
    align-self: flex-start;
    background: #fff;
    border: 1px solid #dee2e6;
    border-bottom-left-radius: 3px;
}

.entrada-meta[b-pi6s4h6mka] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.25rem;
    flex-wrap: wrap;
}

.entrada-autor[b-pi6s4h6mka] {
    font-weight: 600;
    font-size: 0.78rem;
    color: #1a6b3c;
}

.entrada-fecha[b-pi6s4h6mka] {
    font-size: 0.72rem;
    color: #adb5bd;
}

.entrada-fuente[b-pi6s4h6mka] {
    font-size: 0.65rem;
}

.entrada-texto[b-pi6s4h6mka] {
    font-size: 0.9rem;
    white-space: pre-wrap;
}

.entrada-adjunto[b-pi6s4h6mka] {
    margin-top: 0.35rem;
}

.entrada-img[b-pi6s4h6mka] {
    max-width: 100%;
    max-height: 240px;
    border-radius: 6px;
    cursor: zoom-in;
    display: block;
}

.entrada-acciones[b-pi6s4h6mka] {
    position: absolute;
    top: 4px;
    right: 4px;
    opacity: 0;
    transition: opacity 0.15s;
}

.informe-vet-entrada:hover .entrada-acciones[b-pi6s4h6mka] {
    opacity: 1;
}

/* Input area */
.informe-vet-input-area[b-pi6s4h6mka] {
    border-top: 1px solid #dee2e6;
    padding-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.informe-vet-textarea[b-pi6s4h6mka] {
    resize: none;
    border-radius: 8px;
    font-size: 0.9rem;
}

.informe-vet-input-actions[b-pi6s4h6mka] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.informe-vet-file-list[b-pi6s4h6mka] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.file-badge[b-pi6s4h6mka] {
    display: flex;
    align-items: center;
    background: #f1f3f5;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 0.78rem;
    max-width: 220px;
    min-width: 0;
}

.file-badge-name[b-pi6s4h6mka] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-0ghghhkrmr] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

main[b-0ghghhkrmr] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

article[b-0ghghhkrmr] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1;
    min-height: 0;
}

.sidebar[b-0ghghhkrmr] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    position: relative;
    z-index: 25;
    overflow: visible;
}

.top-row[b-0ghghhkrmr] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-0ghghhkrmr]  a, .top-row[b-0ghghhkrmr]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-0ghghhkrmr]  a:hover, .top-row[b-0ghghhkrmr]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-0ghghhkrmr]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-0ghghhkrmr] {
        justify-content: space-between;
    }

    .top-row[b-0ghghhkrmr]  a, .top-row[b-0ghghhkrmr]  .btn-link {
        margin-left: 0;
    }

    .content > *:first-child h1:first-of-type[b-0ghghhkrmr],
    .content > *:first-child h2:first-of-type[b-0ghghhkrmr],
    .content > *:first-child h3:first-of-type[b-0ghghhkrmr],
    .content > *:first-child h4:first-of-type[b-0ghghhkrmr] {
        display: none;
    }
}

@media (min-width: 641px) {
    .page[b-0ghghhkrmr] {
        flex-direction: column;
    }

    .sidebar[b-0ghghhkrmr] {
        width: 100%;
        flex: 0 0 auto;
    }

    .top-row[b-0ghghhkrmr] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-0ghghhkrmr]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-0ghghhkrmr], article[b-0ghghhkrmr] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-0ghghhkrmr] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-0ghghhkrmr] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

html[b-0ghghhkrmr], body[b-0ghghhkrmr] {
    height: 100%;
    margin: 0;
    overflow: hidden;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-u0ft0ixwpo] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-u0ft0ixwpo] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-u0ft0ixwpo] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.top-row .container-fluid[b-u0ft0ixwpo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    padding-right: 3.75rem;
}

.navbar-brand[b-u0ft0ixwpo] {
    font-size: 1.1rem;
    white-space: nowrap;
}

.navbar-page-title[b-u0ft0ixwpo] {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.nav-current-page[b-u0ft0ixwpo] {
    display: none;
}

.nav-current-page-text[b-u0ft0ixwpo] {
    color: rgba(255, 255, 255, 0.95);
    font-weight: 600;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    max-width: 100%;
    white-space: normal;
}

.nav-current-page-name[b-u0ft0ixwpo] {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-current-page-name[b-u0ft0ixwpo] {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
}

.nav-current-user[b-u0ft0ixwpo] {
    margin-top: 0.15rem;
    color: #fff !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bi[b-u0ft0ixwpo] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.nav-item[b-u0ft0ixwpo]  .nav-link .bi,
.nav-item .btn .bi[b-u0ft0ixwpo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    line-height: 1;
    position: static;
}

.bi-house-door-fill-nav-menu[b-u0ft0ixwpo] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-u0ft0ixwpo] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-u0ft0ixwpo] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-u0ft0ixwpo] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-u0ft0ixwpo] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-u0ft0ixwpo] {
        padding-bottom: 1rem;
    }

    .nav-item[b-u0ft0ixwpo]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-u0ft0ixwpo]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-u0ft0ixwpo]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-u0ft0ixwpo] {
    display: none;
    position: relative;
    z-index: 20;
}

.nav-group-dropdown-menu .dropdown-item[b-u0ft0ixwpo] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.nav-group-dropdown-menu .dropdown-item .bi[b-u0ft0ixwpo] {
    margin-right: 0.25rem;
}

.nav-group-dropdown-menu[b-u0ft0ixwpo] {
    z-index: 3000;
}

.nav-desktop-only[b-u0ft0ixwpo] {
    display: none;
}

.nav-mobile-only[b-u0ft0ixwpo] {
    display: block;
}

.navbar-toggler:checked ~ .nav-scrollable[b-u0ft0ixwpo] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-u0ft0ixwpo] {
        display: none;
    }

    .top-row[b-u0ft0ixwpo] {
        display: none;
    }

    .navbar-page-title[b-u0ft0ixwpo] {
        display: none;
    }

    .nav-scrollable[b-u0ft0ixwpo] {
        /* Never collapse the sidebar for wide screens */
        display: flex;
        align-items: center;
        background: linear-gradient(90deg, rgb(5, 39, 103) 0%, #3a0647 100%);
    }

    .nav[b-u0ft0ixwpo] {
        flex-direction: row !important;
        flex-wrap: nowrap;
        gap: 0.5rem;
        padding: 0.75rem 1.5rem;
        width: 100%;
        align-items: center;
        overflow-x: visible;
        overflow-y: visible;
    }

    .nav-current-page[b-u0ft0ixwpo] {
        display: block;
        flex: 1 1 auto;
        min-width: 0;
        margin-left: 0.75rem;
        order: 40;
    }

    .nav-current-page-text[b-u0ft0ixwpo] {
        font-size: 1.05rem;
    }

    .nav-item[b-u0ft0ixwpo] {
        padding: 0 !important;
        font-size: 0.9rem;
        flex: 0 0 auto;
    }

    .nav-desktop-only[b-u0ft0ixwpo] {
        display: block;
    }

    .nav-mobile-only[b-u0ft0ixwpo] {
        display: none;
    }

    .nav-user-meta[b-u0ft0ixwpo] {
        margin-left: auto;
        order: 100;
    }

    .nav-logout[b-u0ft0ixwpo] {
        order: 101;
        margin-left: auto;
    }

    .nav-item[b-u0ft0ixwpo]  .nav-link {
        border: 2px solid rgba(255, 255, 255, 0.3);
        padding: 0.5rem 1rem;
        white-space: nowrap;
        height: auto;
        min-height: 2.5rem;
    }

    .nav-item[b-u0ft0ixwpo]  .nav-link.nav-button,
    .nav-group-dropdown .nav-button[b-u0ft0ixwpo] {
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-radius: 4px;
        padding: 0.5rem 1rem;
        min-height: 2.5rem;
        color: #d7d7d7;
        background-color: transparent;
        display: inline-flex;
        align-items: center;
        line-height: 1.2;
        white-space: nowrap;
        text-decoration: none;
    }

    .nav-item[b-u0ft0ixwpo]  a.active {
        border-color: rgba(255, 255, 255, 0.8);
        border-width: 2px;
    }

    .nav-item[b-u0ft0ixwpo]  .nav-link:hover {
        border-color: rgba(255, 255, 255, 0.6);
    }

    .nav-logout .btn[b-u0ft0ixwpo] {
        border: 2px solid rgba(220, 53, 69, 0.5);
        white-space: nowrap;
        padding: 0.5rem 1rem;
        height: auto;
    }

    .nav-logout .btn:hover[b-u0ft0ixwpo] {
        border-color: rgba(220, 53, 69, 0.8);
    }

    .nav-group-dropdown .nav-button:hover[b-u0ft0ixwpo],
    .nav-group-dropdown .nav-button:focus[b-u0ft0ixwpo],
    .nav-item[b-u0ft0ixwpo]  .nav-link.nav-button:hover {
        background-color: rgba(255, 255, 255, 0.16);
        border-color: rgba(255, 255, 255, 0.6);
        color: white;
        box-shadow: none;
    }

    .nav-group-dropdown .nav-group-label[b-u0ft0ixwpo]::after {
        content: "";
        display: inline-block;
        margin-left: 0.6rem;
        vertical-align: middle;
        border-top: 0.3em solid currentColor;
        border-right: 0.3em solid transparent;
        border-left: 0.3em solid transparent;
    }

    .nav-group-dropdown[b-u0ft0ixwpo] {
        position: relative;
        z-index: 3001;
        padding-bottom: 0.25rem;
    }

    .nav-group-dropdown .dropdown-menu[b-u0ft0ixwpo] {
        position: absolute;
        top: 100%;
        left: 0;
        margin-top: 0;
        min-width: 16rem;
        padding: 0.35rem;
        border: 1px solid rgba(255, 255, 255, 0.35);
        border-radius: 0.5rem;
        background: linear-gradient(180deg, rgba(5, 39, 103, 0.98) 0%, rgba(58, 6, 71, 0.98) 100%);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
        z-index: 3002;
        display: block;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(4px);
        transition: opacity 0.14s ease, transform 0.14s ease, visibility 0s linear 0.14s;
    }

    .nav-group-dropdown:hover > .dropdown-menu[b-u0ft0ixwpo],
    .nav-group-dropdown > .dropdown-menu.show[b-u0ft0ixwpo] {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
        transition-delay: 0s;
    }

    .nav-group-dropdown-menu[b-u0ft0ixwpo]  .dropdown-item,
    .nav-group-dropdown-menu .dropdown-item[b-u0ft0ixwpo] {
        color: #d7d7d7;
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-radius: 4px;
        padding: 0.5rem 1rem;
        min-height: 2.5rem;
        background: transparent;
        line-height: 1.2;
    }

    .nav-group-dropdown-menu[b-u0ft0ixwpo]  .dropdown-item:hover,
    .nav-group-dropdown-menu[b-u0ft0ixwpo]  .dropdown-item:focus,
    .nav-group-dropdown-menu .dropdown-item:hover[b-u0ft0ixwpo],
    .nav-group-dropdown-menu .dropdown-item:focus[b-u0ft0ixwpo] {
        color: white;
        background-color: rgba(255, 255, 255, 0.16);
        border-color: rgba(255, 255, 255, 0.6);
    }

    .nav-group-dropdown-menu[b-u0ft0ixwpo]  .dropdown-item.active,
    .nav-group-dropdown-menu .dropdown-item.active[b-u0ft0ixwpo] {
        color: white;
        background-color: rgba(255, 255, 255, 0.16);
        border-color: rgba(255, 255, 255, 0.8);
    }

    .nav-group-dropdown-menu .dropdown-divider[b-u0ft0ixwpo] {
        border-top-color: rgba(255, 255, 255, 0.22);
    }
}
/* /Components/Layout/PublicStandaloneLayout.razor.rz.scp.css */
.public-standalone-layout[b-iuyxvbleoq] {
    min-height: 100vh;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.public-standalone-layout a[b-iuyxvbleoq],
.public-standalone-layout button[b-iuyxvbleoq],
.public-standalone-layout [role="button"][b-iuyxvbleoq],
.public-standalone-layout input[b-iuyxvbleoq],
.public-standalone-layout select[b-iuyxvbleoq],
.public-standalone-layout textarea[b-iuyxvbleoq] {
    touch-action: manipulation;
}

#blazor-error-ui[b-iuyxvbleoq] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-iuyxvbleoq] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/VetLayout.razor.rz.scp.css */
.vet-layout[b-obx32p4qew] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f8f9fa;
}

.vet-layout-header[b-obx32p4qew] {
    background: #1a6b3c;
    color: #fff;
    padding: 0.6rem 1rem;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.vet-layout-header-inner[b-obx32p4qew] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
}

.vet-layout-brand[b-obx32p4qew] {
    font-weight: 700;
    font-size: 1.1rem;
}

.vet-layout-subtitle[b-obx32p4qew] {
    font-size: 0.85rem;
    opacity: 0.85;
    flex: 1;
}

.vet-layout-actions[b-obx32p4qew] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.vet-layout-user[b-obx32p4qew] {
    font-size: 0.8rem;
    opacity: 0.85;
}

.vet-layout-main[b-obx32p4qew] {
    flex: 1;
    padding: 1.25rem 1rem;
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
}

#blazor-error-ui[b-obx32p4qew] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-obx32p4qew] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

@media (max-width: 576px) {
    .vet-layout-main[b-obx32p4qew] {
        padding: 1rem 0.5rem;
    }
}
/* /Components/ModalAccionesGato.razor.rz.scp.css */
.actions-modal--disabled[b-tbbljbli0i] {
    background-color: #f1f3f5;
    opacity: 0.55;
    pointer-events: none;
}

.actions-modal--disabled .modal-header[b-tbbljbli0i] {
    background-color: #e9ecef;
}
/* /Components/ModalDetalleIncidenciaGato.razor.rz.scp.css */
.incidencia-modal-dialog[b-wknlhr6rtr] {
    max-width: min(1080px, calc(100vw - 2rem));
}

.incidencia-modal-content[b-wknlhr6rtr] {
    border: 0;
    overflow: hidden;
}

.incidencia-modal-header[b-wknlhr6rtr] {
    border-bottom: 1px solid #e9ecef;
    align-items: start;
}

.incidencia-status-strip[b-wknlhr6rtr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0 1rem 0.75rem;
    border-bottom: 1px solid #f1f3f5;
}

.incidencia-modal-body[b-wknlhr6rtr] {
    display: grid;
    gap: 1rem;
}

.incidencia-layout-grid[b-wknlhr6rtr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: 1rem;
    align-items: start;
}

.incidencia-main-panel[b-wknlhr6rtr],
.incidencia-side-panel[b-wknlhr6rtr] {
    display: grid;
    gap: 0.875rem;
}

.incidencia-section[b-wknlhr6rtr] {
    border: 1px solid #eceff1;
    border-radius: 0.5rem;
    padding: 0.75rem;
    background: #fff;
}

.incidencia-actions-sticky[b-wknlhr6rtr] {
    display: grid;
    gap: 0.5rem;
    position: sticky;
    top: 0;
}

.incidencia-actions-sticky .btn[b-wknlhr6rtr] {
    width: 100%;
}

.incidencia-adjuntos-block[b-wknlhr6rtr] {
    border: 1px solid #eceff1;
    border-radius: 0.5rem;
    padding: 0.875rem;
    background: #fcfcfd;
}

.incidencia-block-title[b-wknlhr6rtr] {
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
    font-weight: 600;
}

.adjuntos-list[b-wknlhr6rtr] {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.adjunto-item[b-wknlhr6rtr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border: 1px solid #e9ecef;
    border-radius: 0.4rem;
    padding: 0.4rem 0.5rem;
    background: #fff;
}

@media (max-width: 991.98px) {
    .incidencia-layout-grid[b-wknlhr6rtr] {
        grid-template-columns: 1fr;
    }

    .incidencia-actions-sticky[b-wknlhr6rtr] {
        position: static;
    }
}

@media (max-width: 575.98px) {
    .incidencia-modal-dialog[b-wknlhr6rtr] {
        max-width: calc(100vw - 0.75rem);
        margin: 0.375rem auto;
    }

    .incidencia-status-strip[b-wknlhr6rtr] {
        padding: 0 0.75rem 0.75rem;
    }

    .incidencia-modal-body[b-wknlhr6rtr] {
        padding: 0.75rem;
    }

}
/* /Components/ModalGatoImagenes.razor.rz.scp.css */
.modal-images-content[b-4kd0fslcmg] {
    background: #000;
    color: #fff;
}

.modal-images-content .btn-close[b-4kd0fslcmg] {
    filter: invert(1) grayscale(1);
    opacity: 1;
    margin-right: 0.5rem;
    transform: scale(1.1);
}

.modal-images-body[b-4kd0fslcmg] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.modal-image[b-4kd0fslcmg] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.modal-image-preload[b-4kd0fslcmg] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.modal-images-content .carousel-control-prev[b-4kd0fslcmg],
.modal-images-content .carousel-control-next[b-4kd0fslcmg] {
    width: 56px;
    opacity: 0.95;
}

.modal-images-content .carousel-control-prev:disabled[b-4kd0fslcmg],
.modal-images-content .carousel-control-next:disabled[b-4kd0fslcmg] {
    opacity: 0.2;
    pointer-events: none;
}

.modal-images-content .carousel-control-prev-icon[b-4kd0fslcmg],
.modal-images-content .carousel-control-next-icon[b-4kd0fslcmg] {
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 999px;
    background-size: 60% 60%;
    width: 40px;
    height: 40px;
}

.modal-images-counter[b-4kd0fslcmg] {
    font-size: 0.8rem;
    font-weight: 400;
}
/* /Components/ModalGatoVideos.razor.rz.scp.css */
.modal-videos-content[b-kmjhlr9twm] {
    background: #000;
    color: #fff;
}

.modal-videos-content .btn-close[b-kmjhlr9twm] {
    filter: invert(1) grayscale(1);
    opacity: 1;
    margin-right: 0.5rem;
    transform: scale(1.1);
}

.modal-videos-body[b-kmjhlr9twm] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-video[b-kmjhlr9twm] {
    object-fit: contain;
    background: #000;
}

.modal-videos-content .carousel-control-prev[b-kmjhlr9twm],
.modal-videos-content .carousel-control-next[b-kmjhlr9twm] {
    width: 56px;
    opacity: 0.95;
}

.modal-videos-content .carousel-control-prev-icon[b-kmjhlr9twm],
.modal-videos-content .carousel-control-next-icon[b-kmjhlr9twm] {
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 999px;
    background-size: 60% 60%;
    width: 40px;
    height: 40px;
}
/* /Components/ModalGestionImagenesGato.razor.rz.scp.css */
.image-grid[b-mndp05fek7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.75rem;
}

.image-card[b-mndp05fek7] {
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #fff;
}

.image-card img[b-mndp05fek7] {
    width: 100%;
    height: 110px;
    object-fit: cover;
    display: block;
}

.image-card-actions[b-mndp05fek7] {
    padding: 0.5rem;
    display: flex;
    justify-content: flex-end;
}

.upload-list[b-mndp05fek7] {
    margin-bottom: 1rem;
    display: grid;
    gap: 0.5rem;
}

.upload-item .progress[b-mndp05fek7] {
    height: 6px;
}
/* /Components/ModalGestionIncidenciasGato.razor.rz.scp.css */
.incidencias-list[b-432l4rgbu6] {
    display: grid;
    gap: 0.5rem;
}

.incidencia-item[b-432l4rgbu6] {
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 0.6rem 0.75rem;
    background: #fff;
    text-align: left;
    display: grid;
    gap: 0.35rem;
}

.incidencia-item-title[b-432l4rgbu6] {
    font-weight: 600;
}

.incidencia-item-meta[b-432l4rgbu6] {
    display: flex;
    justify-content: space-between;
    color: #6c757d;
    font-size: 0.85rem;
}

.incidencia-estado-abierta[b-432l4rgbu6] {
    border-left: 4px solid #dc3545;
}

.incidencia-estado-progreso[b-432l4rgbu6] {
    border-left: 4px solid #ffc107;
}

.incidencia-estado-cerrada[b-432l4rgbu6] {
    border-left: 4px solid #198754;
}
/* /Components/ModalHistorialUbicacionGato.razor.rz.scp.css */
.historial-table td[b-v07ec6dmhz],
.historial-table th[b-v07ec6dmhz] {
    vertical-align: middle;
}
/* /Components/ModalIncidenciaAdjuntos.razor.rz.scp.css */
.modal-images-content[b-t9aqbvoz3c] {
    background: #000;
    color: #fff;
}

.modal-images-body[b-t9aqbvoz3c] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-image[b-t9aqbvoz3c] {
    object-fit: contain;
}

.modal-images-content .btn-close[b-t9aqbvoz3c] {
    filter: invert(1) grayscale(1);
    opacity: 1;
    margin-right: 0.5rem;
    transform: scale(1.1);
}

.modal-images-content .carousel-control-prev[b-t9aqbvoz3c],
.modal-images-content .carousel-control-next[b-t9aqbvoz3c] {
    width: 56px;
    opacity: 0.95;
}

.modal-images-content .carousel-control-prev-icon[b-t9aqbvoz3c],
.modal-images-content .carousel-control-next-icon[b-t9aqbvoz3c] {
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 999px;
    background-size: 60% 60%;
    width: 40px;
    height: 40px;
}
/* /Components/ModalPautarMedicacion.razor.rz.scp.css */
.specific-calendar[b-sh5qaurdwv] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 0.75rem;
    background-color: var(--bs-body-bg);
}

.calendar-toolbar[b-sh5qaurdwv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.calendar-month[b-sh5qaurdwv] {
    font-weight: 600;
    text-transform: capitalize;
}

.calendar-grid[b-sh5qaurdwv] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.35rem;
}

.calendar-head[b-sh5qaurdwv] {
    margin-bottom: 0.35rem;
}

.calendar-head-cell[b-sh5qaurdwv] {
    text-align: center;
    font-size: 0.75rem;
    color: var(--bs-secondary-color);
}

.calendar-day-empty[b-sh5qaurdwv] {
    min-height: 2rem;
}

.calendar-day-btn[b-sh5qaurdwv] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.35rem;
    background: var(--bs-body-bg);
    color: inherit;
    min-height: 2rem;
}

.calendar-day-btn.today[b-sh5qaurdwv] {
    border-color: var(--bs-primary);
}

.calendar-day-btn.selected[b-sh5qaurdwv] {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
}
/* /Components/Pages/AdivinaLaTarjeta.razor.rz.scp.css */
.tarjeta-page[b-6elh9fi1t5] {
    --party-bg-1: #1b1130;
    --party-bg-2: #2d1b4e;
    --party-ink: #f7ecff;
    --party-ink-soft: #c7b3e0;
    --party-accent: #ff2e88;
    --party-accent-2: #ffd166;
    --party-card: #241436;
    color: var(--party-ink);
    background:
        radial-gradient(circle at 12% 10%, rgba(255, 46, 136, 0.22), transparent 36%),
        radial-gradient(circle at 88% 15%, rgba(255, 209, 102, 0.16), transparent 32%),
        radial-gradient(circle at 50% 100%, rgba(120, 60, 220, 0.28), transparent 45%),
        linear-gradient(170deg, var(--party-bg-1), var(--party-bg-2));
    font-family: "Trebuchet MS", "Segoe UI", sans-serif;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4rem 1rem 2.4rem;
}

.tarjeta-topbar[b-6elh9fi1t5] {
    display: flex;
    gap: 0.6rem;
    justify-content: center;
    align-self: stretch;
    margin-bottom: 0.8rem;
    flex-wrap: wrap;
    row-gap: 0.4rem;
}

.tarjeta-topbar__btn--danger[b-6elh9fi1t5] {
    background: linear-gradient(135deg, var(--party-accent, #ff2e88), #b3247f);
    color: #fff;
}

.tarjeta-topbar__confirm-text[b-6elh9fi1t5] {
    width: 100%;
    text-align: center;
    font-size: 0.8rem;
    color: var(--party-ink-soft);
    margin-bottom: 0.2rem;
}

.tarjeta-topbar__btn[b-6elh9fi1t5] {
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: var(--party-ink);
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.4rem 0.9rem;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    cursor: pointer;
}

.tarjeta-pool-progress[b-6elh9fi1t5] {
    text-align: center;
    color: var(--party-ink-soft);
    font-size: 0.8rem;
    margin-top: 0.3rem;
}

.tarjeta-page .party-hero[b-6elh9fi1t5] {
    text-align: center;
    margin-bottom: 1.2rem;
}

.tarjeta-page .party-kicker[b-6elh9fi1t5] {
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--party-ink-soft);
    margin-bottom: 0.2rem;
    font-weight: 700;
}

.tarjeta-page .party-hero h1[b-6elh9fi1t5] {
    font-size: clamp(1.7rem, 6vw, 2.3rem);
    margin: 0;
    color: var(--party-accent);
    text-shadow: 0 0 18px rgba(255, 46, 136, 0.4);
}

.tarjeta-page .party-tagline[b-6elh9fi1t5] {
    color: var(--party-ink-soft);
    font-size: 0.95rem;
    margin: 0.3rem 0 0;
    font-weight: 600;
    max-width: 380px;
}

.party-btn-primary[b-6elh9fi1t5] {
    background: linear-gradient(135deg, var(--party-accent, #ff2e88), #b3247f);
    color: #fff;
    border: none;
    font-weight: 700;
}

.party-btn-primary:hover[b-6elh9fi1t5] {
    color: #fff;
    filter: brightness(1.08);
}

.tarjeta-progress-banner[b-6elh9fi1t5] {
    width: 100%;
    max-width: 460px;
    background: rgba(255, 209, 102, 0.12);
    border: 1px solid rgba(255, 209, 102, 0.4);
    border-radius: 18px;
    padding: 1.2rem;
    text-align: center;
}

.tarjeta-progress-banner p[b-6elh9fi1t5] {
    margin-bottom: 0.9rem;
}

/* Setup */
.tarjeta-setup[b-6elh9fi1t5] {
    width: 100%;
    max-width: 480px;
    background: rgba(36, 20, 54, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    padding: 1.4rem;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3);
}

.tarjeta-setup__block[b-6elh9fi1t5] {
    margin-bottom: 1.2rem;
}

.tarjeta-setup__block label[b-6elh9fi1t5] {
    display: block;
    font-weight: 700;
    color: var(--party-accent-2);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.tarjeta-stepper[b-6elh9fi1t5] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.tarjeta-stepper button[b-6elh9fi1t5] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: var(--party-accent);
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
}

.tarjeta-stepper button:disabled[b-6elh9fi1t5] {
    opacity: 0.4;
}

.tarjeta-chip-group[b-6elh9fi1t5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tarjeta-chip[b-6elh9fi1t5] {
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.05);
    color: var(--party-ink-soft);
    border-radius: 999px;
    padding: 0.4rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 600;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.tarjeta-chip.is-selected[b-6elh9fi1t5] {
    background: linear-gradient(135deg, var(--party-accent), #b3247f);
    border-color: transparent;
    color: #fff;
}

.tarjeta-warning[b-6elh9fi1t5] {
    color: var(--party-accent-2);
    font-size: 0.85rem;
    text-align: center;
    margin-bottom: 0.8rem;
}

.tarjeta-start-btn[b-6elh9fi1t5] {
    width: 100%;
}

/* Scoreboard */
.tarjeta-scoreboard[b-6elh9fi1t5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: center;
    margin-bottom: 1.2rem;
    width: 100%;
    max-width: 480px;
}

.tarjeta-team-badge[b-6elh9fi1t5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    background: rgba(255, 255, 255, 0.06);
    border: 2px solid transparent;
    border-radius: 14px;
    padding: 0.5rem 0.8rem;
    min-width: 84px;
}

.tarjeta-team-badge.is-active[b-6elh9fi1t5] {
    border-color: var(--party-accent);
    background: rgba(255, 46, 136, 0.14);
}

.tarjeta-team-badge span[b-6elh9fi1t5] {
    font-size: 0.75rem;
    color: var(--party-ink-soft);
}

.tarjeta-team-badge strong[b-6elh9fi1t5] {
    font-size: 1.2rem;
}

/* Team ready */
.tarjeta-team-ready[b-6elh9fi1t5] {
    text-align: center;
    max-width: 420px;
}

.tarjeta-team-ready h2[b-6elh9fi1t5] {
    color: var(--party-accent-2);
    margin-bottom: 0.4rem;
}

.tarjeta-team-ready p[b-6elh9fi1t5] {
    color: var(--party-ink-soft);
    margin-bottom: 1.2rem;
}

.tarjeta-team-ready .btn[b-6elh9fi1t5] {
    margin: 0.3rem;
}

/* Playing */
.tarjeta-playing[b-6elh9fi1t5] {
    width: 100%;
    max-width: 420px;
    text-align: center;
}

.tarjeta-no-mires[b-6elh9fi1t5] {
    font-weight: 800;
    color: var(--party-accent-2);
    margin-bottom: 0.4rem;
}

.tarjeta-timer[b-6elh9fi1t5] {
    font-size: 2.2rem;
    font-weight: 800;
    color: var(--party-accent-2);
    margin-bottom: 0.6rem;
}

.tarjeta-timer.is-urgent[b-6elh9fi1t5] {
    color: var(--party-accent);
    animation: tarjeta-pulse-b-6elh9fi1t5 0.6s ease-in-out infinite;
}

.tarjeta-word-card[b-6elh9fi1t5] {
    background: var(--party-card);
    border: 2px solid var(--party-accent);
    border-radius: 24px;
    padding: 2.4rem 1.2rem;
    font-size: clamp(1.6rem, 8vw, 2.4rem);
    font-weight: 800;
    box-shadow: 0 20px 44px rgba(255, 46, 136, 0.2);
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tarjeta-playing-actions[b-6elh9fi1t5] {
    display: flex;
    gap: 0.8rem;
    margin-top: 1.2rem;
}

.tarjeta-action-btn[b-6elh9fi1t5] {
    flex: 1;
    border: none;
    border-radius: 16px;
    padding: 1rem 0.6rem;
    font-weight: 800;
    font-size: 1rem;
    touch-action: manipulation;
}

.tarjeta-action-btn--skip[b-6elh9fi1t5] {
    background: rgba(255, 255, 255, 0.1);
    color: var(--party-ink);
}

.tarjeta-action-btn--correct[b-6elh9fi1t5] {
    background: linear-gradient(135deg, #2fae91, #1f8f77);
    color: #fff;
}

.tarjeta-round-progress[b-6elh9fi1t5] {
    margin-top: 0.8rem;
    color: var(--party-ink-soft);
    font-size: 0.9rem;
}

.tarjeta-end-round-link[b-6elh9fi1t5] {
    background: none;
    border: none;
    color: var(--party-ink-soft);
    text-decoration: underline;
    font-size: 0.8rem;
    margin-top: 0.4rem;
}

/* Summary */
.tarjeta-summary[b-6elh9fi1t5] {
    text-align: center;
    max-width: 480px;
}

.tarjeta-summary h2[b-6elh9fi1t5] {
    color: var(--party-accent-2);
}

.tarjeta-summary-words[b-6elh9fi1t5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: center;
    margin: 1rem 0;
}

.tarjeta-summary-tag[b-6elh9fi1t5] {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    padding: 0.3rem 0.8rem;
    font-size: 0.85rem;
}

.tarjeta-back-link[b-6elh9fi1t5] {
    display: block;
    margin-top: 1.6rem;
    color: var(--party-ink-soft);
    font-size: 0.85rem;
}

@keyframes tarjeta-pulse-b-6elh9fi1t5 {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.12);
    }
}

@media (prefers-reduced-motion: reduce) {
    .tarjeta-timer.is-urgent[b-6elh9fi1t5] {
        animation: none;
    }
}
/* /Components/Pages/AdminAdopcionesInternacional.razor.rz.scp.css */
.admin-intl-wrapper[b-ncour53egx] {
    overflow-y: auto;
    height: 100%;
}

.admin-intl-page[b-ncour53egx] {
    max-width: 1200px;
}

.template-editor[b-ncour53egx] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.9rem;
}
/* /Components/Pages/AdminHerramientas.razor.rz.scp.css */
.admin-tools-wrapper[b-738k0zc6kv] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
}

.admin-tools-page[b-738k0zc6kv] {
    flex: 1 1 auto;
}

.admin-tools-page .card[b-738k0zc6kv] {
    border-radius: 14px;
}

.admin-tools-page .card-header[b-738k0zc6kv] {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.admin-sync-table td[b-738k0zc6kv],
.admin-sync-table th[b-738k0zc6kv] {
    white-space: nowrap;
}

.admin-sync-table td:first-child[b-738k0zc6kv],
.admin-sync-table th:first-child[b-738k0zc6kv] {
    min-width: 210px;
}
/* /Components/Pages/AdminJuegoMemoriaGatos.razor.rz.scp.css */
.mgadmin-summary[b-k3wk3d3gpy] {
    font-size: 0.95rem;
}

.mgadmin-grid[b-k3wk3d3gpy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 0.75rem;
}

.mgadmin-card[b-k3wk3d3gpy] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem;
    border: 2px solid #e2e2e2;
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 120ms ease, background-color 120ms ease;
}

.mgadmin-card:hover[b-k3wk3d3gpy] {
    border-color: #adb5bd;
}

.mgadmin-card.is-selected[b-k3wk3d3gpy] {
    border-color: #0d6efd;
    background-color: #eef4ff;
}

.mgadmin-card input[type="checkbox"][b-k3wk3d3gpy] {
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    width: 1.1rem;
    height: 1.1rem;
}

.mgadmin-card__media[b-k3wk3d3gpy] {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    overflow: hidden;
    background: #f1f1f1;
}

.mgadmin-card__media img[b-k3wk3d3gpy] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mgadmin-card__name[b-k3wk3d3gpy] {
    font-size: 0.85rem;
    text-align: center;
    font-weight: 600;
}
/* /Components/Pages/AdminRedesSocialesCuentas.razor.rz.scp.css */
.social-accounts-page[b-4pq604m0lt] {
    max-width: 1100px;
}

.social-connect-card[b-4pq604m0lt] {
    background: var(--bs-gray-50);
}

.social-ig-gradient[b-4pq604m0lt] {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Reuse badges from PublicacionesSociales */
.social-badge[b-4pq604m0lt] {
    font-size: .75rem;
    padding: 3px 7px;
}

.social-badge-instagrampost[b-4pq604m0lt],
.social-badge-instagramstory[b-4pq604m0lt],
.social-badge-instagramreel[b-4pq604m0lt] {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    color: #fff;
}

.social-badge-facebook[b-4pq604m0lt] { background: #1877f2; color: #fff; }
.social-badge-twitter[b-4pq604m0lt]  { background: #000;    color: #fff; }
.social-badge-tiktok[b-4pq604m0lt]   { background: #010101; color: #fff; }
/* /Components/Pages/AdminUsers.razor.rz.scp.css */
.admin-users-wrapper[b-6kfsgugsy5] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    padding: 1.5rem;
}

.admin-users-page[b-6kfsgugsy5] {
    flex: 1 1 auto;
}

.admin-users-page .card-header[b-6kfsgugsy5] { 
    background-image: linear-gradient(90deg, rgba(0,123,255,0.12), rgba(0,123,255,0.06)); 
}

.admin-users-page table tr:hover[b-6kfsgugsy5] { 
    background-color: #f8f9fa; 
}

.roles-modal[b-6kfsgugsy5], .confirm-modal[b-6kfsgugsy5] { 
    position: fixed; 
    top: 15%; 
    left: 50%; 
    transform: translateX(-50%); 
    width: 90%; 
    max-width: 520px; 
    z-index: 1100; 
}

.history-modal[b-6kfsgugsy5] {
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    max-width: 980px;
    max-height: 80vh;
    overflow: auto;
    z-index: 1100;
}

.certificate-guide-content[b-6kfsgugsy5] {
    max-height: 62vh;
    overflow: auto;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    background: #ffffff;
    padding: 1rem;
    margin-bottom: 0;
    font-size: 0.92rem;
    line-height: 1.45;
}

.certificate-guide-content h1[b-6kfsgugsy5],
.certificate-guide-content h2[b-6kfsgugsy5],
.certificate-guide-content h3[b-6kfsgugsy5],
.certificate-guide-content h4[b-6kfsgugsy5] {
    margin-top: 1rem;
    margin-bottom: 0.6rem;
    color: #1b1f23;
}

.certificate-guide-content h1[b-6kfsgugsy5] {
    font-size: 1.35rem;
}

.certificate-guide-content h2[b-6kfsgugsy5] {
    font-size: 1.2rem;
}

.certificate-guide-content h3[b-6kfsgugsy5] {
    font-size: 1.05rem;
}

.certificate-guide-content p[b-6kfsgugsy5],
.certificate-guide-content ul[b-6kfsgugsy5],
.certificate-guide-content ol[b-6kfsgugsy5] {
    margin-bottom: 0.7rem;
}

.certificate-guide-content li[b-6kfsgugsy5] {
    margin-bottom: 0.25rem;
}

.certificate-guide-content pre[b-6kfsgugsy5] {
    background: #f6f8fa;
    border: 1px solid #d0d7de;
    border-radius: 6px;
    padding: 0.75rem;
    overflow: auto;
}

.certificate-guide-content code[b-6kfsgugsy5] {
    background: #f6f8fa;
    border-radius: 4px;
    padding: 0.1rem 0.25rem;
}

.certificate-guide-content pre code[b-6kfsgugsy5] {
    background: transparent;
    padding: 0;
}

.certificate-guide-content table[b-6kfsgugsy5] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0.8rem;
}

.certificate-guide-content th[b-6kfsgugsy5],
.certificate-guide-content td[b-6kfsgugsy5] {
    border: 1px solid #dee2e6;
    padding: 0.45rem 0.55rem;
    text-align: left;
}

.roles-modal h5[b-6kfsgugsy5] { 
    margin-bottom: 12px; 
}

.modal-backdrop[b-6kfsgugsy5] { 
    position: fixed; 
    inset: 0; 
    background: rgba(0,0,0,0.45); 
    z-index: 1000; 
}

.roles-modal .form-check[b-6kfsgugsy5] { 
    margin-bottom: 6px; 
}

.confirm-modal p[b-6kfsgugsy5] { 
    margin-bottom: 18px; 
}

/* Filtros responsive */
.filters-container[b-6kfsgugsy5] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-top: 1rem;
}

.filter-input[b-6kfsgugsy5] {
    flex: 1;
    min-width: 0;
}

/* Vista móvil oculta por defecto */
.mobile-view[b-6kfsgugsy5] {
    display: none;
}

/* Tarjetas de usuario para móvil */
.user-card[b-6kfsgugsy5] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    margin-bottom: 1rem;
    background: #fff;
    overflow: hidden;
}

.user-card-header[b-6kfsgugsy5] {
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user-name[b-6kfsgugsy5] {
    font-weight: 600;
    font-size: 1.1rem;
    color: #212529;
}

.user-card-body[b-6kfsgugsy5] {
    padding: 1rem;
}

.user-info[b-6kfsgugsy5] {
    display: flex;
    margin-bottom: 0.5rem;
}

.info-label[b-6kfsgugsy5] {
    font-weight: 500;
    color: #6c757d;
    min-width: 70px;
}

.info-value[b-6kfsgugsy5] {
    color: #212529;
    word-break: break-word;
}

.user-card-footer[b-6kfsgugsy5] {
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

/* Media queries para móvil */
@media (max-width: 768px) {
    .admin-users-wrapper[b-6kfsgugsy5] {
        padding: 0.75rem;
    }

    .admin-users-page .card-header[b-6kfsgugsy5] {
        padding: 1rem;
    }

    .filters-container[b-6kfsgugsy5] {
        flex-direction: column;
        width: 100%;
    }

    .filter-input[b-6kfsgugsy5] {
        width: 100%;
    }

    .filters-container button[b-6kfsgugsy5] {
        width: 100%;
    }

    /* Ocultar tabla en móvil */
    .desktop-view[b-6kfsgugsy5] {
        display: none;
    }

    /* Mostrar tarjetas en móvil */
    .mobile-view[b-6kfsgugsy5] {
        display: block;
    }

    .roles-modal[b-6kfsgugsy5], .confirm-modal[b-6kfsgugsy5] {
        width: 95%;
        top: 10%;
    }

    .history-modal[b-6kfsgugsy5] {
        width: 95%;
        top: 8%;
        max-height: 84vh;
    }

    .user-card-footer[b-6kfsgugsy5] {
        flex-direction: column;
    }

    .user-card-footer button[b-6kfsgugsy5] {
        width: 100%;
    }
}
/* /Components/Pages/AdminVeterinarios.razor.rz.scp.css */
.admin-vets-wrapper[b-uik6o09okb] {
    padding: 1.5rem;
}

.vets-header[b-uik6o09okb] {
    background-image: linear-gradient(90deg, rgba(20, 184, 166, 0.18), rgba(6, 182, 212, 0.12));
}

.vets-filter[b-uik6o09okb] {
    max-width: 520px;
}

.vet-card[b-uik6o09okb] {
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    background-color: #fff;
}

@media (max-width: 768px) {
    .admin-vets-wrapper[b-uik6o09okb] {
        padding: 0.75rem;
    }

    .vets-filter[b-uik6o09okb] {
        max-width: none;
        width: 100%;
    }
}
/* /Components/Pages/AdminWordPressPublicaciones.razor.rz.scp.css */
.wp-mobile-filter-trigger[b-bv7sskcysm] {
    min-width: 120px;
}

.wp-mobile-icon-btn[b-bv7sskcysm] {
    width: 38px;
    height: 38px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.wp-mobile-icon-btn .bi[b-bv7sskcysm] {
    font-size: 1rem;
}

.wp-active-filter-badge[b-bv7sskcysm] {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
}

.wp-active-filter-badge .btn-close[b-bv7sskcysm] {
    font-size: 0.55rem;
    opacity: 0.7;
}

.wp-btn-mobile-manage[b-bv7sskcysm] {
    min-width: 110px;
}

.wp-cat-card-carousel-wrap[b-bv7sskcysm] {
    max-width: 320px;
}

.wp-cat-card-carousel .carousel-item img[b-bv7sskcysm] {
    height: 120px;
    object-fit: cover;
}

.wp-cat-carousel-control[b-bv7sskcysm] {
    width: 20%;
}

.wp-mobile-publication-card[b-bv7sskcysm] {
    background: #fff;
}

@media (max-width: 767.98px) {
    .wp-cat-card-carousel-wrap[b-bv7sskcysm] {
        max-width: 100%;
    }

    .wp-cat-card-carousel .carousel-item img[b-bv7sskcysm] {
        height: 170px;
    }

    .wp-cat-carousel-control[b-bv7sskcysm] {
        width: 24%;
    }

    .wp-cat-carousel-control .carousel-control-prev-icon[b-bv7sskcysm],
    .wp-cat-carousel-control .carousel-control-next-icon[b-bv7sskcysm] {
        width: 2rem;
        height: 2rem;
        filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
    }

    .wp-btn-mobile-manage[b-bv7sskcysm] {
        min-width: 120px;
    }
}
/* /Components/Pages/AdopcionDetalle.razor.rz.scp.css */
.adop-detail-page[b-cpw1jilvwc] {
    background:
        radial-gradient(circle at 10% 10%, rgba(47, 116, 104, 0.12), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(209, 96, 61, 0.13), transparent 28%),
        linear-gradient(180deg, #fff9f0, #f4f1e5);
    min-height: calc(100vh - 56px);
    padding: 1rem;
}

.adop-detail-card[b-cpw1jilvwc] {
    max-width: 1080px;
    margin: 0 auto;
    background: #fffefb;
    border-radius: 20px;
    box-shadow: 0 18px 42px rgba(35, 49, 47, 0.15);
    padding: 1rem;
}

.adop-detail-head h1[b-cpw1jilvwc] {
    font-family: "Georgia", "Palatino Linotype", serif;
    margin: 0.65rem 0 0.1rem;
}

.adop-detail-head p[b-cpw1jilvwc] {
    color: #4f6662;
    margin-bottom: 0;
}

.adop-detail-grid[b-cpw1jilvwc] {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

#adop-detail-carousel .carousel-item img[b-cpw1jilvwc] {
    width: 100%;
    height: clamp(260px, 45vw, 520px);
    object-fit: cover;
}

.adop-detail-placeholder[b-cpw1jilvwc] {
    border-radius: 16px;
    background: #e7ece7;
    min-height: 260px;
    display: grid;
    place-items: center;
    color: #4f6662;
}

.adop-detail-info[b-cpw1jilvwc] {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
}

.adop-detail-badges[b-cpw1jilvwc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.adop-detail-text[b-cpw1jilvwc] {
    color: #2b3a38;
    white-space: pre-wrap;
}

.btn-adop-detail[b-cpw1jilvwc] {
    align-self: flex-start;
    border: none;
    color: #fff;
    background: linear-gradient(135deg, #2f7468, #56a394);
}

.btn-adop-detail:hover[b-cpw1jilvwc] {
    color: #fff;
    filter: brightness(0.96);
}

@media (max-width: 991.98px) {
    .adop-detail-grid[b-cpw1jilvwc] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/AdopcionDetallePublico.razor.rz.scp.css */
.adop-detail-page[b-3pjz79rtna] {
    background:
        radial-gradient(circle at 10% 10%, rgba(47, 116, 104, 0.12), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(209, 96, 61, 0.13), transparent 28%),
        linear-gradient(180deg, #fff9f0, #f4f1e5);
    min-height: 100%;
    padding: 1rem;
}

.adop-detail-page a[b-3pjz79rtna],
.adop-detail-page button[b-3pjz79rtna],
.adop-detail-page [role="button"][b-3pjz79rtna],
.adop-detail-page .btn[b-3pjz79rtna],
.adop-detail-page .carousel-control-prev[b-3pjz79rtna],
.adop-detail-page .carousel-control-next[b-3pjz79rtna],
.adop-detail-page .adop-detail-image-btn[b-3pjz79rtna] {
    touch-action: manipulation;
}

.adop-detail-card[b-3pjz79rtna] {
    max-width: 1080px;
    margin: 0 auto;
    background: #fffefb;
    border-radius: 20px;
    box-shadow: 0 18px 42px rgba(35, 49, 47, 0.15);
    padding: 1rem;
}

.adop-detail-head h1[b-3pjz79rtna] {
    font-family: "Georgia", "Palatino Linotype", serif;
    margin: 0.65rem 0 0.1rem;
}

.adop-detail-head p[b-3pjz79rtna] {
    color: #4f6662;
    margin-bottom: 0;
}

.adop-detail-head-top[b-3pjz79rtna] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.adop-detail-head-top .adop-michi-spot[b-3pjz79rtna] {
    margin-left: auto;
}

.adop-michi-spot[b-3pjz79rtna] {
    position: relative;
}

.adop-michi-badge[b-3pjz79rtna] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.5rem 0.9rem 0.5rem 0.5rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #2f7468, #56a394);
    color: #fff;
    text-decoration: none;
    border: 2px solid rgba(255, 255, 255, 0.55);
    box-shadow: 0 10px 24px rgba(47, 116, 104, 0.35);
    transition: transform 180ms ease, box-shadow 180ms ease;
    animation: adop-michi-badge-pulse-b-3pjz79rtna 2.6s ease-in-out infinite;
}

.adop-michi-badge:hover[b-3pjz79rtna],
.adop-michi-badge:focus-visible[b-3pjz79rtna] {
    color: #fff;
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 14px 30px rgba(47, 116, 104, 0.45);
}

.adop-michi-badge__icon[b-3pjz79rtna] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
    font-size: 0.9rem;
}

.adop-michi-badge__text[b-3pjz79rtna] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.adop-michi-badge__text strong[b-3pjz79rtna] {
    font-size: 0.88rem;
    font-weight: 700;
}

.adop-michi-badge__text small[b-3pjz79rtna] {
    font-size: 0.66rem;
    font-weight: 500;
    opacity: 0.9;
}

@keyframes adop-michi-badge-pulse-b-3pjz79rtna {
    0%, 100% {
        box-shadow: 0 10px 24px rgba(47, 116, 104, 0.35), 0 0 0 0 rgba(47, 116, 104, 0.35);
    }
    50% {
        box-shadow: 0 10px 24px rgba(47, 116, 104, 0.35), 0 0 0 8px rgba(47, 116, 104, 0);
    }
}

.adop-michi-arrow[b-3pjz79rtna] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.05rem;
    color: #2f7468;
    pointer-events: none;
    animation: adop-michi-arrow-bounce-b-3pjz79rtna 1.3s ease-in-out infinite;
}

.adop-michi-arrow__glyph[b-3pjz79rtna] {
    font-size: 1.3rem;
    line-height: 1;
}

.adop-michi-arrow__text[b-3pjz79rtna] {
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.6);
}

@keyframes adop-michi-arrow-bounce-b-3pjz79rtna {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .adop-michi-badge[b-3pjz79rtna],
    .adop-michi-arrow[b-3pjz79rtna] {
        animation: none;
    }
}

@media (max-width: 359.98px) {
    .adop-michi-badge__text small[b-3pjz79rtna] {
        display: none;
    }
}

.adop-detail-grid[b-3pjz79rtna] {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

#adop-detail-carousel-public .carousel-item img[b-3pjz79rtna] {
    width: 100%;
    height: clamp(260px, 45vw, 520px);
    object-fit: cover;
}

.adop-detail-placeholder[b-3pjz79rtna] {
    border-radius: 16px;
    background: #e7ece7;
    min-height: 260px;
    display: grid;
    place-items: center;
    color: #4f6662;
}

.adop-detail-info[b-3pjz79rtna] {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
}

.adop-detail-badges[b-3pjz79rtna] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.adop-health-badge[b-3pjz79rtna] {
    border: 1px solid transparent;
    font-weight: 600;
}

.adop-health-badge--negative[b-3pjz79rtna] {
    background: #d8f3de;
    color: #245e3f;
    border-color: #9fd0ae;
}

.adop-health-badge--fiv[b-3pjz79rtna] {
    background: #dbeffd;
    color: #1f4f75;
    border-color: #a7caea;
}

.adop-health-badge--felv[b-3pjz79rtna] {
    background: #dff4ef;
    color: #205a4d;
    border-color: #aedfd2;
}

.adop-detail-image-btn[b-3pjz79rtna] {
    display: block;
    width: 100%;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
}

.adop-fullscreen-modal[b-3pjz79rtna] {
    background: rgba(16, 25, 23, 0.96);
    color: #eff8f5;
}

.adop-fullscreen-modal .modal-header[b-3pjz79rtna],
.adop-fullscreen-modal .modal-footer[b-3pjz79rtna] {
    border-color: rgba(255, 255, 255, 0.16);
}

.adop-fullscreen-image[b-3pjz79rtna] {
    max-width: min(96vw, 1500px);
    max-height: calc(100vh - 180px);
    object-fit: contain;
    border-radius: 12px;
}

.adop-detail-text[b-3pjz79rtna] {
    color: #2b3a38;
    white-space: pre-wrap;
}

.btn-adop-detail[b-3pjz79rtna] {
    align-self: flex-start;
    border: none;
    color: #fff;
    background: linear-gradient(135deg, #2f7468, #56a394);
}

.btn-adop-detail:hover[b-3pjz79rtna] {
    color: #fff;
    filter: brightness(0.96);
}

.adop-related[b-3pjz79rtna] {
    max-width: 1080px;
    margin: 0 auto;
    border-radius: 20px;
}

.adop-related-title[b-3pjz79rtna] {
    font-family: "Georgia", "Palatino Linotype", serif;
    font-size: 1.35rem;
    margin-bottom: 0.9rem;
}

.adop-related-grid[b-3pjz79rtna] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

.adop-related-item[b-3pjz79rtna] {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(35, 49, 47, 0.1);
    background: #fff;
}

.adop-related-link[b-3pjz79rtna] {
    display: block;
    color: inherit;
    text-decoration: none;
}

.adop-related-media[b-3pjz79rtna] {
    height: 150px;
    background: #e8efe9;
}

.adop-related-media img[b-3pjz79rtna] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.adop-related-placeholder[b-3pjz79rtna] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #4f6662;
    font-size: 0.85rem;
}

.adop-related-content[b-3pjz79rtna] {
    padding: 0.65rem 0.75rem;
}

.adop-related-content h3[b-3pjz79rtna] {
    margin: 0;
    font-size: 1.02rem;
}

.adop-related-content p[b-3pjz79rtna] {
    margin: 0.2rem 0 0;
    color: #4f6662;
    font-size: 0.9rem;
}

@media (max-width: 991.98px) {
    .adop-detail-grid[b-3pjz79rtna] {
        grid-template-columns: 1fr;
    }

    .adop-related-grid[b-3pjz79rtna] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Adopciones.razor.rz.scp.css */
.adop-page[b-yqyvw41yn1] {
    --adop-bg-1: #fff9f0;
    --adop-bg-2: #f6f3e4;
    --adop-ink: #23312f;
    --adop-ink-soft: #48605c;
    --adop-accent: #d1603d;
    --adop-accent-2: #2f7468;
    --adop-card: #fffef9;
    color: var(--adop-ink);
    background:
        radial-gradient(circle at 12% 10%, rgba(209, 96, 61, 0.13), transparent 35%),
        radial-gradient(circle at 90% 85%, rgba(47, 116, 104, 0.15), transparent 32%),
        linear-gradient(170deg, var(--adop-bg-1), var(--adop-bg-2));
    min-height: calc(100vh - 56px);
    padding: 1.2rem;
    font-family: "Gill Sans", "Segoe Print", "Trebuchet MS", sans-serif;
}

.adop-hero[b-yqyvw41yn1] {
    border-radius: 22px;
    background: linear-gradient(135deg, #fdf2d8 0%, #fbf9ef 52%, #edf7f2 100%);
    box-shadow: 0 20px 45px rgba(45, 72, 66, 0.14);
    padding: 1.6rem;
    overflow: hidden;
    position: relative;
}

.adop-hero[b-yqyvw41yn1]::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(209, 96, 61, 0.2), rgba(209, 96, 61, 0));
    right: -90px;
    top: -90px;
    pointer-events: none;
}

.adop-hero__content[b-yqyvw41yn1] {
    position: relative;
    z-index: 1;
}

.adop-kicker[b-yqyvw41yn1] {
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--adop-ink-soft);
    margin-bottom: 0.4rem;
}

.adop-hero h1[b-yqyvw41yn1] {
    font-family: "Georgia", "Palatino Linotype", serif;
    font-size: clamp(1.8rem, 2.6vw, 2.7rem);
    margin-bottom: 0.4rem;
}

.adop-subtitle[b-yqyvw41yn1] {
    max-width: 760px;
    color: var(--adop-ink-soft);
    margin-bottom: 0.9rem;
}

.adop-stats[b-yqyvw41yn1] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.adop-stat[b-yqyvw41yn1] {
    background: rgba(35, 49, 47, 0.08);
    border: 1px solid rgba(35, 49, 47, 0.1);
    color: var(--adop-ink);
    font-size: 0.85rem;
    border-radius: 999px;
    padding: 0.3rem 0.7rem;
}

.adop-stat.muted[b-yqyvw41yn1] {
    color: var(--adop-ink-soft);
}

.adop-filters[b-yqyvw41yn1] {
    margin-top: 1rem;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(4px);
}

.adop-chip-row[b-yqyvw41yn1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.adop-chip[b-yqyvw41yn1] {
    border: 1px solid rgba(35, 49, 47, 0.22);
    border-radius: 999px;
    padding: 0.3rem 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: #fff;
    cursor: pointer;
}

.btn-adop-primary[b-yqyvw41yn1] {
    background: linear-gradient(135deg, var(--adop-accent), #e68063);
    color: #fff;
    border: none;
}

.btn-adop-primary:hover[b-yqyvw41yn1] {
    color: #fff;
    filter: brightness(0.96);
}

.adop-grid[b-yqyvw41yn1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.adop-card[b-yqyvw41yn1] {
    border-radius: 18px;
    background: var(--adop-card);
    box-shadow: 0 14px 30px rgba(35, 49, 47, 0.12);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: adop-fade-in-b-yqyvw41yn1 0.35s ease both;
}

.adop-card--skeleton[b-yqyvw41yn1] {
    min-height: 320px;
    background: linear-gradient(90deg, #f2efea, #ebe7e2, #f2efea);
    background-size: 220% 100%;
    animation: adop-skeleton-b-yqyvw41yn1 1.2s linear infinite;
}

.adop-card__media[b-yqyvw41yn1] {
    height: 220px;
    background: #e8efe9;
}

.adop-card__media img[b-yqyvw41yn1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.adop-card__placeholder[b-yqyvw41yn1] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: var(--adop-ink-soft);
    font-size: 0.9rem;
}

.adop-card__body[b-yqyvw41yn1] {
    padding: 0.95rem;
}

.adop-card__body h3[b-yqyvw41yn1] {
    font-family: "Georgia", "Palatino Linotype", serif;
    margin: 0;
    font-size: 1.25rem;
}

.adop-card__age[b-yqyvw41yn1] {
    color: var(--adop-ink-soft);
    margin: 0.15rem 0 0.55rem;
}

.adop-badges[b-yqyvw41yn1] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.btn-adop-cta[b-yqyvw41yn1] {
    border: none;
    color: #fff;
    background: linear-gradient(135deg, var(--adop-accent-2), #4fa194);
    font-weight: 600;
}

.btn-adop-cta:hover[b-yqyvw41yn1] {
    color: #fff;
    filter: brightness(0.95);
}

.adop-empty[b-yqyvw41yn1] {
    border-radius: 18px;
}

@keyframes adop-skeleton-b-yqyvw41yn1 {
    from {
        background-position: 220% 0;
    }

    to {
        background-position: -20% 0;
    }
}

@keyframes adop-fade-in-b-yqyvw41yn1 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@media (max-width: 767.98px) {
    .adop-page[b-yqyvw41yn1] {
        padding: 0.75rem;
    }

    .adop-hero[b-yqyvw41yn1] {
        padding: 1.1rem;
    }

    .adop-card__media[b-yqyvw41yn1] {
        height: 200px;
    }
}
/* /Components/Pages/AdopcionesInternacionalEnviar.razor.rz.scp.css */
.intl-send-page[b-b18iodg3rj] {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: max(2rem, env(safe-area-inset-bottom));
}

.intl-steps[b-b18iodg3rj] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.intl-step[b-b18iodg3rj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--bs-secondary-color);
}

.intl-step.active[b-b18iodg3rj],
.intl-step.done[b-b18iodg3rj] {
    color: var(--bs-body-color);
    font-weight: 600;
}

.intl-step-index[b-b18iodg3rj] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-secondary-bg);
    border: 1px solid var(--bs-border-color);
}

.intl-step.active .intl-step-index[b-b18iodg3rj],
.intl-step.done .intl-step-index[b-b18iodg3rj] {
    background: var(--bs-primary-bg-subtle);
    border-color: var(--bs-primary-border-subtle);
    color: var(--bs-primary-text-emphasis);
}

.intl-step-separator[b-b18iodg3rj] {
    flex: 1;
    height: 1px;
    background: var(--bs-border-color);
}

.intl-step-screen[b-b18iodg3rj] {
    width: 100%;
    padding-bottom: 0.75rem;
}

.intl-send-actions[b-b18iodg3rj] {
    margin-bottom: max(1.25rem, env(safe-area-inset-bottom));
}

.intl-cat-list[b-b18iodg3rj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.intl-cat-item[b-b18iodg3rj] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 0.6rem;
}

.intl-cat-item.selected[b-b18iodg3rj] {
    border-color: var(--bs-primary);
    background: var(--bs-primary-bg-subtle);
}

.intl-message-editor[b-b18iodg3rj] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.92rem;
}

.intl-media-grid[b-b18iodg3rj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 0.7rem;
}

.intl-media-card[b-b18iodg3rj] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 0.55rem;
    background: var(--bs-body-bg);
}

.intl-media-thumb[b-b18iodg3rj] {
    width: 100%;
    height: 120px;
    border-radius: 0.4rem;
    overflow: hidden;
    background: #000;
}

.intl-video-placeholder[b-b18iodg3rj] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: #fff;
    background: linear-gradient(160deg, #171717 0%, #2f2f2f 100%);
}

.intl-video-placeholder .bi[b-b18iodg3rj] {
    font-size: 1.8rem;
    line-height: 1;
}

.intl-video-placeholder span:last-child[b-b18iodg3rj] {
    font-size: 0.75rem;
    letter-spacing: 0.02em;
}

.intl-media-thumb img[b-b18iodg3rj],
.intl-media-thumb video[b-b18iodg3rj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.intl-full-preview[b-b18iodg3rj] {
    width: 100%;
    max-height: 72vh;
    object-fit: contain;
    background: #000;
    border-radius: 0.5rem;
}

.intl-media-item[b-b18iodg3rj] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.4rem;
}

.intl-media-item:last-child[b-b18iodg3rj] {
    margin-bottom: 0;
}

.intl-upload-overlay[b-b18iodg3rj] {
    position: fixed;
    inset: 0;
    background: rgba(20, 24, 28, 0.45);
    backdrop-filter: blur(2px);
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.intl-upload-overlay-card[b-b18iodg3rj] {
    min-width: min(90vw, 380px);
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.2);
    padding: 1.1rem 1.25rem;
    text-align: center;
}

@media (max-width: 767.98px) {
    .intl-step-text[b-b18iodg3rj] {
        font-size: 0.9rem;
    }

    .intl-media-grid[b-b18iodg3rj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/AdopcionesPublico.razor.rz.scp.css */
.adop-page[b-1j7xc2wcgd] {
    --adop-bg-1: #fff9f0;
    --adop-bg-2: #f6f3e4;
    --adop-ink: #23312f;
    --adop-ink-soft: #48605c;
    --adop-accent: #d1603d;
    --adop-accent-2: #2f7468;
    --adop-card: #fffef9;
    color: var(--adop-ink);
    background:
        radial-gradient(circle at 12% 10%, rgba(209, 96, 61, 0.13), transparent 35%),
        radial-gradient(circle at 90% 85%, rgba(47, 116, 104, 0.15), transparent 32%),
        linear-gradient(170deg, var(--adop-bg-1), var(--adop-bg-2));
    min-height: 100%;
    padding: 1.2rem;
    font-family: "Gill Sans", "Segoe Print", "Trebuchet MS", sans-serif;
}

.adop-hero[b-1j7xc2wcgd] {
    border-radius: 22px;
    background: linear-gradient(135deg, #fdf2d8 0%, #fbf9ef 52%, #edf7f2 100%);
    box-shadow: 0 20px 45px rgba(45, 72, 66, 0.14);
    padding: 1.6rem;
    overflow: hidden;
    position: relative;
}

.adop-hero[b-1j7xc2wcgd]::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(209, 96, 61, 0.2), rgba(209, 96, 61, 0));
    right: -90px;
    top: -90px;
    pointer-events: none;
}

.adop-hero__content[b-1j7xc2wcgd] {
    position: relative;
    z-index: 1;
    padding-right: 9rem;
}

.adop-michi-spot[b-1j7xc2wcgd] {
    position: absolute;
    top: 1.1rem;
    right: 1.1rem;
    z-index: 2;
}

.adop-michi-badge[b-1j7xc2wcgd] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.5rem 0.9rem 0.5rem 0.5rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--adop-accent-2), #4fa194);
    color: #fff;
    text-decoration: none;
    border: 2px solid rgba(255, 255, 255, 0.55);
    box-shadow: 0 10px 24px rgba(47, 116, 104, 0.35);
    transition: transform 180ms ease, box-shadow 180ms ease;
    animation: adop-michi-badge-pulse-b-1j7xc2wcgd 2.6s ease-in-out infinite;
}

.adop-michi-badge:hover[b-1j7xc2wcgd],
.adop-michi-badge:focus-visible[b-1j7xc2wcgd] {
    color: #fff;
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 14px 30px rgba(47, 116, 104, 0.45);
}

.adop-michi-arrow[b-1j7xc2wcgd] {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.05rem;
    color: var(--adop-accent);
    pointer-events: none;
    animation: adop-michi-arrow-bounce-b-1j7xc2wcgd 1.3s ease-in-out infinite;
}

.adop-michi-arrow__glyph[b-1j7xc2wcgd] {
    font-size: 1.3rem;
    line-height: 1;
}

.adop-michi-arrow__text[b-1j7xc2wcgd] {
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.6);
}

@keyframes adop-michi-arrow-bounce-b-1j7xc2wcgd {
    0%, 100% {
        transform: translate(-50%, 0);
    }
    50% {
        transform: translate(-50%, -5px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .adop-michi-arrow[b-1j7xc2wcgd] {
        animation: none;
    }
}

.adop-michi-badge__icon[b-1j7xc2wcgd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
    font-size: 0.9rem;
}

.adop-michi-badge__text[b-1j7xc2wcgd] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.adop-michi-badge__text strong[b-1j7xc2wcgd] {
    font-size: 0.88rem;
    font-weight: 700;
}

.adop-michi-badge__text small[b-1j7xc2wcgd] {
    font-size: 0.66rem;
    font-weight: 500;
    opacity: 0.9;
}

@keyframes adop-michi-badge-pulse-b-1j7xc2wcgd {
    0%, 100% {
        box-shadow: 0 10px 24px rgba(47, 116, 104, 0.35), 0 0 0 0 rgba(47, 116, 104, 0.35);
    }
    50% {
        box-shadow: 0 10px 24px rgba(47, 116, 104, 0.35), 0 0 0 8px rgba(47, 116, 104, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .adop-michi-badge[b-1j7xc2wcgd] {
        animation: none;
    }
}

.adop-kicker[b-1j7xc2wcgd] {
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--adop-ink-soft);
    margin-bottom: 0.4rem;
}

.adop-hero h1[b-1j7xc2wcgd] {
    font-family: "Georgia", "Palatino Linotype", serif;
    font-size: clamp(1.8rem, 2.6vw, 2.7rem);
    margin-bottom: 0.4rem;
}

.adop-subtitle[b-1j7xc2wcgd] {
    max-width: 760px;
    color: var(--adop-ink-soft);
    margin-bottom: 0.9rem;
}

.adop-stats[b-1j7xc2wcgd] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.adop-stat[b-1j7xc2wcgd] {
    background: rgba(35, 49, 47, 0.08);
    border: 1px solid rgba(35, 49, 47, 0.1);
    color: var(--adop-ink);
    font-size: 0.85rem;
    border-radius: 999px;
    padding: 0.3rem 0.7rem;
}

.adop-stat.muted[b-1j7xc2wcgd] {
    color: var(--adop-ink-soft);
}

.adop-filters[b-1j7xc2wcgd] {
    margin-top: 1rem;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
    overflow: hidden;
    transition:
        max-height 280ms ease,
        opacity 220ms ease,
        transform 280ms ease,
        margin-top 220ms ease,
        box-shadow 220ms ease;
}

@supports ((-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px))) {
    .adop-filters[b-1j7xc2wcgd] {
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }
}

@media (hover: none) and (pointer: coarse) {
    .adop-filters[b-1j7xc2wcgd] {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

.adop-page .btn[b-1j7xc2wcgd],
.adop-page button[b-1j7xc2wcgd],
.adop-page .adop-chip[b-1j7xc2wcgd] {
    touch-action: manipulation;
}

.adop-filters-toggle-wrap[b-1j7xc2wcgd] {
    margin-top: 1rem;
}

.adop-filters-toggle[b-1j7xc2wcgd] {
    width: 100%;
    border: 1px solid rgba(35, 49, 47, 0.18);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--adop-ink);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.7rem 0.9rem;
    box-shadow: 0 10px 22px rgba(35, 49, 47, 0.1);
    font-weight: 600;
}

.adop-filters-toggle:hover[b-1j7xc2wcgd] {
    background: rgba(255, 255, 255, 0.92);
    color: var(--adop-ink);
}

.adop-filters-toggle:focus-visible[b-1j7xc2wcgd] {
    outline: 2px solid rgba(47, 116, 104, 0.55);
    outline-offset: 2px;
}

.adop-filters-toggle-caret[b-1j7xc2wcgd] {
    transition: transform 220ms ease;
}

.adop-filters-toggle.is-open .adop-filters-toggle-caret[b-1j7xc2wcgd] {
    transform: rotate(180deg);
}

.adop-filters.is-open[b-1j7xc2wcgd] {
    max-height: 980px;
    opacity: 1;
    transform: translateY(0);
}

.adop-filters.is-collapsed[b-1j7xc2wcgd] {
    max-height: 0;
    margin-top: 0;
    opacity: 0;
    transform: translateY(-8px);
    box-shadow: none;
    border: 0;
}

.adop-filters.is-collapsed .adop-filters-inner[b-1j7xc2wcgd] {
    padding-top: 0;
    padding-bottom: 0;
    visibility: hidden;
    pointer-events: none;
}

.adop-chip-row[b-1j7xc2wcgd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.adop-chip[b-1j7xc2wcgd] {
    border: 1px solid rgba(35, 49, 47, 0.22);
    border-radius: 999px;
    padding: 0.3rem 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: #fff;
    cursor: pointer;
}

.btn-adop-primary[b-1j7xc2wcgd] {
    background: linear-gradient(135deg, var(--adop-accent), #e68063);
    color: #fff;
    border: none;
}

.btn-adop-primary:hover[b-1j7xc2wcgd] {
    color: #fff;
    filter: brightness(0.96);
}

.adop-grid[b-1j7xc2wcgd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.adop-card[b-1j7xc2wcgd] {
    border-radius: 18px;
    background: var(--adop-card);
    box-shadow: 0 14px 30px rgba(35, 49, 47, 0.12);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: adop-fade-in-b-1j7xc2wcgd 0.35s ease both;
}

.adop-card--skeleton[b-1j7xc2wcgd] {
    min-height: 320px;
    background: linear-gradient(90deg, #f2efea, #ebe7e2, #f2efea);
    background-size: 220% 100%;
    animation: adop-skeleton-b-1j7xc2wcgd 1.2s linear infinite;
}

.adop-card__media[b-1j7xc2wcgd] {
    height: 220px;
    background: #e8efe9;
}

.adop-card__media img[b-1j7xc2wcgd] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.adop-card__placeholder[b-1j7xc2wcgd] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: var(--adop-ink-soft);
    font-size: 0.9rem;
}

.adop-card__body[b-1j7xc2wcgd] {
    padding: 0.95rem;
}

.adop-card__body h3[b-1j7xc2wcgd] {
    font-family: "Georgia", "Palatino Linotype", serif;
    margin: 0;
    font-size: 1.25rem;
}

.adop-card__age[b-1j7xc2wcgd] {
    color: var(--adop-ink-soft);
    margin: 0.15rem 0 0.55rem;
}

.adop-badges[b-1j7xc2wcgd] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.adop-health-badge[b-1j7xc2wcgd] {
    border: 1px solid transparent;
    font-weight: 600;
}

.adop-health-badge--negative[b-1j7xc2wcgd] {
    background: #d8f3de;
    color: #245e3f;
    border-color: #9fd0ae;
}

.adop-health-badge--fiv[b-1j7xc2wcgd] {
    background: #dbeffd;
    color: #1f4f75;
    border-color: #a7caea;
}

.adop-health-badge--felv[b-1j7xc2wcgd] {
    background: #dff4ef;
    color: #205a4d;
    border-color: #aedfd2;
}

.btn-adop-cta[b-1j7xc2wcgd] {
    border: none;
    color: #fff;
    background: linear-gradient(135deg, var(--adop-accent-2), #4fa194);
    font-weight: 600;
}

.btn-adop-cta:hover[b-1j7xc2wcgd] {
    color: #fff;
    filter: brightness(0.95);
}

.adop-empty[b-1j7xc2wcgd] {
    border-radius: 18px;
}

.adop-first-load[b-1j7xc2wcgd] {
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(244, 252, 248, 0.96));
}

.adop-first-load__inner[b-1j7xc2wcgd] {
    max-width: 720px;
    margin: 0 auto;
    padding: 2.1rem 1.2rem;
    text-align: center;
}

.adop-first-load__cat-stage[b-1j7xc2wcgd] {
    position: relative;
    height: 92px;
    margin-bottom: 0.6rem;
}

.adop-first-load__cat[b-1j7xc2wcgd] {
    display: inline-block;
    font-size: 3.2rem;
    line-height: 1;
    animation: adop-cat-bounce-b-1j7xc2wcgd 1.1s ease-in-out infinite;
}

.adop-first-load__paw[b-1j7xc2wcgd] {
    position: absolute;
    bottom: 4px;
    font-size: 1.1rem;
    opacity: 0;
    animation: adop-paw-step-b-1j7xc2wcgd 1.8s ease-in-out infinite;
}

.adop-first-load__paw--1[b-1j7xc2wcgd] {
    left: calc(50% - 46px);
    animation-delay: 0s;
}

.adop-first-load__paw--2[b-1j7xc2wcgd] {
    left: calc(50% - 8px);
    animation-delay: 0.3s;
}

.adop-first-load__paw--3[b-1j7xc2wcgd] {
    left: calc(50% + 30px);
    animation-delay: 0.6s;
}

.adop-first-load h2[b-1j7xc2wcgd] {
    animation: adop-fade-in-up-b-1j7xc2wcgd 0.4s ease both;
}

.adop-first-load h2[b-1j7xc2wcgd] {
    font-family: "Georgia", "Palatino Linotype", serif;
    font-size: clamp(1.2rem, 2.4vw, 1.7rem);
    margin-bottom: 0.45rem;
}

.adop-first-load p[b-1j7xc2wcgd] {
    margin: 0 auto;
    max-width: 58ch;
    color: var(--adop-ink-soft);
}

.adop-first-load__progress[b-1j7xc2wcgd] {
    height: 10px;
    max-width: 320px;
    margin: 1rem auto 0;
    border-radius: 999px;
    background: rgba(35, 49, 47, 0.12);
    overflow: hidden;
}

.adop-first-load__progress span[b-1j7xc2wcgd] {
    display: block;
    height: 100%;
    width: 44%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--adop-accent), var(--adop-accent-2));
    animation: adop-first-load-progress-b-1j7xc2wcgd 1.25s ease-in-out infinite;
}

.adop-page--public[b-1j7xc2wcgd] {
    min-height: 100%;
    padding-bottom: 2.5rem;
}

.adop-page--public .modal .modal-content[b-1j7xc2wcgd] {
    border: 0;
    border-radius: 18px;
    box-shadow: 0 25px 65px rgba(25, 35, 34, 0.3);
}

.adop-page--public .modal .modal-header[b-1j7xc2wcgd] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.adop-page--public .modal .modal-footer[b-1j7xc2wcgd] {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.adop-infinite-sentinel[b-1j7xc2wcgd] {
    width: 100%;
    height: 2px;
}

.adop-infinite-loading[b-1j7xc2wcgd] {
    text-align: center;
    color: var(--adop-ink-soft);
    font-size: 0.92rem;
    margin-top: 0.6rem;
}

@keyframes adop-skeleton-b-1j7xc2wcgd {
    from {
        background-position: 220% 0;
    }

    to {
        background-position: -20% 0;
    }
}

@keyframes adop-fade-in-b-1j7xc2wcgd {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes adop-first-load-progress-b-1j7xc2wcgd {
    0% {
        transform: translateX(-115%);
    }

    55% {
        transform: translateX(110%);
    }

    100% {
        transform: translateX(110%);
    }
}

@keyframes adop-cat-bounce-b-1j7xc2wcgd {
    0%,
    100% {
        transform: translateY(0) rotate(-2deg);
    }

    50% {
        transform: translateY(-10px) rotate(2deg);
    }
}

@keyframes adop-paw-step-b-1j7xc2wcgd {
    0% {
        opacity: 0;
        transform: translateY(6px) scale(0.85);
    }

    35% {
        opacity: 0.85;
        transform: translateY(0) scale(1);
    }

    70% {
        opacity: 0;
        transform: translateY(-4px) scale(0.9);
    }

    100% {
        opacity: 0;
    }
}

@keyframes adop-fade-in-up-b-1j7xc2wcgd {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

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

@media (prefers-reduced-motion: reduce) {
    .adop-first-load__cat[b-1j7xc2wcgd],
    .adop-first-load__paw[b-1j7xc2wcgd],
    .adop-first-load h2[b-1j7xc2wcgd] {
        animation: none !important;
    }

    .adop-first-load__paw[b-1j7xc2wcgd] {
        opacity: 0.6;
    }
}

@media (max-width: 767.98px) {
    .adop-page[b-1j7xc2wcgd] {
        padding: 0.75rem;
    }

    .adop-hero[b-1j7xc2wcgd] {
        padding: 1.1rem;
        display: flex;
        flex-direction: column;
    }

    .adop-hero__content[b-1j7xc2wcgd] {
        padding-right: 0;
    }

    .adop-michi-spot[b-1j7xc2wcgd] {
        position: relative;
        top: auto;
        right: auto;
        align-self: flex-end;
        margin-bottom: 2.3rem;
    }

    .adop-card__media[b-1j7xc2wcgd] {
        height: 200px;
    }
}
/* /Components/Pages/CaraACara.razor.rz.scp.css */
.cara-page[b-pwiu9tsqdf] {
    --party-bg-1: #1b1130;
    --party-bg-2: #2d1b4e;
    --party-ink: #f7ecff;
    --party-ink-soft: #c7b3e0;
    --party-accent: #ff2e88;
    --party-accent-2: #ffd166;
    --party-card: #241436;
    color: var(--party-ink);
    background:
        radial-gradient(circle at 12% 10%, rgba(255, 46, 136, 0.22), transparent 36%),
        radial-gradient(circle at 88% 15%, rgba(255, 209, 102, 0.16), transparent 32%),
        radial-gradient(circle at 50% 100%, rgba(120, 60, 220, 0.28), transparent 45%),
        linear-gradient(170deg, var(--party-bg-1), var(--party-bg-2));
    font-family: "Trebuchet MS", "Segoe UI", sans-serif;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4rem 1rem 2.4rem;
}

.cara-topbar[b-pwiu9tsqdf] {
    display: flex;
    gap: 0.6rem;
    justify-content: center;
    align-self: stretch;
    margin-bottom: 0.8rem;
}

.cara-topbar[b-pwiu9tsqdf] {
    flex-wrap: wrap;
    row-gap: 0.4rem;
}

.cara-topbar__btn[b-pwiu9tsqdf] {
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: var(--party-ink);
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.4rem 0.9rem;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    cursor: pointer;
}

.cara-topbar__btn--danger[b-pwiu9tsqdf] {
    background: linear-gradient(135deg, var(--party-accent, #ff2e88), #b3247f);
    color: #fff;
}

.cara-topbar__confirm-text[b-pwiu9tsqdf] {
    width: 100%;
    text-align: center;
    font-size: 0.8rem;
    color: var(--party-ink-soft);
    margin-bottom: 0.2rem;
}

.cara-pool-progress[b-pwiu9tsqdf] {
    text-align: center;
    color: var(--party-ink-soft);
    font-size: 0.8rem;
    margin-top: 0.3rem;
}

.cara-page .party-hero[b-pwiu9tsqdf] {
    text-align: center;
    margin-bottom: 1.2rem;
}

.cara-page .party-kicker[b-pwiu9tsqdf] {
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--party-ink-soft);
    margin-bottom: 0.2rem;
    font-weight: 700;
}

.cara-page .party-hero h1[b-pwiu9tsqdf] {
    font-size: clamp(1.8rem, 6vw, 2.4rem);
    margin: 0;
    color: var(--party-accent);
    text-shadow: 0 0 18px rgba(255, 46, 136, 0.4);
}

.cara-page .party-tagline[b-pwiu9tsqdf] {
    color: var(--party-ink-soft);
    font-size: 1rem;
    margin: 0.3rem 0 0;
    font-weight: 600;
}

.party-btn-primary[b-pwiu9tsqdf] {
    background: linear-gradient(135deg, var(--party-accent, #ff2e88), #b3247f);
    color: #fff;
    border: none;
    font-weight: 700;
}

.party-btn-primary:hover[b-pwiu9tsqdf] {
    color: #fff;
    filter: brightness(1.08);
}

.cara-progress-banner[b-pwiu9tsqdf] {
    width: 100%;
    max-width: 460px;
    background: rgba(255, 209, 102, 0.12);
    border: 1px solid rgba(255, 209, 102, 0.4);
    border-radius: 18px;
    padding: 1.2rem;
    text-align: center;
}

.cara-progress-banner p[b-pwiu9tsqdf] {
    margin-bottom: 0.9rem;
}

/* Setup */
.cara-setup[b-pwiu9tsqdf] {
    width: 100%;
    max-width: 480px;
    background: rgba(36, 20, 54, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    padding: 1.4rem;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3);
}

.cara-setup__block[b-pwiu9tsqdf] {
    margin-bottom: 1.2rem;
}

.cara-setup__block label[b-pwiu9tsqdf] {
    display: block;
    font-weight: 700;
    color: var(--party-accent-2);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.cara-stepper[b-pwiu9tsqdf] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.cara-stepper button[b-pwiu9tsqdf] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: var(--party-accent);
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
}

.cara-stepper button:disabled[b-pwiu9tsqdf] {
    opacity: 0.4;
}

.cara-chip-group[b-pwiu9tsqdf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.cara-chip[b-pwiu9tsqdf] {
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.05);
    color: var(--party-ink-soft);
    border-radius: 999px;
    padding: 0.4rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 600;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.cara-chip.is-selected[b-pwiu9tsqdf] {
    background: linear-gradient(135deg, var(--party-accent), #b3247f);
    border-color: transparent;
    color: #fff;
}

.cara-custom-input[b-pwiu9tsqdf] {
    display: flex;
    gap: 0.5rem;
}

.cara-custom-input input[b-pwiu9tsqdf] {
    flex: 1;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.06);
    color: var(--party-ink);
    padding: 0.5rem 0.7rem;
}

.cara-custom-input input[b-pwiu9tsqdf]::placeholder {
    color: var(--party-ink-soft);
}

.cara-custom-input button[b-pwiu9tsqdf] {
    border: none;
    border-radius: 10px;
    background: var(--party-accent-2);
    color: #2d1b4e;
    font-weight: 700;
    padding: 0 1rem;
}

.cara-custom-list[b-pwiu9tsqdf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.6rem;
}

.cara-custom-tag[b-pwiu9tsqdf] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    padding: 0.25rem 0.4rem 0.25rem 0.8rem;
    font-size: 0.82rem;
}

.cara-custom-tag button[b-pwiu9tsqdf] {
    border: none;
    background: transparent;
    color: var(--party-ink-soft);
    font-size: 1rem;
    line-height: 1;
    padding: 0.1rem 0.3rem;
}

.cara-warning[b-pwiu9tsqdf] {
    color: var(--party-accent-2);
    font-size: 0.85rem;
    text-align: center;
    margin-bottom: 0.8rem;
}

.cara-start-btn[b-pwiu9tsqdf] {
    width: 100%;
}

/* Scoreboard */
.cara-scoreboard[b-pwiu9tsqdf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: center;
    margin-bottom: 1.2rem;
    width: 100%;
    max-width: 480px;
}

.cara-team-badge[b-pwiu9tsqdf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    background: rgba(255, 255, 255, 0.06);
    border: 2px solid transparent;
    border-radius: 14px;
    padding: 0.5rem 0.8rem;
    min-width: 84px;
}

.cara-team-badge.is-active[b-pwiu9tsqdf] {
    border-color: var(--party-accent);
    background: rgba(255, 46, 136, 0.14);
}

.cara-team-badge span[b-pwiu9tsqdf] {
    font-size: 0.75rem;
    color: var(--party-ink-soft);
}

.cara-team-badge strong[b-pwiu9tsqdf] {
    font-size: 1.2rem;
}

/* Team ready */
.cara-team-ready[b-pwiu9tsqdf] {
    text-align: center;
    max-width: 420px;
}

.cara-team-ready h2[b-pwiu9tsqdf] {
    color: var(--party-accent-2);
    margin-bottom: 0.4rem;
}

.cara-team-ready p[b-pwiu9tsqdf] {
    color: var(--party-ink-soft);
    margin-bottom: 1.2rem;
}

.cara-team-ready .btn[b-pwiu9tsqdf] {
    margin: 0.3rem;
}

/* Playing */
.cara-playing[b-pwiu9tsqdf] {
    width: 100%;
    max-width: 420px;
    text-align: center;
}

.cara-timer[b-pwiu9tsqdf] {
    font-size: 2.2rem;
    font-weight: 800;
    color: var(--party-accent-2);
    margin-bottom: 0.6rem;
}

.cara-timer.is-urgent[b-pwiu9tsqdf] {
    color: var(--party-accent);
    animation: cara-pulse-b-pwiu9tsqdf 0.6s ease-in-out infinite;
}

.cara-word-card[b-pwiu9tsqdf] {
    background: var(--party-card);
    border: 2px solid var(--party-accent);
    border-radius: 24px;
    padding: 2.4rem 1.2rem;
    font-size: clamp(1.6rem, 8vw, 2.4rem);
    font-weight: 800;
    box-shadow: 0 20px 44px rgba(255, 46, 136, 0.2);
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cara-playing-actions[b-pwiu9tsqdf] {
    display: flex;
    gap: 0.8rem;
    margin-top: 1.2rem;
}

.cara-action-btn[b-pwiu9tsqdf] {
    flex: 1;
    border: none;
    border-radius: 16px;
    padding: 1rem 0.6rem;
    font-weight: 800;
    font-size: 1rem;
    touch-action: manipulation;
}

.cara-action-btn--skip[b-pwiu9tsqdf] {
    background: rgba(255, 255, 255, 0.1);
    color: var(--party-ink);
}

.cara-action-btn--correct[b-pwiu9tsqdf] {
    background: linear-gradient(135deg, #2fae91, #1f8f77);
    color: #fff;
}

.cara-round-progress[b-pwiu9tsqdf] {
    margin-top: 0.8rem;
    color: var(--party-ink-soft);
    font-size: 0.9rem;
}

.cara-end-round-link[b-pwiu9tsqdf] {
    background: none;
    border: none;
    color: var(--party-ink-soft);
    text-decoration: underline;
    font-size: 0.8rem;
    margin-top: 0.4rem;
}

/* Summary */
.cara-summary[b-pwiu9tsqdf] {
    text-align: center;
    max-width: 480px;
}

.cara-summary h2[b-pwiu9tsqdf] {
    color: var(--party-accent-2);
}

.cara-summary-words[b-pwiu9tsqdf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: center;
    margin: 1rem 0;
}

.cara-summary-tag[b-pwiu9tsqdf] {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    padding: 0.3rem 0.8rem;
    font-size: 0.85rem;
}

.cara-back-link[b-pwiu9tsqdf] {
    display: block;
    margin-top: 1.6rem;
    color: var(--party-ink-soft);
    font-size: 0.85rem;
}

@keyframes cara-pulse-b-pwiu9tsqdf {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.12);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cara-timer.is-urgent[b-pwiu9tsqdf] {
        animation: none;
    }
}
/* /Components/Pages/CuarentenasInformeDiario.razor.rz.scp.css */
.report-card[b-2k2sc4g8nx] {
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    padding: 1rem;
    background: #ffffff;
}

.report-card-header[b-2k2sc4g8nx] {
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.report-card.readonly[b-2k2sc4g8nx] {
    background: #f5f6f7;
    border-color: #e1e2e4;
    padding: 0.75rem;
}

.report-card.readonly .user-name[b-2k2sc4g8nx] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.report-text[b-2k2sc4g8nx] {
    white-space: pre-wrap;
}

.btn-blink[b-2k2sc4g8nx] {
    animation: blink-pulse-b-2k2sc4g8nx 1.1s ease-in-out infinite;
}

@keyframes blink-pulse-b-2k2sc4g8nx {
    0% {
        box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.55);
    }
    50% {
        box-shadow: 0 0 0 6px rgba(25, 135, 84, 0.15);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.0);
    }
}

.gato-grid[b-2k2sc4g8nx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 0.75rem;
}

.gato-card[b-2k2sc4g8nx] {
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: #ffffff;
}

.gato-title[b-2k2sc4g8nx] {
    font-weight: 500;
    font-size: 0.95rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
}

.gato-simple-body[b-2k2sc4g8nx] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 0.65rem;
    align-items: start;
}

.gato-simple-image[b-2k2sc4g8nx] {
    width: 120px;
    min-width: 120px;
}

.gato-simple-actions[b-2k2sc4g8nx] {
    display: grid;
    grid-template-rows: auto auto auto;
    align-content: start;
    gap: 0.35rem;
    min-width: 0;
}

.gato-simple-actions .btn[b-2k2sc4g8nx] {
    justify-content: center;
}

.gato-simple-actions .dropdown[b-2k2sc4g8nx],
.gato-simple-actions .dropdown-toggle[b-2k2sc4g8nx],
.gato-simple-actions .dropdown-menu[b-2k2sc4g8nx] {
    width: 100%;
}

/* Estilos para el resumen de informes */
.resumen-grid[b-2k2sc4g8nx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.resumen-recinto-card[b-2k2sc4g8nx] {
    border: 2px solid #0d6efd;
    border-radius: 10px;
    padding: 1rem;
    background: #ffffff;
}

.resumen-recinto-header[b-2k2sc4g8nx] {
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
    color: #0d6efd;
    border-bottom: 2px solid #0d6efd;
    padding-bottom: 0.5rem;
}

.resumen-cuarentena-card[b-2k2sc4g8nx] {
    border: 1px solid #6c757d;
    border-radius: 6px;
    padding: 0.75rem;
    margin-top: 0.75rem;
    background: #f8f9fa;
}

.resumen-cuarentena-header[b-2k2sc4g8nx] {
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
    color: #495057;
}

.resumen-cuarentena-gatos[b-2k2sc4g8nx] {
    font-size: 0.9rem;
    line-height: 1.35;
    color: #212529;
}

.resumen-cuarentena-card-completa[b-2k2sc4g8nx] {
    border: 1px solid #6c757d;
    border-radius: 8px;
    padding: 1rem;
    background: #ffffff;
}

.resumen-informes-list[b-2k2sc4g8nx] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.resumen-informe-item[b-2k2sc4g8nx] {
    font-size: 0.9rem;
    line-height: 1.4;
    padding: 0.25rem 0;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.resumen-cuarentenas-pagina[b-2k2sc4g8nx] {
    border-top: 3px solid #dee2e6;
    padding-top: 1.5rem;
}

/* Estilos para la vista completa */
.report-card-full[b-2k2sc4g8nx] {
    border: 2px solid #0d6efd;
    border-radius: 8px;
    padding: 1rem;
    background: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.report-card-header-full[b-2k2sc4g8nx] {
    font-weight: 700;
    font-size: 1.05rem;
    margin-bottom: 0.75rem;
    color: #0d6efd;
    border-bottom: 2px solid #0d6efd;
    padding-bottom: 0.5rem;
}

.report-card-full textarea[b-2k2sc4g8nx] {
    flex: 1;
    resize: none;
}

.report-input-ok[b-2k2sc4g8nx] {
    border: 2px solid var(--bs-success);
}

.report-input-missing[b-2k2sc4g8nx] {
    border: 2px solid var(--bs-danger);
}

/* Estilos para lista compacta de gatos en vista completa */
.gatos-list-compact[b-2k2sc4g8nx] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 200px;
    overflow-y: auto;
    padding: 0.25rem;
    background: #f8f9fa;
    border-radius: 4px;
}

.gato-item-compact[b-2k2sc4g8nx] {
    display: flex;
    flex-direction: column;
    padding: 0.4rem 0.5rem;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    gap: 0.5rem;
}

.gato-top-line[b-2k2sc4g8nx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-width: 0;
}

.gato-name-compact[b-2k2sc4g8nx] {
    font-size: 0.875rem;
    font-weight: 500;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gato-body-line[b-2k2sc4g8nx] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.6rem;
    align-items: start;
}

.gato-image-col[b-2k2sc4g8nx] {
    min-width: 110px;
}

.gato-actions-col[b-2k2sc4g8nx] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.gato-actions-row[b-2k2sc4g8nx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.gato-actions-row-move .btn[b-2k2sc4g8nx],
.gato-actions-row-main .btn[b-2k2sc4g8nx] {
    flex: 1 1 160px;
    justify-content: center;
}

.gato-carousel-inline[b-2k2sc4g8nx] {
    margin-top: 0.15rem;
}

.gato-carousel-inline[b-2k2sc4g8nx]  .gato-thumbs {
    margin-top: 0;
}

.gato-item-compact .btn-sm[b-2k2sc4g8nx] {
    padding: 0.15rem 0.3rem;
    font-size: 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
}

.informes-header[b-2k2sc4g8nx] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    gap: 0.75rem;
}

.informes-actions[b-2k2sc4g8nx] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: end;
}

.date-selector[b-2k2sc4g8nx] {
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .informes-header[b-2k2sc4g8nx] {
        flex-direction: column;
        align-items: stretch;
    }

    .informes-actions[b-2k2sc4g8nx] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .date-selector[b-2k2sc4g8nx] {
        width: 100%;
    }

    .date-selector .form-control[b-2k2sc4g8nx] {
        font-size: 0.9rem;
        width: 100%;
    }

    .informes-actions .btn[b-2k2sc4g8nx] {
        padding: 0.5rem 0.75rem;
        width: 100%;
        font-size: 0.9rem;
    }

    .mobile-header-actions[b-2k2sc4g8nx] {
        width: 100%;
    }

    .mobile-header-actions > .btn[b-2k2sc4g8nx],
    .mobile-header-actions > .dropdown[b-2k2sc4g8nx] {
        flex: 1 1 0;
    }

    .mobile-header-actions .dropdown-toggle[b-2k2sc4g8nx],
    .mobile-header-actions .dropdown-menu[b-2k2sc4g8nx] {
        width: 100%;
    }

    .gato-grid[b-2k2sc4g8nx] {
        grid-template-columns: 1fr;
    }

    .gato-simple-body[b-2k2sc4g8nx] {
        grid-template-columns: 105px 1fr;
    }

    .gato-simple-image[b-2k2sc4g8nx] {
        width: 105px;
        min-width: 105px;
    }

    .gato-carousel-inline[b-2k2sc4g8nx]  .gato-thumbs {
        max-width: 110px;
    }

    .gato-carousel-inline[b-2k2sc4g8nx]  .gato-thumb-img {
        height: 64px;
    }

    .gato-body-line[b-2k2sc4g8nx] {
        grid-template-columns: 1fr;
    }

    .gato-image-col[b-2k2sc4g8nx] {
        min-width: 0;
    }

    .gato-actions-row-move .btn[b-2k2sc4g8nx],
    .gato-actions-row-main .btn[b-2k2sc4g8nx] {
        flex: 1 1 100%;
    }

    .gato-item-compact .btn-sm[b-2k2sc4g8nx] {
        justify-content: center;
        padding: 0.35rem 0.5rem;
        font-size: 0.78rem;
    }
}
/* /Components/Pages/CuentaLosGatitos.razor.rz.scp.css */
.count-page[b-24dgw6ubgy] {
    --kids-bg-1: #fff4d6;
    --kids-bg-2: #d7f4ea;
    --kids-ink: #33314a;
    --kids-ink-soft: #6a6785;
    --kids-accent: #ff6f61;
    --kids-accent-2: #5b6ee8;
    --kids-card: #ffffff;
    color: var(--kids-ink);
    background:
        radial-gradient(circle at 10% 8%, rgba(255, 111, 97, 0.18), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(91, 110, 232, 0.16), transparent 32%),
        radial-gradient(circle at 50% 95%, rgba(255, 209, 102, 0.22), transparent 40%),
        linear-gradient(170deg, var(--kids-bg-1), var(--kids-bg-2));
    font-family: "Comic Sans MS", "Segoe Print", "Trebuchet MS", sans-serif;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4rem 1rem 2.4rem;
}

.count-topbar[b-24dgw6ubgy] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    align-self: stretch;
    margin-bottom: 0.6rem;
}

/* Selección de modos */
.count-mode-setup[b-24dgw6ubgy] {
    width: 100%;
    max-width: 480px;
    background: rgba(255, 255, 255, 0.7);
    border: 3px dashed rgba(91, 110, 232, 0.35);
    border-radius: 26px;
    padding: 1.4rem;
}

.count-mode-grid[b-24dgw6ubgy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.7rem;
}

.count-mode-card[b-24dgw6ubgy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    text-align: center;
    border: 3px solid transparent;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.85);
    padding: 0.9rem 0.6rem;
    box-shadow: 0 8px 18px rgba(51, 49, 74, 0.12);
    transition: border-color 150ms ease, transform 150ms ease;
}

.count-mode-card.is-selected[b-24dgw6ubgy] {
    border-color: var(--kids-accent);
    transform: translateY(-2px);
}

.count-mode-card__icon[b-24dgw6ubgy] {
    font-size: 1.8rem;
}

.count-mode-card__name[b-24dgw6ubgy] {
    font-weight: 700;
    font-size: 0.9rem;
}

.count-mode-card__desc[b-24dgw6ubgy] {
    font-size: 0.75rem;
    color: var(--kids-ink-soft);
}

.count-mode-warning[b-24dgw6ubgy] {
    text-align: center;
    color: #c0392b;
    font-weight: 700;
    font-size: 0.85rem;
    margin: 0.8rem 0 0;
}

.count-mode-start-btn[b-24dgw6ubgy] {
    display: block;
    width: 100%;
    margin-top: 1rem;
    background: linear-gradient(135deg, var(--kids-accent, #ff6f61), #ff9a3c);
    color: #fff;
    border: none;
    font-weight: 700;
    padding: 0.7rem;
    border-radius: 999px;
}

.count-mode-start-btn:disabled[b-24dgw6ubgy] {
    opacity: 0.5;
}

.count-topbar__btn[b-24dgw6ubgy] {
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.75);
    color: var(--kids-ink);
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.4rem 0.9rem;
    box-shadow: 0 6px 14px rgba(51, 49, 74, 0.12);
    text-decoration: none;
    cursor: pointer;
}

.count-page .kids-hero[b-24dgw6ubgy] {
    text-align: center;
    margin-bottom: 1rem;
}

.count-page .kids-kicker[b-24dgw6ubgy] {
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--kids-ink-soft);
    margin-bottom: 0.2rem;
    font-weight: 700;
}

.count-page .kids-hero h1[b-24dgw6ubgy] {
    font-size: clamp(1.8rem, 6vw, 2.6rem);
    margin: 0;
    color: var(--kids-accent);
    text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.6);
}

.count-page .kids-tagline[b-24dgw6ubgy] {
    color: var(--kids-ink-soft);
    font-size: 1.05rem;
    margin: 0.3rem 0 0;
    font-weight: 600;
}

.count-scoreboard[b-24dgw6ubgy] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 999px;
    padding: 0.5rem 1.4rem;
    margin-bottom: 1rem;
    font-size: 0.95rem;
    box-shadow: 0 6px 16px rgba(51, 49, 74, 0.1);
}

.count-scene[b-24dgw6ubgy] {
    position: relative;
    width: 100%;
    max-width: 480px;
    aspect-ratio: 4 / 3;
    background: rgba(255, 255, 255, 0.65);
    border: 3px dashed rgba(91, 110, 232, 0.35);
    border-radius: 26px;
    overflow: hidden;
}

.count-cat[b-24dgw6ubgy] {
    position: absolute;
    font-size: clamp(1.6rem, 7vw, 2.6rem);
    filter: drop-shadow(0 4px 4px rgba(51, 49, 74, 0.25));
    user-select: none;
}

.count-feedback[b-24dgw6ubgy] {
    min-height: 1.6rem;
    margin: 0.8rem 0 0;
    font-weight: 700;
    text-align: center;
}

.count-feedback.is-hidden[b-24dgw6ubgy] {
    visibility: hidden;
}

.count-feedback.is-correct[b-24dgw6ubgy] {
    color: #2f7468;
}

.count-feedback.is-wrong[b-24dgw6ubgy] {
    color: #c0392b;
}

.count-options[b-24dgw6ubgy] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 0.6rem;
}

.count-option-btn[b-24dgw6ubgy] {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    border: none;
    background: linear-gradient(135deg, var(--kids-accent-2), #7d8bf0);
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    box-shadow: 0 10px 22px rgba(51, 49, 74, 0.18);
    transition: transform 100ms ease, filter 100ms ease;
    touch-action: manipulation;
}

.count-option-btn:active:not(:disabled)[b-24dgw6ubgy] {
    transform: scale(0.92);
}

.count-option-btn:disabled[b-24dgw6ubgy] {
    filter: grayscale(0.15);
    opacity: 0.75;
}

@media (pointer: coarse) {
    .count-option-btn[b-24dgw6ubgy] {
        width: 72px;
        height: 72px;
    }
}

/* Modo Comparar */
.count-compare-wrap[b-24dgw6ubgy] {
    display: flex;
    gap: 0.8rem;
    width: 100%;
    max-width: 480px;
}

.count-compare-box[b-24dgw6ubgy] {
    position: relative;
    flex: 1;
    aspect-ratio: 1 / 1;
    background: rgba(255, 255, 255, 0.65);
    border: 3px dashed rgba(91, 110, 232, 0.35);
    border-radius: 20px;
    overflow: hidden;
    padding: 0;
    touch-action: manipulation;
    transition: transform 100ms ease, border-color 150ms ease;
}

.count-compare-box:active:not(:disabled)[b-24dgw6ubgy] {
    transform: scale(0.97);
    border-color: var(--kids-accent-2);
}

.count-compare-box:disabled[b-24dgw6ubgy] {
    opacity: 0.85;
}

.count-cat--small[b-24dgw6ubgy] {
    font-size: clamp(1.1rem, 5vw, 1.6rem);
}

/* Modo Toca y Cuenta */
.count-tap-cat[b-24dgw6ubgy] {
    position: absolute;
    background: none;
    border: none;
    padding: 0;
    font-size: clamp(1.6rem, 7vw, 2.6rem);
    filter: drop-shadow(0 4px 4px rgba(51, 49, 74, 0.25));
    touch-action: manipulation;
    transition: filter 120ms ease, opacity 150ms ease;
}

.count-tap-cat:active:not(:disabled)[b-24dgw6ubgy] {
    filter: brightness(1.3) drop-shadow(0 4px 4px rgba(51, 49, 74, 0.25));
}

.count-tap-cat.is-tapped[b-24dgw6ubgy] {
    opacity: 0.35;
    filter: none;
}

.count-tap-progress[b-24dgw6ubgy] {
    text-align: center;
    font-weight: 700;
    color: var(--kids-ink-soft);
    margin-top: 0.7rem;
}

.count-cat--color[b-24dgw6ubgy] {
    font-size: clamp(1rem, 4.4vw, 1.7rem);
}

/* Modo Memoria de Colores */
.count-memorize-countdown[b-24dgw6ubgy] {
    text-align: center;
    font-weight: 800;
    font-size: 1.3rem;
    color: var(--kids-accent);
    margin-top: 0.7rem;
    animation: count-countdown-pulse-b-24dgw6ubgy 0.6s ease-in-out infinite;
}

.count-scene--hidden[b-24dgw6ubgy] {
    display: grid;
    place-items: center;
}

.count-hidden-icon[b-24dgw6ubgy] {
    font-size: clamp(2.4rem, 12vw, 4rem);
}

.count-color-question[b-24dgw6ubgy] {
    text-align: center;
    font-weight: 700;
    font-size: 1.05rem;
    margin-top: 0.8rem;
    color: var(--kids-ink);
}

@keyframes count-countdown-pulse-b-24dgw6ubgy {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.12);
    }
}

@media (prefers-reduced-motion: reduce) {
    .count-memorize-countdown[b-24dgw6ubgy] {
        animation: none;
    }
}
/* /Components/Pages/EditorPublicacionSocial.razor.rz.scp.css */
.editor-social[b-n5gfvqs2x7] {
    min-height: 100%;
}

/* ── Header ── */
.editor-social-header[b-n5gfvqs2x7] {
    background: var(--bs-gray-100);
    position: sticky;
    top: 0;
    z-index: 10;
}

/* ── Secciones ── */
.editor-section[b-n5gfvqs2x7] {
    background: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    padding: 1rem;
}

/* ── Textarea ── */
.editor-textarea[b-n5gfvqs2x7] {
    resize: vertical;
    font-family: inherit;
}

/* ── Botón red social ── */
.editor-red-btn[b-n5gfvqs2x7] {
    font-size: .8rem;
}

/* ── Tabs de versiones ── */
.editor-version-tabs .nav-link[b-n5gfvqs2x7] {
    font-size: .82rem;
    padding: .4rem .75rem;
}

/* ── Gato asociado ── */
.editor-gato-thumb[b-n5gfvqs2x7] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.editor-gato-badge[b-n5gfvqs2x7] {
    background: var(--bs-gray-100);
    border: 1px solid var(--bs-border-color);
    border-radius: 6px;
    padding: .3rem .6rem;
    display: inline-flex;
    align-items: center;
}

.editor-gato-dropdown[b-n5gfvqs2x7] {
    background: #fff;
    max-height: 220px;
    overflow-y: auto;
    z-index: 20;
    position: relative;
}

.editor-gato-option[b-n5gfvqs2x7] {
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background .1s;
}

.editor-gato-option:hover[b-n5gfvqs2x7] {
    background: var(--bs-gray-100);
}

/* ── Media grid ── */
.editor-media-grid[b-n5gfvqs2x7] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.editor-media-item[b-n5gfvqs2x7] {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid var(--bs-border-color);
    flex-shrink: 0;
}

.editor-media-preview[b-n5gfvqs2x7] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.editor-media-type-badge[b-n5gfvqs2x7] {
    position: absolute;
    top: 4px;
    right: 4px;
    color: #fff;
    font-size: 1rem;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.editor-media-actions[b-n5gfvqs2x7] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.55);
    display: none;
    justify-content: center;
    gap: 2px;
    padding: 3px;
}

.editor-media-item:hover .editor-media-actions[b-n5gfvqs2x7] {
    display: flex;
}

.btn-xs[b-n5gfvqs2x7] {
    padding: .15rem .35rem;
    font-size: .72rem;
    line-height: 1.4;
}
/* /Components/Pages/ElNumeroJusto.razor.rz.scp.css */
.numero-page[b-swy1d8kbkm] {
    --party-bg-1: #1b1130;
    --party-bg-2: #2d1b4e;
    --party-ink: #f7ecff;
    --party-ink-soft: #c7b3e0;
    --party-accent: #ff2e88;
    --party-accent-2: #ffd166;
    --party-card: #241436;
    color: var(--party-ink);
    background:
        radial-gradient(circle at 12% 10%, rgba(255, 46, 136, 0.22), transparent 36%),
        radial-gradient(circle at 88% 15%, rgba(255, 209, 102, 0.16), transparent 32%),
        radial-gradient(circle at 50% 100%, rgba(120, 60, 220, 0.28), transparent 45%),
        linear-gradient(170deg, var(--party-bg-1), var(--party-bg-2));
    font-family: "Trebuchet MS", "Segoe UI", sans-serif;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4rem 1rem 2.4rem;
}

.numero-topbar[b-swy1d8kbkm] {
    display: flex;
    gap: 0.6rem;
    justify-content: center;
    align-self: stretch;
    margin-bottom: 0.8rem;
    flex-wrap: wrap;
    row-gap: 0.4rem;
}

.numero-topbar__btn--danger[b-swy1d8kbkm] {
    background: linear-gradient(135deg, var(--party-accent, #ff2e88), #b3247f);
    color: #fff;
}

.numero-topbar__confirm-text[b-swy1d8kbkm] {
    width: 100%;
    text-align: center;
    font-size: 0.8rem;
    color: var(--party-ink-soft);
    margin-bottom: 0.2rem;
}

.numero-topbar__btn[b-swy1d8kbkm] {
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: var(--party-ink);
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.4rem 0.9rem;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    cursor: pointer;
}

.numero-page .party-hero[b-swy1d8kbkm] {
    text-align: center;
    margin-bottom: 1.2rem;
}

.numero-page .party-kicker[b-swy1d8kbkm] {
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--party-ink-soft);
    margin-bottom: 0.2rem;
    font-weight: 700;
}

.numero-page .party-hero h1[b-swy1d8kbkm] {
    font-size: clamp(1.7rem, 6vw, 2.3rem);
    margin: 0;
    color: var(--party-accent);
    text-shadow: 0 0 18px rgba(255, 46, 136, 0.4);
}

.numero-page .party-tagline[b-swy1d8kbkm] {
    color: var(--party-ink-soft);
    font-size: 0.95rem;
    margin: 0.3rem 0 0;
    font-weight: 600;
}

.party-btn-primary[b-swy1d8kbkm] {
    background: linear-gradient(135deg, var(--party-accent, #ff2e88), #b3247f);
    color: #fff;
    border: none;
    font-weight: 700;
}

.party-btn-primary:hover[b-swy1d8kbkm] {
    color: #fff;
    filter: brightness(1.08);
}

.numero-progress-banner[b-swy1d8kbkm] {
    width: 100%;
    max-width: 460px;
    background: rgba(255, 209, 102, 0.12);
    border: 1px solid rgba(255, 209, 102, 0.4);
    border-radius: 18px;
    padding: 1.2rem;
    text-align: center;
}

.numero-progress-banner p[b-swy1d8kbkm] {
    margin-bottom: 0.9rem;
}

/* Rules */
.numero-rules[b-swy1d8kbkm] {
    width: 100%;
    max-width: 460px;
    background: rgba(36, 20, 54, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    padding: 1.6rem;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3);
}

.numero-rules h2[b-swy1d8kbkm] {
    color: var(--party-accent-2);
    margin-bottom: 0.8rem;
    text-align: center;
}

.numero-scaling-note[b-swy1d8kbkm] {
    background: rgba(255, 209, 102, 0.1);
    border: 1px solid rgba(255, 209, 102, 0.35);
    border-radius: 16px;
    padding: 0.9rem 1rem;
    margin-bottom: 1.2rem;
}

.numero-scaling-note__title[b-swy1d8kbkm] {
    font-weight: 700;
    color: var(--party-accent-2);
    margin-bottom: 0.4rem;
}

.numero-scaling-note ul[b-swy1d8kbkm] {
    padding-left: 1.1rem;
    margin: 0;
    color: var(--party-ink-soft);
    font-size: 0.88rem;
    line-height: 1.5;
}

.numero-scaling-note ul li strong[b-swy1d8kbkm] {
    color: var(--party-ink);
}

.numero-rules ol[b-swy1d8kbkm] {
    padding-left: 1.2rem;
    color: var(--party-ink-soft);
    line-height: 1.6;
    margin-bottom: 1.2rem;
}

.numero-rules ol li strong[b-swy1d8kbkm] {
    color: var(--party-ink);
}

.numero-order-label[b-swy1d8kbkm] {
    text-align: center;
    font-weight: 700;
    color: var(--party-accent-2);
    margin-bottom: 0.6rem;
}

.numero-mode-buttons[b-swy1d8kbkm] {
    display: flex;
    gap: 0.8rem;
}

.numero-mode-buttons .btn[b-swy1d8kbkm] {
    flex: 1;
}

/* Playing */
.numero-playing[b-swy1d8kbkm] {
    width: 100%;
    max-width: 460px;
    text-align: center;
}

.numero-progress[b-swy1d8kbkm] {
    color: var(--party-ink-soft);
    font-size: 0.85rem;
    margin-bottom: 0.6rem;
}

.numero-question-card[b-swy1d8kbkm] {
    background: var(--party-card);
    border: 2px solid var(--party-accent);
    border-radius: 24px;
    padding: 2rem 1.3rem;
    font-size: clamp(1.1rem, 5vw, 1.4rem);
    font-weight: 700;
    box-shadow: 0 20px 44px rgba(255, 46, 136, 0.2);
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.numero-answer-card[b-swy1d8kbkm] {
    margin-top: 1rem;
    background: rgba(47, 174, 145, 0.16);
    border: 2px solid #2fae91;
    border-radius: 20px;
    padding: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    animation: numero-pop-b-swy1d8kbkm 260ms ease both;
}

.numero-answer-label[b-swy1d8kbkm] {
    font-size: 0.8rem;
    color: var(--party-ink-soft);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.numero-answer-value[b-swy1d8kbkm] {
    font-size: clamp(1.4rem, 7vw, 2rem);
    font-weight: 800;
    color: #7fe0c8;
}

.numero-actions[b-swy1d8kbkm] {
    display: flex;
    gap: 0.7rem;
    margin-top: 1.2rem;
}

.numero-actions .btn[b-swy1d8kbkm] {
    flex: 1;
}

.numero-rules-link[b-swy1d8kbkm] {
    background: none;
    border: none;
    color: var(--party-ink-soft);
    text-decoration: underline;
    font-size: 0.8rem;
    margin-top: 1rem;
}

.numero-back-link[b-swy1d8kbkm] {
    display: block;
    margin-top: 1.6rem;
    color: var(--party-ink-soft);
    font-size: 0.85rem;
}

@keyframes numero-pop-b-swy1d8kbkm {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error-page[b-xdj5k9gxgi] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.error-page-scroll[b-xdj5k9gxgi] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1rem;
}
/* /Components/Pages/FlappyCat.razor.rz.scp.css */
.flappycat-page[b-8p64ieo6uv] {
    --kids-bg-1: #fff4d6;
    --kids-bg-2: #d7f4ea;
    --kids-ink: #33314a;
    --kids-ink-soft: #6a6785;
    --kids-accent: #ff6f61;
    --kids-accent-2: #5b6ee8;
    --kids-card: #ffffff;
    color: var(--kids-ink);
    background:
        radial-gradient(circle at 10% 8%, rgba(255, 111, 97, 0.18), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(91, 110, 232, 0.16), transparent 32%),
        radial-gradient(circle at 50% 95%, rgba(255, 209, 102, 0.22), transparent 40%),
        linear-gradient(170deg, var(--kids-bg-1), var(--kids-bg-2));
    font-family: "Comic Sans MS", "Segoe Print", "Trebuchet MS", sans-serif;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4rem 1rem 2.4rem;
}

.flappycat-page .kids-hero[b-8p64ieo6uv] {
    text-align: center;
    margin-bottom: 1rem;
}

.flappycat-page .kids-kicker[b-8p64ieo6uv] {
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--kids-ink-soft);
    margin-bottom: 0.2rem;
    font-weight: 700;
}

.flappycat-page .kids-hero h1[b-8p64ieo6uv] {
    font-size: clamp(1.8rem, 6vw, 2.6rem);
    margin: 0;
    color: var(--kids-accent);
    text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.6);
}

.flappycat-page .kids-tagline[b-8p64ieo6uv] {
    color: var(--kids-ink-soft);
    font-size: 1.05rem;
    margin: 0.3rem 0 0;
    font-weight: 600;
}

.flappycat-canvas-wrap[b-8p64ieo6uv] {
    width: 100%;
    max-width: 420px;
    aspect-ratio: 3 / 4;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 16px 34px rgba(51, 49, 74, 0.2);
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
}

.flappycat-canvas-wrap canvas[b-8p64ieo6uv] {
    width: 100%;
    height: 100%;
    display: block;
}
/* /Components/Pages/GatoDetalle.razor.rz.scp.css */
.gato-detalle-page[b-20oyysqr88] {
    max-width: 1400px;
    margin: 0 auto;
}

.gato-detalle-header[b-20oyysqr88] {
    border: 0;
}

.gato-alerta-badge[b-20oyysqr88] {
    cursor: pointer;
    font-size: 0.75rem;
    padding: 0.3em 0.6em;
    transition: opacity 0.15s ease;
}

.gato-alerta-badge:hover[b-20oyysqr88] {
    opacity: 0.85;
}

.gato-detalle-avatar[b-20oyysqr88] {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
}

.gato-detalle-avatar-clickable[b-20oyysqr88] {
    cursor: pointer;
    transition: opacity 0.15s ease;
}

.gato-detalle-avatar-clickable:hover[b-20oyysqr88] {
    opacity: 0.82;
}

.gato-detalle-tabs[b-20oyysqr88] {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.gato-detalle-tabs .nav-link[b-20oyysqr88] {
    white-space: nowrap;
}

.gato-detalle-content .card[b-20oyysqr88] {
    border-radius: 0.75rem;
}

/* ─── Galería inline carousel ─────────────────────────────── */

.gato-galeria-main[b-20oyysqr88] {
    position: relative;
    background: #f3f4f6;
    border-radius: 0.5rem;
    overflow: hidden;
    text-align: center;
    max-height: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}

.gato-galeria-main-img[b-20oyysqr88] {
    max-width: 100%;
    max-height: 460px;
    object-fit: contain;
    cursor: zoom-in;
    border-radius: 0.5rem;
    display: block;
}

.gato-galeria-nav[b-20oyysqr88] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.48);
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 1.4rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
    z-index: 10;
    line-height: 1;
    padding: 0;
}

.gato-galeria-nav:hover[b-20oyysqr88] {
    background: rgba(0, 0, 0, 0.72);
}

.gato-galeria-nav-prev[b-20oyysqr88] {
    left: 8px;
}

.gato-galeria-nav-next[b-20oyysqr88] {
    right: 8px;
}

.gato-galeria-counter[b-20oyysqr88] {
    position: absolute;
    bottom: 8px;
    right: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 2px 9px;
    border-radius: 12px;
    font-size: 0.73rem;
    pointer-events: none;
}

.gato-galeria-thumbs[b-20oyysqr88] {
    display: flex;
    gap: 0.4rem;
    overflow-x: auto;
    padding: 0.5rem 0;
    scrollbar-width: thin;
}

.gato-galeria-thumb[b-20oyysqr88] {
    flex: 0 0 70px;
    height: 52px;
    border-radius: 0.375rem;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.15s;
}

.gato-galeria-thumb.active[b-20oyysqr88] {
    border-color: #0d6efd;
}

.gato-galeria-thumb:hover:not(.active)[b-20oyysqr88] {
    border-color: #93b9fd;
}

.gato-galeria-thumb img[b-20oyysqr88] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ─── Video gallery ───────────────────────────────────────── */

.gato-detalle-video-item[b-20oyysqr88] {
    width: 280px;
    max-width: 100%;
}

.gato-detalle-video[b-20oyysqr88] {
    width: 100%;
    border-radius: 0.5rem;
    border: 1px solid #dee2e6;
}

/* ─── Inline edit helpers ─────────────────────────────────── */

.section-edit-actions[b-20oyysqr88] {
    display: flex;
    gap: 0.25rem;
    flex-shrink: 0;
}

@media (max-width: 767.98px) {
    .gato-detalle-page[b-20oyysqr88] {
        max-width: 100%;
    }

    .gato-detalle-avatar[b-20oyysqr88] {
        width: 68px;
        height: 68px;
        flex-basis: 68px;
    }

    /* Selector nativo de pestaña en móvil */
    .gato-detalle-tab-select[b-20oyysqr88] {
        font-size: 1rem;
        font-weight: 600;
        border-radius: 0.5rem;
        touch-action: manipulation;
    }

    .gato-detalle-content .card-header[b-20oyysqr88] {
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    .gato-detalle-content .card-header > .d-flex[b-20oyysqr88] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .gato-detalle-content .btn.btn-sm[b-20oyysqr88] {
        min-height: 36px;
        line-height: 1.2;
        touch-action: manipulation;
    }

    .section-edit-actions[b-20oyysqr88] {
        width: 100%;
        justify-content: flex-start;
    }

    .gato-detalle-content dl.row dt[b-20oyysqr88],
    .gato-detalle-content dl.row dd[b-20oyysqr88] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 0.25rem;
    }

    .gato-detalle-content dl.row dd[b-20oyysqr88] {
        margin-bottom: 0.6rem;
    }

    .gato-detalle-content .table[b-20oyysqr88] {
        font-size: 0.82rem;
    }

    .gato-detalle-content .table th[b-20oyysqr88],
    .gato-detalle-content .table td[b-20oyysqr88] {
        padding: 0.4rem 0.45rem;
        white-space: nowrap;
    }

    .gato-galeria-main[b-20oyysqr88] {
        min-height: 160px;
        max-height: 300px;
    }

    .gato-galeria-main-img[b-20oyysqr88] {
        max-height: 300px;
    }

    .gato-galeria-thumb[b-20oyysqr88] {
        flex: 0 0 56px;
        height: 44px;
    }

    .gato-galeria-nav[b-20oyysqr88] {
        width: 34px;
        height: 34px;
        font-size: 1.1rem;
    }

    .gato-detalle-video-item[b-20oyysqr88] {
        width: 100%;
    }
}
/* /Components/Pages/GatoSimon.razor.rz.scp.css */
.simon-page[b-vjrbh0yolp] {
    --kids-bg-1: #fff4d6;
    --kids-bg-2: #d7f4ea;
    --kids-ink: #33314a;
    --kids-ink-soft: #6a6785;
    --kids-accent: #ff6f61;
    --kids-accent-2: #5b6ee8;
    --kids-card: #ffffff;
    color: var(--kids-ink);
    background:
        radial-gradient(circle at 10% 8%, rgba(255, 111, 97, 0.18), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(91, 110, 232, 0.16), transparent 32%),
        radial-gradient(circle at 50% 95%, rgba(255, 209, 102, 0.22), transparent 40%),
        linear-gradient(170deg, var(--kids-bg-1), var(--kids-bg-2));
    font-family: "Comic Sans MS", "Segoe Print", "Trebuchet MS", sans-serif;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4rem 1rem 2.4rem;
}

.simon-topbar[b-vjrbh0yolp] {
    display: flex;
    justify-content: center;
    align-self: stretch;
    margin-bottom: 0.6rem;
}

.simon-topbar__btn[b-vjrbh0yolp] {
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.75);
    color: var(--kids-ink);
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.4rem 0.9rem;
    box-shadow: 0 6px 14px rgba(51, 49, 74, 0.12);
    text-decoration: none;
    cursor: pointer;
}

.simon-page .kids-hero[b-vjrbh0yolp] {
    text-align: center;
    margin-bottom: 1rem;
}

.simon-page .kids-kicker[b-vjrbh0yolp] {
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--kids-ink-soft);
    margin-bottom: 0.2rem;
    font-weight: 700;
}

.simon-page .kids-hero h1[b-vjrbh0yolp] {
    font-size: clamp(1.8rem, 6vw, 2.6rem);
    margin: 0;
    color: var(--kids-accent);
    text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.6);
}

.simon-page .kids-tagline[b-vjrbh0yolp] {
    color: var(--kids-ink-soft);
    font-size: 1.05rem;
    margin: 0.3rem 0 0;
    font-weight: 600;
}

.simon-intro[b-vjrbh0yolp] {
    max-width: 440px;
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 22px;
    box-shadow: 0 18px 40px rgba(51, 49, 74, 0.14);
    padding: 1.8rem 1.4rem;
    margin-top: 1rem;
}

.simon-intro h2[b-vjrbh0yolp] {
    color: var(--kids-accent-2);
    margin-bottom: 0.5rem;
}

.simon-btn-primary[b-vjrbh0yolp] {
    background: linear-gradient(135deg, var(--kids-accent, #ff6f61), #ff9a3c);
    color: #fff;
    border: none;
    font-weight: 700;
}

.simon-btn-primary:hover[b-vjrbh0yolp] {
    color: #fff;
    filter: brightness(0.96);
}

.simon-scoreboard[b-vjrbh0yolp] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 999px;
    padding: 0.5rem 1.4rem;
    margin-bottom: 1.2rem;
    font-size: 0.95rem;
    box-shadow: 0 6px 16px rgba(51, 49, 74, 0.1);
}

.simon-board[b-vjrbh0yolp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
    width: 100%;
    max-width: 340px;
    aspect-ratio: 1 / 1;
}

.simon-pad[b-vjrbh0yolp] {
    border: none;
    border-radius: 24px;
    display: grid;
    place-items: center;
    font-size: 2.4rem;
    box-shadow: 0 10px 22px rgba(51, 49, 74, 0.18);
    transition: transform 100ms ease, filter 100ms ease, box-shadow 100ms ease;
    touch-action: manipulation;
}

.simon-pad:disabled[b-vjrbh0yolp] {
    cursor: default;
}

.simon-pad--0[b-vjrbh0yolp] {
    background: linear-gradient(135deg, #ff8a75, #ff6f61);
}

.simon-pad--1[b-vjrbh0yolp] {
    background: linear-gradient(135deg, #7d8bf0, #5b6ee8);
}

.simon-pad--2[b-vjrbh0yolp] {
    background: linear-gradient(135deg, #4fd1b5, #2fae91);
}

.simon-pad--3[b-vjrbh0yolp] {
    background: linear-gradient(135deg, #ffd166, #ffb703);
}

.simon-pad.is-active[b-vjrbh0yolp] {
    transform: scale(0.93);
    filter: brightness(1.35);
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.6), 0 10px 22px rgba(51, 49, 74, 0.18);
}

.simon-hint[b-vjrbh0yolp] {
    margin-top: 1rem;
    font-weight: 600;
    color: var(--kids-ink-soft);
    text-align: center;
}

.simon-game-over[b-vjrbh0yolp] {
    max-width: 440px;
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 22px;
    box-shadow: 0 18px 40px rgba(51, 49, 74, 0.14);
    padding: 1.6rem 1.2rem;
    margin-top: 1.2rem;
}

.simon-game-over h2[b-vjrbh0yolp] {
    color: var(--kids-accent);
    margin-bottom: 0.3rem;
}

@media (max-width: 380px) {
    .simon-board[b-vjrbh0yolp] {
        max-width: 280px;
    }

    .simon-pad[b-vjrbh0yolp] {
        font-size: 2rem;
    }
}
/* /Components/Pages/GestionImagenesGatos.razor.rz.scp.css */
.mobile-filter-trigger[b-yef0p0awdk] {
    min-width: 120px;
}

/* Panel de gestión sticky en desktop */
@media (min-width: 1200px) {
    .gestion-panel-col[b-yef0p0awdk] {
        position: sticky;
        top: 1rem;
    }
}

.active-filter-badge[b-yef0p0awdk] {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
}

.active-filter-badge .btn-close[b-yef0p0awdk] {
    font-size: 0.55rem;
    opacity: 0.7;
}

.btn-mobile-manage[b-yef0p0awdk] {
    min-width: 110px;
}

.cat-card-carousel-wrap[b-yef0p0awdk] {
    max-width: 320px;
}

.cat-card-carousel .carousel-item img[b-yef0p0awdk] {
    height: 120px;
    object-fit: cover;
}

.cat-carousel-control[b-yef0p0awdk] {
    width: 20%;
}

.upload-actions-wrap .upload-input[b-yef0p0awdk] {
    flex: 1 1 250px;
}

.upload-actions-wrap .upload-button[b-yef0p0awdk] {
    min-width: 150px;
}

.mobile-image-card[b-yef0p0awdk] {
    background: #fff;
}

.mobile-image-preview[b-yef0p0awdk] {
    width: 100%;
    height: 190px;
    object-fit: cover;
    border-radius: 8px;
}

/* ── Media grid (images + videos) ─────────────────────────── */
.media-thumb-card[b-yef0p0awdk] {
    cursor: default;
}

.media-thumb-img[b-yef0p0awdk] {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

.media-thumb-date[b-yef0p0awdk] {
    font-size: 0.7rem;
    color: #6c757d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 2px;
    padding: 0 2px;
}

@media (max-width: 767.98px) {
    .cat-card-carousel-wrap[b-yef0p0awdk] {
        max-width: 100%;
    }

    .cat-card-carousel .carousel-item img[b-yef0p0awdk] {
        height: 170px;
    }

    .cat-carousel-control[b-yef0p0awdk] {
        width: 24%;
    }

    .cat-carousel-control .carousel-control-prev-icon[b-yef0p0awdk],
    .cat-carousel-control .carousel-control-next-icon[b-yef0p0awdk] {
        width: 2rem;
        height: 2rem;
        filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
    }

    .btn-mobile-manage[b-yef0p0awdk] {
        min-width: 120px;
    }

    .upload-actions-wrap .upload-input[b-yef0p0awdk],
    .upload-actions-wrap .upload-button[b-yef0p0awdk] {
        width: 100%;
    }
}
/* /Components/Pages/IncidenciasAbiertas.razor.rz.scp.css */
.incidencias-list-scroll[b-f18tnhybn4] {
    max-height: 68vh;
    overflow: auto;
}

.incidencia-item[b-f18tnhybn4] {
    border: 1px solid #e9ecef;
    border-radius: 0.6rem;
}

.incidencia-item-selected[b-f18tnhybn4] {
    border-color: #0d6efd;
    background-color: rgba(13, 110, 253, 0.08);
}

.incidencia-item-title[b-f18tnhybn4] {
    line-height: 1.2;
}

.incidencia-item-layout[b-f18tnhybn4] {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    min-width: 0;
}

.incidencia-item-layout-no-media[b-f18tnhybn4] {
    display: block;
}

.incidencia-item-media[b-f18tnhybn4] {
    flex: 0 1 auto;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
}

.incidencia-item-media .incidencia-thumbs[b-f18tnhybn4] {
    margin-top: 0;
    width: fit-content;
    max-width: 100%;
}

.incidencia-item-content[b-f18tnhybn4] {
    flex: 1 1 auto;
    min-width: 0;
}

.incidencia-badges-row[b-f18tnhybn4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: flex-start;
}

.incidencia-badges-row > .badge[b-f18tnhybn4],
.incidencia-badges-row > button.badge[b-f18tnhybn4] {
    width: fit-content;
}

.incidencia-badges-row-stacked[b-f18tnhybn4] {
    flex-direction: column;
    gap: 0.3rem;
}

.incidencia-badges-line[b-f18tnhybn4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.incidencia-actions-row[b-f18tnhybn4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.incidencia-actions-row .btn[b-f18tnhybn4] {
    border-radius: 999px;
}

.incidencia-asignar-gato-select[b-f18tnhybn4] {
    min-width: 260px;
    flex: 1 1 320px;
}

.incidencia-asignar-gato-search[b-f18tnhybn4] {
    max-width: 560px;
}

.incidencia-asignar-gato-filtros[b-f18tnhybn4] {
    max-width: 560px;
}

.incidencia-asignar-recinto-select[b-f18tnhybn4] {
    min-width: 220px;
    flex: 1 1 280px;
}

.incidencias-page .card-header[b-f18tnhybn4] {
    background-color: #f8f9fa;
}

@media (max-width: 768px) {
    .row .col-md-6[b-f18tnhybn4],
    .row .col-md-3[b-f18tnhybn4] {
        margin-bottom: 0.75rem;
    }

    .incidencia-item-layout[b-f18tnhybn4] {
        flex-direction: column;
        align-items: start;
    }

    .incidencia-item-media[b-f18tnhybn4],
    .incidencia-item-content[b-f18tnhybn4] {
        flex: 0 0 auto;
        max-width: 100%;
    }

    .form-text[b-f18tnhybn4] {
        font-size: 0.85rem;
        margin-bottom: 0.25rem;
    }

    .btn[b-f18tnhybn4] {
        font-size: 0.9rem;
    }

    .incidencias-list-scroll[b-f18tnhybn4] {
        max-height: none;
    }

    .incidencia-actions-row .btn[b-f18tnhybn4] {
        flex: 1 1 calc(50% - 0.45rem);
        min-width: 138px;
    }
}

@media (max-width: 576px) {
    .incidencia-actions-row .btn[b-f18tnhybn4] {
        flex: 1 1 100%;
        min-width: 0;
    }
}

.toast-container[b-f18tnhybn4] {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1200;
    display: grid;
    gap: 0.5rem;
}

@media (max-width: 768px) {
    .toast-container[b-f18tnhybn4] {
        left: 1rem;
        right: 1rem;
    }
}
/* /Components/Pages/InformesRecintos.razor.rz.scp.css */
.cat-filter[b-oxuhsd5y3i] {
    min-width: 240px;
}

.pending-medication-wrap[b-oxuhsd5y3i] {
    position: relative;
}

.pending-medication-wrap > .btn[b-oxuhsd5y3i] {
    white-space: normal;
    text-wrap: balance;
}

.pending-medication-tooltip[b-oxuhsd5y3i] {
    display: none;
    position: absolute;
    top: calc(100% + 0.35rem);
    left: 0;
    right: auto;
    z-index: 1050;
    width: min(560px, calc(100vw - 1.5rem));
    max-height: 240px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 0.6rem 0.7rem;
    font-size: 0.82rem;
    line-height: 1.35;
}

.pending-medication-wrap:hover .pending-medication-tooltip[b-oxuhsd5y3i],
.pending-medication-wrap:focus-within .pending-medication-tooltip[b-oxuhsd5y3i] {
    display: block;
}

.pending-med-line[b-oxuhsd5y3i] {
    margin-bottom: 0.35rem;
    white-space: normal;
}

.pending-med-line:last-child[b-oxuhsd5y3i] {
    margin-bottom: 0;
}

.report-card-full .pending-medication-wrap > .btn[b-oxuhsd5y3i] {
    width: 100%;
}

.report-card-full .pending-medication-tooltip[b-oxuhsd5y3i] {
    width: 100%;
    max-width: min(560px, calc(100vw - 1.5rem));
}

.cat-card[b-oxuhsd5y3i] {
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    background: #ffffff;
}


.carousel-control-prev[b-oxuhsd5y3i],
.carousel-control-next[b-oxuhsd5y3i] {
    width: 48px;
    opacity: 0.9;
}

.carousel-control-prev-icon[b-oxuhsd5y3i],
.carousel-control-next-icon[b-oxuhsd5y3i] {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 999px;
    background-size: 60% 60%;
    width: 32px;
    height: 32px;
}

/* Estilos para el resumen de informes */
.resumen-grid[b-oxuhsd5y3i] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.resumen-recinto-card[b-oxuhsd5y3i] {
    border: 2px solid #0d6efd;
    border-radius: 10px;
    padding: 1rem;
    background: #ffffff;
}

.resumen-recinto-header[b-oxuhsd5y3i] {
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
    color: #0d6efd;
    border-bottom: 2px solid #0d6efd;
    padding-bottom: 0.5rem;
}

.resumen-cuarentena-card[b-oxuhsd5y3i] {
    border: 1px solid #6c757d;
    border-radius: 6px;
    padding: 0.75rem;
    margin-top: 0.75rem;
    background: #f8f9fa;
}

.resumen-cuarentena-header[b-oxuhsd5y3i] {
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
    color: #495057;
}

.resumen-cuarentena-card-completa[b-oxuhsd5y3i] {
    border: 1px solid #6c757d;
    border-radius: 8px;
    padding: 1rem;
    background: #ffffff;
}

.resumen-informes-list[b-oxuhsd5y3i] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.resumen-informe-item[b-oxuhsd5y3i] {
    font-size: 0.9rem;
    line-height: 1.4;
    padding: 0.25rem 0;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.resumen-cuarentenas-pagina[b-oxuhsd5y3i] {
    border-top: 3px solid #dee2e6;
    padding-top: 1.5rem;
}

/* Estilos para la vista completa */
.report-card-full[b-oxuhsd5y3i] {
    border: 2px solid #0d6efd;
    border-radius: 8px;
    padding: 1rem;
    background: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.report-card-header-full[b-oxuhsd5y3i] {
    font-weight: 700;
    font-size: 1.05rem;
    margin-bottom: 0.75rem;
    color: #0d6efd;
    border-bottom: 2px solid #0d6efd;
    padding-bottom: 0.5rem;
}

.report-card-full textarea[b-oxuhsd5y3i] {
    flex: 1;
    resize: none;
}

.report-input-ok[b-oxuhsd5y3i] {
    border: 2px solid var(--bs-success);
}

.report-input-missing[b-oxuhsd5y3i] {
    border: 2px solid var(--bs-danger);
}

.report-card.readonly[b-oxuhsd5y3i] {
    background: #f5f6f7;
    border: 1px solid #e1e2e4;
    border-radius: 8px;
    padding: 0.75rem;
}

.report-card.readonly .user-name[b-oxuhsd5y3i] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.report-text[b-oxuhsd5y3i] {
    white-space: pre-wrap;
}

.informes-header[b-oxuhsd5y3i] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    gap: 0.75rem;
}

.informes-actions[b-oxuhsd5y3i] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: end;
}

.date-selector[b-oxuhsd5y3i] {
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .informes-header[b-oxuhsd5y3i] {
        flex-direction: column;
        align-items: stretch;
    }

    .informes-actions[b-oxuhsd5y3i] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .date-selector[b-oxuhsd5y3i] {
        width: 100%;
    }

    .date-selector .form-control[b-oxuhsd5y3i] {
        font-size: 0.9rem;
        width: 100%;
    }

    .informes-actions .btn[b-oxuhsd5y3i] {
        padding: 0.5rem 0.75rem;
        width: 100%;
        font-size: 0.9rem;
    }

    .mobile-header-actions[b-oxuhsd5y3i] {
        width: 100%;
    }

    .mobile-header-actions > .btn[b-oxuhsd5y3i],
    .mobile-header-actions > .dropdown[b-oxuhsd5y3i] {
        flex: 1 1 0;
    }

    .mobile-header-actions .dropdown-toggle[b-oxuhsd5y3i],
    .mobile-header-actions .dropdown-menu[b-oxuhsd5y3i] {
        width: 100%;
    }

    .cat-filter[b-oxuhsd5y3i] {
        min-width: auto;
        width: 100%;
    }

    .pending-medication-wrap[b-oxuhsd5y3i] {
        width: 100%;
    }

    .pending-medication-wrap > .btn[b-oxuhsd5y3i] {
        width: 100%;
    }

    .pending-medication-tooltip[b-oxuhsd5y3i] {
        right: auto;
        left: 0;
        width: 100%;
    }

    .resumen-grid[b-oxuhsd5y3i] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/InformesRecintosCuarentenas.razor.rz.scp.css */
.informes-header[b-tbu33aoxpu] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
    gap: 0.75rem;
}

.informes-actions[b-tbu33aoxpu] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: end;
}

.date-selector[b-tbu33aoxpu] {
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .informes-header[b-tbu33aoxpu] {
        flex-direction: column;
        align-items: stretch;
    }

    .informes-actions[b-tbu33aoxpu] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .date-selector[b-tbu33aoxpu] {
        width: 100%;
    }

    .date-selector .form-control[b-tbu33aoxpu] {
        font-size: 0.9rem;
        width: 100%;
    }

    .informes-actions .btn[b-tbu33aoxpu] {
        padding: 0.5rem 0.75rem;
        width: 100%;
        font-size: 0.9rem;
    }
}
/* /Components/Pages/JuegosAdultos.razor.rz.scp.css */
.party-page[b-hgjgrszpne] {
    --party-bg-1: #1b1130;
    --party-bg-2: #2d1b4e;
    --party-ink: #f7ecff;
    --party-ink-soft: #c7b3e0;
    --party-accent: #ff2e88;
    --party-accent-2: #ffd166;
    --party-card: #241436;
    color: var(--party-ink);
    background:
        radial-gradient(circle at 12% 10%, rgba(255, 46, 136, 0.22), transparent 36%),
        radial-gradient(circle at 88% 15%, rgba(255, 209, 102, 0.16), transparent 32%),
        radial-gradient(circle at 50% 100%, rgba(120, 60, 220, 0.28), transparent 45%),
        linear-gradient(170deg, var(--party-bg-1), var(--party-bg-2));
    font-family: "Trebuchet MS", "Segoe UI", sans-serif;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4rem 1rem 2.4rem;
}

.party-gate[b-hgjgrszpne] {
    max-width: 460px;
    width: 100%;
    text-align: center;
    background: rgba(36, 20, 54, 0.85);
    border: 1px solid rgba(255, 46, 136, 0.3);
    border-radius: 26px;
    box-shadow: 0 20px 46px rgba(0, 0, 0, 0.4);
    padding: 2.4rem 1.6rem;
    margin: auto 0;
}

.party-gate__emoji[b-hgjgrszpne] {
    font-size: 2.6rem;
    margin-bottom: 0.6rem;
}

.party-gate h1[b-hgjgrszpne] {
    font-size: clamp(1.4rem, 5vw, 1.9rem);
    color: var(--party-accent-2);
    margin-bottom: 0.8rem;
}

.party-gate p[b-hgjgrszpne] {
    color: var(--party-ink-soft);
    line-height: 1.5;
    margin-bottom: 1.4rem;
}

.party-hero[b-hgjgrszpne] {
    text-align: center;
    margin-bottom: 1.6rem;
}

.party-kicker[b-hgjgrszpne] {
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--party-ink-soft);
    margin-bottom: 0.2rem;
    font-weight: 700;
}

.party-hero h1[b-hgjgrszpne] {
    font-size: clamp(2rem, 7vw, 2.8rem);
    margin: 0;
    color: var(--party-accent);
    text-shadow: 0 0 18px rgba(255, 46, 136, 0.4);
}

.party-tagline[b-hgjgrszpne] {
    color: var(--party-ink-soft);
    font-size: 1.05rem;
    margin: 0.4rem 0 0;
    font-weight: 600;
}

.party-grid[b-hgjgrszpne] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.2rem;
    width: 100%;
    max-width: 720px;
}

.party-card[b-hgjgrszpne] {
    background: var(--party-card);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 26px;
    padding: 1.8rem 1.4rem;
    text-align: center;
    text-decoration: none;
    color: var(--party-ink);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.35);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
}

.party-card:hover[b-hgjgrszpne],
.party-card:focus-visible[b-hgjgrszpne] {
    transform: translateY(-4px) scale(1.02);
    border-color: var(--party-accent);
    box-shadow: 0 20px 44px rgba(255, 46, 136, 0.25);
    color: var(--party-ink);
}

.party-card__icon[b-hgjgrszpne] {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 0.2rem;
}

.party-card h2[b-hgjgrszpne] {
    margin: 0;
    font-size: 1.35rem;
    color: var(--party-accent-2);
}

.party-card p[b-hgjgrszpne] {
    margin: 0;
    color: var(--party-ink-soft);
    font-size: 0.95rem;
}

.party-card__cta[b-hgjgrszpne] {
    margin-top: 0.6rem;
    display: inline-block;
    padding: 0.5rem 1.4rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--party-accent), #b3247f);
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.party-btn-primary[b-hgjgrszpne] {
    background: linear-gradient(135deg, var(--party-accent, #ff2e88), #b3247f);
    color: #fff;
    border: none;
    font-weight: 700;
}

.party-btn-primary:hover[b-hgjgrszpne] {
    color: #fff;
    filter: brightness(1.08);
}

@media (max-width: 480px) {
    .party-page[b-hgjgrszpne] {
        padding: 1rem 0.7rem 1.8rem;
    }
}
/* /Components/Pages/JuegosNinos.razor.rz.scp.css */
.kids-page[b-yzflh2ue7q] {
    --kids-bg-1: #fff4d6;
    --kids-bg-2: #d7f4ea;
    --kids-ink: #33314a;
    --kids-ink-soft: #6a6785;
    --kids-accent: #ff6f61;
    --kids-accent-2: #5b6ee8;
    --kids-card: #ffffff;
    color: var(--kids-ink);
    background:
        radial-gradient(circle at 10% 8%, rgba(255, 111, 97, 0.18), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(91, 110, 232, 0.16), transparent 32%),
        radial-gradient(circle at 50% 95%, rgba(255, 209, 102, 0.22), transparent 40%),
        linear-gradient(170deg, var(--kids-bg-1), var(--kids-bg-2));
    font-family: "Comic Sans MS", "Segoe Print", "Trebuchet MS", sans-serif;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4rem 1rem 2.4rem;
}

.kids-hero[b-yzflh2ue7q] {
    text-align: center;
    margin-bottom: 1.6rem;
}

.kids-kicker[b-yzflh2ue7q] {
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--kids-ink-soft);
    margin-bottom: 0.2rem;
    font-weight: 700;
}

.kids-hero h1[b-yzflh2ue7q] {
    font-size: clamp(2rem, 7vw, 3rem);
    margin: 0;
    color: var(--kids-accent);
    text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.6);
}

.kids-tagline[b-yzflh2ue7q] {
    color: var(--kids-ink-soft);
    font-size: 1.1rem;
    margin: 0.4rem 0 0;
    font-weight: 600;
}

.kids-grid[b-yzflh2ue7q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.2rem;
    width: 100%;
    max-width: 720px;
}

.kids-card[b-yzflh2ue7q] {
    background: var(--kids-card);
    border-radius: 28px;
    padding: 1.8rem 1.4rem;
    text-align: center;
    text-decoration: none;
    color: var(--kids-ink);
    box-shadow: 0 16px 34px rgba(51, 49, 74, 0.14);
    border: 4px solid transparent;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
}

.kids-card:hover[b-yzflh2ue7q],
.kids-card:focus-visible[b-yzflh2ue7q] {
    transform: translateY(-4px) scale(1.02);
    border-color: var(--kids-accent-2);
    box-shadow: 0 20px 40px rgba(51, 49, 74, 0.2);
    color: var(--kids-ink);
}

.kids-card__icon[b-yzflh2ue7q] {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 0.2rem;
}

.kids-card h2[b-yzflh2ue7q] {
    margin: 0;
    font-size: 1.35rem;
    color: var(--kids-accent-2);
}

.kids-card p[b-yzflh2ue7q] {
    margin: 0;
    color: var(--kids-ink-soft);
    font-size: 0.95rem;
}

.kids-card__cta[b-yzflh2ue7q] {
    margin-top: 0.6rem;
    display: inline-block;
    padding: 0.5rem 1.4rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--kids-accent), #ff9a3c);
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.03em;
}

@media (max-width: 480px) {
    .kids-page[b-yzflh2ue7q] {
        padding: 1rem 0.7rem 1.8rem;
    }
}
/* /Components/Pages/LaberintoGatitoPerdido.razor.rz.scp.css */
.laberinto-page[b-tqewjo0kwl] {
    --kids-bg-1: #fff4d6;
    --kids-bg-2: #d7f4ea;
    --kids-ink: #33314a;
    --kids-ink-soft: #6a6785;
    --kids-accent: #ff6f61;
    --kids-accent-2: #5b6ee8;
    --kids-card: #ffffff;
    color: var(--kids-ink);
    background:
        radial-gradient(circle at 10% 8%, rgba(255, 111, 97, 0.18), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(91, 110, 232, 0.16), transparent 32%),
        radial-gradient(circle at 50% 95%, rgba(255, 209, 102, 0.22), transparent 40%),
        linear-gradient(170deg, var(--kids-bg-1), var(--kids-bg-2));
    font-family: "Comic Sans MS", "Segoe Print", "Trebuchet MS", sans-serif;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4rem 1rem 2.4rem;
    outline: none;
}

.maze-topbar[b-tqewjo0kwl] {
    display: flex;
    gap: 0.6rem;
    align-self: stretch;
    justify-content: center;
    margin-bottom: 0.6rem;
}

.maze-topbar__btn[b-tqewjo0kwl] {
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.75);
    color: var(--kids-ink);
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.4rem 0.9rem;
    box-shadow: 0 6px 14px rgba(51, 49, 74, 0.12);
    text-decoration: none;
    cursor: pointer;
}

.laberinto-page .kids-hero[b-tqewjo0kwl] {
    text-align: center;
    margin-bottom: 1rem;
}

.laberinto-page .kids-kicker[b-tqewjo0kwl] {
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--kids-ink-soft);
    margin-bottom: 0.2rem;
    font-weight: 700;
}

.laberinto-page .kids-hero h1[b-tqewjo0kwl] {
    font-size: clamp(1.6rem, 6vw, 2.4rem);
    margin: 0;
    color: var(--kids-accent);
    text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.6);
}

.laberinto-page .kids-tagline[b-tqewjo0kwl] {
    color: var(--kids-ink-soft);
    font-size: 1.05rem;
    margin: 0.3rem 0 0;
    font-weight: 600;
}

.maze-scoreboard[b-tqewjo0kwl] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 999px;
    padding: 0.5rem 1.4rem;
    margin-bottom: 0.8rem;
    font-size: 0.95rem;
    box-shadow: 0 6px 16px rgba(51, 49, 74, 0.1);
}

.maze-transition[b-tqewjo0kwl] {
    font-weight: 700;
    color: var(--kids-accent-2);
    margin-bottom: 0.6rem;
}

.maze-keys-hud[b-tqewjo0kwl] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.6rem;
}

.maze-key-badge[b-tqewjo0kwl] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 0.95rem;
    background: #d8d3c9;
    filter: grayscale(1);
    opacity: 0.6;
    box-shadow: inset 0 0 0 2px rgba(51, 49, 74, 0.15);
    transition: filter 150ms ease, opacity 150ms ease, background-color 150ms ease;
}

.maze-key-badge.is-collected[b-tqewjo0kwl] {
    background: var(--key-color, #e0a500);
    filter: none;
    opacity: 1;
}

.maze-grid[b-tqewjo0kwl] {
    display: grid;
    gap: 2px;
    width: 100%;
    max-width: 420px;
    background: #4a3527;
    padding: 6px;
    border-radius: 18px;
    box-shadow: 0 14px 30px rgba(51, 49, 74, 0.18);
}

.maze-cell[b-tqewjo0kwl] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(0.6rem, 2.4vw, 1.1rem);
    border-radius: 2px;
}

.maze-cell.is-wall[b-tqewjo0kwl] {
    background: #6b4b3a;
}

.maze-cell.is-path[b-tqewjo0kwl] {
    background: #fdf6e3;
}

.maze-cell.is-door[b-tqewjo0kwl] {
    background: var(--cell-color, #999) !important;
}

.maze-cell.is-key[b-tqewjo0kwl] {
    box-shadow: inset 0 0 0 2px var(--cell-color, #e0a500);
}

.maze-controls[b-tqewjo0kwl] {
    display: grid;
    grid-template-columns: repeat(3, 56px);
    grid-template-rows: repeat(3, 56px);
    grid-template-areas:
        ".    up    ."
        "left .     right"
        ".    down  .";
    gap: 0.4rem;
    margin-top: 1.2rem;
}

.maze-btn[b-tqewjo0kwl] {
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--kids-accent-2), #7d8bf0);
    color: #fff;
    font-size: 1.4rem;
    box-shadow: 0 8px 18px rgba(51, 49, 74, 0.18);
    touch-action: manipulation;
    transition: transform 100ms ease, opacity 100ms ease;
}

.maze-btn--up[b-tqewjo0kwl] {
    grid-area: up;
}

.maze-btn--left[b-tqewjo0kwl] {
    grid-area: left;
}

.maze-btn--right[b-tqewjo0kwl] {
    grid-area: right;
}

.maze-btn--down[b-tqewjo0kwl] {
    grid-area: down;
}

.maze-btn:active:not(:disabled)[b-tqewjo0kwl] {
    transform: scale(0.9);
}

.maze-btn:disabled[b-tqewjo0kwl] {
    opacity: 0.5;
}

.maze-skip-wrap[b-tqewjo0kwl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1rem;
}

.maze-skip-confirm-text[b-tqewjo0kwl] {
    font-size: 0.85rem;
    color: var(--kids-ink-soft);
    font-weight: 600;
}

.maze-skip-btn[b-tqewjo0kwl] {
    border: none;
    border-radius: 999px;
    padding: 0.4rem 1rem;
    background: rgba(255, 255, 255, 0.75);
    color: var(--kids-ink);
    font-weight: 700;
    font-size: 0.85rem;
    box-shadow: 0 6px 14px rgba(51, 49, 74, 0.12);
}

.maze-skip-btn:disabled[b-tqewjo0kwl] {
    opacity: 0.5;
}

.maze-skip-btn--confirm[b-tqewjo0kwl] {
    background: linear-gradient(135deg, var(--kids-accent, #ff6f61), #ff9a3c);
    color: #fff;
}

.laberinto-btn-primary[b-tqewjo0kwl] {
    background: linear-gradient(135deg, var(--kids-accent, #ff6f61), #ff9a3c);
    color: #fff;
    border: none;
    font-weight: 700;
}

.laberinto-btn-primary:hover[b-tqewjo0kwl] {
    color: #fff;
    filter: brightness(0.96);
}

.maze-win-overlay[b-tqewjo0kwl] {
    position: fixed;
    inset: 0;
    background: rgba(51, 49, 74, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1050;
}

.maze-win-overlay__content[b-tqewjo0kwl] {
    background: var(--kids-card);
    border-radius: 24px;
    max-width: 420px;
    width: 100%;
    max-height: 92vh;
    overflow-y: auto;
    padding: 1.8rem 1.4rem 1.4rem;
    text-align: center;
    animation: maze-win-pop-b-tqewjo0kwl 320ms ease both;
}

.maze-win-overlay__emoji[b-tqewjo0kwl] {
    font-size: 2rem;
}

.maze-win-overlay__content h2[b-tqewjo0kwl] {
    color: var(--kids-accent);
    margin: 0.4rem 0 0.6rem;
}

@keyframes maze-win-pop-b-tqewjo0kwl {
    from {
        opacity: 0;
        transform: scale(0.85);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .maze-win-overlay__content[b-tqewjo0kwl] {
        animation: none;
    }
}

@media (max-width: 380px) {
    .maze-controls[b-tqewjo0kwl] {
        grid-template-columns: repeat(3, 48px);
        grid-template-rows: repeat(3, 48px);
    }
}
/* /Components/Pages/MedicationsPautadas.razor.rz.scp.css */
.pautadas-container[b-rg9bkcsrf5] {
    overflow-x: hidden;
}

.medications-share-snapshot[b-rg9bkcsrf5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.medications-share-header[b-rg9bkcsrf5] {
    font-weight: 600;
    font-size: 1rem;
}

.medications-share-export-surface[b-rg9bkcsrf5] {
    position: fixed;
    left: -10000px;
    top: 0;
    width: 1100px;
    max-width: 1100px;
    padding: 1rem;
    background: #fff;
    color: #212529;
    z-index: -1;
}

.share-cat-header[b-rg9bkcsrf5] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: start;
}

.share-export-row[b-rg9bkcsrf5] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 1rem;
    align-items: start;
}

.share-export-left[b-rg9bkcsrf5] {
    width: 100%;
}

.share-export-right[b-rg9bkcsrf5] {
    min-width: 0;
}

.share-cat-image[b-rg9bkcsrf5] {
    width: 100%;
    height: 260px;
    border-radius: 0.5rem;
    object-fit: cover;
    border: 1px solid var(--bs-border-color);
}

.share-cat-image-placeholder[b-rg9bkcsrf5] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-secondary-color);
    font-size: 0.9rem;
    background: var(--bs-tertiary-bg);
}

.share-cat-info[b-rg9bkcsrf5] {
    min-width: 0;
}

.share-week-panel-title[b-rg9bkcsrf5] {
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.share-week-label[b-rg9bkcsrf5] {
    margin-top: 0.4rem;
    margin-bottom: 0.35rem;
    font-size: 0.85rem;
    font-weight: 700;
}

.share-week-days[b-rg9bkcsrf5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem 0.75rem;
}

.share-week-day[b-rg9bkcsrf5] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    border-bottom: 1px dashed var(--bs-border-color);
    padding-bottom: 0.15rem;
}

.share-week-day-name[b-rg9bkcsrf5] {
    font-size: 0.8rem;
    font-weight: 600;
}

.share-week-day-value[b-rg9bkcsrf5] {
    font-size: 0.8rem;
    color: var(--bs-secondary-color);
}

.cat-card[b-rg9bkcsrf5] {
    border-color: var(--bs-border-color);
}

.cat-card .card-body[b-rg9bkcsrf5] {
    min-width: 0;
}

.cat-header[b-rg9bkcsrf5] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.75rem;
    align-items: start;
}

.cat-image[b-rg9bkcsrf5] {
    width: 100px;
}

.medication-row[b-rg9bkcsrf5] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 0.5rem;
    min-width: 0;
}

.medication-meta-top[b-rg9bkcsrf5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.days-scroll[b-rg9bkcsrf5] {
    margin-top: 0.5rem;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.5rem;
}

.weeks-controls[b-rg9bkcsrf5] {
    position: sticky;
    left: 0;
    background: var(--bs-body-bg);
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: fit-content;
}

.week-block-current[b-rg9bkcsrf5] {
    border-left: 2px solid var(--bs-primary-bg-subtle);
    padding-left: 0.5rem;
}

.week-block-previous[b-rg9bkcsrf5] {
    opacity: 0.95;
}

.week-block[b-rg9bkcsrf5] {
    display: inline-flex;
    flex-direction: column;
    min-width: max-content;
    margin-right: 1rem;
}

.week-title[b-rg9bkcsrf5] {
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.week-days[b-rg9bkcsrf5] {
    display: inline-flex;
    gap: 0.5rem;
}


.day-cell[b-rg9bkcsrf5] {
    min-width: 96px;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 0.35rem;
    background-color: var(--bs-body-bg);
    position: relative;
}

.day-cell.today[b-rg9bkcsrf5] {
    border-color: var(--bs-primary);
}

.day-today-badge[b-rg9bkcsrf5] {
    position: absolute;
    top: -0.55rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    background: var(--bs-primary);
    color: var(--bs-white);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.day-cell.status-pending[b-rg9bkcsrf5] {
    border-color: var(--bs-primary);
    background-color: color-mix(in srgb, var(--bs-primary) 10%, var(--bs-body-bg));
}

.day-cell.status-missed[b-rg9bkcsrf5] {
    border-color: var(--bs-danger);
    background-color: color-mix(in srgb, var(--bs-danger) 12%, var(--bs-body-bg));
}

.day-cell.status-off[b-rg9bkcsrf5] {
    border-color: var(--bs-secondary-border-subtle);
    background-color: var(--bs-secondary-bg-subtle);
}

.day-cell.status-done[b-rg9bkcsrf5] {
    border-color: var(--bs-success);
    background-color: color-mix(in srgb, var(--bs-success) 12%, var(--bs-body-bg));
}

.day-cell.status-warning[b-rg9bkcsrf5] {
    box-shadow: inset 0 0 0 1px var(--bs-danger);
}

.day-title[b-rg9bkcsrf5] {
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    padding-right: 1rem;
}

.day-cell.today .day-title[b-rg9bkcsrf5] {
    font-size: 0.95rem;
    font-weight: 700;
}

.day-warning[b-rg9bkcsrf5] {
    position: absolute;
    top: 0.25rem;
    right: 0.35rem;
    color: var(--bs-danger);
    font-size: 0.8rem;
    line-height: 1;
    cursor: help;
}

.dose-list[b-rg9bkcsrf5] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.dose-check[b-rg9bkcsrf5] {
    min-height: 0;
    margin: 0;
}
/* /Components/Pages/MedicationsPrescribir.razor.rz.scp.css */
.prescribir-container[b-yv4c4adr9s] {
    height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.prescriptions-layout[b-yv4c4adr9s] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.prescriptions-layout > [class*="col-"][b-yv4c4adr9s] {
    min-height: 0;
}

.cats-column[b-yv4c4adr9s] {
    display: flex;
    min-height: 0;
    overflow: hidden;
}

.cats-card[b-yv4c4adr9s] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.cats-card-body[b-yv4c4adr9s] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.cats-scroll[b-yv4c4adr9s] {
    flex: 1;
    height: clamp(16rem, calc(100dvh - 18rem), 70dvh);
    max-height: calc(100dvh - 18rem);
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
}

.cats-table-responsive[b-yv4c4adr9s] {
    overflow-x: auto;
    overflow-y: visible;
}

.filter-clear-btn[b-yv4c4adr9s] {
    min-width: 2.5rem;
}

.plans-card .table-responsive[b-yv4c4adr9s] {
    max-height: 280px;
}

.cat-mobile-card[b-yv4c4adr9s] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 0.75rem;
    background: var(--bs-body-bg);
}

.cat-mobile-card.selected[b-yv4c4adr9s] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 1px rgba(var(--bs-primary-rgb), 0.2);
}

.plan-mobile-card[b-yv4c4adr9s] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 0.75rem;
    background: var(--bs-body-bg);
}

.prescription-submit-wrap[b-yv4c4adr9s] {
    justify-content: flex-end;
}

.prescription-submit-btn[b-yv4c4adr9s] {
    min-width: 9rem;
}

.selected-cat[b-yv4c4adr9s] {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    background-color: var(--bs-light-bg-subtle);
}

.prescribir-container td :deep(.gato-thumbs)[b-yv4c4adr9s] {
    margin-top: 0.25rem;
    max-width: 100px;
}

.specific-calendar[b-yv4c4adr9s] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 0.75rem;
    background-color: var(--bs-body-bg);
}

.calendar-toolbar[b-yv4c4adr9s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.calendar-month[b-yv4c4adr9s] {
    font-weight: 600;
    text-transform: capitalize;
}

.calendar-grid[b-yv4c4adr9s] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.35rem;
}

.calendar-head[b-yv4c4adr9s] {
    margin-bottom: 0.35rem;
}

.calendar-head-cell[b-yv4c4adr9s] {
    text-align: center;
    font-size: 0.75rem;
    color: var(--bs-secondary-color);
}

.calendar-day-empty[b-yv4c4adr9s] {
    min-height: 2rem;
}

.calendar-day-btn[b-yv4c4adr9s] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.35rem;
    background: var(--bs-body-bg);
    color: inherit;
    min-height: 2rem;
}

.calendar-day-btn.today[b-yv4c4adr9s] {
    border-color: var(--bs-primary);
}

.calendar-day-btn.selected[b-yv4c4adr9s] {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
}

@media (max-width: 991.98px) {
    .prescribir-container[b-yv4c4adr9s] {
        height: auto;
    }

    .prescriptions-layout[b-yv4c4adr9s] {
        min-height: auto;
        flex: initial;
    }

    .cats-scroll[b-yv4c4adr9s] {
        height: auto;
        max-height: 55dvh;
    }

    .prescription-submit-wrap[b-yv4c4adr9s] {
        justify-content: stretch;
    }

    .prescription-submit-btn[b-yv4c4adr9s] {
        width: 100%;
    }

    .modal-dialog[b-yv4c4adr9s] {
        margin: 0.5rem;
    }

    .modal-body[b-yv4c4adr9s] {
        max-height: 70dvh;
        overflow-y: auto;
    }
}
/* /Components/Pages/MemoriDeMichis.razor.rz.scp.css */
.memori-page[b-q4rhwhkpef] {
    --kids-bg-1: #fff4d6;
    --kids-bg-2: #d7f4ea;
    --kids-ink: #33314a;
    --kids-ink-soft: #6a6785;
    --kids-accent: #ff6f61;
    --kids-accent-2: #5b6ee8;
    --kids-card: #ffffff;
    color: var(--kids-ink);
    background:
        radial-gradient(circle at 10% 8%, rgba(255, 111, 97, 0.18), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(91, 110, 232, 0.16), transparent 32%),
        radial-gradient(circle at 50% 95%, rgba(255, 209, 102, 0.22), transparent 40%),
        linear-gradient(170deg, var(--kids-bg-1), var(--kids-bg-2));
    font-family: "Comic Sans MS", "Segoe Print", "Trebuchet MS", sans-serif;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4rem 1rem 2.4rem;
}

.memori-topbar[b-q4rhwhkpef] {
    display: flex;
    justify-content: center;
    align-self: stretch;
    margin-bottom: 0.6rem;
}

.memori-topbar__btn[b-q4rhwhkpef] {
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.75);
    color: var(--kids-ink);
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.4rem 0.9rem;
    box-shadow: 0 6px 14px rgba(51, 49, 74, 0.12);
    text-decoration: none;
    cursor: pointer;
}

.memori-page .kids-hero[b-q4rhwhkpef] {
    text-align: center;
    margin-bottom: 1rem;
}

.memori-page .kids-kicker[b-q4rhwhkpef] {
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--kids-ink-soft);
    margin-bottom: 0.2rem;
    font-weight: 700;
}

.memori-page .kids-hero h1[b-q4rhwhkpef] {
    font-size: clamp(1.8rem, 6vw, 2.6rem);
    margin: 0;
    color: var(--kids-accent);
    text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.6);
}

.memori-page .kids-tagline[b-q4rhwhkpef] {
    color: var(--kids-ink-soft);
    font-size: 1.05rem;
    margin: 0.3rem 0 0;
    font-weight: 600;
}

.memori-status-card[b-q4rhwhkpef] {
    max-width: 480px;
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 22px;
    box-shadow: 0 18px 40px rgba(51, 49, 74, 0.14);
    padding: 2.2rem 1.4rem;
    margin-top: 1.5rem;
}

.memori-scoreboard[b-q4rhwhkpef] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 999px;
    padding: 0.5rem 1.4rem;
    margin-bottom: 1.2rem;
    font-size: 0.95rem;
    box-shadow: 0 6px 16px rgba(51, 49, 74, 0.1);
}

.memori-grid[b-q4rhwhkpef] {
    --memori-columns: 4;
    display: grid;
    grid-template-columns: repeat(var(--memori-columns), minmax(0, 1fr));
    gap: 0.6rem;
    width: 100%;
    max-width: 640px;
    perspective: 1000px;
}

.memori-card[b-q4rhwhkpef] {
    aspect-ratio: 3 / 4;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    touch-action: manipulation;
}

.memori-card:disabled[b-q4rhwhkpef] {
    cursor: default;
}

.memori-card__inner[b-q4rhwhkpef] {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 14px;
    transition: transform 320ms ease;
    transform-style: preserve-3d;
    box-shadow: 0 8px 18px rgba(51, 49, 74, 0.16);
}

.memori-card.is-face-up .memori-card__inner[b-q4rhwhkpef] {
    transform: rotateY(180deg);
}

.memori-card__face[b-q4rhwhkpef] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    backface-visibility: hidden;
    overflow: hidden;
}

.memori-card__face--back[b-q4rhwhkpef] {
    background: linear-gradient(135deg, var(--kids-accent-2), #7d8bf0);
    color: #fff;
    font-size: 1.8rem;
}

.memori-card__face--front[b-q4rhwhkpef] {
    background: #f1f1f1;
    transform: rotateY(180deg);
}

.memori-card__face--front img[b-q4rhwhkpef] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}

.memori-card.is-matched .memori-card__inner[b-q4rhwhkpef] {
    box-shadow: 0 0 0 3px var(--kids-accent), 0 8px 18px rgba(51, 49, 74, 0.16);
}

.memori-win-overlay[b-q4rhwhkpef] {
    position: fixed;
    inset: 0;
    background: rgba(51, 49, 74, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1050;
}

.memori-win-overlay__content[b-q4rhwhkpef] {
    background: var(--kids-card);
    border-radius: 24px;
    max-width: 420px;
    width: 100%;
    max-height: 92vh;
    overflow-y: auto;
    padding: 1.8rem 1.4rem 1.4rem;
    text-align: center;
    animation: memori-win-pop-b-q4rhwhkpef 320ms ease both;
}

.memori-win-overlay__emoji[b-q4rhwhkpef] {
    font-size: 2rem;
}

.memori-win-overlay__content h2[b-q4rhwhkpef] {
    color: var(--kids-accent);
    margin: 0.4rem 0 0.6rem;
}

.kids-btn-primary[b-q4rhwhkpef] {
    background: linear-gradient(135deg, var(--kids-accent, #ff6f61), #ff9a3c);
    color: #fff;
    border: none;
    font-weight: 700;
}

.kids-btn-primary:hover[b-q4rhwhkpef] {
    color: #fff;
    filter: brightness(0.96);
}

@keyframes memori-win-pop-b-q4rhwhkpef {
    from {
        opacity: 0;
        transform: scale(0.85);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .memori-card__inner[b-q4rhwhkpef] {
        transition: none;
    }

    .memori-win-overlay__content[b-q4rhwhkpef] {
        animation: none;
    }
}

@media (max-width: 420px) {
    .memori-grid[b-q4rhwhkpef] {
        gap: 0.45rem;
    }
}
/* /Components/Pages/MichiMatch.razor.rz.scp.css */
.michi-match-page[b-974gjn0jou] {
    --adop-bg-1: #fff9f0;
    --adop-bg-2: #f6f3e4;
    --adop-ink: #23312f;
    --adop-ink-soft: #48605c;
    --adop-accent: #d1603d;
    --adop-accent-2: #2f7468;
    --adop-card: #fffef9;
    color: var(--adop-ink);
    background:
        radial-gradient(circle at 12% 10%, rgba(209, 96, 61, 0.13), transparent 35%),
        radial-gradient(circle at 90% 85%, rgba(47, 116, 104, 0.15), transparent 32%),
        linear-gradient(170deg, var(--adop-bg-1), var(--adop-bg-2));
    font-family: "Gill Sans", "Segoe Print", "Trebuchet MS", sans-serif;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.1rem 1rem 1.6rem;
}

.michi-match-page .btn[b-974gjn0jou],
.michi-match-page button[b-974gjn0jou] {
    touch-action: manipulation;
}

.michi-hero[b-974gjn0jou] {
    text-align: center;
    margin-bottom: 0.9rem;
}

.michi-kicker[b-974gjn0jou] {
    font-size: 0.75rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--adop-ink-soft);
    margin-bottom: 0.15rem;
}

.michi-hero h1[b-974gjn0jou] {
    font-family: "Georgia", "Palatino Linotype", serif;
    font-size: clamp(1.8rem, 5vw, 2.6rem);
    margin: 0;
    color: var(--adop-accent);
}

.michi-tagline[b-974gjn0jou] {
    color: var(--adop-ink-soft);
    margin: 0.2rem 0 0;
}

.michi-status-card[b-974gjn0jou] {
    max-width: 480px;
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 22px;
    box-shadow: 0 18px 40px rgba(35, 49, 47, 0.12);
    padding: 2.2rem 1.4rem;
    margin-top: 1.5rem;
}

.michi-status-card h2[b-974gjn0jou] {
    font-family: "Georgia", "Palatino Linotype", serif;
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
}

.michi-status-card__pawline[b-974gjn0jou] {
    display: inline-flex;
    gap: 0.5rem;
    color: var(--adop-accent);
    font-size: 1.2rem;
    margin-bottom: 0.6rem;
}

.michi-status-card__pawline span[b-974gjn0jou] {
    opacity: 0.35;
    animation: michi-heart-pulse-b-974gjn0jou 1.2s ease-in-out infinite;
}

.michi-status-card__pawline span:nth-child(2)[b-974gjn0jou] {
    animation-delay: 0.18s;
}

.michi-status-card__pawline span:nth-child(3)[b-974gjn0jou] {
    animation-delay: 0.36s;
}

/* Pila de cartas */
.michi-card-stack[b-974gjn0jou] {
    position: relative;
    width: 100%;
    max-width: 380px;
    aspect-ratio: 3 / 4.35;
    margin: 0.4rem auto 0;
}

.michi-card[b-974gjn0jou] {
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background: var(--adop-card);
    box-shadow: 0 20px 45px rgba(35, 49, 47, 0.18);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 220ms ease, opacity 220ms ease;
    user-select: none;
}

.michi-card[data-top-card="true"][b-974gjn0jou] {
    z-index: 3;
    will-change: transform;
}

.michi-card[data-top-card="true"] .michi-card__media[b-974gjn0jou] {
    touch-action: none;
    cursor: grab;
}

.michi-card[data-stack-position="1"][b-974gjn0jou] {
    transform: scale(0.96) translateY(10px);
    z-index: 2;
    opacity: 0.92;
}

.michi-card[data-stack-position="2"][b-974gjn0jou] {
    transform: scale(0.92) translateY(20px);
    z-index: 1;
    opacity: 0.8;
}

.michi-card__media[b-974gjn0jou] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    max-height: 65%;
    background: #e8efe9;
}

.michi-card__media img[b-974gjn0jou] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}

.michi-card__placeholder[b-974gjn0jou] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: var(--adop-ink-soft);
}

.michi-card__gradient[b-974gjn0jou] {
    position: absolute;
    inset: auto 0 0 0;
    height: 55%;
    background: linear-gradient(0deg, rgba(20, 26, 25, 0.72) 0%, rgba(20, 26, 25, 0) 100%);
    pointer-events: none;
}

.michi-card__like-badge[b-974gjn0jou],
.michi-card__pass-badge[b-974gjn0jou] {
    position: absolute;
    top: 1.1rem;
    border: 3px solid;
    border-radius: 10px;
    padding: 0.25rem 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    font-size: 1.1rem;
    opacity: 0;
    transition: opacity 120ms ease;
    pointer-events: none;
    text-transform: uppercase;
}

.michi-card__like-badge[b-974gjn0jou] {
    left: 1.1rem;
    color: #2f7468;
    border-color: #2f7468;
    background: rgba(255, 255, 255, 0.85);
    transform: rotate(-10deg);
}

.michi-card__pass-badge[b-974gjn0jou] {
    right: 1.1rem;
    color: #c0392b;
    border-color: #c0392b;
    background: rgba(255, 255, 255, 0.85);
    transform: rotate(10deg);
}

.michi-card.is-drag-like .michi-card__like-badge[b-974gjn0jou] {
    opacity: 1;
}

.michi-card.is-drag-pass .michi-card__pass-badge[b-974gjn0jou] {
    opacity: 1;
}

.michi-card__swipe-hint[b-974gjn0jou] {
    position: absolute;
    left: 50%;
    bottom: 0.8rem;
    display: none;
    align-items: center;
    gap: 0.35rem;
    background: rgba(20, 26, 25, 0.55);
    color: #fff;
    font-size: 0.76rem;
    font-weight: 600;
    white-space: nowrap;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    pointer-events: none;
    animation: michi-swipe-hint-wiggle-b-974gjn0jou 2.6s ease-in-out infinite;
}

.michi-card[data-top-card="true"] .michi-card__swipe-hint[b-974gjn0jou] {
    display: inline-flex;
}

.michi-card.is-drag-like .michi-card__swipe-hint[b-974gjn0jou],
.michi-card.is-drag-pass .michi-card__swipe-hint[b-974gjn0jou] {
    opacity: 0;
}

.michi-card__body[b-974gjn0jou] {
    flex: 0 1 auto;
    min-height: 150px;
    max-height: 50%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0.85rem 1rem 1rem;
    position: relative;
    z-index: 1;
}

.michi-card__name[b-974gjn0jou] {
    font-family: "Georgia", "Palatino Linotype", serif;
    margin: 0;
    font-size: 1.3rem;
}

.michi-card__age[b-974gjn0jou] {
    color: var(--adop-ink-soft);
    margin: 0.1rem 0 0.5rem;
}

.michi-card__badges[b-974gjn0jou] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.4rem;
}

/* Duplicado de AdopcionesPublico.razor.css: el aislamiento de CSS de Blazor
   no comparte estas reglas entre componentes distintos. Los valores de
   fallback son necesarios porque el overlay de match vive fuera de
   .michi-match-page (no hereda sus variables --adop-*). */
.btn-adop-primary[b-974gjn0jou] {
    background: linear-gradient(135deg, var(--adop-accent, #d1603d), #e68063);
    color: #fff;
    border: none;
}

.btn-adop-primary:hover[b-974gjn0jou] {
    color: #fff;
    filter: brightness(0.96);
}

.btn-adop-cta[b-974gjn0jou] {
    border: none;
    color: #fff;
    background: linear-gradient(135deg, var(--adop-accent-2, #2f7468), #4fa194);
    font-weight: 600;
}

.btn-adop-cta:hover[b-974gjn0jou] {
    color: #fff;
    filter: brightness(0.95);
}

.adop-health-badge[b-974gjn0jou] {
    border: 1px solid transparent;
    font-weight: 600;
}

.adop-health-badge--negative[b-974gjn0jou] {
    background: #d8f3de;
    color: #245e3f;
    border-color: #9fd0ae;
}

.adop-health-badge--fiv[b-974gjn0jou] {
    background: #dbeffd;
    color: #1f4f75;
    border-color: #a7caea;
}

.adop-health-badge--felv[b-974gjn0jou] {
    background: #dff4ef;
    color: #205a4d;
    border-color: #aedfd2;
}

.michi-card__bio[b-974gjn0jou] {
    color: var(--adop-ink-soft);
    font-size: 0.9rem;
    margin: 0;
    white-space: pre-line;
}

/* Botones de accion */
.michi-actions[b-974gjn0jou] {
    display: flex;
    gap: 1.4rem;
    justify-content: center;
    align-items: center;
    margin-top: 1.1rem;
}

.michi-btn[b-974gjn0jou] {
    width: 60px;
    height: 60px;
    min-width: 48px;
    min-height: 48px;
    border-radius: 999px;
    border: none;
    display: grid;
    place-items: center;
    font-size: 1.4rem;
    box-shadow: 0 10px 24px rgba(35, 49, 47, 0.18);
    transition: transform 120ms ease, filter 120ms ease;
}

.michi-btn:active[b-974gjn0jou] {
    transform: scale(0.92);
}

.michi-btn--pass[b-974gjn0jou] {
    background: #fff;
    color: #c0392b;
    border: 2px solid #f1c3ba;
}

.michi-btn--like[b-974gjn0jou] {
    background: linear-gradient(135deg, var(--adop-accent), #e68063);
    color: #fff;
}

.michi-btn:disabled[b-974gjn0jou] {
    opacity: 0.6;
}

.michi-progress[b-974gjn0jou] {
    text-align: center;
    color: var(--adop-ink-soft);
    font-size: 0.85rem;
    margin-top: 0.7rem;
}

.michi-secondary-actions[b-974gjn0jou] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6rem;
    margin: 0.6rem auto 0;
}

/* Overlay de match */
.michi-match-overlay[b-974gjn0jou] {
    position: fixed;
    inset: 0;
    background: rgba(20, 26, 25, 0.72);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1050;
}

.michi-match-overlay__content[b-974gjn0jou] {
    background: var(--adop-card, #fffef9);
    border-radius: 24px;
    max-width: 420px;
    width: 100%;
    max-height: 92vh;
    overflow-y: auto;
    padding: 1.6rem 1.4rem 1.4rem;
    text-align: center;
    animation: michi-match-pop-b-974gjn0jou 320ms ease both;
}

.michi-match-overlay__heart[b-974gjn0jou] {
    font-size: 2.4rem;
    color: var(--adop-accent, #d1603d);
    animation: michi-heart-pulse-b-974gjn0jou 1s ease-in-out infinite;
}

.michi-match-overlay__content h2[b-974gjn0jou] {
    font-family: "Georgia", "Palatino Linotype", serif;
    color: var(--adop-accent, #d1603d);
    margin: 0.2rem 0 0.8rem;
}

.michi-match-overlay__media[b-974gjn0jou] {
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 16px;
    overflow: hidden;
    background: #e8efe9;
    margin-bottom: 0.8rem;
}

.michi-match-overlay__media img[b-974gjn0jou] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.michi-match-overlay__text[b-974gjn0jou] {
    margin-bottom: 0.2rem;
}

.michi-match-overlay__dismiss[b-974gjn0jou] {
    display: block;
    margin: 1rem auto 0;
    color: var(--adop-ink-soft, #48605c);
}

/* Pantalla de fin de mazo */
.michi-end-screen[b-974gjn0jou] {
    max-width: 640px;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
}

.michi-end-screen h2[b-974gjn0jou] {
    font-family: "Georgia", "Palatino Linotype", serif;
    font-size: 1.6rem;
}

.michi-end-screen__empty[b-974gjn0jou] {
    color: var(--adop-ink-soft);
}

.michi-match-list[b-974gjn0jou] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.9rem;
    margin-top: 1rem;
    text-align: left;
}

.michi-match-item[b-974gjn0jou] {
    background: var(--adop-card);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 26px rgba(35, 49, 47, 0.12);
    display: flex;
    flex-direction: column;
}

.michi-match-item__media[b-974gjn0jou] {
    height: 150px;
    background: #e8efe9;
}

.michi-match-item__media img[b-974gjn0jou] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.michi-match-item__body[b-974gjn0jou] {
    padding: 0.7rem 0.8rem 0.85rem;
}

.michi-match-item__body h3[b-974gjn0jou] {
    font-family: "Georgia", "Palatino Linotype", serif;
    font-size: 1.05rem;
    margin: 0 0 0.5rem;
}

.michi-match-item__actions[b-974gjn0jou] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

@keyframes michi-heart-pulse-b-974gjn0jou {
    0%,
    100% {
        opacity: 0.35;
        transform: translateY(0);
    }

    50% {
        opacity: 1;
        transform: translateY(-2px);
    }
}

@keyframes michi-match-pop-b-974gjn0jou {
    from {
        opacity: 0;
        transform: scale(0.85);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes michi-swipe-hint-wiggle-b-974gjn0jou {
    0%,
    100% {
        transform: translate(-50%, 0);
    }

    25% {
        transform: translate(calc(-50% - 7px), 0);
    }

    75% {
        transform: translate(calc(-50% + 7px), 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .michi-card[b-974gjn0jou],
    .michi-match-overlay__content[b-974gjn0jou],
    .michi-status-card__pawline span[b-974gjn0jou],
    .michi-match-overlay__heart[b-974gjn0jou] {
        animation: none !important;
        transition: opacity 120ms ease !important;
    }

    .michi-card__swipe-hint[b-974gjn0jou] {
        animation: none !important;
        transform: translateX(-50%) !important;
    }
}

@media (max-height: 560px) {
    .michi-hero[b-974gjn0jou] {
        margin-bottom: 0.4rem;
    }

    .michi-tagline[b-974gjn0jou] {
        display: none;
    }

    .michi-card-stack[b-974gjn0jou] {
        max-width: 300px;
        aspect-ratio: 3 / 4;
    }
}

@media (max-width: 480px) {
    .michi-match-page[b-974gjn0jou] {
        padding: 0.85rem 0.6rem 1.2rem;
    }

    .michi-card-stack[b-974gjn0jou] {
        max-width: 320px;
    }
}

@media (pointer: coarse) {
    .michi-btn[b-974gjn0jou] {
        width: 64px;
        height: 64px;
    }
}
/* /Components/Pages/MichiSinWifi.razor.rz.scp.css */
.runner-page[b-e85q9kt4fm] {
    --kids-bg-1: #fff4d6;
    --kids-bg-2: #d7f4ea;
    --kids-ink: #33314a;
    --kids-ink-soft: #6a6785;
    --kids-accent: #ff6f61;
    --kids-accent-2: #5b6ee8;
    --kids-card: #ffffff;
    color: var(--kids-ink);
    background:
        radial-gradient(circle at 10% 8%, rgba(255, 111, 97, 0.18), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(91, 110, 232, 0.16), transparent 32%),
        radial-gradient(circle at 50% 95%, rgba(255, 209, 102, 0.22), transparent 40%),
        linear-gradient(170deg, var(--kids-bg-1), var(--kids-bg-2));
    font-family: "Comic Sans MS", "Segoe Print", "Trebuchet MS", sans-serif;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4rem 1rem 2.4rem;
}

.runner-page .kids-hero[b-e85q9kt4fm] {
    text-align: center;
    margin-bottom: 1rem;
}

.runner-page .kids-kicker[b-e85q9kt4fm] {
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--kids-ink-soft);
    margin-bottom: 0.2rem;
    font-weight: 700;
}

.runner-page .kids-hero h1[b-e85q9kt4fm] {
    font-size: clamp(1.6rem, 6vw, 2.4rem);
    margin: 0;
    color: var(--kids-accent);
    text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.6);
}

.runner-page .kids-tagline[b-e85q9kt4fm] {
    color: var(--kids-ink-soft);
    font-size: 1.05rem;
    margin: 0.3rem 0 0;
    font-weight: 600;
}

.runner-canvas-wrap[b-e85q9kt4fm] {
    width: 100%;
    max-width: 480px;
    aspect-ratio: 16 / 9;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 16px 34px rgba(51, 49, 74, 0.2);
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid rgba(51, 49, 74, 0.12);
}

.runner-canvas-wrap canvas[b-e85q9kt4fm] {
    width: 100%;
    height: 100%;
    display: block;
}
/* /Components/Pages/PublicacionesSociales.razor.rz.scp.css */
.social-pub-page[b-see725qqeg] {
    max-width: 1200px;
}

/* ── Thumbnail en lista ── */
.social-pub-thumb[b-see725qqeg] {
    width: 52px;
    height: 52px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}

.social-pub-thumb-placeholder[b-see725qqeg] {
    width: 52px;
    height: 52px;
    border-radius: 6px;
    background: var(--bs-gray-100);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.2rem;
}

/* ── Badges de redes sociales ── */
.social-badge[b-see725qqeg] {
    font-size: .75rem;
    padding: 3px 6px;
}

.social-badge-instagrampost[b-see725qqeg],
.social-badge-instagramstory[b-see725qqeg],
.social-badge-instagramreel[b-see725qqeg] {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    color: #fff;
}

.social-badge-facebook[b-see725qqeg] {
    background: #1877f2;
    color: #fff;
}

.social-badge-twitter[b-see725qqeg] {
    background: #000;
    color: #fff;
}

.social-badge-tiktok[b-see725qqeg] {
    background: #010101;
    color: #fff;
}

/* ── Fila tabla ── */
.social-pub-row:hover[b-see725qqeg] {
    background: var(--bs-gray-100);
}

/* ── Cards móvil ── */
.social-pub-card[b-see725qqeg] {
    cursor: pointer;
    transition: background .1s;
}

.social-pub-card:hover[b-see725qqeg] {
    background: var(--bs-gray-100);
}

/* ── Editor overlay ── */
.social-editor-overlay[b-see725qqeg] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    z-index: 1050;
    display: flex;
    justify-content: flex-end;
}

.social-editor-panel[b-see725qqeg] {
    width: 100%;
    max-width: 700px;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    box-shadow: -4px 0 24px rgba(0,0,0,.15);
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .social-editor-panel[b-see725qqeg] {
        max-width: 100%;
    }
}
/* /Components/Pages/QuienEsMasProbable.razor.rz.scp.css */
.probable-page[b-peq2up020z] {
    --party-bg-1: #1b1130;
    --party-bg-2: #2d1b4e;
    --party-ink: #f7ecff;
    --party-ink-soft: #c7b3e0;
    --party-accent: #ff2e88;
    --party-accent-2: #ffd166;
    --party-card: #241436;
    color: var(--party-ink);
    background:
        radial-gradient(circle at 12% 10%, rgba(255, 46, 136, 0.22), transparent 36%),
        radial-gradient(circle at 88% 15%, rgba(255, 209, 102, 0.16), transparent 32%),
        radial-gradient(circle at 50% 100%, rgba(120, 60, 220, 0.28), transparent 45%),
        linear-gradient(170deg, var(--party-bg-1), var(--party-bg-2));
    font-family: "Trebuchet MS", "Segoe UI", sans-serif;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4rem 1rem 2.4rem;
}

.probable-topbar[b-peq2up020z] {
    display: flex;
    gap: 0.6rem;
    justify-content: center;
    align-self: stretch;
    margin-bottom: 0.8rem;
    flex-wrap: wrap;
    row-gap: 0.4rem;
}

.probable-topbar__btn--danger[b-peq2up020z] {
    background: linear-gradient(135deg, var(--party-accent, #ff2e88), #b3247f);
    color: #fff;
}

.probable-topbar__confirm-text[b-peq2up020z] {
    width: 100%;
    text-align: center;
    font-size: 0.8rem;
    color: var(--party-ink-soft);
    margin-bottom: 0.2rem;
}

.probable-topbar__btn[b-peq2up020z] {
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: var(--party-ink);
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.4rem 0.9rem;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    cursor: pointer;
}

.probable-pool-progress[b-peq2up020z] {
    text-align: center;
    color: var(--party-ink-soft);
    font-size: 0.8rem;
    margin-top: -0.4rem;
}

.probable-page .party-hero[b-peq2up020z] {
    text-align: center;
    margin-bottom: 1.2rem;
}

.probable-page .party-kicker[b-peq2up020z] {
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--party-ink-soft);
    margin-bottom: 0.2rem;
    font-weight: 700;
}

.probable-page .party-hero h1[b-peq2up020z] {
    font-size: clamp(1.6rem, 6vw, 2.2rem);
    margin: 0;
    color: var(--party-accent);
    text-shadow: 0 0 18px rgba(255, 46, 136, 0.4);
}

.probable-page .party-tagline[b-peq2up020z] {
    color: var(--party-ink-soft);
    font-size: 0.95rem;
    margin: 0.3rem 0 0;
    font-weight: 600;
    max-width: 360px;
}

.party-btn-primary[b-peq2up020z] {
    background: linear-gradient(135deg, var(--party-accent, #ff2e88), #b3247f);
    color: #fff;
    border: none;
    font-weight: 700;
}

.party-btn-primary:hover[b-peq2up020z] {
    color: #fff;
    filter: brightness(1.08);
}

.probable-progress-banner[b-peq2up020z] {
    width: 100%;
    max-width: 460px;
    background: rgba(255, 209, 102, 0.12);
    border: 1px solid rgba(255, 209, 102, 0.4);
    border-radius: 18px;
    padding: 1.2rem;
    text-align: center;
}

.probable-progress-banner p[b-peq2up020z] {
    margin-bottom: 0.9rem;
}

/* Setup */
.probable-setup[b-peq2up020z] {
    width: 100%;
    max-width: 480px;
    background: rgba(36, 20, 54, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    padding: 1.4rem;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3);
}

.probable-setup__block label[b-peq2up020z] {
    display: block;
    font-weight: 700;
    color: var(--party-accent-2);
    margin-bottom: 0.6rem;
    font-size: 0.9rem;
}

.probable-chip-group[b-peq2up020z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.probable-chip[b-peq2up020z] {
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.05);
    color: var(--party-ink-soft);
    border-radius: 999px;
    padding: 0.4rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 600;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.probable-chip.is-selected[b-peq2up020z] {
    background: linear-gradient(135deg, var(--party-accent), #b3247f);
    border-color: transparent;
    color: #fff;
}

.probable-warning[b-peq2up020z] {
    color: var(--party-accent-2);
    font-size: 0.85rem;
    text-align: center;
    margin: 1rem 0 0.4rem;
}

.probable-start-btn[b-peq2up020z] {
    width: 100%;
    margin-top: 1.2rem;
}

/* Playing */
.probable-playing[b-peq2up020z] {
    width: 100%;
    max-width: 440px;
    text-align: center;
}

.probable-card[b-peq2up020z] {
    background: var(--party-card);
    border: 2px solid var(--party-accent);
    border-radius: 24px;
    padding: 2.2rem 1.4rem;
    box-shadow: 0 20px 44px rgba(255, 46, 136, 0.2);
    min-height: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.probable-card__prefix[b-peq2up020z] {
    color: var(--party-accent-2);
    font-weight: 700;
    font-size: 1rem;
    margin: 0;
}

.probable-card__prompt[b-peq2up020z] {
    font-size: clamp(1.3rem, 6vw, 1.7rem);
    font-weight: 800;
    margin: 0;
    line-height: 1.3;
}

.probable-hint[b-peq2up020z] {
    margin: 1rem 0 0;
    color: var(--party-ink-soft);
    font-size: 0.9rem;
}

.probable-actions[b-peq2up020z] {
    display: flex;
    gap: 0.7rem;
    margin-top: 1.2rem;
}

.probable-actions .btn[b-peq2up020z] {
    flex: 1;
}

.probable-change-link[b-peq2up020z] {
    background: none;
    border: none;
    color: var(--party-ink-soft);
    text-decoration: underline;
    font-size: 0.8rem;
    margin-top: 1rem;
}

.probable-back-link[b-peq2up020z] {
    display: block;
    margin-top: 1.6rem;
    color: var(--party-ink-soft);
    font-size: 0.85rem;
}
/* /Components/Pages/RecintosGatos.razor.rz.scp.css */
.actions-bar[b-d23ei6z2f0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.actions-search[b-d23ei6z2f0] {
    flex: 1;
    min-width: 180px;
    max-width: 420px;
}

.filter-chip[b-d23ei6z2f0] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.625rem;
    border-radius: 1rem;
    font-size: 0.8rem;
    background: #e2e8f0;
    color: #374151;
    cursor: pointer;
    user-select: none;
    border: none;
    transition: background 0.15s;
    white-space: nowrap;
    line-height: 1.4;
}

.filter-chip:hover[b-d23ei6z2f0] {
    background: #cbd5e1;
}

.filter-chip--alert[b-d23ei6z2f0] {
    background: #fee2e2;
    color: #b91c1c;
}

.filter-chip--alert:hover[b-d23ei6z2f0] {
    background: #fecaca;
}

.filter-chip--vet[b-d23ei6z2f0] {
    background: #dbeafe;
    color: #1d4ed8;
}

.filter-chip--vet:hover[b-d23ei6z2f0] {
    background: #bfdbfe;
}

.filter-chip--edit[b-d23ei6z2f0] {
    background: #fef9c3;
    color: #92400e;
    cursor: default;
}

@media (max-width: 768px) {
    .sticky-actions[b-d23ei6z2f0] {
        padding: 0.5rem;
    }

    .sticky-actions .input-group[b-d23ei6z2f0] {
        width: 100%;
    }

    .sticky-actions .input-group .form-control[b-d23ei6z2f0] {
        flex: 1;
        font-size: 0.9rem;
    }

    .actions-search[b-d23ei6z2f0] {
        min-width: 0;
        max-width: none;
        flex: 1;
    }

    .filter-chip[b-d23ei6z2f0] {
        font-size: 0.75rem;
        padding: 0.2rem 0.5rem;
    }

    .content-scroll[b-d23ei6z2f0] {
        padding-right: 0;
    }
}

.toast-container[b-d23ei6z2f0] {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1200;
    display: grid;
    gap: 0.5rem;
}

@media (max-width: 768px) {
    .toast-container[b-d23ei6z2f0] {
        left: 1rem;
        right: 1rem;
    }
}
/* /Components/Pages/TresEnRayaFelino.razor.rz.scp.css */
.tresenraya-page[b-s9y7oa57ap] {
    --kids-bg-1: #fff4d6;
    --kids-bg-2: #d7f4ea;
    --kids-ink: #33314a;
    --kids-ink-soft: #6a6785;
    --kids-accent: #ff6f61;
    --kids-accent-2: #5b6ee8;
    --kids-card: #ffffff;
    color: var(--kids-ink);
    background:
        radial-gradient(circle at 10% 8%, rgba(255, 111, 97, 0.18), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(91, 110, 232, 0.16), transparent 32%),
        radial-gradient(circle at 50% 95%, rgba(255, 209, 102, 0.22), transparent 40%),
        linear-gradient(170deg, var(--kids-bg-1), var(--kids-bg-2));
    font-family: "Comic Sans MS", "Segoe Print", "Trebuchet MS", sans-serif;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4rem 1rem 2.4rem;
}

.tres-topbar[b-s9y7oa57ap] {
    display: flex;
    justify-content: center;
    align-self: stretch;
    margin-bottom: 0.6rem;
}

.tres-topbar__btn[b-s9y7oa57ap] {
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.75);
    color: var(--kids-ink);
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.4rem 0.9rem;
    box-shadow: 0 6px 14px rgba(51, 49, 74, 0.12);
    text-decoration: none;
    cursor: pointer;
}

.tresenraya-page .kids-hero[b-s9y7oa57ap] {
    text-align: center;
    margin-bottom: 1rem;
}

.tresenraya-page .kids-kicker[b-s9y7oa57ap] {
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--kids-ink-soft);
    margin-bottom: 0.2rem;
    font-weight: 700;
}

.tresenraya-page .kids-hero h1[b-s9y7oa57ap] {
    font-size: clamp(1.6rem, 6vw, 2.4rem);
    margin: 0;
    color: var(--kids-accent);
    text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.6);
}

.tresenraya-page .kids-tagline[b-s9y7oa57ap] {
    color: var(--kids-ink-soft);
    font-size: 1.05rem;
    margin: 0.3rem 0 0;
    font-weight: 600;
}

.tres-scoreboard[b-s9y7oa57ap] {
    display: flex;
    gap: 0.8rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 340px;
}

.tres-player[b-s9y7oa57ap] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 16px;
    padding: 0.6rem 0.4rem;
    border: 3px solid transparent;
    box-shadow: 0 6px 16px rgba(51, 49, 74, 0.1);
    transition: border-color 150ms ease, transform 150ms ease;
}

.tres-player.is-active[b-s9y7oa57ap] {
    border-color: var(--kids-accent-2);
    transform: translateY(-2px);
}

.tres-player__mark[b-s9y7oa57ap] {
    font-size: 1.6rem;
}

.tres-player__label[b-s9y7oa57ap] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--kids-ink-soft);
}

.tres-player__score[b-s9y7oa57ap] {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--kids-ink);
}

.tres-board[b-s9y7oa57ap] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
    width: 100%;
    max-width: 340px;
    aspect-ratio: 1 / 1;
}

.tres-cell[b-s9y7oa57ap] {
    border: none;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(51, 49, 74, 0.14);
    font-size: clamp(1.8rem, 8vw, 2.6rem);
    display: grid;
    place-items: center;
    touch-action: manipulation;
    transition: transform 100ms ease, box-shadow 150ms ease;
}

.tres-cell:not(:disabled):active[b-s9y7oa57ap] {
    transform: scale(0.94);
}

.tres-cell.is-winning[b-s9y7oa57ap] {
    box-shadow: 0 0 0 4px var(--kids-accent), 0 8px 18px rgba(51, 49, 74, 0.14);
}

.tres-result[b-s9y7oa57ap] {
    margin-top: 1.2rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 18px;
    padding: 1rem 1.4rem;
    box-shadow: 0 12px 26px rgba(51, 49, 74, 0.14);
}

.tres-result p[b-s9y7oa57ap] {
    font-weight: 700;
    font-size: 1.15rem;
    margin: 0 0 0.6rem;
}

.tres-btn-primary[b-s9y7oa57ap] {
    background: linear-gradient(135deg, var(--kids-accent, #ff6f61), #ff9a3c);
    color: #fff;
    border: none;
    font-weight: 700;
}

.tres-btn-primary:hover[b-s9y7oa57ap] {
    color: #fff;
    filter: brightness(0.96);
}

@media (max-width: 380px) {
    .tres-scoreboard[b-s9y7oa57ap],
    .tres-board[b-s9y7oa57ap] {
        max-width: 280px;
    }
}
/* /Components/Pages/VetAcceso.razor.rz.scp.css */
.vet-acceso-page[b-drxf5be0yn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.vet-acceso-error[b-drxf5be0yn] {
    padding: 1rem 0;
}

.vet-informe-header[b-drxf5be0yn] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.vet-informe-header-info[b-drxf5be0yn] {
    flex: 1;
    min-width: 0;
}

.vet-informe-foto[b-drxf5be0yn] {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
    display: block;
}

.vet-informe-foto-btn[b-drxf5be0yn] {
    padding: 0;
    border: none;
    background: none;
    cursor: zoom-in;
    border-radius: 8px;
    flex-shrink: 0;
    line-height: 0;
}

.vet-informe-foto-btn:hover .vet-informe-foto[b-drxf5be0yn] {
    opacity: 0.85;
}

/* Lightbox */
.vet-lightbox[b-drxf5be0yn] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.88);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: zoom-out;
}

.vet-lightbox-img[b-drxf5be0yn] {
    max-width: 90vw;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.6);
    cursor: default;
}

.vet-lightbox-close[b-drxf5be0yn] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: #fff;
    font-size: 1.4rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.vet-lightbox-close:hover[b-drxf5be0yn] {
    background: rgba(255, 255, 255, 0.3);
}


.vet-informe-nombre[b-drxf5be0yn] {
    font-weight: 700;
    font-size: 1.05rem;
}

/* Ficha clínica */
.vet-ficha-clinica[b-drxf5be0yn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    font-size: 0.82rem;
    color: #444;
}

.vet-ficha-item[b-drxf5be0yn] {
    white-space: nowrap;
}

.vet-ficha-label[b-drxf5be0yn] {
    font-weight: 600;
    color: #666;
}

.vet-ficha-positivo[b-drxf5be0yn] {
    color: #c0392b;
    font-weight: 600;
}
/* /Components/Pages/VetGatos.razor.rz.scp.css */
.vet-gatos-page[b-jsa8posqot] {
    padding: 0;
}

.vet-gatos-grid[b-jsa8posqot] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.vet-gato-card[b-jsa8posqot] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.15s, border-color 0.15s;
}

.vet-gato-card:hover[b-jsa8posqot] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-color: #1a6b3c;
    color: inherit;
}

.vet-gato-img[b-jsa8posqot] {
    width: 54px;
    height: 54px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
}

.vet-gato-img-placeholder[b-jsa8posqot] {
    width: 54px;
    height: 54px;
    border-radius: 8px;
    background: #f1f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.vet-gato-info[b-jsa8posqot] {
    flex: 1;
    min-width: 0;
}

.vet-gato-nombre[b-jsa8posqot] {
    font-weight: 600;
    font-size: 0.95rem;
}

.vet-gato-meta[b-jsa8posqot] {
    font-size: 0.78rem;
}

.vet-gato-arrow[b-jsa8posqot] {
    font-size: 1.4rem;
    color: #adb5bd;
    flex-shrink: 0;
}
/* /Components/Pages/VetInformeGato.razor.rz.scp.css */
.vet-informe-page[b-a1gzp34knv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.vet-informe-header[b-a1gzp34knv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.vet-informe-foto[b-a1gzp34knv] {
    width: 54px;
    height: 54px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
}

.vet-informe-nombre[b-a1gzp34knv] {
    font-weight: 700;
    font-size: 1.05rem;
}

.vet-informe-gato-info[b-a1gzp34knv] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
/* /Components/TableGatosSinAsignar.razor.rz.scp.css */
.sin-asignar-header[b-93vtsxubs4] {
    gap: 0.5rem;
    flex-wrap: wrap;
}

.sin-asignar-header-left[b-93vtsxubs4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.sin-asignar-toggle-btn[b-93vtsxubs4] {
    text-decoration: none;
    color: inherit;
    font-size: 0.8rem;
}

.sin-asignar-title[b-93vtsxubs4] {
    font-size: 1.1rem;
}

.sin-asignar-add-btn[b-93vtsxubs4] {
    white-space: nowrap;
}

.sin-asignar-table[b-93vtsxubs4] {
    width: 100%;
    overflow-x: auto;
}

.sin-asignar-cards[b-93vtsxubs4] {
    display: none;
    gap: 0.75rem;
}

.gato-card[b-93vtsxubs4] {
    border: 1px solid #dee2e6;
    border-radius: 0.75rem;
    padding: 0.75rem;
    background: #fff;
    display: grid;
    gap: 0.75rem;
}

.gato-row[b-93vtsxubs4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    border-bottom: 1px solid #e9ecef;
}

.gato-row:last-child[b-93vtsxubs4] {
    border-bottom: none;
}

.gato-row-thumb[b-93vtsxubs4] {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.gato-row-info[b-93vtsxubs4] {
    flex: 1;
    min-width: 0;
}

.gato-row-name[b-93vtsxubs4] {
    font-weight: 600;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gato-row-meta[b-93vtsxubs4] {
    font-size: 0.75rem;
    color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    gap: 0.15rem 0.4rem;
    align-items: center;
    margin-top: 0.125rem;
}

.gato-row-actions[b-93vtsxubs4] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-end;
}

.gato-card-header[b-93vtsxubs4] {
    display: grid;
    gap: 0.5rem;
}

.gato-card-title[b-93vtsxubs4] {
    font-weight: 600;
}

.gato-card-fields[b-93vtsxubs4] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gato-field[b-93vtsxubs4] {
    display: grid;
    gap: 0.25rem;
}

.gato-field--full[b-93vtsxubs4] {
    grid-column: 1 / -1;
}

.gato-label[b-93vtsxubs4] {
    font-size: 0.75rem;
    color: #6c757d;
}

.gato-card-actions[b-93vtsxubs4] {
    display: grid;
    gap: 0.5rem;
}

.sin-asignar-table table[b-93vtsxubs4] {
    min-width: 720px;
}

@media (max-width: 768px) {
    .sin-asignar-card[b-93vtsxubs4] {
        padding: 0.5rem;
    }

    .sin-asignar-header[b-93vtsxubs4] {
        flex-direction: column;
        align-items: flex-start;
    }

    .sin-asignar-title[b-93vtsxubs4] {
        font-size: 1rem;
    }

    .sin-asignar-add-btn[b-93vtsxubs4] {
        width: 100%;
    }

    .sin-asignar-table table[b-93vtsxubs4] {
        min-width: 640px;
    }

    .sin-asignar-table[b-93vtsxubs4] {
        display: none;
    }

    .sin-asignar-cards[b-93vtsxubs4] {
        display: grid;
    }
}
/* /Components/TableRecintos.razor.rz.scp.css */
.recinto-header[b-7p5f0wjjm6] {
    gap: 0.5rem;
    flex-wrap: wrap;
}

.recinto-header-left[b-7p5f0wjjm6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.recinto-toggle-btn[b-7p5f0wjjm6] {
    text-decoration: none;
    color: inherit;
    font-size: 0.8rem;
}

.recinto-title[b-7p5f0wjjm6] {
    font-size: 1.1rem;
}

.recinto-add-btn[b-7p5f0wjjm6] {
    white-space: nowrap;
}

.recinto-table[b-7p5f0wjjm6] {
    width: 100%;
    overflow-x: auto;
}

.recinto-cards[b-7p5f0wjjm6] {
    display: none;
    gap: 0.75rem;
}

.gato-card[b-7p5f0wjjm6] {
    border: 1px solid #dee2e6;
    border-radius: 0.75rem;
    padding: 0.75rem;
    background: #fff;
    display: grid;
    gap: 0.75rem;
}

.gato-row[b-7p5f0wjjm6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    border-bottom: 1px solid #e9ecef;
}

.gato-row:last-child[b-7p5f0wjjm6] {
    border-bottom: none;
}

.gato-row-thumb[b-7p5f0wjjm6] {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.gato-row-img-btn[b-7p5f0wjjm6] {
    border: 0;
    background: transparent;
    padding: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.gato-row-img[b-7p5f0wjjm6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.35rem;
}

.gato-row-img-placeholder[b-7p5f0wjjm6] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
    border-radius: 0.35rem;
    color: #aaa;
    font-size: 1.2rem;
}

.gato-row-info[b-7p5f0wjjm6] {
    flex: 1;
    min-width: 0;
}

.gato-row-name[b-7p5f0wjjm6] {
    font-weight: 600;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gato-row-meta[b-7p5f0wjjm6] {
    font-size: 0.75rem;
    color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    gap: 0.15rem 0.4rem;
    align-items: center;
    margin-top: 0.125rem;
}

.gato-row-actions[b-7p5f0wjjm6] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-end;
}

.gato-card-header[b-7p5f0wjjm6] {
    display: grid;
    gap: 0.5rem;
}

.gato-card-title[b-7p5f0wjjm6] {
    font-weight: 600;
}

.gato-card-fields[b-7p5f0wjjm6] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gato-field[b-7p5f0wjjm6] {
    display: grid;
    gap: 0.25rem;
}

.gato-field--full[b-7p5f0wjjm6] {
    grid-column: 1 / -1;
}

.gato-label[b-7p5f0wjjm6] {
    font-size: 0.75rem;
    color: #6c757d;
}

.gato-card-actions[b-7p5f0wjjm6] {
    display: grid;
    gap: 0.5rem;
}

.recinto-cards--cuarentena[b-7p5f0wjjm6] {
    margin-top: 0.75rem;
}

.cuarentena-card-header[b-7p5f0wjjm6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    background: rgba(255, 193, 7, 0.2);
}

.recinto-table table[b-7p5f0wjjm6] {
    min-width: 720px;
}

@media (max-width: 768px) {
    .recinto-card[b-7p5f0wjjm6] {
        padding: 0.5rem;
    }

    .recinto-header[b-7p5f0wjjm6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .recinto-title[b-7p5f0wjjm6] {
        font-size: 1rem;
    }

    .recinto-add-btn[b-7p5f0wjjm6] {
        width: 100%;
    }

    .recinto-table table[b-7p5f0wjjm6] {
        min-width: 640px;
    }

    .recinto-table[b-7p5f0wjjm6] {
        display: none;
    }

    .recinto-cards[b-7p5f0wjjm6] {
        display: grid;
    }

    .gato-row-thumb[b-7p5f0wjjm6] {
        flex: 0 0 72px;
        width: 72px;
        height: 72px;
    }
}
/* /Components/VeterinarioBadge.razor.rz.scp.css */
.vet-badge[b-bt53f0lzqf] {
    border: 0;
    background: #0f766e;
    color: #fff;
    border-radius: 999px;
    font-size: 0.72rem;
    line-height: 1;
    padding: 0.3rem 0.55rem;
    margin-left: 0.4rem;
    font-weight: 600;
}

.vet-badge:hover[b-bt53f0lzqf] {
    background: #115e59;
}

.vet-detail-grid[b-bt53f0lzqf] {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 0.5rem 0.8rem;
}

.vet-label[b-bt53f0lzqf] {
    font-weight: 600;
    color: #4b5563;
}

@media (max-width: 576px) {
    .vet-detail-grid[b-bt53f0lzqf] {
        grid-template-columns: 1fr;
    }
}