html {box-sizing: border-box;}*, *:before, *:after {box-sizing: inherit;}:root {--active-color: #ff2d55;--menu-bg: #0d1028;--primary-color: #2c3e50;--secondary-color: #e74c3c;--accent-color: #3498db;--light-color: #ecf0f1;--dark-color: #2c3e50;}body {overflow-x: hidden;}.mariscal-hover-link:hover {color: var(--menu-bg) !important;font-weight: bold;}.title {position: relative;display: inline-block;padding-bottom: 15px;}.title::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;width: 0;height: 3px;background: #ff2d55;animation: lineGrow 2s ease-in-out infinite;}@keyframes lineGrow {0% {width: 0;left: 50%;right: 50%;}50% {width: 100%;left: 0;right: 0;}100% {width: 0;left: 50%;right: 50%;}}.bg-custom {background: linear-gradient( 90deg, rgba(83, 34, 141, 0.9) 0%, rgba(64, 32, 129, 0.9) 50%, rgba(34, 32, 116, 0.9) 100% ), url("../img/slider01.jpg");background-size: cover;background-position: center;min-height: 100vh;display: flex;justify-content: center;align-items: center;position: relative;width: 100%;padding: 60px 0;}.bg-custom .container {color: white;text-align: center;position: relative;z-index: 1;}.text-scaler {display: inline-block;transform: scaleY(1.5);transform-origin: center;margin: 20px 0;}h1.display-4 {font-family: "Montserrat", sans-serif;font-weight: 900 !important;font-size: 50px;line-height: 46px;position: relative;display: inline-block;color: #fff;z-index: 2;margin: 0;padding: 0;}h1.display-4::after {content: "Bienvenido a la G.U.E. M.C";position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: rgba(255, 255, 255, 0.253);z-index: -1;animation: slideText 15s linear infinite;font: inherit;transform: translateX(-100%);}@keyframes slideText {0% {transform: translateX(-100%);}50% {transform: translateX(100%);}100% {transform: translateX(-100%);}}.bg-custom .logo-container {position: relative;z-index: 3;margin-bottom: 30px;}.bg-custom .logo-container img {display: block;margin: 0 auto;max-width: 80px;height: auto;}.btn-primary {background-color: #ff2d55;border: #ff2d55;color: white;padding: 10px 20px;transition: all 0.5s ease;background-image: linear-gradient(to right, #1b97ea, #1b97ea);background-size: 0 100%;background-repeat: no-repeat;}.btn-primary:hover {background-size: 100% 100%;color: white;}.btn-outline-primary {border-color: #ff2d55;color: #fff;}.bg-custom .btn-primary, .bg-custom .btn-outline-primary {margin-top: 1rem;}#loader {width: 100%;height: 100vh;background-color: white;display: flex;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;z-index: 9999;transition: opacity 1s ease, visibility 1s ease;}#loader.fade-out {opacity: 0;visibility: hidden;}.circle-loader {display: flex;align-items: center;justify-content: center;}.circle {position: absolute;border: 3.5px solid transparent;border-radius: 50%;animation: rotate 4s infinite ease-in-out;}.circle-1 {width: 250px;height: 250px;border-top-color: rgb(99, 102, 241);border-right-color: rgb(99, 102, 241);animation-delay: -0.2s;}.circle-2 {width: 200px;height: 200px;border-top-color: #404041;border-right-color: #404041;animation-delay: -0.4s;}.circle-3 {width: 150px;height: 150px;border-top-color: rgb(99, 102, 241);border-right-color: rgb(99, 102, 241);animation-delay: -0.6s;}.circle-4 {width: 100px;height: 100px;border-top-color: #404041;border-right-color: #404041;animation-delay: -0.8s;}@keyframes rotate {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}#contador span {font-size: 3rem;color: #ff2d55;}#contador .small {font-size: 1rem;color: #fff;}#contador .text-center {min-width: 60px;}#contador .text-center:nth-child(odd) {line-height: 1;}.aniversario {background-image: url("../img/bganiversario.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;padding: 20px;}.gallery-bg-container {position: relative;}.gallery-bg-container::before {content: "";position: absolute;top: 10%;left: 0;right: 0;bottom: 0;background: #1e0d7f;background: linear-gradient( 90deg, rgba(30, 13, 127, 1) 0%, rgba(48, 18, 132, 1) 50%, rgba(77, 29, 141, 1) 100%, rgba(123, 48, 153, 0.98) 100% );z-index: 0;}.gallery-container {position: relative;z-index: 1;}.gallery-container {margin: 0 auto;padding: 0 15px;}.row.g-0 {margin-right: 0;margin-left: 0;}.row.g-0 > [class^="col-"] {padding-right: 0;padding-left: 0;}.gallery-container img {width: 100%;height: 300px;object-fit: cover;display: block;transition: transform 0.3s ease;}.gallery-container img:hover {transform: scale(1.02);z-index: 1;position: relative;}@media (max-width: 767.98px) {.gallery-container img {height: 200px;}}.carousel-img {max-height: 100px;width: auto;padding: 15px;transition: transform 0.3s ease;}.carousel-img:hover {transform: scale(1.05);}.carousel-item .row {min-height: 150px;align-items: center;}.carousel-control-prev, .carousel-control-next {width: 8%;opacity: 0.8;}.mariscal-xys-section {position: relative;padding: 3rem 0;background: url("../img/fondo-ondas.png") no-repeat center center/cover;animation: mariscal-wave-bg 15s linear infinite;}@keyframes mariscal-wave-bg {0% {background-position: 0 0;}50% {background-position: 100% 50%;}100% {background-position: 0 0;}}.mariscal-abc-imgbox {position: relative;z-index: 1;}.mariscal-abc-imgbox::before {content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(135deg, #ff2d55 0%, #1b97ea 100%);top: 15px;left: 15px;z-index: -1;border-radius: 1rem;opacity: 0.7;}.mariscal-def-imgbox {position: relative;z-index: 1;}.mariscal-def-imgbox::before {content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(45deg, #1b97ea 0%, #ff2d55 100%);top: 15px;right: 15px;z-index: -1;border-radius: 1rem;opacity: 0.7;}.mariscal-abc-imgbox img, .mariscal-def-imgbox img {transition: transform 0.5s ease, box-shadow 0.5s ease;position: relative;}.mariscal-abc-imgbox:hover img {transform: translate(-5px, -5px);}.mariscal-def-imgbox:hover img {transform: translate(5px, -5px);}.mariscal-xys-section {background-size: 1200px;animation: mariscal-wave-move 60s linear infinite;}@keyframes mariscal-wave-move {0% {background-position: 0 bottom;}100% {background-position: 1200px bottom;}}.footer-section {background-image: url("../img/footer.png");background-size: cover;background-position: center;min-height: 400px;}.footer-section::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;}.copyright-ribbon {background-color: #ff2d55;padding: 0.35rem 0;}.top-header {background-color: var(--active-color);z-index: 1030;transition: all 0.3s ease;}.navbar {top: 56px;transition: all 0.3s ease;z-index: 1020;}.nav-transition.scrolled {background-color: var( --menu-bg ) !important;backdrop-filter: blur(5px);top: 0 !important;}.header-transition.hidden {transform: translateY(-100%);}@media (max-width: 991.98px) {.top-header {display: none !important;}.navbar {top: 0 !important;background-color: var(--menu-bg);backdrop-filter: blur(5px);}.header-spacer {height: 70px !important;}}.nav-link {font-size: 1.1rem;padding: 12px 20px;font-family: Oswald, sans-serif;}.custom-nav-link {position: relative;transition: transform 0.3s ease, color 0.3s ease;display: inline-block;color: #fff;}.custom-nav-link:not(.dropdown-toggle)::after {content: "";position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background-color: var(--active-color);transition: all 0.3s ease-in-out;transform: translateX(-50%);}.custom-nav-link:hover {transform: translateY(-2px);color: var(--active-color) !important;text-shadow: 0 0 4px rgba(255, 193, 7, 0.5);}.custom-nav-link:not(.dropdown-toggle):hover::after {width: 100%;}.nav-link.active {font-weight: 600;color: var(--active-color) !important;border-bottom: none !important;}.nav-item.dropdown:hover .dropdown-menu {display: block;margin-top: 0;animation: fadeInDropdown 0.3s ease-in-out;pointer-events: auto;opacity: 1;}@keyframes fadeInDropdown {from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);}}.dropdown-menu .dropdown-item {transition: background-color 0.3s, color 0.3s;}.dropdown-menu .dropdown-item:hover {background-color: var(--active-color);color: var(--menu-bg);font-weight: 500;}.dropdown-menu {background-color: var(--menu-bg);border: none;backdrop-filter: blur(4px);}.mariscal-section {padding: 5rem 0;background-color: #f8f9fa;}.mariscal-section .title {font-weight: 700;color: #2c3e50;position: relative;display: inline-block;}.mariscal-section .title::after {content: "";position: absolute;width: 50%;height: 3px;background: #e74c3c;bottom: -10px;left: 25%;}.mariscal-content-box {background: white;padding: 2rem;border-radius: 0.5rem;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);height: 100%;transition: transform 0.3s ease, box-shadow 0.3s ease;}.mariscal-content-box:hover {transform: translateY(-5px);box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.1);}.text-mariscal-primary {color: #2c3e50;}.text-mariscal-secondary {color: #7f8c8d;}.mariscal-img-container {box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);transition: transform 0.5s ease;}.mariscal-img-container:hover {transform: scale(1.02);}.mariscal-img-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient( to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50% );}.mariscal-img-caption {z-index: 2;}.wow {visibility: hidden;}@media (max-width: 992px) {.mariscal-section {padding: 3rem 0;}.mariscal-content-box {padding: 1.5rem;}}.mariscal-patron-section {background-color: #f8f9fa;}.mariscal-saint-img-container {transition: all 0.3s ease;padding: 0 1rem;}.mariscal-saint-img-container img {box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease;}.mariscal-saint-img-container:hover img {transform: scale(1.03);}.mariscal-saint-content {padding: 1rem;}@media (min-width: 992px) {.mariscal-saint-content {padding-left: 2rem;}}.mariscal-pillars-section {background-color: #f8f9fa;position: relative;}.mariscal-pillar-card {background: white;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);transition: all 0.4s ease;border-top: 4px solid var(--active-color);}.mariscal-pillar-card:hover {transform: translateY(-5px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}.mariscal-icon-container {width: 80px;height: 80px;background: var(--active-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto;transition: all 0.3s ease;}.mariscal-pillar-card:hover .mariscal-icon-container {transform: rotate(15deg) scale(1.1);background: var(--menu-bg);}.mariscal-scroll-content {max-height: 300px;overflow-y: auto;padding-right: 10px;}.mariscal-scroll-content::-webkit-scrollbar {width: 5px;}.mariscal-scroll-content::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}.mariscal-scroll-content::-webkit-scrollbar-thumb {background: var(--active-color);border-radius: 10px;}.mariscal-pillar-decoration {position: absolute;bottom: 0;right: 0;width: 100px;height: 100px;background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="%23e74c3c" opacity="0.1"/></svg>');background-size: contain;z-index: 0;transition: all 0.4s ease;}.mariscal-pillar-card:hover .mariscal-pillar-decoration {transform: scale(1.2);opacity: 0.8;}@media (max-width: 991.98px) {.mariscal-pillar-card {padding: 2rem !important;}.mariscal-scroll-content {max-height: none;overflow-y: visible;}}.mariscal-structure-section {background-color: #f8f9fa;}.mariscal-org-container {transition: all 0.3s ease;border: 1px solid rgba(0, 0, 0, 0.05);}.mariscal-img-wrapper {border: 1px solid #dee2e6;}.transition-scale {transition: transform 0.5s ease;}.mariscal-img-wrapper:hover .transition-scale {transform: scale(1.02);}.mariscal-zoom-btn {opacity: 0.95;transition: all 0.3s ease;padding: 0.35rem 0.75rem;}.mariscal-zoom-btn:hover {opacity: 1;transform: translateY(-2px);}.bg-mariscal-primary {background-color: #2c3e50 !important;}.bg-mariscal-secondary {background-color: #e74c3c !important;}.bg-mariscal-accent {background-color: #3498db !important;}.text-mariscal-secondary {color: #6c757d;}.btn-mariscal-secondary {background-color: #e74c3c;color: white;border: none;}#orgChartModal .modal-content {overflow: hidden;}@media (max-width: 768px) {.mariscal-zoom-btn {padding: 0.25rem 0.5rem;font-size: 0.8rem;}}.mariscal-gallery-section {background-color: #f8f9fa;}.mariscal-gallery-item {aspect-ratio: 1/1;transition: all 0.3s ease;cursor: pointer;}.mariscal-gallery-item:hover {transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;}.mariscal-gallery-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);opacity: 0;transition: opacity 0.3s ease;}.mariscal-gallery-item:hover .mariscal-gallery-overlay {opacity: 1;}.mariscal-gallery-btn {transform: translateY(20px);transition: all 0.3s ease;}.mariscal-gallery-item:hover .mariscal-gallery-btn {transform: translateY(0);}@media (max-width: 768px) {.mariscal-gallery-item {aspect-ratio: 4/3;}}.mariscal-modal-image-container {max-height: 80vh;display: flex;justify-content: center;align-items: center;}#galleryModal .img-fluid {max-height: 80vh;max-width: 100%;object-fit: contain;}#galleryModal .modal-dialog {max-width: 95%;margin: 1rem auto;}#galleryModal .modal-content {background: rgba(0, 0, 0, 0.7);backdrop-filter: blur(5px);}@media (min-width: 992px) {#galleryModal .modal-dialog {max-width: 900px;}}@media (max-width: 576px) {#galleryModal .modal-dialog {max-width: 98%;}.mariscal-modal-image-container {max-height: 60vh;}#galleryModal .img-fluid {max-height: 60vh;}}.mariscal-contact-section {background-color: #f8f9fa;}.mariscal-map-container {position: relative;border: 1px solid #dee2e6;}#mariscalMap {width: 100%;z-index: 1;}.map-overlay-info {position: relative;z-index: 2;border-top: 1px solid #dee2e6;}.mariscal-contact-card {border: 1px solid #dee2e6;}@media (max-width: 767.98px) {#mariscalMap {height: 350px;}}