@font-face {
  font-family: 'icomoon';
  src:  url('/assets/fonts/fonts/icomoon.eot?tin97q');
  src:  url('/assets/fonts/icomoon.eot?tin97q#iefix') format('embedded-opentype'),
    url('/assets/fonts/icomoon.ttf?tin97q') format('truetype'),
    url('/assets/fonts/icomoon.woff?tin97q') format('woff'),
    url('/assets/fonts/icomoon.svg?tin97q#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.border-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.50);
  animation: squares 2.9s linear 0s infinite;
  -webkit-animation: squares 2.9s linear 0s infinite;
  -ms-animation: squares 2.9s linear 0s infinite;
  -o-animation: squares 2.9s linear 0s infinite;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
  opacity: 0;
}

.border-animation.border-2 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

.border-animation.border-3 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}

.video-content{
  position: relative;
  width: 100%;
  padding: 200px 0px;
  border-radius: 0px;
  text-align: center;
}
.video-content .video-btn a{
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  background-color: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 24px;
}


.icon-49:before {
  content: "\e932";
}




/* BEGIN ARTICULOS */
.article-container {
     max-width: 900px;   /* Ancho máximo para que no se vea demasiado extendido en pantallas grandes */
     /*margin: 40px auto;*/  /* Centrado y con margen superior e inferior */
     padding: 10px;      /* Espacio interno */
     background-color: #fff; /* Fondo blanco para resaltar el texto (puedes quitarlo si no lo quieres) */
     line-height: 1.8;   /* Mejor lectura */
     font-size: 1rem;
}

.article-container h1, 
.article-container h2, 
.article-container h3 {
	margin-bottom: 10px;
    line-height: 1.3;
}

.article-container p {
	margin-bottom: 16px;
	text-align: justify;
}

.article-container blockquote {
	margin: 30px 0;
	padding: 20px;
    border-left: 4px solid #444;
    background: #f9f9f9;
    font-style: italic;
}

/* Ajuste para pantallas pequeñas */
@media (max-width: 768px) {
    .article-container {
        padding: 15px;
        margin: 20px;
        font-size: 0.95rem;
	}
}

@media (max-width: 480px) {
    .article-container {
        padding: 10px;
        margin: 15px;
        font-size: 0.9rem;
    }
}

/* END ARTICULOS */