@import 'Tailbadge.Presentation.Home.Client.4272paxpse.bundle.scp.css';
@import '_content/Tailbadge.Infrastructure.Frontend/Tailbadge.Infrastructure.Frontend.cp5m75402p.bundle.scp.css';

/* /Pages/Mobile/MobileSharePetCertificate/MobileSharePetCertificateDialog.razor.rz.scp.css */
.rz-dialog[b-5aep62ucu7] {
   border-radius: 10% !important;
   background-color: #f4f0f0 !important;
}

.rz-dialog-titlebar[b-5aep62ucu7] {
   background: none!important;
}

.rz-dialog-title[b-5aep62ucu7] {
   text-align: center!important;
   font-weight: 700!important;
   font-size: 25px!important;
   color: #07426a!important;
}

/* /Pages/Mobile/PetCard.razor.rz.scp.css */
.disabled-link[b-yrvzkwldlk] {
   pointer-events: none;
   color: gray;
   cursor: default;
}

.modal-body[b-yrvzkwldlk] {
   padding: 1rem;
  
}
.thumbnail-scroll-container[b-yrvzkwldlk] {
   display: grid;
   grid-auto-flow: column;
   grid-template-rows: repeat(2, 1fr);
   grid-auto-columns: 25%; 
   overflow-x: auto;
   gap: 0.5rem;
   padding: 0.5rem;
   scroll-snap-type: x mandatory;
}

.thumbnail-img[b-yrvzkwldlk] {
   width: 100%;
   height: 60px;
   object-fit: cover;
   border-radius: 6px;
   cursor: pointer;
   scroll-snap-align: start;
}

   .thumbnail-img:hover[b-yrvzkwldlk] {
      border-color: #ffc107;
      opacity: 0.8;
   }

.thumbnail-scroll-container[b-yrvzkwldlk]::-webkit-scrollbar {
   height: 6px;
}

.thumbnail-scroll-container[b-yrvzkwldlk]::-webkit-scrollbar-thumb {
   background-color: #999;
   border-radius: 3px;
}
.modal-content[b-yrvzkwldlk] {
   background-color: rgba(0, 0, 0, 0.85); 
   color: white;
   border-radius: 12px;
   border: none;
}
.social-networks-pet-card[b-yrvzkwldlk] {
   display: flex;
   gap: 3px;
   align-items: center;
   flex-wrap: wrap;
}

.icon[b-yrvzkwldlk] {
   width: 32px;
   height: 32px;
   border-radius: 50%;
}

.btn-more[b-yrvzkwldlk],
.btn-less[b-yrvzkwldlk] {
   width: 32px;
   height: 32px;
   border-radius: 50%;
   border: none;
   background-color: #007bff;
   color: white;
   font-weight: bold;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
}

.more-socials[b-yrvzkwldlk] {
   display: none;
   flex-wrap: wrap;
   gap:3px;
}
.pading-arrow[b-yrvzkwldlk]{
 padding-top:74%;
}
.vaccines-modal[b-yrvzkwldlk] {
   
   background: url('../images/landing/imagenes/backgroundTail.png') no-repeat center center;
   background-size: cover;
   border: none;
   cursor: pointer;
}

/* --- Thumbnail --- */
.pet-thumbnail[b-yrvzkwldlk] {
   cursor: pointer;
}

/* --- Modal Overlay --- */
.modal-overlay[b-yrvzkwldlk] {
   display: none;
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.8);
   justify-content: center;
   align-items: center;
   z-index: 9999;
}

   /* --- Imagen dentro del modal --- */
   .modal-overlay img[b-yrvzkwldlk] {
      max-width: 95%;
      max-height: 95%;
      border-radius: 8px;
      object-fit: contain;
   }

   /* --- Mostrar modal --- */
   .modal-overlay.active[b-yrvzkwldlk] {
      display: flex;
   }
[b-yrvzkwldlk] .zoomable {
   cursor: zoom-in;
}

[b-yrvzkwldlk] .img-global-modal {
   position: fixed;
   inset: 0;
   background: rgba(0,0,0,0.8);
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 99999;
}

[b-yrvzkwldlk] .img-global-modal-content {
   max-width: min(92vw, 900px) !important;
   max-height: 88vh !important;
   width: auto !important;
   height: auto !important;
   object-fit: contain !important;
   border-radius: 14px !important;
   box-shadow: 0 0 40px rgba(0,0,0,0.6) !important;
}
#modalImage[b-yrvzkwldlk] {
   height: 100%;
}

[b-yrvzkwldlk] .vaccine-view-btn {
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #15406D;
   border-radius: 12px;
   width: 48px;
   height: 38px;
   text-decoration: none;
}

[b-yrvzkwldlk] .vaccine-view-icon {
   font-size: 1.7rem;
   color: white !important;
}
[b-yrvzkwldlk] .vaccine-display-name {
   color: #15406D;
}
[b-yrvzkwldlk] .title-container{
   margin-left:20%;
   margin-right: 20%;
}
[b-yrvzkwldlk] .mobile-view {
   border-radius: 22px!important;
}
[b-yrvzkwldlk] .image-container {
   margin-top: 8%;
}
@media screen and (orientation: landscape) and (max-width: 900px) {
   .pading-arrow[b-yrvzkwldlk] {
      padding-top: 21%;
   }

   [b-yrvzkwldlk] .img-global-modal-content {
      max-width: min(92vw, 900px) !important;
      max-height: 88vh !important;
      width: auto !important;
      height: auto !important;
      object-fit: contain !important;
      border-radius: 14px !important;
      box-shadow: 0 0 40px rgba(0,0,0,0.6) !important;
   }
   [b-yrvzkwldlk]::after.top-row {
      position: static!important;
      top: auto;
      z-index: auto;
   }
}
/* /Pages/Mobile/PetCertificated.razor.rz.scp.css */
.top-row[b-h59bgy7xid] {
   background-color: transparent !important;
}

.btn-language[b-h59bgy7xid] {
   background-color: transparent !important;
}

.body[b-h59bgy7xid] {
   display: flex;
   justify-content: center;

}
h5[b-h59bgy7xid] {
   color: #15406D !important;
   padding-bottom: 1rem;
   padding-top: 1rem;
   font-size: 32px;
}
.carousel-control-prev-icon[b-h59bgy7xid] {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2315406D' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon[b-h59bgy7xid] {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2315406D' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.animal-icon[b-h59bgy7xid] {
   width: 3rem;
   height: auto;
}

.content[b-h59bgy7xid] {
   margin: 1rem !important;
   border: 2px solid #87C43B !important;
   border-radius: 2rem !important;
   background-color: transparent !important;
   width: 18rem !important;
}
.downloadable[b-h59bgy7xid] {
  
   height: auto;
  
   background-size: 20rem 33rem;
   background-repeat: no-repeat
}

   .downloadable .logo[b-h59bgy7xid] {
      width: 11rem;
      height: auto;
   }
  
main[b-h59bgy7xid] {
   display: flex;
   flex-direction: column;
   font-size: 16px;
}

.downloadable .pet-image[b-h59bgy7xid] {
   margin-top: -8%;
   width: 252px;
   height: 252px;
   align-self: flex-start;
   border-radius: 50%;
   object-fit: cover;
}

.downloadable main h1[b-h59bgy7xid] {
   text-align: center;
   font-size: 21px;
}

.downloadable main .info[b-h59bgy7xid] {
   margin-left: 3rem;
   margin-right: 2rem;
}

.downloadable .info .line[b-h59bgy7xid] {
   margin-bottom: 1rem;
}

   .downloadable .info .line .description[b-h59bgy7xid] {
      font-weight: bold;
      background-color: #15406D;
      border-radius: 0.2rem;
      padding-left: 0.18rem;
      padding-bottom: 0.18rem;
      text-align: start;
      font-size: 14px;
      padding-top: 0.50rem;
   }
   .downloadable .info .line .text-data[b-h59bgy7xid] {
      background-color: #15406D;
      border-radius: 0.2rem;
      padding-bottom: 0.5rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      text-align: center;
   }

   .downloadable .info .line .data[b-h59bgy7xid] {
      border-bottom: 1px solid;
      font-size: 14px;
   }

.downloadable main .qr[b-h59bgy7xid] {
   width: 30%;
   margin-top: -2rem;
   margin-right: 4rem;
   align-self: flex-end;
}

.line[b-h59bgy7xid] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap; 
   word-break: break-word; 
   gap: 0.5rem; 
}

   .line .description[b-h59bgy7xid],
   .line .data[b-h59bgy7xid] {
      flex: 1 1 auto;
      min-width: 40%; 
   }
[b-h59bgy7xid] .info-line {
   display: flex;
   flex-direction: column;
   margin-bottom: 1rem;
}

[b-h59bgy7xid] .info-label {
   font-weight: bold;
   color: #15406D;
   margin-bottom: 0.3rem;
   justify-content: center;
   display: flex;
}

[b-h59bgy7xid] .info-value-wrapper {
   background-color: #15406D;
   border-radius: 1rem;
   padding: 0.5rem;
   text-align: center;
   color: white;
}

[b-h59bgy7xid] .info-value {
   font-size: 14px;
}
/* /Pages/Vcards/PetCardView.razor.rz.scp.css */
.disabled-link[b-j99myg7f6s] {
   pointer-events: none;
   color: gray;
   cursor: default;
}

.modal-body[b-j99myg7f6s] {
   padding: 1rem;
  
}

.thumbnail-scroll-container[b-j99myg7f6s] {
   display: grid;
   grid-auto-flow: column;
   grid-template-rows: repeat(2, 1fr); /* Dos filas */
   grid-auto-columns: 25%; /* 4 columnas visibles por fila */
   overflow-x: auto;
   gap: 0.5rem;
   padding: 0.5rem;
   scroll-snap-type: x mandatory;
}

.thumbnail-img[b-j99myg7f6s] {
   width: 100%;
   height: 60px;
   object-fit: cover;
   border-radius: 6px;
   cursor: pointer;
   scroll-snap-align: start;
}

   .thumbnail-img:hover[b-j99myg7f6s] {
      border-color: #ffc107;
      opacity: 0.8;
   }

.thumbnail-scroll-container[b-j99myg7f6s]::-webkit-scrollbar {
   height: 6px;
}

.thumbnail-scroll-container[b-j99myg7f6s]::-webkit-scrollbar-thumb {
   background-color: #999;
   border-radius: 3px;
}
.modal-content[b-j99myg7f6s] {
   background-color: rgba(0, 0, 0, 0.85); 
   color: white;
   border-radius: 12px;
   border: none;
}
.social-networks-pet-card[b-j99myg7f6s] {
   display: flex;
   gap: 3px;
   align-items: center;
   flex-wrap: wrap;
}

.icon[b-j99myg7f6s] {
   width: 32px;
   height: 32px;
   border-radius: 50%;
}

.btn-more[b-j99myg7f6s],
.btn-less[b-j99myg7f6s] {
   width: 32px;
   height: 32px;
   border-radius: 50%;
   border: none;
   background-color: #007bff;
   color: white;
   font-weight: bold;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
}

.more-socials[b-j99myg7f6s] {
   display: none;
   flex-wrap: wrap;
   gap:3px;
}
.pading-arrow[b-j99myg7f6s]{
 padding-top:74%;
}
.vaccines-modal[b-j99myg7f6s] {
   
   background: url('../images/landing/imagenes/backgroundTail.png') no-repeat center center;
   background-size: cover;
   border: none;
   cursor: pointer;
}
/* /Pages/Vcards/PetCertifcateView.razor.rz.scp.css */
.disabled-link[b-zzex1ksj5g] {
   pointer-events: none;
   color: gray;
   cursor: default;
}

.modal-body[b-zzex1ksj5g] {
   padding: 1rem;
  
}

.thumbnail-scroll-container[b-zzex1ksj5g] {
   display: grid;
   grid-auto-flow: column;
   grid-template-rows: repeat(2, 1fr); /* Dos filas */
   grid-auto-columns: 25%; /* 4 columnas visibles por fila */
   overflow-x: auto;
   gap: 0.5rem;
   padding: 0.5rem;
   scroll-snap-type: x mandatory;
}

.thumbnail-img[b-zzex1ksj5g] {
   width: 100%;
   height: 60px;
   object-fit: cover;
   border-radius: 6px;
   cursor: pointer;
   scroll-snap-align: start;
}

   .thumbnail-img:hover[b-zzex1ksj5g] {
      border-color: #ffc107;
      opacity: 0.8;
   }

.thumbnail-scroll-container[b-zzex1ksj5g]::-webkit-scrollbar {
   height: 6px;
}

.thumbnail-scroll-container[b-zzex1ksj5g]::-webkit-scrollbar-thumb {
   background-color: #999;
   border-radius: 3px;
}
.modal-content[b-zzex1ksj5g] {
   background-color: rgba(0, 0, 0, 0.85); 
   color: white;
   border-radius: 12px;
   border: none;
}
.social-networks-pet-card[b-zzex1ksj5g] {
   display: flex;
   gap: 3px;
   align-items: center;
   flex-wrap: wrap;
}

.icon[b-zzex1ksj5g] {
   width: 32px;
   height: 32px;
   border-radius: 50%;
}

.btn-more[b-zzex1ksj5g],
.btn-less[b-zzex1ksj5g] {
   width: 32px;
   height: 32px;
   border-radius: 50%;
   border: none;
   background-color: #007bff;
   color: white;
   font-weight: bold;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
}

.more-socials[b-zzex1ksj5g] {
   display: none;
   flex-wrap: wrap;
   gap:3px;
}
.pading-arrow[b-zzex1ksj5g]{
 padding-top:74%;
}
.vaccines-modal[b-zzex1ksj5g] {
   
   background: url('../images/landing/imagenes/backgroundTail.png') no-repeat center center;
   background-size: cover;
   border: none;
   cursor: pointer;
}