/* Profile picture: uniform size, cover inside a circle .profile-img-top {*/
.contact-list-img {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover; /* Ensures the image covers the circle */
  object-position: top; /* Keeps the top of the image in view */
  flex-shrink: 0; /* Prevents shrinking inside flexbox */
  overflow: hidden; /* Ensures no image overflows the circle */
}

/* Flexbox container for better control */
.highlight-card {
  display: flex;
  align-items: center;
  justify-content: start;
}

.highlight-card img {
  margin-right: 16px; /* space between image and text */
}

.awesomplete {
  widh: 100%;
}

.img-circle {
  object-fit: cover;
  object-position: top;
  display: block;  
}

.sp-module-content-bottom {
    max-width: 800px;
    margin: 0 auto;
    padding: 24px;
    font-size: 18px;
    line-height: 1.7;
}



/* Wrapper for image to make it circular and size-controlled */
.com-contact .col-lg-auto img[itemprop="image"] {
  width: 128px;
  height: 128px;
  object-fit: cover;
  object-position: top;
  border-radius: 50%;
  border: 2px solid #ddd;
  display: block;
}

/**************************************/
.contact-img-wrap {
    width: 100%;
}
.contact-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: center;
    display: block;
}
@media (max-width: 576px) {
    .contact-card .d-flex {
        flex-direction: row !important;
    }
    .contact-img-wrap {
        width: 25%;
        min-width: 80px;
        max-width: 120px;
    }
    .contact-img {
        height: 100px;
        width: 100%;
    }
    .contact-card .flex-grow-1 {
        width: 75%;
        padding-left: 1rem !important;
    }
}

.com_contact .page-header + .row {
  display: flex; /* already true in Bootstrap, but ensures it */
}

.com_contact .page-header + .row > .col {
  order: 2; /* text column second */
}

.com_contact .page-header + .row > .col-lg-auto {
  order: 1; /* image column first */
}


/************************************** Custom FIeld **********/
/* Reference: .com-contact style for CV sections */
.com-contact .fields-container {
    list-style: none;
    padding: 0;
    margin: 0;
}

.com-contact .field-entry {
    padding-top: 28px;
    padding-bottom: 18px;
    border-bottom: 1.5px solid #d1d5db;
    font-weight: bold;
    background: none;
}

.com-contact .field-entry:last-child {
    border-bottom: none;
}

.com-contact .field-label {
    font-weight: bold;
    display: block;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.com-contact .field-value {
    font-weight: normal;
    display: block;
    margin-top: 6px;
    margin-left: 0;
    color: #222;
}

/* Inner lists for entries */
.com-contact .field-value .fields-container {
    margin-top: 8px;
}

.com-contact .field-value .field-entry {
    padding: 0;
    border: none;
}
    


  /********** PROFILEs list ******************************************/
  /* Remove ugly outlines on click/focus, but keep accessibility in mind */
/* Remove ugly outlines inside .docentes */

.docentes .contact-card {
  border: none;
}

.docentes *:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Spacing between inner blocks */
.docentes .contact-card section,
.docentes .contact-card article,
.docentes .contact-card div,
.docentes .contact-card p {
  /* margin: 0.75rem 0; */
  /* padding: 0.5rem 1rem; */
}

/* Headings */
.docentes .contact-card h1,
.docentes .contact-card h2,
.docentes .contact-card h3,
.docentes .contact-card h4 {
  margin: 0.5rem 0;
  font-weight: 600;
}

/* Buttons & Links */
.docentes .contact-card button,
.docentes .contact-card .btn,
.docentes .contact-card a {
  border: none;
  /* padding: 0.6rem 1.2rem; */
  border-radius: 0.5rem;
  /* background-color: #2563eb; */
  /* color: #fff; */
  cursor: pointer;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.docentes .contact-card button:hover,
.docentes .contact-card .btn:hover,
.docentes .contact-card a:hover {
  color: #1d4ed8;
}

/* Card-style containers */
.docentes .card {
  background: #fff;
  padding: 0.25rem;
  border-radius: 1rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  margin-bottom: 0rem;
}

.contact-categorydocentes .contact-img-wrap {
  width: 120px;     /* set your desired size */
  height: 120px;    /* must be equal to width for perfect circle */
  border-radius: 50%;
  overflow: hidden; /* ensures image does not spill outside */
  flex-shrink: 0;
  margin: 0 auto;
  display: flex;
  align-items:center;
  justify-content: center;
}

.contact-categorydocentes .contact-img-wrap a {
  display: block;       /* make <a> respect wrapper’s size */
  width: 100%;
  height: 100%;
}

.contact-categorydocentes .contact-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* crop image to fill circle */
  object-position: top;    /* align top of the photo to top of circle */
  border-radius: 50%;      /* ensures round edges */  
}

/* Tables */
.docentes .contact-card table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}

.docentes .contact-card th,
.docentes .contact-card td {
  border: 0px solid #e5e7eb;
  padding: 0.75rem;
  text-align: left;
}

.docentes .contact-card th {
  background: #f3f4f6;
}

.pesquisar_docentes {
  margin-bottom: 1em;
}

.com-contact .cat-children{
   display:none;
}

.com-contact .card-title {
  margin-top: 0.5em;
}

.com-contact .card-text {
  margin-top: 0.5em;
}

/**** Pesquisar ********************/
/* Background and centering for the search module */
.com-contact .pesquisar_docentes {
  background-color: #f3f4f6; /* light grey */
  padding: 1.5rem;
  border-radius: 0.75rem;
  max-width: 700px; /* limits width on large screens */
  margin: 2rem auto; /* centers the module horizontally with vertical spacing */
  box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* subtle shadow */
}

/* Module title spacing */
.com-contact .pesquisar_docentes .sp-module-title {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
}

/* Input field styling */
.com-contact .pesquisar_docentes input[type="text"].form-control {
  width: 100%; /* full width inside module */
  max-width: 100%; /* prevent overflow */
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #d1d5db;
  box-sizing: border-box;
  /* display: block; */  
  margin: 0 auto 1rem auto; /* centers horizontally and adds spacing below */
  font-size: 1rem;
}

/* Optional: submit button (if you have one) styling */
.com-contact .pesquisar_docentes input[type="submit"] {
  /* display: block; */
  margin: 0 auto;
  padding: 0.6rem 1.2rem;
  border-radius: 0.5rem;
  background-color: #2563eb;
  color: #fff;
  border: none;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.com-contact .pesquisar_docentes input[type="submit"]:hover {
  background-color: #1d4ed8;
}

.view-contact .sp-module-content-top {
  display: none;
}

.com-contact__container > h2 {
  display: none;
}