/*
Theme Name: aprpuentealto
Theme URI: http://.aprpuentealto.cl
Author: Cosmonautas.cl
Author URI: http://www.cosmonautas.cl
Description: Theme realizado exclusivamente para aprpuentealto.cl
Version: 2.0
License: Todos los derecho reservados para SSR Puente Alto Linares y Cosmonautas.cl
*/

body {font-family: sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}

.hero {background: linear-gradient(rgba(0, 123, 255, 0.5), rgba(0, 123, 255, 0.7)), 
  url('https://aprpuentealto.cl/wp-content/uploads/2025/09/aprheader1.jpg');
  background-size: cover; background-position: center top; color: white; text-align: center; padding: 120px 20px;}

.menu-mobile {margin-top: 30px;}
.menu-mobile li {text-align: center; padding-bottom: 10px;}
.menu-mobile li a {background-color: #5ba3c0; border-radius: 10px; font-weight: bold;}

.noticias {max-width: 740px; margin: 60px auto 100px;}
.noticias a {color: #1e1e1e; text-decoration: none;}
.noticias a:hover {text-decoration: underline;}
.noticias article {margin-bottom: 24px;}
.noticias img {border-radius: 10px; margin-bottom: 15px;}

.single article {max-width: 800px; margin: 60px auto;}
.single .single-header-img {width: 100%; object-fit: cover; border-radius: 10px; margin-bottom: 60px;}
.single h3 {text-align: center; margin-bottom: 20px;}
.single .date {text-align: center; margin-bottom: 40px;}

.page article {margin: 60px auto 100px;}
.page h3 {margin-bottom: 40px;}

footer {background-color: #ededed; margin: 0; padding: 60px 0 30px}
.menu-footer {margin-bottom: 40px;}
footer .list {list-style: none; padding: 0;}
footer .list a {text-decoration: none; color: #1e1e1e;}
footer .list a:hover {text-decoration: underline;}
footer .credits {text-align: center; color: #777777;}
footer .credits a {color: #777777;}

/*
*
*
* Media Queries */
@media (min-width: 720px) {
	.menu-mobile {display: none;}
}
@media (max-width: 720px) {
	.index header {background-image: none;}
	.info-header {display: none;}
	.navbar-expand-md {display: none;}
	.single .single-header-img {margin-bottom: 40px; max-height: 250px;}
}