/* Variables */
:root,
[data-bs-theme=light] {

  --capit-blue: #305CDE;
  --capit-blue-rgb: 48, 92, 222;
  --capit-accent: #0059F2;  
  --capit-accent-rgb: 0, 89, 242;  
  --capit-grey: #6F7C82;
  --capit-mid-grey: #6F7C82;
  --capit-light-grey: #F1F1F1;
  --capit-black: #1E1E1E;
  --capit-white: #FFFFFF;
  --capit-dark-blue: #052c65;  
  --capit-dark-blue-rgb: 5, 44, 101;  
  --capit-blue-60: #ADB3E5;
  
  --capit-letter-spacing-tight: -0.03em;
  --capit-letter-spacing-bitmore: -0.02em;
  --capit-letter-spacing-bit: -0.01em;
  --capit-letter-spacing-loose: 0.006em;
  
    --theme-gradient-button: linear-gradient(89.58deg, #3186FF .28%, #346BF0 44.45%, #4EA0FF 99.55%);
    --theme-gradient-button-2x: linear-gradient(89.58deg, #3186FF 50.14%, #346BF0 72.225%, #4EA0FF 99.775%);
    --theme-gradient-text: linear-gradient(89.58deg, #3186FF .28%, #346BF0 44.45%, #4EA0FF 99.55%);  
 
  --bs-font-sans-serif: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-sans-serif-g: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;  
  --bs-body-font-family: var(--bs-font-sans-serif-g);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.563em;
  --bs-body-color: #1E1E1E;
  --bs-body-color-rgb: 30, 30, 30;
  --bs-body-bg: var(--capit-white);

  --bs-offcanvas-width: 100vw;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
	
}

/*--------------------------------------------------------------
# Font variables and Icons
--------------------------------------------------------------*/

.figtree-300 {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.figtree-400 {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.figtree-500 {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.figtree-600 {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.figtree-700 {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.figtree-800 {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.figtree-900 {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

.space-grotesk-300 {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.space-grotesk-400 {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.space-grotesk-500 {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.space-grotesk-600 {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.space-grotesk-700 {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

/*--------------------------------------------------------------
# Background Animation
--------------------------------------------------------------*/

.css-selector-other {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.css-selector {
    background: linear-gradient(136deg, #0059f2, #333399, #0059f2);
    background-size: 600% 600%;

    -webkit-animation: bganim 4s ease infinite;
    -moz-animation: bganim 4s ease infinite;
    animation: bganim 4s ease infinite;
}

@-webkit-keyframes bganim {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-moz-keyframes bganim {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@keyframes bganim {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}

/* ==========================================================================
  Transitions
  ========================================================================== */

/* Scroll reveal*/

/* Step reveal*/

.scroll-reveal,
.step-reveal{
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(.45, .03, .50, .95);
  transition-duration: 500ms;
}

/* Internal items to reveal*/

.scroll-reveal .reveal-object, .step-reveal .reveal-object{
  opacity: 0;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.45, .03, .50, .95);
  transition-duration: 300ms;
  transition-delay: 1000ms;
}

/* In viewport*/

.scroll-reveal.revealed, .step-reveal.revealed{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

/* Internal items to reveal*/

.scroll-reveal.revealed .reveal-object, .step-reveal.revealed .reveal-object{
  opacity: 1;
}


/*--------------------------------------------------------------
# Animation
--------------------------------------------------------------*/

/* anim for btn */

@-webkit-keyframes SpinAndScale {  
    0% {
    -webkit-transform: scale(.85) rotate3d(0, 0, 1, -200deg);
    transform: scale(.85) rotate3d(0, 0, 1, -200deg);
    }
    75% {
    -webkit-transform: scale(1.15) translate3d(0, 0, 0);
    transform: scale(1.15) translate3d(0, 0, 0);
    }

    100% {
    -webkit-transform: scale(1) rotate3d(0, 0, 1, 200deg);
    transform: scale(1) rotate3d(0, 0, 1, 200deg);
    }
  
}
@keyframes SpinAndScale {
    0% {
    -webkit-transform: scale(.85) rotate3d(0, 0, 1, -200deg);
    transform: scale(.85) rotate3d(0, 0, 1, -200deg);
    }
    75% {
    -webkit-transform: scale(1.15) translate3d(0, 0, 0);
    transform: scale(1.15) translate3d(0, 0, 0);
    }

    100% {
    -webkit-transform: scale(1) rotate3d(0, 0, 1, 200deg);
    transform: scale(1) rotate3d(0, 0, 1, 200deg);
    }
}

a, .nav-link, .btn-capit {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	
}
a:hover, .nav-link:hover, .btn-capit:hover {
	-webkit-transform: translateX(6px);  
	transform: translateX(6px);  
	-moz-transform: translateX(6px);  
	-o-transform: translateX(6px);  
	-ms-transform: translateX(6px);
}




/*--------------------------------------------------------------
# Parallax Effect Images
--------------------------------------------------------------*/

.image-container {
  position: relative;
  overflow: hidden;
  background-color: red;
  width: 100vw;
  height: 30vw;
}

.image-container img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 170%;
  object-fit: cover;
  object-position: center;
  padding: 0;
}


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

html.sr .load-hidden {
    visibility: hidden;
}

.fixed-background-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('img/bg.jpg');
        background-size: cover;
        background-position: center top;
        z-index: -1; /* Ensures it stays behind other content */
}

body {
    font-family: var(--bs-font-sans-serif-g);
	font-size: var(--bs-body-font-size);
    font-optical-sizing: auto;
    color: var(--capit-white);
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: var(--bs-font-sans-serif);  margin-top: 0;
}

.page h1 {
  font-size: clamp(2.5rem, 2.232rem + 0.714vw, 2.875rem);
  
}

.lead {
  font-size: clamp(1rem, 0.821rem + 0.476vw, 1.25rem);
  line-height: 1.4;
}

a {
  	color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
	text-decoration: underline;
	text-decoration-color: inherit;
	text-underline-offset: 0.25em !important;
	text-decoration-thickness: 1px;
}

a:hover, a:focus {
	--bs-link-color-rgb: var(--bs-link-hover-color-rgb);  
}

a {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	
}

hr, 
.wp-block-separator {
  margin: 3rem 0;
  color: var(--capit-grey);
  border-top: var(--bs-border-width) solid;
  opacity: .75  
}


.oval {
	margin: 1rem auto;
	height: 25px;
	width: 100px;
	background-color: transparent;
	border: 1px solid var(--capit-white);
	border-radius: 50%;
	opacity: .75  
}

/*--------------------------------------------------------------
# Page Title Bar
--------------------------------------------------------------*/

.page-title-bar {
	height: 200px;
}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.mainheader {
	border-bottom: 1px solid rgba(248, 249, 250, 0.125);
}

.mainheader::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: -1; /* Ensure it's behind other content */
}

/*.navbar {
  --bs-navbar-padding-x: 1rem;
  --bs-navbar-padding-y: 1rem;
}*/

.navbar-toggler {
    padding: 0.25em 0.25em;
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
	border: 1px solid #fff;
	border-radius: 2rem;
    transition: var(--bs-navbar-toggler-transition);
	opacity: var(--bs-btn-close-opacity);
}

.navbar-toggler:hover {
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
  -webkit-animation: SpinAndScale 0.5s infinite;
  animation: SpinAndScale 0.5s infinite;
  -webkit-transform-origin: center;
  transform-origin: center;

}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
  opacity: var(--bs-btn-close-focus-opacity);
}

.navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23fff'%3e%3cpath d='M170-254.62q-12.75 0-21.37-8.63-8.63-8.62-8.63-21.38 0-12.75 8.63-21.37 8.62-8.61 21.37-8.61h620q12.75 0 21.37 8.62 8.63 8.63 8.63 21.39 0 12.75-8.63 21.37-8.62 8.61-21.37 8.61H170ZM170-450q-12.75 0-21.37-8.63-8.63-8.63-8.63-21.38 0-12.76 8.63-21.37Q157.25-510 170-510h620q12.75 0 21.37 8.63 8.63 8.63 8.63 21.38 0 12.76-8.63 21.37Q802.75-450 790-450H170Zm0-195.39q-12.75 0-21.37-8.62-8.63-8.63-8.63-21.39 0-12.75 8.63-21.37 8.62-8.61 21.37-8.61h620q12.75 0 21.37 8.63 8.63 8.62 8.63 21.38 0 12.75-8.63 21.37-8.62 8.61-21.37 8.61H170Z'/%3e%3c/svg%3e");
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;

}

.flecha {
	display: block;
	width: 8px;
	height: auto;
}


.button__icon--arrow-right {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='currentColor' d='m14.074 5.086-1.078 1.078 5.086 5.086H3.035v1.5h15.047l-5.086 5.086 1.078 1.078 6.375-6.375.516-.539-.516-.54-6.375-6.374Z'/%3E%3C/svg%3E");
}

/*--------------------------------------------------------------
# Offcanvas Menu
--------------------------------------------------------------*/

/*.offcanvas {
	background-image: url('img/bg.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}*/

.offcanvas {
	background-color: rgba(30, 61, 154, 0.8); /* Blue with 70% opacity */ 
	/* background-color: rgba(63, 55, 201, 0.9); /* Blue with 50% opacity */ 
}
  
.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: 100vw;
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
}

.offcanvas-header  {
	padding: 1.5em 1.5em; 
}


.offcanvas .nav.primary-menu .nav-link {
    letter-spacing: var(--capit-letter-spacing-tight);
    line-height: 1;
    font-size: clamp(1.75rem, 1.036rem + 1.905vw, 2.75rem);
	font-family: "Figtree", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
    background: var(--theme-gradient-text);
	background: #2584FF;
	background: -webkit-linear-gradient(90deg, rgba(37, 132, 255, 1) 0%, rgba(204, 255, 255, 1) 100%);
	background: -moz-linear-gradient(90deg, rgba(37, 132, 255, 1) 0%, rgba(204, 255, 255, 1) 100%);
	background: linear-gradient(90deg, rgba(37, 132, 255, 1) 0%, rgba(204, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2584FF", endColorstr="#CCFFFF", GradientType=1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.offcanvas .btn-close {
  --bs-btn-close-color: #fff;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23fff'%3e%3cpath d='M480-437.85 277.08-234.92q-8.31 8.3-20.89 8.5-12.57.19-21.27-8.5-8.69-8.7-8.69-21.08 0-12.38 8.69-21.08L437.85-480 234.92-682.92q-8.3-8.31-8.5-20.89-.19-12.57 8.5-21.27 8.7-8.69 21.08-8.69 12.38 0 21.08 8.69L480-522.15l202.92-202.93q8.31-8.3 20.89-8.5 12.57-.19 21.27 8.5 8.69 8.7 8.69 21.08 0 12.38-8.69 21.08L522.15-480l202.93 202.92q8.3 8.31 8.5 20.89.19 12.57-8.5 21.27-8.7 8.69-21.08 8.69-12.38 0-21.08-8.69L480-437.85Z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1.5em;
  height: 1.5em;
  padding: 0.5em 0.5em;
  color: var(--bs-btn-close-color);
  vertical-align: middle;
  background-color: transparent;
  background-image: var(--bs-btn-close-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  filter: var(--bs-btn-close-filter);
  border: 1px solid #fff;
  border-radius: 2rem;
  opacity: var(--bs-btn-close-opacity);
  
}
.offcanvas .btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
  -webkit-animation: SpinAndScale 0.5s infinite;
  animation: SpinAndScale 0.5s infinite;
  -webkit-transform-origin: center;
  transform-origin: center;

}

.offcanvas .social-menu-list a.nav-link {
  color: var(--capit-blue-60);

}




/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer {
	padding-top: 20px;
	padding-bottom: 0;
}


footer p,
footer .nav-link {
    color: var(--capit-blue-60);
    font-size: 0.875rem;	
}

.big-ari img {
	opacity: 0.1;
	margin-bottom: -30px;
	
}


/*--------------------------------------------------------------
# Go to Top btn
--------------------------------------------------------------*/
.nav-gotop {
  z-index: 1030;
}

.gotop-btn {
    color: var(--capit-white);
    background-color: var(--capit-accent);
    border: none;
    border-radius: 50% !important;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1035;
    opacity: 1;
}

.gotop-btn:hover {
  text-decoration: none;
  opacity: 1;
  -webkit-animation: SpinAndScale 0.5s infinite;
  animation: SpinAndScale 0.5s infinite;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.gotop-btn:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0;
  opacity: 1;
}

.gotop-btn i {
    color: var(--capit-white);
    font-size: 1.5rem;
    
}


/*--------------------------------------------------------------
# Global Content
--------------------------------------------------------------*/

.content-wrapper {
    min-height: 100%;

}

/*.page {
	padding-top: 6.5rem !important;
	padding-bottom: 6.5rem !important;

}*/


#content {
    /*background-color: rgba(51, 0, 153, 0.3);*/
	padding-top: 5.5rem !important;
	padding-bottom: 3.5rem !important;
	border-bottom: 1px solid rgba(248, 249, 250, 0.125);

}



/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/

.btn-outline-primary {
  --bs-btn-color: #3296FF;
  --bs-btn-border-color: #3296FF;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3296FF;
  --bs-btn-hover-border-color: #3296FF;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3296FF;
  --bs-btn-active-border-color: #3296FF;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(255, 255, 255, 0.125);
  --bs-btn-disabled-color: #3296FF;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3296FF;
  --bs-gradient: none;
}

.btn-capit {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-border-radius: var(--bs-border-radius-xxl) !important;

}


/*--------------------------------------------------------------
# Front Page
--------------------------------------------------------------*/

#hero {
  height: 75vh;
  padding-top: 5rem !important;
}

#hero h1 {
	font-weight: 300;
	letter-spacing: -0.01;	
	line-height: 1.1;
}

section {
  height: auto;
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  border-bottom: 1px solid rgba(248, 249, 250, 0.125);
}


.etiqueta {
  font-size: 0.875rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}

.etiqueta::before {
  content: "—\00A0\00A0\00A0";
  color: inherit; /* matches text color */
  font-weight: normal;
}

section h2 {
	font-size: clamp(1.75rem, 0.768rem + 2.619vw, 3.125rem);
	font-weight: 500;
	letter-spacing: -0.01;
	line-height: 1.1;
}

.degrade {
	display: inline-block;
	background: -webkit-linear-gradient(90deg, rgba(37, 132, 255, 1) 0%, rgba(204, 255, 255, 1) 100%);
	background: -moz-linear-gradient(90deg, rgba(37, 132, 255, 1) 0%, rgba(204, 255, 255, 1) 100%);
	background: linear-gradient(90deg, rgba(37, 132, 255, 1) 0%, rgba(204, 255, 255, 1) 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background-clip: text !important; /* for Firefox */
    color: transparent; /* fallback */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2584FF", endColorstr="#CCFFFF", GradientType=1);
}





/*--------------------------------------------------------------
# Cifras en FrontPage
--------------------------------------------------------------*/


.card.cifras {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: #3296FF;
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    min-height: 130px;
}

.card.cifras .card-body {
	text-align: right;
}

.card.cifras h5 {
	display: inline-block;
	font-family: var(--bs-font-sans-serif-g);
	letter-spacing: var(--capit-letter-spacing-tight);
	-webkit-background-clip: text !important; 
	-webkit-text-fill-color: transparent;
    background-clip: text !important;
    text-fill-color: transparent;
	background: -webkit-linear-gradient(90deg, rgba(37, 132, 255, 1) 0%, rgba(204, 255, 255, 1) 100%);
	background: -moz-linear-gradient(90deg, rgba(37, 132, 255, 1) 0%, rgba(204, 255, 255, 1) 100%);
	background: linear-gradient(90deg, rgba(37, 132, 255, 1) 0%, rgba(204, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2584FF", endColorstr="#CCFFFF", GradientType=1);
	font-weight: 300;
    line-height: 1.2;
    font-size: calc(1.525rem + 3.3vw);	
}

.card.cifras .card-text {
    color: var(--capit-white);
    line-height: 1.0;    
}

/*--------------------------------------------------------------
# Miembros en FrontPage
--------------------------------------------------------------*/
#members {
  min-height: 75vh;
 	
}

.b-slider {
  overflow-x: hidden;
  min-width: 100%;
  outline: 0;
}

.b-slider__slide {
    text-align: center;
    display: flex;
    align-items: center;
}
.b-slider__ref {
    display: flex;
    align-items: center;
    justify-content: center;
}



/*--------------------------------------------------------------
# Miembros Page
--------------------------------------------------------------*/

.btn-naked {
  background-color: unset; /* Remove Bootstrap's background color */
  color: unset; /* Remove Bootstrap's text color */
  border: unset; /* Remove Bootstrap's border */
  padding: unset; /* Remove Bootstrap's padding */
  font-size: unset; /* Remove Bootstrap's font size */
  box-shadow: unset; /* Remove Bootstrap's box shadow */
  /* Add more properties as needed */
}

.btn-naked:focus {
  outline: none;
  box-shadow: none;
}

.item-miembro {
    overflow-x: hidden;
    overflow-y: hidden;
 	
}

.item-miembro h6 {
  font-family: var(--bs-font-sans-serif-g);
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 0.125rem;	
	
}

.item-miembro h6.productora {
	color: rgb(50, 150, 255);
}

div.wrapper {
  overflow: hidden;
  /* Define the dimensions of the square 
  width: 150px;
  height: 150px;*/

  /* Make it a circle using border-radius */
  border-radius: 50%;

  /* Add the border */
  border: none; /* Example: 5px solid blue border */

  /* Optional: Center the content and add a background color */
  display: flex;
  justify-content: center;
  align-items: center;
}

.item-miembro .wrapper img {
    opacity: 0.8;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.item-miembro .wrapper:hover img {
	opacity: 1;
	-webkit-transform: scale(1.1);  
	transform: scale(1.1);  
	-moz-transform: scale(1.1);  
	-o-transform: scale(1.1);  
	-ms-transform: scale(1.1);
	-webkit-transform-origin: center center;	
	transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	-ms-transform-origin: center center;
}



/*--------------------------------------------------------------
# Modal Miembros
--------------------------------------------------------------*/

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  z-index: var(--bs-backdrop-zindex);
  background-color: var(--bs-backdrop-bg);
}

.modal {
  --bs-modal-zindex: 1055;
  z-index: var(--bs-modal-zindex);
}


.member-modal img {}
.member-modal h5 {}
.member-modal p {
	margin-bottom: 0;
}
.member-modal a.website {}
.member-modal .redes {}
.member-modal .redes a {margin: 0 0.2rem;}
.member-modal .redes a .bi {font-size: 1em; color: var(--capit-accent);}


/*--------------------------------------------------------------
# La Cámara
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Comisión Directiva
--------------------------------------------------------------*/

.cargo {
  color: var(--capit-blue-60);
  border-bottom: 1px solid var(--capit-blue-60);
  font-size: 0.875rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
  text-align: left;
}


/*.item-autoridad img {
	opacity: 1.0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.item-autoridad img:hover {
	opacity: 0.8;
	-webkit-transform: scale(0.9);  
	transform: scale(0.9);  
	-moz-transform: scale(0.9);  
	-o-transform: scale(0.9);  
	-ms-transform: scale(0.9);
	-webkit-transform-origin: center center;	
	transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	-ms-transform-origin: center center;
}*/

.item-autoridad h6 {
  font-family: var(--bs-font-sans-serif-g);
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
	
}


.item-autoridad h6.productora {
	color: rgb(50, 150, 255);
}

.item-autoridad p {
	margin-bottom: 3rem;
}


.filter-comision .nav-link {
    font-weight: 400;
    color: var(--capit-blue-60);
    text-decoration: none; 
}

.filter-comision .nav-link:hover {
    color: var(--capit-white);
}


.filter-comision .nav-link.active, .nav-underline .show > .nav-link {
    font-weight: 600;
    color: #33CCFF;
    border-bottom-color: currentcolor;
}



/*--------------------------------------------------------------
# Contacto
--------------------------------------------------------------*/

.page.contact form .btn {
	transition: transform 0.3s ease-in-out; 
}

.page.contact form .btn:hover {
	transform: translateX(8px); /* Moves the button 10px to the right */
}

.page.contact .form-control {
  background: rgba(255, 255, 255, 0.7);
  border: 0;
  color: var(--capit-blue);
}

.page.contact .form-control:focus {
  background: rgba(5, 44, 101, 0.5);
  border: 0;
  color: var(--capit-blue-60);
}


/*--------------------------------------------------------------
# Thank You Page
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Error 404
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Carousel Noticias en FrontPage
--------------------------------------------------------------*/

.carousel-noticias .card-body a {
  	color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  	-webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  	text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
	--bs-link-underline-opacity: 0.25;
	color: var(--capit-white);
	text-underline-offset: 0.25em !important;
}

.carousel-noticias .card-body a:hover{
  --bs-link-underline-opacity: 1;
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}


/*--------------------------------------------------------------
# Customize Flickity UI
--------------------------------------------------------------*/

/* no circle */
.flickity-button {
  opacity: 0.8;
  transition: all 0.5s ease-out;
}
.flickity-button:hover {
  opacity: 1;
}
/* big previous & next buttons */
.flickity-prev-next-button {
}
/* icon color */
.flickity-button-icon {
  fill: var(--capit-accent);
}
/* hide disabled button */
.flickity-button:disabled {
  display: none;
}

/* white circles */
.flickity-page-dots .dot {	
}

/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
  background: var(--capit-accent);
}


/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

/* X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { ... }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	.offcanvas.offcanvas-end {
	    width: 40vw;
	}
	
	#hero {
	  height: 100vh;
	}

	#content {
		padding-top: 8.5rem !important;
		padding-bottom: 6.5rem !important;
	}

	.excerpt {
	    font-size: 1.875rem;
		font-weight: 300;
		line-height: 1.2;
		margin-bottom: 3.0rem;
	}

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { ... }