@font-face {
    font-family: "Palmore";
    src: url('/wp-content/themes/miakademia/fonts/Palmore/Palmore-Regular.eot');
    src: local('Palmore'),local('Palmore'),
    url('/wp-content/themes/miakademia/fonts/Palmore/Palmore-Regular.woff') format('woff'),
    url('/wp-content/themes/miakademia/fonts/Palmore/Palmore-Regular.ttf') format('opentype'),
    url('/wp-content/themes/miakademia/fonts/Palmore/Palmore-Regular.svg#Palmore') format('svg');
}
@font-face {
    font-family: "Lato";
    src: url('/wp-content/themes/miakademia/fonts/Lato/Lato-Regular.eot');
    src: local('Lato'),local('Lato'),
    url('/wp-content/themes/miakademia/fonts/Lato/Lato-Regular.woff') format('woff'),
    url('/wp-content/themes/miakademia/fonts/Lato/Lato-Regular.ttf') format('opentype'),
    url('/wp-content/themes/miakademia/fonts/Lato/Lato-Regular.svg#Lato') format('svg');
}
html { min-height: 100%; position: relative; }
body{ font-size: 18px;  font-family: "Lato"; overflow-x: hidden; margin: 0; }
a:visited, a:link { text-decoration:none; border: none !important; outline:none; background-color: transparent; }
a.active{ background-color: #0063a3 !important; color: white !important; }
.pointer {cursor: pointer;}
img.relucir{ 
    transition: 0.4s;
    transform: translateY(4px);
}
img.relucir:hover{ 
    transition: 0.4s;
    transform: translateY(-4px);    
    box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.35);
}

img.relucesr{ 
    transition: 0.4s;
    transform: translateY(4px);    
}
img.relucesr:hover{ 
    transition: 0.4s;
    transform: translateY(-4px);    
}

/*Menú desplegable*/
.sticky-container{
    padding:0px;
    margin:0px;
    position:fixed;
    right:-125px;
    top:230px;
    width:250px;
    z-index: 10;
}
.sticky a li{ border-radius: 8px; list-style-type:none; ; height:40px; padding:0px; margin:0px 0px 0px 0px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; cursor:pointer; display:block; background-color: #0063a3; }
.sticky a li:hover{ margin-left:-100px; }
.sticky a li img{ float:left; }
.sticky a li p{ margin:auto; font-size:small; text-decoration:none; color:white; }

/*HEADER*/
header.hdrmenu{ 
    background: rgba(255,255,255,0.66);
    min-height: 100px; 
    position: fixed;
    width: 100% !important;
    z-index: 999 !important;
}
.logo{ width: 18em !important; margin: 1em 0.2em 1em 0.4em !important; padding: 0.5em 0.2em 0.5em 0.4em !important; }
.clsmenu { margin: 0; padding: 0; }
/*.navbar-nav li { margin: 0.5em 0.2em 0.5em 0.4em !important; padding: 0.5em 0.2em 0.5em 0.4em !important; }*/
.navbar-nav li { margin: 0.2em !important; padding: 0.2em !important; border-left-style: solid; border-left-color: #da291c; border-left-width: 2px; }
.navbar-nav li a.nav-item{ font-size: 14px; color: black; }
.navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 14px; color: #da291c; }
div.cpomnu{  min-height: 80px; }
div.cuerpo{ padding: 0; margin-top: 0px; overflow: hidden; height: auto !important; }
div.resultado{ width: 70% !important; }

.patron {
    width: 100%;
    height: 460px;
    background-image: url('/wp-content/themes/miakademia/images/Patron.png');
    background-repeat: repeat;
    background-size: 80px 80px; /* Cambia este tamaño según necesites */
}

/*CUERPO*/
.centra{ margin-top: 0.1em !important; }
.centro{ background-color: #d4edf9; }
h3{ color: black; font-weight:bold; }

/*FOOTER*/
footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    clear: both;
    bottom: 0px; 
    margin-top: 0 !important;
    padding-top: 0 !important;
    background-color: #80743f !important;
    font-size: 0.9em;
}

footer .colorftr{ color: white; font-weight: bold; }
footer .colorftr1{ color: white; font-family: "Amx-Regular"; }

/*DISPOSITIVOS*/
@media (max-width:2400px) {
    body{ font-size: 16px; overflow-x: hidden }
    /*HEADER*/
    header.hdrmenu{ max-height: 550px; }
    div.cpomnu{  max-height: 550px; }
    .logo{ width: 7em; }
    .navbar-nav > li{ padding-left:28px; padding-right:28px; }
    .navbar-nav li a.nav-item{ font-size: 14px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 14px; }
    iframe#ifragenda{ min-height: 810px; }
}

@media (max-width:1600px) {
    body{ font-size: 16px; overflow-x: hidden }
    /*HEADER*/
    header.hdrmenu{ max-height: 550px; }
    div.cpomnu{  max-height: 550px; }
    .logo{ width: 7em; }
    .navbar-nav > li{ padding-left:28px; padding-right:28px; }
    .navbar-nav li a.nav-item{ font-size: 14px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 14px; }
    iframe#ifragenda{ min-height: 810px; }
}
@media (max-width:1500px) {
    body{ font-size: 16px; overflow-x: hidden }
    /*HEADER*/
    header.hdrmenu{ max-height: 550px; }
    div.cpomnu{  max-height: 550px; }
    .logo{ width: 7em; }
    .navbar-nav > li{ padding-left:28px; padding-right:28px; }
    .navbar-nav li a.nav-item{ font-size: 14px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 14px; }
    iframe#ifragenda{ min-height: 780px; }
}
@media (max-width:1400px) {
    body{ font-size: 16px; overflow-x: hidden }
    /*HEADER*/
    header.hdrmenu{ max-height: 550px; }
    div.cpomnu{  max-height: 550px; }
    .logo{ width: 7em; }
    .navbar-nav > li{ padding-left:28px; padding-right:28px; }
    .navbar-nav li a.nav-item{ font-size: 14px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 14px; }
    /*CUERPO*/
    iframe#ifragenda{ min-height: 750px; }

}
@media (max-width:1250px) {
    body{ font-size: 16px; overflow-x: hidden }
    /*HEADER*/
    header.hdrmenu{ max-height: 550px; }
    div.cpomnu{  max-height: 550px; }
    .logo{ width: 7em; }
    .navbar-nav > li{ padding-left:28px; padding-right:28px; }
    .navbar-nav li a.nav-item{ font-size: 14px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 14px; }
    /*CUERPO*/
    iframe#ifragenda{ min-height: 647px; }

}
@media (max-width:1097px) {
    body{ font-size: 12px; overflow-x: hidden; }
    /*HEADER*/
    header.hdrmenu{ max-height: 600px; }
    div.cpomnu{  min-height: 100px; }
    .logo{ width: 7em; }
    .navbar-nav > li{ padding-left:20px; padding-right:20px; }
    .navbar-nav li a.nav-item{ font-size: 14px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 14px; }
    iframe#ifragenda{ min-height: 561px;}

}
@media (max-width:900px) {
    body{ font-size: 12px; overflow-x: hidden; }
    /*HEADER*/
    header.hdrmenu{ max-height: 600px; }
    div.cpomnu{  min-height: 100px; }
    .logo{ width: 7em; }
    .navbar-nav > li{ padding-left:20px; padding-right:20px; }
    .navbar-nav li a.nav-item{ font-size: 14px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 14px; }
    iframe#ifragenda{ min-height: 451px;}

}
@media (max-width:800px) {
    body{ font-size: 18px; overflow-x: hidden; }
    /*HEADER*/
    header.hdrmenu{ max-height: 500px; }
    div.cpomnu{  min-height: 100px; }
    .logo{ width: 7em; }
    .navbar-nav li a.nav-item{ font-size: 20px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 20px; }
    iframe#ifragenda{ min-height: 395px;}

}
@media (max-width:768px) {
    body{ font-size: 18px; overflow-x: hidden; }
    /*HEADER*/
    header.hdrmenu{ max-height: 500px;}
    div.cpomnu{  min-height: 100px; }
    .logo{ width: 7em; }
    .navbar-nav li a.nav-item{ font-size: 20px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 20px; }
    iframe#ifragenda{ min-height: 377px;}

}
@media (max-width:600px) {
    body{ font-size: 18px; overflow-x: hidden; }
    /*HEADER*/
    header.hdrmenu{ max-height: 500px }
    div.cpomnu{  min-height: 100px; }
    .logo{ width: 6em; }
    .navbar-nav li a.nav-item{ font-size: 19px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 19px; }
    iframe#ifragenda{ min-height: 283px;}

}
@media (max-width:520px) {
    body{ font-size: 18px; overflow-x: hidden; }
    /*HEADER*/
    header.hdrmenu{ max-height: 500px; }
    div.cpomnu{  min-height: 100px; }
    .logo{ width: 6em; }
    .navbar-nav li a.nav-item{ font-size: 18px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 18px; }
    iframe#ifragenda{ min-height: 247px;}

}
@media (max-width:450px) {
    body{ font-size: 18px; overflow-x: hidden; }
    /*HEADER*/
    header.hdrmenu{ max-height: 500px; }
    div.cpomnu{  min-height: 100px; }
    .logo{ width: 6em; }
    .navbar-nav li a.nav-item{ font-size: 17px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 17px; }
    iframe#ifragenda{ min-height: 210px;}

}
@media (max-width:425px) {
    body{ font-size: 18px; overflow-x: hidden; }
    /*HEADER*/
    header.hdrmenu{ max-height: 500px; }
    div.cpomnu{  min-height: 100px; }
    .logo{ width: 6em; }
    .navbar-nav li a.nav-item{ font-size: 16px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 16px; }
    iframe#ifragenda{ min-height: 200px;}

}
@media (max-width:414px) {
    body{ font-size: 18px; overflow-x: hidden; }
    /*HEADER*/
    header.hdrmenu{ max-height: 500px; }
    div.cpomnu{  min-height: 100px; }
    .logo{ width: 6em; }
    .navbar-nav li a.nav-item{ font-size: 15px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 15px; }
    iframe#ifragenda{ min-height: 200px;}

}
@media (max-width:390px) {
    body{ font-size: 18px; overflow-x: hidden; }
    /*HEADER*/
    header.hdrmenu{ max-height: 500px; }
    div.cpomnu{  min-height: 100px; }
    .logo{ width: 6em; }
    .navbar-nav li a.nav-item{ font-size: 15px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 15px; }
    iframe#ifragenda{ min-height: 180px;}

}
@media (max-width:375px) {
    body{ font-size: 16px; overflow-x: hidden; }
    /*HEADER*/
    header.hdrmenu{ max-height: 500px; }
    div.cpomnu{  min-height: 100px; }
    .logo{ width: 6em; }
    .navbar-nav li a.nav-item{ font-size: 15px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 15px; }
    iframe#ifragenda{ min-height: 180px;}

}
@media (max-width:360px) {
    body{ font-size: 15px; overflow-x: hidden; }
    /*HEADER*/
    header.hdrmenu{ max-height: 500px; }
    div.cpomnu{  min-height: 100px; }
    .logo{ width: 6em; }
    .navbar-nav li a.nav-item{ font-size: 14px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 14px; }
    iframe#ifragenda{ min-height: 180px;}

}
@media (max-width:340px) {
    body{ font-size: 14px; overflow-x: hidden; }
    /*HEADER*/
    header.hdrmenu{ max-height: 500px; }
    div.cpomnu{  min-height: 100px; }
    .logo{ width: 6em; }
    .navbar-nav li a.nav-item{ font-size: 13px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 13px; }
    iframe#ifragenda{ min-height: 5px;}

}
@media only screen and (max-width:320px) {
    body{ font-size: 12px; overflow-x: hidden; }
    /*HEADER*/
    header.hdrmenu{ max-height: 500px; }
    div.cpomnu{  min-height: 100px; }
    .logo{ width: 6em; }
    .navbar-nav li a.nav-item{ font-size: 12px; }
    .navbar-nav li a.nav-item:hover, .navbar-nav li a.nav-item:active{ font-size: 12px; }
    iframe#ifragenda{ min-height: 5px; }
}

/* Tablets */
@media (max-width: 992px) {
    .patron {
        min-height: 3500px;
        background-size: 60px 60px;
    }
}

/* Celulares */
@media (max-width: 768px) {
    .patron {
        min-height: 200px;
        background-size: 45px 45px;
    }
}

/* Celulares pequeños */
@media (max-width: 480px) {
    .patron {
        min-height: 100px;
        background-size: 35px 35px;
    }
}