/* ----------------------------------------- */
/* Seccion: Atributos para todos los elementos */
* {
    font-family: "Montserrat", sans-serif;
    color: #fff;
}

body {
    background-color: #000;
}
/* ----------------------------------------- */





/* ----------------------------------------- */
/* Seccion: Menu */
#menu {
  list-style: none;      
  padding: 0;            
  margin: 7px 0;             
  display: flex;         
  justify-content: center; 
  gap: 30px;             
  padding: 2rem;
  font-size: 21px;
}

#menu_op {
  display: inline;
  margin: 0 5px 0 5px;       
}

#menu_op a {
  text-decoration: none;
  transition: .3s ease-in-out;
  margin: 0 10px;
}

#menu_op a:hover {
  color: #1797EE;
}

#menu ul li a {
  text-decoration: none; 
  color: #fff;          
}
/* ----------------------------------------- */





/* ----------------------------------------- */
/* Seccion: Titulo de introduccion */
.box-title-subtitle {
    margin-top: 25px;
    height: 500px;
    align-content: center;
    animation-name: opacity-move;
    animation-duration: 1.25s;
    animation-delay: 0;
    animation-fill-mode: both;
}

.title {
    margin-bottom: 75px;
    text-align: center;
    font-size: 6em;
}

.subtitle {
    margin-top: 5px;
    text-align: center;
    font-size: 3em;
}

@keyframes opacity-move {
    from {
        opacity: 0;
        transform: translateY(0px);
    }

    to {
        opacity: 1;
        transform: translateY(-25px);
    }
}
/* ----------------------------------------- */





/* ----------------------------------------- */
/* Seccion: Introduccion a academia pharos */
.box-introduction {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    animation-name: opacity-move;
    animation-duration: 1.25s;
    animation-delay: 0;
    animation-fill-mode: both;
}

.box-introduction div {
    padding: 35px;
    min-width: 300px;
    max-width: 850px;
}

.box-introduction div h1 {
    margin-bottom: 15px;
    text-align: center;
    font-size: 2.5em;
}

.box-introduction div p {
    margin-bottom: 20px;
    text-align: left;
    font-size: 1.25em;
}

.box-introduction div p:last-child {
    margin-bottom: 5px;
}

.box-introduction img {
    margin: auto;
    width: 325px;
    height: 325px;
}
/* ----------------------------------------- */





/* ----------------------------------------- */
/* Seccion: About Us */
.more-info {
    margin: 75px 0;
    animation-name: opacity-move;
    animation-duration: 1.25s;
    animation-delay: 0;
    animation-fill-mode: both;
}

.more-info-title {
    margin-bottom: 15px;
    text-align: center;
    font-size: 3em;
}

.more-info-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.more-info-container div {
    width: 300px;
    height: 200px;
    margin: 15px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 10px;
    transition: .3s ease-in-out;
}

.more-info-container div:hover {
    scale: 1.05;
}

.more-info-container div h1 {
    color: #000;
    margin: 12px 0;
}

.more-info-container div p {
    color: #000;
    margin: auto;
    margin-bottom: 12px;
    max-width: 260px;
}

.more-info-container div button {
    width: 110px;
    height: 32px;
    font-size: 15px;
    border: 2px solid #1797EE;
    border-radius: 5px;
    background-color: #1797EE;
    color: #fff;
    cursor: pointer;
    transition: .3s ease-in-out;
}

.more-info-container div button:hover {
    background-color: #fff;
    color: #1797EE;
}
/* ----------------------------------------- */





/* ----------------------------------------- */
/* Seccion: About Academy */
.about-academy {
    margin: 50px 0;
    animation-name: opacity-move;
    animation-duration: 1.25s;
    animation-delay: 0;
    animation-fill-mode: both;
}

.about-academy-title {
    margin-bottom: 35px;
    text-align: center;
    font-size: 3em;
}

.about-academy-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.about-academy-container p {
    width: 250px;
    height: 50px;
    margin: 15px;
    text-align: center;
    font-size: 28px;
    transition: .3s ease-in-out;
    margin: auto;
}

.about-academy-container p:hover {
    scale: 1.05;
    color: #1797EE;
    cursor: default;
}
/* ----------------------------------------- */





/* ----------------------------------------- */
/* Seccion: Sponsors */
/*.sponsors {
    margin: 75px 0;
    animation-name: opacity-move;
    animation-duration: 1.25s;
    animation-delay: 0;
    animation-fill-mode: both;
}

.sponsors-title {
    margin-bottom: 15px;
    text-align: center;
    font-size: 3em;
}

.sponsors-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sponsors-container a img {
    width: 250px;
    margin: 15px;
    transition: .5s ease-in-out;
}

.sponsors-container a img:hover {
    scale: 1.05;
}*/
/* ----------------------------------------- */





/* ----------------------------------------- */
/* Seccion: Pie de Pagina */
.footer-container {
    width: 100%;
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-rows: repeat(2, 80px);
    margin: auto;
    padding-bottom: 25px;
    gap: 3px;
}

.footer-box {
    padding: 15px;
}

.footer-box1 {
    grid-row-start: 1;
    grid-row-end: 3;
}

.footer-title {
    margin-left: 10px;
}

.footer-social-media-text {
    margin: 5px 25px;
    text-decoration: none;
    transition: .3s ease-in-out;
    display: block;
}

.footer-social-media-text:hover {
    color: #1797EE;
}

.footer-email-text {
    margin: 5px 25px;
    text-decoration: none;
    font-size: 14px;
}

.footer-copyright-text {
    margin-left: 10px;
}
/* ----------------------------------------- */