@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
  box-sizing: border-box;
  --main_clr: #1E233F;
  --scnd_clr: #8D44AD;
  --tird_clr: #0B335D;
  --four_clr: #06213D;
  --idx_bg: #F5F7FA;
  --hvr_clr: #000;
  --dark_clr: #232323;
  --light_clr: #fff;
  --gray_clr: #ddd;
  --fixx_clr: #94A7BC;
  --none_shadow: none;
  --filter_w: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(169deg) brightness(114%) contrast(100%);
  --filter_b: brightness(0) saturate(100%);
  --filter_m: brightness(0) saturate(100%) invert(21%) sepia(59%) saturate(7499%) hue-rotate(354deg) brightness(98%) contrast(127%);
  --filter_3: brightness(0) saturate(100%) invert(15%) sepia(84%) saturate(1054%) hue-rotate(185deg) brightness(94%) contrast(99%);
}

@font-face {font-family:'BebasNeue';src:url('../fonts/BebasNeue Thin.ttf') format('truetype');font-weight:100;font-style:normal;}
@font-face {font-family:'BebasNeue';src:url('../fonts/BebasNeue Light.ttf') format('truetype');font-weight:300;font-style:normal;}
@font-face {font-family:'BebasNeue';src:url('../fonts/BebasNeue Book.ttf') format('truetype');font-weight:400;font-style:normal;}
@font-face {font-family:'BebasNeue';src:url('../fonts/BebasNeue Regular.ttf') format('truetype');font-weight:500;font-style:normal;}
@font-face {font-family:'BebasNeue';src:url('../fonts/BebasNeue Bold.ttf') format('truetype');font-weight:700;font-style:normal;}

* {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
html {scroll-padding-top: 88.25px}
body {
	font-family: "Inter", sans-serif;
	position: relative;
	font-weight: 400;
	background: transparent;
	color:#232323;
	font-size: 22px;
	line-height: 1.2;
	overflow-x: hidden;
}

body  section{
	padding: 4vw 0;
	position: relative;
}

a:hover,
a:focus {
	outline:none;
	outline-offset: 0;
	text-decoration:none;
	color:#232323;
}

a {color:var(--main_clr);text-decoration:none;}

h1, h2, h3, h4, h5, h6 {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 500;
	line-height: 1.1;
}

img {width:100%; pointer-events: none;}
.center {text-align: center;}
.right_ {text-align: right;}
.justify {text-align: justify;}
.justifyc {text-align: justify;text-align-last: center;}
.no_drop {cursor: no-drop;}

.imgc {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}

.upp_ {text-transform: uppercase;}
.ff_ {font-family: "Inter", sans-serif;}

.fw_100 {font-weight: 100;}
.fw_200 {font-weight: 200;}
.fw_300 {font-weight: 300;}
.fw_400 {font-weight: 400;}
.fw_500 {font-weight: 500;}
.fw_600 {font-weight: 600;}
.fw_700 {font-weight: 700;}
.fw_800 {font-weight: 800;}
.fw_900 {font-weight: 900;}

.fs_01 {font-size: calc(1.5rem + 1.5vw);}
.fs_02 {font-size: calc(2.5rem + 2vw);}
.fs_03 {font-size: calc(3.5rem + 3vw);}
.fs_04 {font-size: calc(4.5rem + 4vw);}
.fs_05 {font-size: calc(5.5rem + 5vw);}

.padd_01 {padding: 1vw;}
.padd_02 {padding: 2vw;}
.padd_03 {padding: 3vw;}
.padd_04 {padding: 4vw;}
.padd_05 {padding: 5vw;}
.padd_06 {padding: 6vw;}

.mb_01 {margin: 0 0 1vw;}
.mb_02 {margin: 0 0 2vw;}
.mb_03 {margin: 0 0 3vw;}
.mb_04 {margin: 0 0 4vw;}
.mb_05 {margin: 0 0 5vw;}
.mb_06 {margin: 0 0 6vw;}

.mt_01 {margin: 1vw 0 0;}
.mt_02 {margin: 2vw 0 0;}
.mt_03 {margin: 3vw 0 0;}
.mt_04 {margin: 4vw 0 0;}
.mt_05 {margin: 5vw 0 0;}
.mt_06 {margin: 6vw 0 0;}

.clr_00 {color: #fff!important;}
.clr_01 {color: var(--main_clr);}
.clr_02 {color: var(--scnd_clr);}
.clr_03 {color: var(--tird_clr);}
.clr_04 {color: var(--four_clr);}

.bg_w {background: #fff;}

.marg_00 {margin: 0;}
.padd_00 {padding: 0!important;}

.no_marg {margin-left: 0; margin-right: 0;}
.no_padd {padding-left: 0; padding-right: 0;}

.dly1{ animation-delay: 0.2s;}
.dly2{ animation-delay: 0.4s;}
.dly3{ animation-delay: 0.6s;}
.dly4{ animation-delay: 0.8s;}
.dly5{ animation-delay: 1.0s;}
.dly6{ animation-delay: 1.2s;}
.dly7{ animation-delay: 1.4s;}
.dly8{ animation-delay: 1.6s;}
.dly9{ animation-delay: 1.8s;}
.dly10{ animation-delay: 2.0s;}
.dly11{ animation-delay: 2.2s;}
.dly12{ animation-delay: 2.4s;}

.cont_10 {width: 10%; padding: 0 15px;}
.cont_20 {width: 20%; padding: 0 15px;}
.cont_30 {width: 30%; padding: 0 15px;}
.cont_33 {width: 33%; padding: 0 15px;}
.cont_40 {width: 40%; padding: 0 15px;}
.cont_50 {width: 50%; padding: 0 15px;}
.cont_60 {width: 60%; padding: 0 15px;}
.cont_70 {width: 70%; padding: 0 15px;}
.cont_80 {width: 80%; padding: 0 15px;}
.cont_90 {width: 90%; padding: 0 15px;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}
a.active.focus, a.active:focus, a.focus, a:active.focus, a:active:focus, a:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}

hr {margin: 20px auto;border-top: 5px solid #ddd;width: 200px; }

.btn { line-height: 1; }

.video_yt{width:100%;box-shadow:0 23px 15px -25px #000;margin:10px auto;position:relative; border-radius: 1em;}
.video_yt .ratio>* {border-radius:1em} 

.align_c {
    display: inline-flex;
    align-items: center;
    width: 100%;
}

.w90 {width: 90%;margin:0 auto;}
.w70 {width: 70%;}
.w80_ {width: 80%;padding: 0 15px;margin: 0 auto;}
.w50 {width: 50%;}

.btn_00 {
	background: var(--main_clr);
	color: #fff;
	border-radius: 5px;
	border: none;
	padding: 10px 20px;
	font-size: 22px;
	margin: 10px auto;
	font-weight: 300;
	letter-spacing: 0;
}
.btn_00:focus,
.btn_00:hover {
	background: #232323;
	color: #fff;
}

.btn_01 {
	background: #232323;
	color: #fff;
	border-radius: 5px;
	border: none;
	padding: 1rem 2rem;
	font-size: 22px;
	margin: 10px auto;
	font-weight: 600;
	letter-spacing: 0;
}
.btn_01:focus,
.btn_01:hover {
	background: var(--main_clr);
	color: #fff;
}

.btn_02 {
    background: #b5b5b5;
    color: #fff;
    border-radius: 5px;
    border: none;
    padding: 10px 40px;
    font-size: 18px;
    margin: 25px auto;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    display: block;
}
.btn_02:focus,
.btn_02:hover {
	background: var(--main_clr);
	color: #fff;
}

.poss {position: relative;}

.hide_ {display:initial!important;}
.show_ {display: none!important;}

.cont_w100 {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}

#gral {padding: 5em 0 1em;}

.video_event {
    width: 50%;
    margin: 25px auto 10px;
    position: relative;
    float: right;
    padding: 10px;
}
.center_y_flex {justify-content: center;}

#iframe_flipbook {
    /*aspect-ratio: 16 / 9;*/
    width: 100%;
    height: 100vh;
    overflow: hidden;
    margin: 0 0 -6px;
    border-radius: 0em;
}
#iframe_flipbook_16_9 {
    aspect-ratio: 16 / 9;
    width: 100%;
    overflow: hidden;
    margin: 0 0 -6px;
    border-radius: 0em;
}
#iframe_flipbook_1_1 {
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden;
    margin: 0 0 -6px; 
    border-radius: 1em;
}

.iframe_model {height: 80vh;margin: 0 0 -7px;}

.doc_ivt {
    height: 100vh;
    margin: 0 0 -10px;
}

.share_wa {
    position: absolute;
    right: 8rem;
    top: 10px;
    width: fit-content;
    margin: 0 auto;
    background: #25d366;
    color: #fff;
    border: none;
    padding: 5px 15px;
    border-radius: 2em;
    box-shadow: 0 0 5px #000;
    font-size: 85%;
}
.share_wa:hover {
    background: #128c7e;
    color: #fff;
}


/* CUSTOM SCROLL BAR */
/* width */
/*::-webkit-scrollbar {width: 15px;height: 10px;}*/
/* Track */
/*::-webkit-scrollbar-track {background: #ddd;border-radius: 0;}*/
/* Handle */
/*::-webkit-scrollbar-thumb {background: var(--main_clr); border-radius: 10px;}*/

::selection{color: #fff;background: var(--main_clr);}

/************ MODALS STYLE ************/
.modal-open .modal {backdrop-filter: blur(5px);}
body.modal-open {padding-right: 0 !important; /* Desactiva la compensaci��n autom��tica de margen */} /*EVITA QUE SALTE LA PAGINA AL ABRIR MODAL overflow: auto!important;*/
.navbar {padding-right: 0 !important; /* Evita que el padding dinamico afecte la navbar */}

.modal-dialog {
	width: 100%;
	margin: 0;
}
.modal-content {
    border: 0px solid #FFF;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 #FFF;
    box-shadow: 0 0 0 #FFF;
    background-color: transparent;
    width: 100vw;
}
.modal-header {
    padding: 15px;
    border-bottom: 0px solid #fff;
    background: var(--main_clr);
    text-align: center;
    justify-content: center;
}
.modal-header h4 {
    font-size: 2.5rem;
    margin: 0;
}
.modal-title {
    font-size: 44px;
    letter-spacing: 0px;
	color: #fff;
}
.close {
    top: 5px;
    right: 0px;
    left: unset;
    opacity: 1;
    position: absolute;
    font-size: 3rem;
    font-weight: 400;
    background: var(--main_clr);
    color: #fff;
    padding: 0 0;
    width: 50px;
    height: 45px;
    line-height: 1;
    border-radius: 1em 0 0 1em;
    text-align: center;
    border: none;
}
.close:hover, .close:focus {
    background: var(--hvr_color);
    color: #fff;
    opacity: 1;
}

.modal-dialog .btn_00 {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    z-index: 10;
    font-size: 1rem;
    padding: 5px 10px;
    margin: 0;
}

/*********** ANIMATIONS ****************/

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.fadeIn {animation-name: fadeIn;}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

/*********** PANEL COLLAPSE ****************/

.accordion-button::after {
    content: '';
}
.accordion-button .icon {
    transition: transform 0.3s ease;
}
.accordion-button.collapsed .icon {
    transform: rotate(0deg);
}
.accordion-button:not(.collapsed) .icon {
    transform: rotate(180deg);
}
/*CUSTOM COLLAPSE*/
.accordion-button:focus {box-shadow: var(--none_shadow);}

.accordion-button {
    font-size: 1.5rem;
    font-weight: 700;
    background: #232323;
    color: #fff;
}
.accordion-button::after {filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(0%) hue-rotate(157deg) brightness(107%) contrast(107%);}
.accordion-button:hover {
    background: var(--main_clr);
    color: #fff;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background: var(--main_clr);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-body {
    max-height: 200px;
    overflow: auto;
}

/*********** GALERIA LIGHTBOX ****************/
.lb_  { background: #fff; position: relative; width: 100%; margin: 0 0 10px; }
.lb__  { background: #fff; position: relative; width: 100%; margin: 0 0 10px; }
.tz-gallery .lightbox img { width: 100%; border-radius: 0; position: relative; }
.tz-gallery .lightbox:hover img { opacity: 0.3; -webkit-filter: blur(5px); filter: blur(3px);}
.tz-gallery .lightbox:before {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    margin: -15px 0 0;
    opacity: 0;
    color: var(--main_clr);
    font-size: 50px;
    font-family: fontawesome;
    content: "\f002";
    pointer-events: none;
    z-index: 1;
    transition: 0.4s;
    text-align: center;
}
.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: transparent;
    content: '';
    transition: 0.4s;
}
.tz-gallery .lightbox:hover:after, .tz-gallery .lightbox:hover:before { opacity: 1; }
.baguetteBox-button { background-color: transparent !important; }
#baguetteBox-overlay .full-image img { box-shadow: none;background: transparent;}

.gall_img img {
    border-radius: 1em !important;
}

.small_gall {
    display: inline-grid;
    position: relative;
    padding: 10px;
    width: 6em;
}


/*********** FIN GALERIA LIGHTBOX ****************/

table .tz-gallery .lightbox:before {
    position: relative;
    display: none;
}
table .tz-gallery .lightbox:after {
    position: unset;
}
#nolupa .tz-gallery .lightbox:before {
    position: relative;
    display: none;
}
#nolupa .tz-gallery .lightbox:after {
    position: unset;
}


/***********BOOTSTRAP 5.3****************/

.form-control:focus, .form-select:focus {
    border-color: transparent;
    box-shadow: none;
}

#gral_pills .nav-pills .nav-link {
    color: var(--light_clr);
    background-color: var(--gray_color);
    border: 4px solid transparent;margin: 0 5px;
    font-weight: 500;
}
#gral_pills .nav-pills .nav-link.active,#oem_pills .nav-pills .show>.nav-link {
    color: var(--main_clr);
    background-color: transparent;
    border: 4px solid var(--main_clr);
}

/************ NUEVO FORM GOOGLE ***********/

.input_hidden {display: none;}

#loading_oculto{
    z-index: 1050;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    visibility: hidden;
    transform: translate(0, -50%);
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
}
#loading_oculto img{
    filter: var(--filter_w)
    width: 120px;
    margin: 0 auto;
}

/************ FIN NUEVO FORM GOOGLE ***********/

/************ RADIO INPUT CUSTOM ***********/

.radio-custom-label {
    display: block; 
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 10px 0 10px 10px;
}

.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { margin-top: 0; margin: 10px 0 10px 10px; }
/* Hide the browser's default radio button */
.radio-custom-label input { position: absolute; opacity: 0; }
/* Create a custom radio button */
.radio-custom {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 3px solid #ddd;
  border-radius: 5px;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
}
/* On mouse-over, add a grey background color */
.radio-custom-label:hover input ~ .radio-custom {
  	border-color: var(--main_clr);
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;;
}
/* When the radio button is checked, add a blue background */
.radio-custom-label input:checked ~ .radio-custom {
  background-color: transparent;
  border: 3px solid var(--main_clr);
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-custom:after { content: ""; position: absolute; display: none; }
/* Show the indicator (dot/circle) when checked */
.radio-custom-label input:checked ~ .radio-custom:after { display: block; }
/* Style the indicator (dot/circle) */
.radio-custom-label .radio-custom:after {
	top: 11px;
    left: 3px;
    width: 6px;
    height: 13px;
    content: '';
    border-top: 3px solid var(--main_clr);
    border-right: 3px solid var(--main_clr);
	-webkit-transform: scaleX(-1) rotate(135deg);
	   -moz-transform: scaleX(-1) rotate(135deg);
	    -ms-transform: scaleX(-1) rotate(135deg);
	        transform: scaleX(-1) rotate(135deg);
	-webkit-transform-origin: left top;
	   -moz-transform-origin: left top;
	    -ms-transform-origin: left top;
	        transform-origin: left top;
  	-webkit-animation: check 0.5s;
	   -moz-animation: check 0.5s;
	     -o-animation: check 0.5s;
	        animation: check 0.5s;
}
@-webkit-keyframes check { 0% { width: 0; height: 0;} 25% { width: 6px; height: 0;} 50% { width: 6px; height: 14px;}}
@-moz-keyframes check { 0% { width: 0; height: 0;} 25% { width: 6px; height: 0;} 50% { width: 6px; height:14px;}}	
@-ms-keyframes check { 0% { width: 0; height: 0;} 25% { width: 6px; height: 0;} 50% { width: 6px; height: 14px;}}
@keyframes check { 0% { width: 0; height: 0;} 25% { width: 6px; height: 0;} 50% { width: 6px; height: 14px;}}

/************ FIN RADIO INPUT CUSTOM ***********/


/*====================
======Header CSS=====
======================*/

#navigation .navbar {
    background: #fff;
    border-radius: 0;
    border-bottom: 0;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    padding: 0;
    display: inline;
}

.logo {
    width: 235px;
    padding: 1vw 5px;
    margin: 0 0 0 1rem;
}

.top_menu {
    position: relative;
    background: #232323;
    color: #fff;
    font-size: 70%;
    display: flex;
    justify-content: space-between;
}
.top_menu a {color: #fff;}
.top_menu a:hover {color: var(--main_clr);}

.top_info_ {padding: 5px 10px;margin: 0 5px 0 0;}
.top_info_:last-child {margin: 0;}
.top_info_:hover:last-child {background: transparent;}
.top_info_:hover {background: #111;}
.top_info_ a {color: #fff;}
.top_info_ a:hover {color: #fff;}

.social_i {
    display: inline-grid;
    position: relative;
    margin: 5px 20px 0 0;
}
.social_i a .fa-shop:focus, .social_i a .fa-shop:hover {color: var(--main_clr);}
.social_i a .fa-facebook:focus, .social_i a .fa-facebook:hover {color: #1877f2;}
.social_i a .fa-youtube:focus, .social_i a .fa-youtube:hover {color: #ff0000;}
.social_i a .fa-instagram:focus, .social_i a .fa-instagram:hover {color: #c13584;}

/********/

.dropdown-item {
  color: #fff;
}
.dropdown .dropdown-menu {
  display: none;
  background: #fcfcfc;
}
.dropdown:hover>.dropdown-menu, 
.dropend:hover>.dropdown-menu {
    display: block;
    right: 0;
    margin: 0;
    padding: 0;
    border: none;
    /*border-radius: 0 0 10px 10px;*/
    box-shadow: 0 5px 15px -5px rgb(0 0 0 / 30%);
    min-width: 240px;
}
@media screen and (min-width:769px) {
  .dropend:hover>.dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: .5em;
  }
}

#navigation .dropend .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 10px;
}

#navigation .navbar-brand {padding: 0;}

#navigation .nav-link {
    background: transparent;
    color: var(--main_clr);
    font-weight: 600;
    border-radius: 0.5rem;
    margin: 0 0.5vw;
    padding: 0.5rem 1rem;
    font-size: calc(0.7rem + 0.5vw);
}
#navigation .nav-link:hover {background: #fff;color: var(--scnd_clr);}
#navigation .nav-link.active {background: var(--main_clr);color: #fff;}

#navigation .dropdown-menu li .nav-link {background: transparent;color: #232323;padding: 5px 25px 5px 10px;margin: 0;display: flex;align-items: center;white-space: break-spaces;}
#navigation .dropdown-menu li .nav-link span{display: block; font-size: 80%;}
#navigation .dropdown-menu li .nav-link:hover {background: transparent;color: var(--main_clr);}

#navigation .dropdown-item {
    text-transform: uppercase;
    color: #232323;
    padding: 5px 10px;
    white-space: break-spaces;
    display: flex;
    align-items: center;
    line-height: 1.1;
}
#navigation .dropdown-menu li .nav-link img,
#navigation .dropdown-item img{
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
}
#navigation .dropdown-menu li .nav-link:hover .clr_hvr,
#navigation .dropdown-item:hover .clr_hvr{
    filter: var(--filter_m)
}
#navigation .dropdown-item:hover {color: var(--main_clr);}

#navigation .navbar-toggler {
    margin: 0 10px;
    background: rgb(0 0 0 / 100%);
    color: #fff; 
}
#navigation .navbar-toggler:focus {
    box-shadow: none;
    background: rgb(0 0 0 / 50%);
}
#navigation .navbar-toggler-icon {
    background-image: url(../img/burg.svg);
}
#navigation .dropdown-item.active, #navigation .dropdown-item:active {
    color: var(--main_clr);
    text-decoration: none;
    background-color: transparent;
}

/********/

/************ NUEVO BUSCADOR GENERAL ***********/

#Busc_ {
    position: relative;
}
.busc_ba_cont {display: inline-flex;}
#Busc_ .btn_search_close {
    background: transparent;
    color: #aaa;
    font-size: 13px;
    border-radius: 50%;
    position: absolute;
    width: 21px;
    top: 50%;
    right: 1px;
    z-index: 1;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    padding: 0px;
    margin: 0;
}
#Busc_ .form-control {
    padding: 5px 10px;
    margin: 0;
    border-radius: 5px;
    width: 16em;
    height: 25px;
}
#Busc_ ul {
    list-style: none;
    padding-inline-start: 0;
    font-size: 20px;
    max-height: 280px;
    overflow: auto;
    position: absolute;
    z-index: 1000;
    background: #fff;
    width: 13em;
    box-shadow: 0 10px 10px -5px rgb(0 0 0 / 30%);
    top: 30px;
    right: -2px;
    border-radius: 10px;
}
#Busc_ ul li {
    padding: 0.5rem 1rem;
    margin: 5px 0;
    float: unset;
    background: transparent;
    color: #000;
    border-radius: 5px;
    display: block;
    list-style: none;
    position: relative;
}
#Busc_ ul li a:before {
    background: url(../img/scroll_search.webp) no-repeat;
    content: '';
    display: inline-block;
    height: 25px;
    width: 39px;
    position: absolute;
    left: 0px;
    top: 5px;
}
#Busc_ ul li:hover, #Busc_ ul li a:hover{ background: #f3f3f3; cursor: pointer;}

#Busc_ ul li a{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 30px;
    padding: 5px 25px;
    margin: 0 0 0 10px;
    color: #232323;
}

/** FOOTER SECTION **/

footer {
	background: #181818;
    padding: 20px 0;
    color: #fff;
    position: relative;
}
footer p {margin: 0;}
footer a {color: #fff;}
footer a:hover, footer a:focus {color: var(--main_clr);}

#footer_end{
    width: fit-content;
    display: inline-flex;
}

#footer_main {
    padding: 3vw 0 0;
    background: var(--four_clr);
    color: #fff;
}
#ftr_btm {padding: 1rem 0;}
.logo_ftr {
    width: 215px;
    margin: 0 auto;
    display: block;
    filter: var(--filter_w);
}
#footer_main hr {
    margin: 2rem auto;
    border-top: 0.2rem solid #ddd;
    width: 65%;
    opacity: 1;
}
#footer_main hr:last-child {
    width: 100%;
    margin: 2rem auto 0;
}
#footer_main a {color: #fff;}
#footer_main a:hover {color: var(--scnd_clr);}
#footer_main .row {justify-content: space-between;}
#footer_main h4 {margin: 0 0 2rem;}
#footer_main p, #footer_main ul {font-size: 80%;}
#footer_main ul {
    padding: 0;
    list-style: none;
}
#footer_main ul li {margin: 0 0 1rem;}
.info_cto {padding-left: 40px!important;}
.info_cto li {margin: 0 0 1.5rem 10px;position: relative;}
.info_cto li::before {
    content: "";
    position: absolute;
    margin: 0 0 0 -40px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.info_cto li:nth-child(1)::before {background-image: url("../img/icon_cto_01.svg");}
.info_cto li:nth-child(2)::before {background-image: url("../img/icon_cto_02.svg");}
.info_cto li:nth-child(3)::before {background-image: url("../img/icon_cto_03.svg");}


#btm_last {
    padding: 15px 0 2rem;
    text-align: center;
    background: var(--four_clr);
    color: #fff;
    font-size: 1rem;
}

#btm_last p {
    margin: 0;
    display: inline-flex;
    align-items: center;
}

#btm_last a {color:#fff;}
#btm_last a:hover,
#btm_last a:focus {
	color: var(--scnd_clr);
}

.wapp_btn_cont {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 10;
}
.wapp_btn {
    background: var(--scnd_clr);
    color: #fff;
    text-align: center;
    font-size: 2rem;
    position: relative;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    box-shadow: 0 0 0.5rem rgb(0 0 0 / 25%);
    overflow: hidden;
}
.wapp_btn:hover {
    background: #25d366;
    color: #fff;
    box-shadow: 0 0 1rem rgb(0 0 0 / 40%);
}
.wapp_btn a, .wapp_btn a:hover {
    color: #fff !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/** FOOTER SECTION **/

/* INDEX*/

#idx_bloq_01 {
    padding: 0;
    min-height: 100vh;
    background: var(--idx_bg);
}
#idx_bloq_01 .carousel-item {
    background: url(../img/bg_00.webp);
    height: 100vh;
}
#idx_bloq_01 .carousel-control-next, #idx_bloq_01 .carousel-control-prev {
    width: 10%;
}
.caption_crsl_idx {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 5rem 10vw 0;
}
.btn_01 {
	background: var(--scnd_clr);
	color: #fff;
	border-radius: 5em;
}
.btn_01:focus,
.btn_01:hover {
	background: var(--main_clr);
}
.img_crsl {padding: 2em;}

.carousel-indicators {
    justify-content: flex-start;
    margin-right: 0;
    margin-bottom: 3%;
    margin-left: 10%;
}
.carousel-indicators [data-bs-target] {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-left: 10px;
    transform: rotate(45deg);
}
.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: var(--main_clr);
}
.carousel-dark .carousel-indicators [data-bs-target].active {margin: 0 45px 0 0;}
.carousel-dark .carousel-indicators [data-bs-target].active::after {
    content: '';
    display: block;
    width: 45px;
    height: 5px;
    background-color: var(--main_clr);
    transform: rotate(-45deg);
    position: relative;
    top: -100%;
    border-radius: 5em;
}


#idx_bloq_02 {
    padding: 4vw 0;
}
.img_ib_02 {
    width: 55%;
    margin: 0 auto;
    display: block;
}
#idx_bloq_02 .btn_01 {
    padding: 1rem 5vw;
    display: block;
}
#idx_bloq_02 .btn_01:hover {padding: 1rem 3vw;}

#idx_bloq_03 {
    padding: 4vw 0;
    background: var(--idx_bg);
}
.card_idx {
    position: relative;
    display: flex;
    padding: 3vw 2vw;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    text-align: justify;
    background: transparent;
}
.card_idx:hover, .card_idx.hover {
    background: var(--tird_clr);
    color: #fff;
}
.card_idx p {
    font-size: 80%;
    padding: 0 1vw;
}
.card_idx_var .btn_01 {background: var(--idx_bg); color: var(--main_clr);}
.card_idx_var .btn_01:hover {background: var(--main_clr); color: #fff;}

#idx_bloq_04 {
    padding: 0 0 4vw;
}
.card_b4 {
    position: relative;
    width: 200px;
    font-weight: 800;
    display: inline-grid;
    text-transform: uppercase;
    font-size: calc(0.5rem + 0.5vw);
    padding: 1vw;
    margin: 1vw;
    gap: 0.5rem;
}
.card_b4 img {padding: 1vw;}
.card_b4 p {margin: 0;}

#idx_bloq_05 {
    padding: 0;
    background: var(--idx_bg);
}
.img_caintra {
    width: 175px;
    margin: 2vw 0;
}

.cont_crls {
    background: #E3E7EB;
}

/*OWL NEW*/
.owl-carousel {
    width: 100%;
    margin: 0 auto;
}
.owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    margin: 0 auto;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 1;
}
.owl-nav .owl-prev {
    left: 10px;
}
.owl-nav .owl-next {
    right: 10px;
}
#idx_bloq_05 .carousel-wrap {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    position: relative;
}
#idx_bloq_05 .owl-nav .owl-prev, #idx_bloq_05  .owl-nav .owl-next {
    background: transparent;
    color: var(--fixx_clr) !important;
    font-size: 2vw;
    font-weight: bold;
}
#idx_bloq_05 .owl-nav .owl-prev {left: -3vw;}
#idx_bloq_05 .owl-nav .owl-next {right: -3vw;}

.cont_owls {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
}
#idx_bloq_05  .owl-carousel.owl-loaded {
    display: flex;
    align-items: center;
}
#idx_bloq_05 .clr_04 {font-size: calc(0.3rem + 2vw);}

#idx_bloq_06 {
    padding: 4vw 0;
}
#idx_bloq_06 .carousel-indicators {
    justify-content: center;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
}

.card_history {
    background: var(--idx_bg);
    padding: 3vw;
}

#image-container {
    position: relative;
    width: 100%;
    height: auto; /* Ajusta según necesidades */
    aspect-ratio: 5.5/3.5;
}

#image-container img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s ease-in-out; /* Transición suave de opacidad */
}

#image-container img.active {
    opacity: 1;
}
.ch_img {
    aspect-ratio: 5.5/3.5;
    border-radius: 2rem;
    object-fit: cover;
}
.img_logo_caption {max-width: 50%;filter: var(--filter_w);margin: 0 0 1rem;}
#idx_bloq_06 .caption_crsl_idx {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 2vw;
    background: var(--tird_clr);
    color: #fff;
    min-height: 300px;
    justify-content: center;
    border-radius: 2rem;
    flex-direction: column;
    font-size: 75%;
    text-align: justify;
    text-align-last: center;
    min-height: 300px;
}
#idx_bloq_06 .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 0.3;
}
#idx_bloq_06 .carousel-indicators .active {opacity: 1;}

#idx_bloq_07 {
    padding: 4vw 0;
}

.cont_card_client {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.1rem;
    padding: 0 2vw;
}
.card_client {
    color: #fff;
    background: #000;
    display: flex;
    flex: 1 1 calc(15% - 1rem);
    align-items: center;
    padding: 2rem;
    text-align: center;
    font-weight: 600;
    font-size: 2vw;
    justify-content: center;
    object-fit: cover;
    min-height: 330px;
    background-size: cover;
    background-position: center;
    text-shadow: 0 0 5px rgb(0 0 0 / 50%);
    position: relative;
    z-index: 1;
}
.card_client::before {
    background: #000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 30%;
}
.card_client p {margin: 0;}
.card_client:nth-child(1) {background-image: url(../img/idx_08.webp);}
.card_client:nth-child(2) {background-image: url(../img/idx_09.webp);background-position: 90% 50%;}
.card_client:nth-child(3) {background-image: url(../img/idx_10.webp);background-position: 30% 50%;}
.card_client:nth-child(4) {background-image: url(../img/idx_11.webp);background-position: 25% 50%;}
.card_client:nth-child(5) {background-image: url(../img/idx_12.webp);background-position: 20% 50%;}
.card_client:nth-child(6) {background-image: url(../img/idx_13.webp);background-position: 40% 50%;}

#idx_bloq_08 {
    padding: 4vw 0;
    min-height: 100vh;
    background: var(--idx_bg);
}
#idx_bloq_08 .carousel-item {
    background: url(../img/bg_00.webp);
    height: 100vh;
}
#idx_bloq_08 .carousel-control-next, #idx_bloq_08 .carousel-control-prev {
    width: 10%;
}
#idx_bloq_08 .caption_crsl_idx {
    padding: 10vw;
}

#last_bloq {
    padding: 6vw 0;
}

#last_bloq .form-control,
#last_bloq .form-select {
    border: none;
    border-bottom: 2px solid;
    border-radius: 0;
    padding: 1rem;
}
#last_bloq .form-control:focus, #last_bloq .form-select:focus {
    border-color: var(--scnd_clr);
    border-bottom: 2px solid var(--scnd_clr);
    box-shadow: none;
}
#last_bloq .form-select option {
    background-color: #fff; /* gris claro */
    color: var(--scnd_clr);
    padding: 1rem;
}
#last_bloq .form-select option:hover {
    background-color: var(--scnd_clr); /* azul bootstrap */
    color: #fff;
}

/* FIN INDEX*/

/* NOSOTROS*/

#us_bloq_01 {
    padding: 0;
    min-height: 100vh;
    background: var(--idx_bg);
}
#us_bloq_01 .carousel-item {
    background: url(../img/bg_00.webp);
    height: 100vh;
}
#us_bloq_01 .carousel-control-next, #idx_bloq_01 .carousel-control-prev {
    width: 10%;
}
#uss_ .btn_01 {
	background: var(--tird_clr);
	color: #fff;
	border-radius: 5em;
}
#uss_ .btn_01:focus,
#uss_ .btn_01:hover {
	background: var(--scnd_clr);
}

.border_card {
    border-right: 2px solid var(--tird_clr);
    display: flex;
    align-items: center;
    margin: 2rem 0;
}
.border_card:last-child {
    border-right: none;
}
.card_us {
    padding: 4vw 4vw;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    text-align: center;
    align-items: center;
    font-size: 70%;
}
.card_us img {width: 100px;}

#us_bloq_03 {
    background: var(--idx_bg);
}
.padd_img_us {padding: 5vw 5vw 5vw 0;}
.padd_img_us_ {padding: 0 10vw 0 0;}
.misvis {
    padding: 5vw 5vw;
    position: relative;
    margin: 0 0 0 5vw;
}
.misvis::before {
  content: "";
  position: absolute;
  top: 5.5vw;       /* pegado al borde superior */
  left: -3vw;
  width: 7vw;
  height: 2px;  /* grosor del borde */
  background-color: var(--main_clr); /* color de la línea */
  transform: translateY(-100%); /* mueve la línea fuera del padding */
}
.values {
    display: flex;
    gap: 1rem;
    flex-direction: row;
    margin: 0 0 1rem;
    align-items: center;
}
.values img {width: 50px;}
.values p {margin: 0;}

#us_bloq_04 i {color: var(--fixx_clr); font-weight: bold;}
#us_bloq_04 hr {
    margin: 1rem auto;
    border-top: 2px solid var(--four_clr);
    width: 80%;
    opacity: 1;
}
#us_bloq_04 p.fs_02 {
    font-size: calc(1rem + 1.1vw);
}
.card_per {
    background: transparent;
    margin: 0 0 1rem;
    border-radius: 0.5rem;
    padding: 1rem;
}
.card_per:hover {
    color: var(--scnd_clr) !important;
    background: var(--idx_bg);
}

#us_bloq_05 {
    background: var(--idx_bg);
}
#us_bloq_05 h2 {font-size: calc(1.5rem + 2vw);}
#us_bloq_05 i {color: var(--fixx_clr);}

/* FIN NOSOTROS*/

/* ASESORÍA CONTABLE FISCAL*/

#acf_bloq_01 {
    padding: 0;
    min-height: 100vh;
    background: var(--idx_bg);
    overflow: hidden;
    z-index: 0;
}
.cont_bloq_01 {
    display: flex;
    width: 100%;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    position: relative;
}

.img_bloq_01 {
    position: absolute;
    z-index: -1;
    right: 10vw;
    width: 45%;
    bottom: 0;
}
#acf_bloq_01 h2 {line-height: 0.8;}
#acf_bloq_01 h2 span {
    font-family: 'BebasNeue', sans-serif;
    font-weight: 400;
}

.padd_img_acf {
    padding: 1vw 8vw;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#acf_bloq_02 .btn_01 {
	background: var(--tird_clr);
	color: #fff;
	border-radius: 5em;
}
#acf_bloq_02 .btn_01:focus,
#acf_bloq_02 .btn_01:hover {
	background: var(--scnd_clr);
}

#acf_bloq_03 {
    background: var(--idx_bg);
}
#acf_bloq_03 ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#acf_bloq_03 ul li {
  position: relative;
  padding-left: 2.5rem;
}
#acf_bloq_03 ul li::before {
  content: "\F309";
    font-family: "bootstrap-icons";
    font-size: 3.5rem;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0;
}
#acf_bloq_03 .padd_img_acf {
    padding: 1vw 2vw;
}
#acf_bloq_03 .fs_02 {
    font-size: calc(2.2rem + 2vw);
}

#acf_bloq_04 .owl-carousel {width: 80%;}
#acf_bloq_04 .owl-nav .owl-prev {left: -5vw;font-size: 3vw;color: var(--fixx_clr);}
#acf_bloq_04 .owl-nav .owl-next {right: -5vw;font-size: 3vw;color: var(--fixx_clr);}
.card_acf_sols {
    color: #fff;
    padding: 8rem 2rem 2rem;
    margin: 0 1rem;
    border-radius: 1.5rem;
    max-height: 500px;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-size: cover;
    text-align: left;
    gap: 1rem;
}
.card_acf_sols h3 {font-size: 2.3vw;}
.card_acf_sols .btn_01 {
    background: #fff;
    color: var(--tird_clr);
    padding: 0.5rem 1.5rem;
}
.card_acf_sols .btn_01:hover {
    background: var(--scnd_clr);
    color: #fff;
}
.bg_card_sols_01 {
    background-image: url(../img/acf_05.webp);
}
.bg_card_sols_02 {
    background-image: url(../img/acf_06.webp);
}
.bg_card_sols_03 {
    background-image: url(../img/acf_07.webp);
    background-position: 50% 50%;
}
.bg_card_sols_04 {
    background-image: url(../img/acf_08.webp);
    background-position: 50% 50%;
}
#acf_bloq_04 .owl-dots {
  text-align: center;
  margin-top: 20px;
}
#acf_bloq_04 .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 0.5rem;
}
#acf_bloq_04 .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: var(--fixx_clr);
  display: block;
  border-radius: 50%;
  transition: all 0.3s ease;
}
#acf_bloq_04 .owl-dots .owl-dot.active span {
  background: var(--four_clr);
  transform: scale(1.3);
}
#acf_bloq_04 .owl-dots .owl-dot:hover span {
  background: var(--scnd_clr);
}
#acf_bloq_04 .card_us {
    padding: 4vw 3vw;
}

#acf_bloq_05 {
    background: var(--idx_bg);
}
#acf_bloq_05 .owl-carousel {width: 90%;}
#acf_bloq_05 .owl-nav .owl-prev {left: -4vw;font-size: 2.5vw;color: var(--fixx_clr);}
#acf_bloq_05 .owl-nav .owl-next {right: -4vw;font-size: 2.5vw;color: var(--fixx_clr);}
#acf_bloq_05 .owl-carousel.owl-loaded {
    display: flex;
    align-items: center;
}
#acf_bloq_05 .owl-carousel .owl-item img {
    padding: 1rem 2rem;
}

/* FIN ASESORÍA CONTABLE FISCAL*/

/* SERVICIO FINANCIERO */

#sef_bloq_01 {
    padding: 0;
    min-height: 100vh;
    background: var(--idx_bg);
    overflow: hidden;
    z-index: 0;
}
#sef_bloq_01 h2 {line-height: 0.8;}
#sef_bloq_01 h2 span {
    font-family: 'BebasNeue', sans-serif;
    font-weight: 400;
    display: block;
}
#sef_bloq_01 .img_bloq_01 {
    right: 0;
    width: 60%;
}

#sef_bloq_03 {
    background: var(--idx_bg);
}
#sef_bloq_03 ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#sef_bloq_03 ul li {
  position: relative;
  padding-left: 2.5rem;
}
#sef_bloq_03 ul li::before {
    content: "\F309";
    font-family: "bootstrap-icons";
    font-size: 3.5rem;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0;
}
#sef_bloq_03 .padd_img_acf {
    padding: 1vw 2vw;
}
#sef_bloq_03 .fs_02 {
    font-size: calc(2.2rem + 2vw);
}

#sef_bloq_04 .owl-carousel {width: 80%;}
#sef_bloq_04 .owl-nav .owl-prev {left: -5vw;font-size: 3vw;color: var(--fixx_clr);}
#sef_bloq_04 .owl-nav .owl-next {right: -5vw;font-size: 3vw;color: var(--fixx_clr);}
#sef_bloq_04 .bg_card_sols_01 {
    background-image: url(../img/sef_05.webp);
    background-position: 35% 50%;
}
#sef_bloq_04 .bg_card_sols_02 {
    background-image: url(../img/sef_06.webp);
    background-position: 50% 50%;
}
#sef_bloq_04 .bg_card_sols_03 {
    background-image: url(../img/sef_07.webp);
    background-position: 50% 50%;
}
#sef_bloq_04 .bg_card_sols_04 {
    background-image: url(../img/sef_08.webp);
    background-position: 50% 50%;
}
#sef_bloq_04 .bg_card_sols_05 {
    background-image: url(../img/sef_09.webp);
    background-position: 50% 50%;
}
#sef_bloq_04 .card_us {
    padding: 4vw 1vw;
}

#sef_bloq_05 {
    background: var(--idx_bg);
}
#sef_bloq_05 .owl-carousel {width: 90%;}
#sef_bloq_05 .owl-nav .owl-prev {left: -4vw;font-size: 2.5vw;color: var(--fixx_clr);}
#sef_bloq_05 .owl-nav .owl-next {right: -4vw;font-size: 2.5vw;color: var(--fixx_clr);}
#sef_bloq_05 .owl-carousel.owl-loaded {
    display: flex;
    align-items: center;
}
#sef_bloq_05 .owl-carousel .owl-item img {
    padding: 1rem 2rem;
}

/* FIN SERVICIO FINANCIERO */

/* FIANZAS Y SEGUROS */

#fys_bloq_01 {
    padding: 0;
    min-height: 100vh;
    background: var(--idx_bg);
    overflow: hidden;
    z-index: 0;
}
#fys_bloq_01 h2 {line-height: 0.8;}
#fys_bloq_01 h2 span {
    font-family: 'BebasNeue', sans-serif;
    font-weight: 400;
    display: block;
}
#fys_bloq_01 .img_bloq_01 {
    right: 10vw;
    width: 32vw;
}

#fys_bloq_03 {
    background: var(--idx_bg);
}
#fys_bloq_03 ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#fys_bloq_03 ul li {
  position: relative;
  padding-left: 2.5rem;
}
#fys_bloq_03 ul li::before {
  content: "\F309";
    font-family: "bootstrap-icons";
    font-size: 3.5rem;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0;
}
#fys_bloq_03 .padd_img_acf {
    padding: 1vw 2vw;
}
#fys_bloq_03 .fs_02 {
    font-size: calc(2.2rem + 2vw);
}

#fys_bloq_04 .owl-carousel {width: 80%;}
#fys_bloq_04 .owl-nav .owl-prev {left: -5vw;font-size: 3vw;color: var(--fixx_clr);}
#fys_bloq_04 .owl-nav .owl-next {right: -5vw;font-size: 3vw;color: var(--fixx_clr);}
#fys_bloq_04 .bg_card_sols_01 {
    background-image: url(../img/fys_05.webp);
    background-position: 35% 50%;
}
#fys_bloq_04 .bg_card_sols_02 {
    background-image: url(../img/fys_06.webp);
    background-position: 50% 50%;
}
#fys_bloq_04 .bg_card_sols_03 {
    background-image: url(../img/fys_07.webp);
    background-position: 50% 50%;
}
#fys_bloq_04 .bg_card_sols_04 {
    background-image: url(../img/crsl_hist_03.webp);
    background-position: 50% 50%;
}
#fys_bloq_04 .bg_card_sols_05 {
    background-image: url(../img/fys_08.webp);
    background-position: 50% 50%;
}
#fys_bloq_04 .bg_card_sols_06 {
    background-image: url(../img/fys_09.webp);
    background-position: 50% 50%;
}
#fys_bloq_04 .bg_card_sols_07 {
    background-image: url(../img/fys_10.webp);
    background-position: 50% 50%;
}
#fys_bloq_04 .bg_card_sols_08 {
    background-image: url(../img/fys_11.webp);
    background-position: 50% 50%;
}
#fys_bloq_04 .bg_card_sols_09 {
    background-image: url(../img/fys_12.webp);
    background-position: 65% 50%;
}
#fys_bloq_04 .bg_card_sols_10 {
    background-image: url(../img/fys_13.webp);
    background-position: 35% 50%;
}
#fys_bloq_04 .bg_card_sols_11 {
    background-image: url(../img/fys_14.webp);
    background-position: 45% 50%;
}
#fys_bloq_04 .bg_card_sols_12 {
    background-image: url(../img/fys_15.webp);
    background-position: 50% 50%;
}
#fys_bloq_04 .bg_card_sols_13 {
    background-image: url(../img/fys_16.webp);
    background-position: 50% 50%;
}
#fys_bloq_04 .bg_card_sols_14 {
    background-image: url(../img/fys_17.webp);
    background-position: 50% 50%;
}
#fys_bloq_04 .bg_card_sols_15 {
    background-image: url(../img/fys_18.webp);
    background-position: 50% 50%;
}
#fys_bloq_04 .card_us {
    padding: 4vw 1vw;
}

#fys_bloq_05 {
    background: var(--idx_bg);
}
#fys_bloq_05 .owl-carousel {width: 90%;}
#fys_bloq_05 .owl-nav .owl-prev {left: -2vw;font-size: 2.5vw;color: var(--fixx_clr);}
#fys_bloq_05 .owl-nav .owl-next {right: -2vw;font-size: 2.5vw;color: var(--fixx_clr);}
#fys_bloq_05 .owl-carousel.owl-loaded {
    display: flex;
    align-items: center;
}
#fys_bloq_05 .owl-carousel .owl-item img {
    padding: 1rem 2rem;
}
.clr__ {color: var(--fixx_clr);}

/* FIN FIANZAS Y SEGUROS */

/* BLOG */

#blog_bloq_01 {
    background-image: url(../img/bg_blog.webp);
    background-position: 50% 50%;
    background-size: cover;
    min-height: 100vh;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0;
}
#blog_bloq_01::before {
    background: var(--four_clr);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
    mix-blend-mode: color;
}

.card_blog {
    color: #fff;
    padding: 2em;
    border-radius: 1em;
    min-height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 2.5vw;
    font-weight: 600;
    text-shadow: 0 0 5px var(--main_clr);
    gap: 1rem;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.card_blog::before {
    background: var(--four_clr);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
    mix-blend-mode: color;
    -webkit-transition: 300ms;
    transition: 300ms;
}
.card_blog:hover::before {
    opacity: 0;
}
.card_blog .card_blog_img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    object-position: 50% 50%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
    z-index: -2;
    -webkit-transition: 2000ms;
    transition: 2000ms;
}
.card_blog:hover .card_blog_img {
    transform: scale(1);
}
.row > *:nth-child(1) .card_blog_img {object-position: 50% 50%;}
.row > *:nth-child(2) .card_blog_img {object-position: 80% 50%;}


.btn_blog {
    border: 3px solid;
    color: #fff;
    background: transparent;
    border-radius: 5em;
    padding: 0.5rem 3rem 0.5rem 6rem;
    display: flex;
    flex-direction: row;
    position: relative;
    font-size: 1.4vw;
    font-weight: 600;
}
.btn_blog .img_btn_blog {width: 55px;aspect-ratio: 1;border-radius: 50%;border: 3px solid;padding: 0.5rem;position: absolute;top: 50%;left: 1em;background: transparent;backdrop-filter: blur(1rem);transform: translateY(-50%);}
.btn_blog .img_btn_blog img {filter: var(--filter_w);}

.btn_blog:hover {
    background: linear-gradient(90deg, transparent 20%, #fff 20%);
    color: var(--tird_clr);
    border-color: #fff;
}
.btn_blog:hover .img_btn_blog {
    background: #fff;
    border-color: var(--tird_clr);
}
.btn_blog:hover .img_btn_blog img {filter: var(--filter_3);}

#blog_bloq_03 {
    background: var(--idx_bg);
}

.cont_cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem 1rem;
}
.cont_cards .card_blog {
    min-height: 525px;
    font-size: 1.6vw;
    background: #e7eef9;
}

.cont_cards .card_blog {
  width: 32%; /* valor por defecto */
}
/* Cada grupo de 5 → los primeros 2 elementos */
.cont_cards .card_blog:nth-child(5n+1),
.cont_cards .card_blog:nth-child(5n+2) {
  width: 49%;
}

#blog_bloq_03 .btn_blog {
    padding: 0.5rem 1rem 0.5rem 5rem;
    font-size: 12px;
}

.cont_btn_date {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card_date {
    margin: 0;
    font-size: 50%;
}
#blog_bloq_03 .cont_cards .card_blog:nth-child(1) .card_blog_img {object-position: 50% 50%;}
#blog_bloq_03 .cont_cards .card_blog:nth-child(2) .card_blog_img {object-position: 80% 50%;}
#blog_bloq_03 .cont_cards .card_blog:nth-child(7) .card_blog_img {object-position: 10% 50%;}

#bblog_bloq_01 {
    background: var(--four_clr);
    color: #fff;
    padding: 6em 4em 2em;
    border-radius: 0 0 10em 0;
}

#bblog_bloq_02 img {margin: 0 0 1rem;}
#bblog_bloq_02 hr {
    margin: 2rem auto;
    border-top: 2px solid #efefef;
    width: 100%;
}
#bblog_bloq_02 a {color: var(--tird_clr);}
#bblog_bloq_02 a:hover {color: var(--scnd_clr);}

#bblog_bloq_03 {
    background: var(--idx_bg);
}

#bblog_bloq_03 .card_blog {
    padding: 1em;
    min-height: 530px;
    font-size: 2vw;
}

#blog_bloq_03 .page-link {
    color: var(--fixx_clr);
}
#blog_bloq_03 .page-link:focus {
    box-shadow: 0 0 0 0.25rem rgba(0 0 0 / 5%);
}
#blog_bloq_03 .page-link:hover {
    z-index: 2;
    color: #fff !important;
    background-color: var(--fixx_clr) !important;
    border-color: var(--fixx_clr) !important;
}
#blog_bloq_03 .active>.page-link, #blog_bloq_03 .page-link.active {
    z-index: 3;
    color: #fff !important;
    background-color: var(--main_clr) !important;
    border-color: var(--main_clr) !important;
}

/* FIN BLOG */

/* AVISO DE PRIVACIDAD */

#avpr_bloq_01 {
    background-image: url(../img/bg_blog.webp);
    background-position: 50% 50%;
    background-size: cover;
    min-height: 45vh;
    color: #fff;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    z-index: 0;
}
#avpr_bloq_01::before {
    background: var(--four_clr);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
    mix-blend-mode: color;
}

#avpr_bloq_02 ol, #avpr_bloq_02 ul {padding-left: 4rem;}
#avpr_bloq_02 span {
    background: var(--scnd_clr);
    color: #fff;
    padding: 0 0.3rem;
    border-radius: 0.2rem;
}
#avpr_bloq_02 a {color: var(--scnd_clr);}
#avpr_bloq_02 a:hover {color: #777;}
#avpr_bloq_02 span a {color: #fff;}
#avpr_bloq_02 span a:hover {color: var(--tird_clr);}

/* FIN AVISO DE PRIVACIDAD */

.is-invalid {
    border-color: #dc3545 !important;
}
.is-invalid ~ .invalid-feedback {
    display: block;
}


/************ PANTALLA CARGA AL ENVIAR FORMULARIO  ***********/

#loading_oculto{
    z-index: 1050;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    visibility: hidden;
    transform: translate(0, -50%);
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
}
#loading_oculto img{
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(5788%) hue-rotate(229deg) brightness(122%) contrast(100%);
    width: 120px;
    margin: 0 auto;
}

/************ FIN PANTALLA CARGA AL ENVIAR FORMULARIO  ***********/