.italic {
    font-style: italic !important;
}
header {
    background-color: #ffffff;
}
.img-logo {
    max-height: 50px;
}
.menu a {
    margin-left:1rem;
    position: relative;
    text-decoration: none;
    color: rgba(55,65,81,1) !important;
}
.menu a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #C8102E;
  transform: scaleX(0);
  transition: transform 0.0s ease-in-out;
}
.menu a:hover::after {
  transform: scaleX(1);
}

.icono-estudios {
    width: 21px;
}

.info {
    display: none;
    padding: 0px 10px 10px 10px;
    background: #fff;
    border: 0px solid #ddd;
    margin-top: 0px;
    transition: all 0s ease-in-out;
}
.info h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
}
.info p {
    text-align: justify; /* Justifica el texto */
    hyphens: auto; /* Agrega guiones automáticamente */
    word-wrap: break-word; /* Evita que las palabras largas desborden */
    overflow-wrap: break-word; /* Asegura que las palabras largas se dividan */
}
.info.active {
    display: block;
}

.study-item { 
    cursor: pointer;
}
.study-item:hover { 
  background-color: rgb(229,231,235,1);
}
.study-item.activado {
    background-color: rgb(229,231,235,1);
}
.a-eliminar h3 {
    display: none;
}
.a-eliminar.active { 
  background: #e5e7eb;
  padding: 0px 14px 14px 14px !important;
}
.a-eliminar .info-content {
    background: #fff;
    padding: 4px 9px 13px 9px !important;
}

.full-max-width {
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto;
    margin-right: auto;
}


@media (max-width: 520px) {
    .no-display-520 {
        display: none;
    }

}



    .btndeinformacion {
        min-width: 180px;
    }
    .info h3 {
  color:  rgb(31,41,55) !important;
}
    .info p {
       /*
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
        */
        color:rgb(55,65,81) !important;
    }
 .study-item {
        margin-bottom: .7rem !important;
    }
  .icono-estudios  {
        color:#ad2229 !important;
    }

@media (max-width: 767px) {
    .btn-agendarcita-movile {
        display: none;
    }
}
.visiblesolomovil {
    display: none;
}
@media (max-width: 520px) {
.col-inmobile {
   padding: 0px !important; 
}
.col-div-inmobile {
    padding: 0px !important;
}
.study-item { 
  margin-bottom: 0px !important;  
}
    .direccionall .fs-5 {
        font-size: 1.0rem !important;
    }

.no-visible-movil {
    display: none;
}

.visiblesolomovil {
    display: inline-block;
}
}




    /* Colores institucionales */
    :root {
        --rojo: #A6192E; 
        --naranja: #E87722;
        --gris: #666;
        --blanco: #ffffff;
        --fondo: #F4F4F4;
    }

    .resumen {
        background: var(--fondo);
        padding: 50px 20px;
        text-align: center;
        font-family: Arial, sans-serif;
        color: var(--gris);
    }

   .resumen .container {
        max-width: 1280px !important;
        margin: auto;
    }

   .resumen h2 {
        font-size: 28px;
        color: var(--rojo);
        margin-bottom: 15px;
    }

    .resumen .resumen-card {
        background: var(--blanco);
        padding: 25px;
        border-radius: 8px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        text-align: center;
        border-top: 5px solid var(--rojo);
    }

  .resumen  .resumen-card h3 {
        font-size: 22px;
        color: #666;
        margin-bottom: 15px;
    }

   .resumen ul {
        list-style: none;
        padding: 0;
        text-align: left;
        display: inline-block;
    }

  .resumen  ul li {
        font-size: 18px;
        margin-bottom: 10px;
        padding-left: 0px;
        position: relative;
        color: var(--gris);
    }

  .resumen  ul li::before {
    /*
        content: "✔";
        color: var(--naranja);
        font-weight: bold;
        position: absolute;
        left: 0;
        */
    }


@media (max-width: 767px) {

    .footermenu {
        max-width: 186px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
    }

.resumen ul { 
  min-width: 90%;
}

 
.ulenmovil {
    margin-bottom: 0px !important;
}

}
@media (max-width: 519px) {

.resumen { 
  padding: 30px 4px; 
}

}

.resumen-card ul {
    list-style: none !important; 
}
.resumen-card ul li i {
    font-size: 22px;
    color: #ad2229 !important;
    margin-right: 10px;
    width: 24px;
}
.resumen .resumen-card {
  border-top: 5px solid #666 !important ;
}