/* body { background-color: bisque; } */ /* Sección de la portada */ #port { position: relative; min-height: 93vh; background: linear-gradient(rgba(184, 166, 66, 0.1), rgba(255, 247, 0, 0.096)), url("../img/bg/alt-1.jpg") fixed center; } #port h1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #port span { color: #bb8800; } #port .cont { padding: 10px 30px; bottom: 0; } /* Sección del header */ #header { position: fixed; z-index: 100000; margin: 0%; padding: 0.3% 0.5%; background-color: #1e3c70; position: sticky; } #header .img { max-width: 55px; } /* Sección general */ section { padding: 80px 0px 60px; } section .section-h { color: #bb8800; } section .section-h i { font-size: 28px; } section .section-h h2 { font-weight: 600; position: relative; padding-bottom: 10px; } section .section-h h2:after { content: ""; position: absolute; display: block; width: 150px; height: 3px; background: #1e3c70; bottom: 0; left: calc(50% - 75px); } /* Sección home */ .home .cont-prin { text-align: center; } .home .cont-prin .content-home { border-radius: 12px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); transition: 0.5s; } .home .cont-prin .content-home:hover { transform: translateY(-10px); } .home .cont-prin .content-home img { width: 100%; border-radius: 12px 12px 0px 0px; } .home .cont-prin .content-home .description { padding: 10px 0px; } .home .cont-prin .content-home .description a { text-decoration: none; color: #1e3c70; font-size: 22px; } .home .cont-prin .content-home .description a:hover { color: #bb8800; } .home .cont-prin .content-galery { padding: 0; border-radius: 12px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); transition: 0.5s; } .home .cont-prin .content-galery img { width: 100%; border-radius: 12px 12px 0px 0px; } .home .cont-prin .content-galery .description { padding: 10px 0px; } .home .cont-prin .content-galery .description a { text-decoration: none; color: #1e3c70; font-size: 22px; } .home .cont-prin .content-galery .description a:hover { color: #bb8800; } /* Globales */ .nav-g a { color: #bb8800; font-size: 18px; } @media (max-width: 992px) { .nav-g { overflow-x: scroll; height: 70px; display: inline-block !important; } } /* Footer */ #footer { background-color: black; padding: 0 0 30px 0; color: #fff; font-size: 14px; } #footer .footer-top { background: linear-gradient(rgba(2, 2, 2, 0.9), rgba(20, 30, 48, 0.9)), url("../img/bg/_DSC3031.jpg") fixed top; background-size: cover; border-bottom: 1px solid #222222; padding: 60px 0 30px 0; } #footer .footer-top .footer-info { margin-bottom: 30px; } #footer .footer-top .footer-info h3 { font-size: 28px; margin: 0 0 20px 0; padding: 2px 0 2px 0; line-height: 1; font-weight: 700; } #footer .footer-top .footer-info h3 span { color: #bb8800; } #footer .footer-top .footer-info p { font-size: 14px; line-height: 24px; margin-bottom: 0; font-family: "Raleway", sans-serif; color: #fff; text-align: justify; } #footer .footer-top .social-links a { font-size: 18px; display: inline-block; background: #292929; color: #fff; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 4px; text-align: center; width: 36px; height: 36px; transition: 0.3s; } #footer .footer-top .social-links a:hover { background: #ffc451; color: #151515; text-decoration: none; } #footer .footer-top h4 { font-size: 16px; font-weight: 600; color: #fff; position: relative; padding-bottom: 12px; } #footer .footer-top .footer-links { margin-bottom: 30px; } #footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; } #footer .footer-top .footer-links ul i { padding-right: 2px; color: #ffc451; font-size: 18px; line-height: 1; } #footer .footer-top .footer-links ul li { padding: 10px 0; display: flex; align-items: center; } #footer .footer-top .footer-links ul li:first-child { padding-top: 0; } #footer .footer-top .footer-links ul a { color: #fff; transition: 0.3s; display: inline-block; line-height: 1; } #footer .footer-top .footer-links ul a:hover { color: #ffc451; }