@media only screen and (max-width: 600px) {
  .ultimasNoticias {
   padding-top:50px;
  }
  .noticiaPublicacion {
   padding-top:50px;
  }

  .contenidoPagina {
   padding-top:80px;
  }
}

@media only screen and (min-width: 601px) {
  .container {
   width: 95%;
   padding-top: 30px;
  }
}
@media only screen and (min-width: 993px) {
  .container {  
   width: 90%;
   padding-top: 20px;
  }
}

.separarMobile {
 padding-top: 10%;
}

body {
 display: flex;
 min-height: 100vh;
 flex-direction: column;
 font-family:"Calibri" !important;
}

main {
 padding-top: 1%;
 flex: 1 0 auto;
 #background-image: url("../img/texturaContenedor.jpg");
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

.dropdown-content {
 width: 200px !important;
 margin-top: 143px;
}

pre{
 padding: 16px 20px 0px;
 background: #eee;
 border: 1px solid #ddd;
 border-radius: 4px;
}

.info{
 font-size: 1.3rem;
 text-align: center;
}

.page-footer {
 padding-top:0px;
}

.carousel { 
 height: 800px;
 perspective: 950px;
 transform: translateY(-100px);
}

.carousel carousel-item {
 width: 7050px;
}

.card { 
 margin: 0.5rem 0 1rem 0;
}

.cajaNoticias { 
 #min-height: 800px;
}

.cajaAlbum {
  min-height:600px;
  max-height:600px; 
}

.imagenListadoPublicacion {
  min-height:400px;
  max-height:400px;   
}

.imagenListadoAlbum {
  min-height:400px;
  max-height:400px;   
}

.cajaProductos {
 min-height: 500px;
 max-height: 500px; 
}

.imagenListadoProducto {
  min-height:300px;
  max-height:300px;   
}

.cajaCursos {
 min-height: 650px;
 max-height: 650px;
}

.datosCurso {
 min-height: 150px;
 max-height: 150px;
 overflow-y: auto;
}

.infoCurso {
 #padding-bottom: 100px;
 #margin-bottom: 100px;
}

.card .card-content {
 padding: 24px;
}

.card .card-action {
 position: absolute;
 width: 100%;
 bottom: 0;
 left: 0;
}

.card.horizontal .card-image {
 max-width: 30%;
 vertical-align: middle;
}

.cardHeaderCustom {
 margin-top: 0.5rem;
 #background-color: #02c2d9;
 background-color: rgba(160, 160, 160, 0.2);
 color: black;
 -webkit-border-top-left-radius: 30px;
 -webkit-border-top-right-radius: 30px;
 -moz-border-radius-topleft: 30px;
 -moz-border-radius-topright: 30px;
 border-top-left-radius: 30px;
 border-top-right-radius: 30px;
}

.columnaNoticia {
 min-height:200px;
 max-height:200px; 
 overflow: hidden;
}

.imagenNoticia {
 height: 250px;
}

.collapsible-body { 
 padding: 0rem;
}

.textoHome {
 font-size: 18px;
 text-align: justify;
 margin: 10px;
 color: white;
 #color: #444444;
 #text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCCC, 2px 3px 1px #EEEEEE, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 6px 5px 1px #CCCCCC, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCCC; 
}

@media only screen and (max-width: 400px) {
  .textoHome {
   font-size: 16px;
   text-align: justify;  
  }
}

.logoPresentacion {
 height: auto;
 width: 60%; 
}

@media only screen and (max-width: 400px) {
  .logoPresentacion {
   height: auto;
   width: 90%; 
  }
}

.tituloSobreImagen {
 font-size: 2vw;
 #background-color: #FFDEE9;
 #background-image: linear-gradient(0deg, #FFDEE9 0%, #B5FFFC 100%);
}

.cajaProducto {
 margin-bottom: 0.5vw;
 #margin-right: 0.01vw;
}

.descripcionProducto {
 min-height: 120px;
 font-size: 0.9vw;
}

.imagenProducto {
 height: 300px;
 width: 340px;
}

.imagenEscala {
 #min-height: 100%;
 #min-width: 100%;
 #object-fit: fill;
 #object-fit:cover;
 #object-fit: contain;
 object-fit: scale-down;
}

.imagenCover {
 object-fit:cover;
}

.gris90 {
 color: #5a5a5a;
}

.bajadaNota {
 font-size: 18px;   
}

.contenidoDatosProductos {
 min-height:300px !important;
 max-height:300px !important; 
 padding-bottom: 200px;
}

.redondearBordes {
 border-radius: 10px 10px 10px 10px;
}

.btn-small {
 border-radius: 20px 20px 20px 20px;
 box-shadow: -1px 1px 1px 1px rgba(0,0,0,0.71);
 -webkit-box-shadow: -1px 1px 1px 1px rgba(0,0,0,0.71);
 -moz-box-shadow: -1px 1px 1px 1px rgba(0,0,0,0.71);
}

.precioSobreImagen {
 vertical-align: middle;
 bottom:0px;
 background: rgb(255,255,255);
 background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(68,68,68,1) 0%);
 color: white;
 border: 0px solid #A49E9E;
 border-radius: 30px 30px 30px 30px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
 border: 2px solid #78909c;
}

.card .card-image .card-title {
 padding-top: 5px;
 padding-bottom:5px;
 padding-right: 30px;  
}

.etiqueta {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* Secciones de Colores */

/*
#3D1A54 #EEBE3D  #C4C6CE
*/

.colorOficial {
 background-color: #3D1A54 !important;
}

.colorOficialClaro {
 background-color: #c4c6ce !important; 
}

.colorOficialClaro2 {
 background-color: #EEB33D !important;
}

.colorOficialClaro3 {
 background-color: #532273 !important;
}

.colorOficialTexto {
 color: #3D1A54;
}

.colorOficialClaroTexto {
 color: #c4c6ce !important; 
}

.tituloColorOficial {
 border-bottom: 3px solid #3D1A54;
 padding-bottom:2px;
}

.btn:active {
  background-color: #EEB33D !important;
}

.btn-small:active {
  background-color: #EEB33D !important;
}

.btn:hover {
  background-color: #EEB33D !important;
} 

.btn-large:hover {
 background-color: #3D1A54 !important; 
}

.btn-small:hover { 
 background-color: #3D1A54 !important;
}

.fondoOficial {
 color: #EEBE3D;
 background-color: #3D1A54;
}

.collection.with-header .collection-item .fondoOficialClaro {
 background-color: #3D1A54;
 color: white;
}

.collection.with-header .collection-header {
 #background-color: #4fc3f7;
 background-color: #3D1A54;
 color: white;
}

.textoBlockquote {
 border-color:#3D1A54;
 #background-color:#eceff1;
 text-align: justify;
}

.gradiente1 {
 #background: rgb(255,255,255);
 #background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(68,68,68,1) 0%);
 background-color: #3D1A54;
 color: white;
 border: 0px solid #A49E9E;
 border-radius: 30px 30px 30px 30px;
}

.gradiente2 {
 color: white;
 border: 0px solid #3D1A54;
 border-radius: 30px 30px 30px 30px;
 background-image: radial-gradient( circle 610px at 5.2% 51.6%,  rgba(5,8,114,1) 0%, rgba(7,3,53,1) 97.5% );
}

* label color */
.input-field label {
 color: #3D1A54;
}

/* label focus color */
.input-field input[type=text]:focus + label {
 color: #3D1A54;
}

/* label underline focus color */
.input-field input[type=text]:focus {
 border-bottom: 1px solid #3D1A54;
 box-shadow: 0 1px 0 0 #ec407a;
}

/* valid color */
.input-field input[type=text].valid {
 border-bottom: 1px solid #3D1A54;
 box-shadow: 0 1px 0 0 #ec407a;
}

/* invalid color */
.input-field input[type=text].invalid {
 border-bottom: 1px solid #3D1A54;
 box-shadow: 0 1px 0 0 #ec407a;
}

/* icon prefix focus color */
.input-field .prefix.active {
 color: #3D1A54;
}


/* Secciones de Colores */

.dataTables_filter {
 display: none;
}

.contenidoOculto {
 visibility: hidden;
}

.fullImage {
 max-height:5%;
 max-width:60%; 
}

.fondoHeader {
 #background-image: url("../img/patron.png");
 #background-position: center;
 #background-repeat: repeat-x;
 #background-size: 25px 50px;
}

.separadorMain {
 margin-top: 2%;
}

.logoHeader {
 padding-left: 20px;
 height:80px;
}

.icon-block {
 padding: 0 15px;
}
.icon-block .material-icons {
 font-size: inherit;
}

pre{
 padding: 16px 20px 0px;
 background: #eee;
 border: 1px solid #ddd;
 border-radius: 4px;
}

.info{
 font-size: 1.3rem;
 text-align: center;
}

.fondoInstagram {
 min-height: 100%;
 height: 500px;
 background: #f09433; 
 background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
 background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
 background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.ir-arriba {
 display:none;
 padding:20px;
 font-size:20px;
 color:white;
 cursor:pointer;
 position: fixed;
 bottom:30px;
 right:20px;  
}

.indicator-item {
 width: 20px !important;
 height: 20px !important;
}

.botonPagos {
 width: 120px;
 height: 50px;
 box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
 background-color: white;
}

.imagenPagos {
 vertical-align: middle;
 margin-top: 10px;
 margin-bottom: 10px;
 height: 30px;
}

.cajaContenido{
 margin-bottom: 100px;
}

.spinner-layer {
  border-width: 50px; /* Modifica el ancho del borde del círculo */
}

/* Clases con Estilos CSS para Titulos */

.titulo {
  font-family:Normal !important;   
  font-weight: 400;
  font-size: medium;
}

.tituloContenido {
  font-family:"Calibri" !important;
  font-weight: 600;  
}

.descripcionContenido {
  font-family:"Calibri" !important;
  font-weight: 400;
 
}

/* Tipografias */

@font-face{
  font-family:Negrita;   
  src:url(METAB__.TTF) format('ttf')           
}

@font-face{
  font-family:Normal;    
  src:url(METAN__.TTF) format('ttf')           
}

/* Estilo para la imagen de perfil en el menú */
.profile-image {
  width: 30px; /* Ajusta el ancho según lo desees */
  height: 30px; /* Ajusta la altura según lo desees */
  border-radius: 50%; /* Esto hace que la imagen sea redonda (opcional) */
  margin-right: 10px; /* Ajusta el margen derecho para separar la imagen del nombre */
}