@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Oswald:wght@200..700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

:root {
  box-sizing: border-box;
  --main_clr: #048A80;
  --scnd_clr: #025663;
  --tird_clr: #EC9926;
  --four_clr: #07A79D;
  --blck_clr: rgb(0 0 0 / 25%);
  --hvr_clr: #000;
  --dark_clr: #232323;
  --light_clr: #fff;
  --gray_clr: #2C2A29;
  --none_shadow: none;
  --filter_w: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(169deg) brightness(114%) contrast(100%);
  --filter_m: brightness(0) saturate(100%) invert(21%) sepia(59%) saturate(7499%) hue-rotate(354deg) brightness(98%) contrast(127%);
  --filter_s: brightness(0) saturate(100%) invert(14%) sepia(42%) saturate(6979%) hue-rotate(176deg) brightness(94%) contrast(98%);
  --filter_t: brightness(0) saturate(100%) invert(56%) sepia(27%) saturate(1187%) hue-rotate(355deg) brightness(110%) contrast(93%);
  --filter_g: brightness(0) saturate(100%) invert(7%) sepia(3%) saturate(1021%) hue-rotate(335deg) brightness(128%) contrast(82%);
  --filter_4: brightness(0) saturate(100%) invert(61%) sepia(72%) saturate(5863%) hue-rotate(148deg) brightness(97%) contrast(94%);
  --filter_d9: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2641%) hue-rotate(159deg) brightness(116%) contrast(70%);
}

* {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
html {scroll-padding-top: 85px;} /* altura de la navbar fija */
body {
	font-family: "IBM Plex Sans", sans-serif;
	position: relative;
	font-weight: 400;
	background: transparent;
	color:#232323;
	font-size: 22px;
	line-height: 1.3;
	overflow-x: hidden;
}

body  section{
	padding: 1em 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: "Oswald", sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.3;
}

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;
}

.clr_00 {color: #fff!important;}
.clr_01 {color: #232323;}
.clr_02 {color: var(--main_clr);}
.white_ {color: #fff;}
.gray_ {color: #b5b5b5;}

.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;}


.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; opacity: 1;}

.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%;
}

.txt_ {font-family: "Oswald", sans-serif;font-weight: 500;}

.w90 {width: 90%;margin:0 auto;}

.carousel-control {
    font-size: 10px;
	opacity: 0;
}

.carousel-control .icon-prev, 
.carousel-control .icon-next, 
.carousel-control .fa-angle-left, 
.carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,color-stop(transparent 0),color-stop(rgba(0,0,0,0.0001) 100%));
    background-image: linear-gradient(to right,transparent 0,rgba(0,0,0,0.0001) 100%);
}
.carousel-control.right {
    background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(transparent 100%));
    background-image: linear-gradient(to right,rgba(0,0,0,0.0001) 0,transparent 100%);
}

.carousel-indicators .active{
	background-color: #4FBDBA !important;
	width: 50px!important;
}

.carousel-indicators .active{background-color: #fff !important;}

.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: var(--tird_clr);
	color: #fff;
	border-radius: 5px;
	border: none;
	padding: 10px 20px;
	font-size: 22px;
	margin: 10px auto;
	letter-spacing: 0;
	backdrop-filter: blur(0px)
}
.btn_01:focus,
.btn_01:hover {
	background: var(--blck_clr);
	color: #fff;
	backdrop-filter: blur(3px)
}

.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;}

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

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

.px_5 {padding: 0 5vw;}
.px_8 {padding: 0 8vw;}

/************ MODALS STYLE ************/
.modal-open .modal {backdrop-filter: blur(5px);}
body.modal-open {padding-right: 0 !important; /* Desactiva la compensaci�1�71�1�77�1�71�1�77n autom�1�71�1�77�1�71�1�77tica 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;
}

/************ 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 ***********/


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

#navigation .navbar {
    background: linear-gradient(90deg, var(--main_clr), var(--scnd_clr));
    border-radius: 0;
    border-bottom: 0;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    padding: 0;
    display: inline;
}

.logo {
    width: 12em;
    padding: 5px 0.5rem 1rem;
    filter: var(--filter_w);
}

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

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

#navigation .nav-link {font-family: "Oswald", sans-serif;border-radius: 10px;text-transform: uppercase;background: transparent;color: #fff;font-weight: 500;max-width: 12em;text-align: center;margin: 0 1rem 0 0;padding: 0.5rem;}
#navigation .nav-link:hover {background: rgb(0 0 0 / 10%);color: #fff;}
#navigation .nav-link.active {
  color: var(--tird_clr);
  position: relative;
}
#navigation .nav_link {font-family: "Oswald", sans-serif;border-radius: 10px;text-transform: uppercase;background: var(--tird_clr);color: #fff;font-weight: 500;max-width: 12em;text-align: center;padding: 0.5rem;display: block;}
#navigation .nav_link:hover {background: rgb(0 0 0 / 10%);color: #fff;}
#navigation .nav_link.active {
    background: rgb(0 0 0 / 3%);
    color: var(--tird_clr);
    position: relative;
}

#navigation .dropdown-menu li .nav-link {text-transform: uppercase;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;
}

/* width */
#Busc_ ::-webkit-scrollbar { width: 10px; } /*width: 10px;*/
/* Track */
#Busc_ ::-webkit-scrollbar-track { border-radius: 2em; background: #ddd; }
/* Handle */
#Busc_ ::-webkit-scrollbar-thumb { border-radius: 2em; background: #555; }

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

.btn_call {
    background: var(--tird_clr);
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    right: 0.5em;
    top: 0.5em;
    color: #fff;
}
.btn_call:focus, .btn_call:hover {
    background: var(--blck_clr);
    color: #fff;
}
.btn_call::before {
    content: attr(data-title);
    position: absolute;
    top: 50%;
    left: 0;
    right: unset;
    transform: translate(-110%, -50%);
    font-size: 14px;
    color: #fff;
    background: rgb(0 0 0 / 90%);
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(5px);
    padding: 10px;
    width: fit-content;
    border-radius: 5px;
}
.btn_call:hover::before {opacity: 1; }

/** 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_main {
    box-shadow: 0 -3em 1em -3em rgb(0 0 0 / 20%);
    position: relative;
    z-index: 1029;
}

#btm_last {
    padding: 15px;
    background: var(--gray_clr);
    color: #fff;
    font-size: 80%;
}
#btm_last p {margin: 0;text-align: center;}
#btm_last a {color:#fff;}
#btm_last a:hover,
#btm_last a:focus {
	color: var(--main_clr);;
}

#ftr_btm {
    background: var(--gray_clr);
    color: #ffff;
    position: relative;
    padding: 2em 0 ;
}
#ftr_btm .cont_skew {
    bottom: unset;
    top: 0px;
}
#ftr_btm .cont_skew img {filter: var(--filter_g);}

#ftr_btm .txt_ {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 15px;
    margin: 10px 0;
}
#ftr_btm a {color: #fff;}
#ftr_btm a:hover {color: var(--main_clr);}

.logo_ftr {
    width: 80%;
    margin: 0 auto 2rem;
    display: block;
}

.social_ftr {
    display: flex;
    gap: 1rem;
    justify-content: center;
    font-size: 2rem;
    margin: 1rem 0;
}
.social_ftr a {color: var(--tird_clr)!important;}
.social_ftr a:hover {color: #fff!important;}

#top_btm_ {
    background: var(--four_clr);
    color: #fff;
    position: relative;
    padding: 2em 0;
}
#top_btm_ .cont_skew {
    bottom: unset;
    top: 0;
}
#top_btm_ .cont_skew img {filter: unset;}
#top_btm_ .btn_01 {
    margin: 3rem auto;
}

.lang_cont {
    position: fixed;
    z-index: 1050;
    bottom: 1rem;
    left: 1rem;
    width: 2.5em;
    padding: 10px;
    background: rgb(255 255 255 / 20%);
    backdrop-filter: blur(5px);
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
}
.lang_cont a {
    position: relative;
    text-decoration: none;
}
.lang_cont a::before {
    content: attr(data-title);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(115%, -50%);
    font-size: 14px;
    color: #fff;
    background: rgb(0 0 0 / 90%);
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(5px);
    padding: 10px;
    width: fit-content;
    border-radius: 5px;
}
.lang_cont a:hover::before {opacity: 1; }

/** FOOTER SECTION **/

/* INDEX*/

#idx_bloq_01 {
    position: relative;
    height: 100vh;
    padding: 4em 20% 2em;
    background-image: url(../img/bg_01.webp);
    z-index: 0;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
}
#idx_bloq_01::before {
    background: #000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.3;
}

.video_bg_yt {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: -2; 
    overflow: hidden;
}

.video_bg_yt iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 177.78vh; /* Relación 16:9 -> 100 * (16/9) */
    height: 100vh;
    min-width: 100%;
    min-height: 56.25vw; /* Relación 9:16 -> 100 * (9/16) */
    transform: translate(-50%, -50%);
    pointer-events: none; /* evita clics */
}

.btn_play {
    width: 2em;
    height: 2em;
    margin: 0 auto 5rem;
    text-align: center;
    background: rgb(0 0 0 / 15%);
    border: 1px solid #fff;
    color: #fff;
    font-size: 3.5rem;
    border-radius: 50%;
    backdrop-filter: blur(3px);
    display: block;
}
.btn_play:hover {
    border: 1px solid var(--tird_clr);
    background: rgb(0 0 0 / 30%);
}

.btn_sound {
    position: absolute;
    top: 5em;
    right: 0.5em;
    width: 2em;
    height: 2em;
    border: none;
    background: rgb(0 0 0 / 15%);
    color: #fff;
    border-radius: 50%;
    font-size: 80%;
    backdrop-filter: blur(5px);
}
.btn_sound:focus, .btn_sound:hover {
    background: rgb(0 0 0 / 40%);
    color: var(--tird_clr);
}

#idx_bloq_02 {
    position: relative;
    padding: 0;
    background: var(--gray_clr);
    color: #fff;
}

.clr_2 {color: var(--scnd_clr);}
.clr_3 {color: var(--tird_clr);}

.padd_idx_bloq_02{padding: 5rem 5rem 10rem;}
.cont_card_idx {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: space-between;
    margin: 0 0 2rem;
}
.cont_card_idx > * {
    flex: 0 1 calc(50% - 1rem);
    box-sizing: border-box;
}
.card_idx {
    border: 2px solid var(--main_clr);
    padding: 2rem;
    border-radius: 1rem;
    font-family: "Oswald", sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.card_idx:nth-child(9n + 1),
.card_idx:nth-child(9n + 4),
.card_idx:nth-child(9n + 5),
.card_idx:nth-child(9n + 8),
.card_idx:nth-child(9n + 9) {
    background-color: transparent;
}
.card_idx:nth-child(9n + 2),
.card_idx:nth-child(9n + 3),
.card_idx:nth-child(9n + 6),
.card_idx:nth-child(9n + 7) {
    background-color: rgb(255 255 255 / 5%);
}
.card_idx img {
    filter: var(--filter_t);
    padding: 10px 10px 10px 0; 
    width: 80px;
}
.card_idx p {margin: 0;}

.img_idx_001 {
    width: 120px!important;
    height: 60px;
    object-fit: cover;
}
.img_idx_003 {
    width: 100px!important;
    height: 75px;
    object-fit: cover;
}

.cont_skew {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.cont_skew img {
    position: absolute;
    bottom: 0;
}

#idx_bloq_03 {
    position: relative;
    padding: 2em 0 4em;
    background: var(--scnd_clr);
    color: #fff;
}

.data_01 {
    position: relative;
    width: 75%;
    background: white;
    border-right: 20px solid #dfe7e8;
    display: flex;
    margin: 0 auto;
    transform: skew(-10deg, 0);
    padding: 3rem;
    color: var(--dark_clr);
}

.data_01::after {
  content: '';
  position: absolute;
  top: 0px;
  right: -40px;
  width: 20px;
  height: calc(100% + 0px);
  background: #abc5c9;
  transform: skew(0deg);
}

.data_01 img {width: 25%;transform: scale(1.6) translate(-4rem, 0);}

.invert_skew {
    display: flex;
    transform: skew(10deg, 0);
}

#idx_bloq_03 ul,
#idx_bloq_04 ul {
  list-style: none;
}
#idx_bloq_03 li::before,
#idx_bloq_04 li::before {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--tird_clr);
    position: absolute;
    margin: 3px 0 0 -30px;
    border: 3px solid;
    font-size: 70%;
    padding: 0 0 0 3.3px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

#idx_bloq_03 .cont_skew {
    transform: rotate(180deg);
    z-index: 1;
}

#idx_bloq_04 {
    position: relative;
    padding: 10em 0 4em;
    background: #fff;
}

#idx_bloq_04 .data_01 {
    position: relative;
    width: 75%;
    background: var(--dark_clr);
    border-right: none;
    border-left: 20px solid #4a4948;
    display: flex;
    transform: skew(10deg, 0);
    padding: 3rem;
    color: #fff;
    margin: 1rem auto 0;
}

#idx_bloq_04 .data_01::after {
  content: '';
  position: absolute;
  top: 0px;
  left: -40px;
  width: 20px;
  height: calc(100% + 0px);
  background: #6f6e6d;
  transform: skew(0deg);
}

#idx_bloq_04 .data_01 .info_data_01 {width: 70%;}
#idx_bloq_04 .data_01 img {
    width: 45%;
    height: auto;
    aspect-ratio: 900 / 475;
    transform: scale(1.5) translate(4.5rem, 0);
}

#idx_bloq_04 .invert_skew {
    display: flex;
    transform: skew(-10deg, 0);
}

#idx_bloq_04 .cont_skew {
    transform: rotate(180deg);
    z-index: 1;
}
#idx_bloq_04 .cont_skew img:nth-child(1) {
    position: absolute;
    bottom: 0;
    filter: var(--filter_w);
}

#idx_bloq_05 {
    position: relative;
    padding: 10em 0;
    background-image: url(../img/bg_03.webp);
    z-index: 0;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
}
#idx_bloq_05::before {
    background: #cfedea;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.3;
}

.img_values_idx {
    width: 90%;
    margin: 2rem auto;
    display: block;
}

.ttl_cmap {
    background: linear-gradient(90deg, var(--main_clr), var(--scnd_clr));
    margin: 0;
    padding: 1rem;
    margin: 0 0 1rem;
    color: var(--tird_clr);
    font-size: clamp(16px, 1.5vw, 18px);
    transform: skew(-15deg, 0deg);
    min-width: 20em;
    text-align: center;
}
.ttl_cmap div {transform: skew(15deg, 0deg);}

#idx_bloq_05 .cont_skew img {
    filter: var(--filter_g);
}
#idx_bloq_05 .cont_skew img:nth-child(2) {
    opacity: 0.6;
}

#idx_bloq_06 {
    position: relative;
    padding: 2em 0 4em;
    background: var(--gray_clr);
    color: #fff;
}

#idx_bloq_06 .cont_skew {
    transform: rotate(180deg);
    z-index: 1;
}
#idx_bloq_06 .cont_skew img {
    filter: var(--filter_g);
}

.cont_sols_idx {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: space-between;
    margin: 0 0 2rem;
    text-align: center;
    padding: 0 7vw;
}
.cont_sols_idx > * {
    flex: 0 1 calc(24% - 1rem);
    box-sizing: border-box;
}

.cont_sols_idx img {width: 50%;padding: 1rem; filter: var(--filter_t);}
.cont_sols_idx h4 {color: #fff;}

#idx_bloq_07 {
    position: relative;
    padding: 10em 0 2em;
    background: #fff;
}

.data_02 {
    background: var(--main_clr);
    color: #fff;
    padding: 3rem;
    border-radius: 1rem;
    text-align: justify;
    min-height: 10em;
    vertical-align: middle;
    margin: 0 0 1rem;
}

.card_idx_01 {
    min-width: 100%;
    overflow: hidden;
    border-radius: 1rem;
    min-height: 25em;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    color: #fff;
    margin: 2rem 0;
    padding: 0 2rem 1rem;
    font-family: "Oswald", sans-serif;
    position: relative;
    z-index: 0;
}
.card_idx_01:hover {
    padding: 0 2rem 4rem;
}
.card_idx_01::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, var(--scnd_clr));
    opacity: 1;
    z-index: -1;
}
.card_idx_01 p {font-size: 30px;}

.card_idx_01_1 {background-image: url(../img/img_06.webp);background-position: 15% 50%;}
.card_idx_01_2 {background-image: url(../img/img_03.webp);background-position: 75% 50%;}
.card_idx_01_3 {background-image: url(../img/img_05.webp);}
.card_idx_01_4 {background-image: url(../img/img_04.webp);background-position: 30% 50%;}

.brand_idx {
    display: inline-block;
    width: 300px;
    margin: 1rem;
}

#idx_bloq_07 .cont_skew {
    transform: rotate(180deg);
    z-index: 1;
}
#idx_bloq_07 .cont_skew img {
    filter: var(--filter_w);
}

#idx_bloq_08 {
    position: relative;
    padding: 10em 0;
    background-image: url(../img/bg_04.webp);
    z-index: 0;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
#idx_bloq_08::before {
    background: var(--scnd_clr);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.8;
}

#idx_bloq_08 .cont_skew img {
    filter: var(--filter_w);
}

#idx_bloq_09 {
    position: relative;
    padding: 2em 0 5em;
    background: #fff;
}

#idx_bloq_09 .data_01 {
    position: relative;
    width: 100%;
    background: var(--four_clr);
    border-right: 20px solid #3fbab2;
    border-left: 20px solid #3fbab2;
    display: flex;
    transform: skew(-10deg, 0);
    padding: 3rem;
    color: #fff;
    margin: 1rem auto 0;
}
#idx_bloq_09 .data_01::before {
  content: '';
  position: absolute;
  top: 0px;
  left: -40px;
  width: 20px;
  height: calc(100% + 0px);
  background: #83d0cb;
  transform: skew(0deg);
}
#idx_bloq_09 .data_01::after {
  content: '';
  position: absolute;
  top: 0px;
  right: -40px;
  width: 20px;
  height: calc(100% + 0px);
  background: #83d0cb;
  transform: skew(0deg);
}
#idx_bloq_09 .invert_skew {
    display: flex;
    transform: skew(10deg, 0);
    width: 100%;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
}
#idx_bloq_09 .invert_skew h2 {font-size: 3rem;}

/* FIN INDEX*/

/* NOSOTROS SECCION*/

#us_bloq_01 {
    position: relative;
    padding:  0 ;
    background: #ddd;
}

#us_bloq_01 .cont_skew img {
    filter: var(--filter_g);
}
.p_us_01 {padding: 5em 5em 7em;}
.bg_us_01 {
    background-image: url(../img/us_01.webp);
    background-size: cover;
}

#us_bloq_02 {
    position: relative;
    padding: 2em 0 10em;
    background: var(--gray_clr);
    color: #fff;
}

#us_bloq_02 .cont_skew img {
    filter: unset;
}

.card_us_01 {
    position: relative;
    display: inline-grid;
    width: 380px;
    margin: 1rem;
    font-size: 90%;
    text-align: justify;
    text-align-last: center;
    font-weight: 300;
}
.card_us_01 img {
    object-fit: cover;
    width: 100%;
    height: 220px;
}
.data_card_us {
    background: linear-gradient(180deg, var(--main_clr), var(--scnd_clr));
    padding: 1rem;
    font-family: "Oswald", sans-serif;
    min-height: 6em;
    display: flex;
    align-items: center;
    justify-content: center;
}

#us_bloq_03 {
    position: relative;
    padding: 2em 0 10em;
    background: var(--scnd_clr);
    color: #fff;
}

#us_bloq_03 .cont_skew img {
    filter: var(--filter_d9);
}
.mapa_ {
    width: 95%;
    margin: 2rem auto;
    display: block;
}

#us_bloq_04 {
    position: relative;
    padding: 2em 0 10em;
    background: #d9d9d9;
}
#us_bloq_04 .cont_skew img {
    filter: var(--filter_g);
}

.cont_card_02 {
    display: flex;
    justify-content: space-evenly;
    gap: 2rem 0;
    flex-wrap: wrap;
    width: 100%;
    margin: 2rem 0;
}
.card_us_02 {
    width: fit-content;
    border: 2px solid var(--scnd_clr);
    padding: 1rem;
    border-radius: 1rem;
    color: var(--scnd_clr);
    text-align: center;
}
.card_us_02 h2 {font-size: 4rem;}
.card_us_02:nth-child(odd) {background-color: rgb(0 0 0 / 10%);}
.card_us_02:nth-child(even) {background-color: transparent;}

#us_bloq_05 {
    position: relative;
    padding: 2em 0 10em;
    background: var(--gray_clr);
    color: #fff;
}
#us_bloq_05 .cont_skew img {
    filter: unset;
}

.video_us {
    background-image: url(../img/us_08.webp);
    background-size: cover;
    aspect-ratio: 8/5;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 1rem;
    margin: 2rem 0;
}
.video_us .btn_play {margin: 0 auto;}

#us_bloq_05 ul {
  list-style: none;
  position: relative;
  min-height: 100%;
}
#us_bloq_05 ul::before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 15px;
    width: 3px;
    background-color: var(--tird_clr);
    height: 103vh;
}
#us_bloq_05 li {margin: 0 0 2rem 10px;}
#us_bloq_05 li h5 {
    text-transform: unset;
    font-weight: 500;
    font-size: 120%;
}
#us_bloq_05 li::before {
    content: "\F218";
    font-family: "bootstrap-icons";
    color: #fff;
    position: absolute;
    margin: 3px 0 0 -40px;
    font-size: 65%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: var(--tird_clr);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}

#us_bloq_06 {
    position: relative;
    padding: 2em 0 10em;
    background: var(--scnd_clr);
}

.card_mv_01 {
    background: #fff;
    transform: skewX(-10deg);
    min-height: 12em;
    border-right: 20px solid #dfe7e8;
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    left: -3px;
}
.card_mv_01::after {
    content: '';
    position: absolute;
    top: 0px;
    right: -40px;
    width: 20px;
    height: calc(100% + 0px);
    background: #abc5c9;
    transform: skew(0deg);
}
.invert_skew_01 {
    transform: skewX(10deg);
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}
.bg_mv_01 {
    width: 100%;
    height: 100%;
    transform: skewX(-10deg);
    background: transparent;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1.5 / 1;
    object-fit: cover;
}
.bg_mv_01 img {
    transform: skewX(10deg) scale(1.3);
    object-fit: cover;
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center;
}

.card_mv_02 {
    background: var(--gray_clr);
    color: #fff;
    transform: skewX(10deg);
    min-height: 12em;
    border-left: 20px solid #253233;
    width: 90%;
    margin: 0 auto 3em;
    position: relative;
    left: 20px;
    display: flex;
    align-items: center;
}
.card_mv_02::after {
    content: '';
    position: absolute;
    top: 0px;
    left: -40px;
    width: 20px;
    height: calc(100% + 0px);
    background: #1c3b3f;
    transform: skew(0deg);
}
.invert_skew_02 {
    transform: skewX(-10deg);
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}
.bg_mv_02 {
    width: 100%;
    height: 100%;
    transform: skewX(10deg);
    background: transparent;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1.5 / 1;
    object-fit: cover;
}
.bg_mv_02 img {
    transform: skewX(-10deg) scale(1.3);
    object-fit: cover;
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center;
}

.padd_card_mv {padding: 3em;}

#us_bloq_06 .cont_skew img {
    filter: var(--filter_w);
}

#us_bloq_07 {
    position: relative;
    padding: 2em 0 5em;
    background: #fff;
}

.values_us {
    display: inline-grid;
    width: 240px;
    margin: 1rem;
}
.values_us img {filter: var(--filter_t);width: 60%;margin: 0 auto 1rem;}
.values_us h4 {color: var(--scnd_clr);}

/* FIN NOSOTROS SECCION*/

/* EXTRUSION SECCION */

#ext_bloq_01 {
    position: relative;
    padding:  0 ;
    background: var(--scnd_clr);
    color: #fff;
}

#ext_bloq_01 .cont_skew img {
    filter: var(--filter_d9);
}
.p_ext_01 {padding: 5em 5em 12em;}
.bg_ext_01 {
    background-image: url(../img/ext_01.webp);
    background-size: cover;
}

#ext_bloq_02 {
    position: relative;
    padding: 2em 0 10em;
    background: #d9d9d9;
    color: #fff;
}
#ext_bloq_02 .cont_skew img {
    filter: var(--filter_g);
}

.card_ext_01 {
    background: var(--gray_clr);
    color: #fff;
    overflow: hidden;
    margin: 0 0 2rem;
}
.p_ext_02 {padding: 5em 3em;}
.bg_ext_02 {
    background-image: url(../img/ext_03.webp);
    background-size: cover;
    background-position: 50% 50%;
}

.cont_data_ext_01 {
    display: flex;
}
.cont_data_ext_01 .data_ext_ {width: 50%; position: relative;}
.cont_data_ext_01 .data_ext_:last-child::before {
    content: "";
    position: absolute;
    left: -5vw;
    bottom: 0;
    border-style: solid;
    border-width: 45vw 5vw 0px 0px;
    border-color: transparent var(--gray_clr) transparent transparent;
}
.cont_data_ext_01 .data_ext_:last-child::after {
    content: "";
    position: absolute;
    bottom: -10vw;
    left: -10.5%;
    width: 55px;
    height: 150%;
    background: url("../img/diag_ext_main.svg") no-repeat left center;
    background-size: contain;
    transform: rotate(6deg);
    filter: unset;
    object-position: center;
}

.card_ext_02 {
    background: var(--scnd_clr);
    color: #fff;
    overflow: hidden;
    margin: 0 0 4rem;
}
.p_ext_03 {padding: 5em 3em;}
.bg_ext_03 {
    background-image: url(../img/ext_02.webp);
    background-size: cover;
}

.cont_data_ext_02 {
    display: flex;
    flex-direction: row-reverse;
}
.cont_data_ext_02 .data_ext_ {width: 50%; position: relative;}
.cont_data_ext_02 .data_ext_:last-child::before {
    content: "";
    position: absolute;
    right: -5vw;
    bottom: 0;
    border-style: solid;
    border-width: 0 0 45vw 5vw;
    border-color: transparent transparent transparent var(--scnd_clr);
}
.cont_data_ext_02 .data_ext_:last-child::after {
    content: "";
    position: absolute;
    bottom: -10vw;
    right: -7.5%;
    width: 55px;
    height: 150%;
    background: url("../img/diag_ext.svg") no-repeat left center;
    background-size: contain;
    transform: rotate(6deg);
    filter: var(--filter_d9);
    object-position: center;
}

#ext_bloq_03 {
    position: relative;
    padding: 2em 0 10em;
    background: var(--gray_clr);
    color: #fff;
}
#ext_bloq_03 .cont_skew img {
    filter: unset;
}

.card_ext_bloq3_01 {
    min-width: 100%;
    overflow: hidden;
    min-height: 25em;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    color: #fff;
    padding: 0 4rem 2rem;
    font-family: "Oswald", sans-serif;
    position: relative;
    z-index: 0;
}
.card_ext_bloq3_01::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, var(--scnd_clr));
    opacity: 1;
    z-index: -1;
}
.card_ext_bloq3_02 {
    min-width: 100%;
    overflow: hidden;
    min-height: 25em;
    background-size: cover;
    display: flex;
    align-items: flex-start;
    color: #fff;
    padding: 2rem 4rem 0;
    font-family: "Oswald", sans-serif;
    position: relative;
    z-index: 0;
}
.card_ext_bloq3_02::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(var(--scnd_clr), transparent);
    opacity: 1;
    z-index: -1;
}
.card_ext_bloq3_01 p, .card_ext_bloq3_02 p {font-size: 30px;}

.card_ext_bloq3_bg_01 {background-image: url(../img/ext_04.webp);background-position: 50% 50%;}
.card_ext_bloq3_bg_02 {background-image: url(../img/ext_05.webp);background-position: 50% 0%;}
.card_ext_bloq3_bg_03 {background-image: url(../img/ext_06.webp);background-position: 50% 50%;}
.card_ext_bloq3_bg_04 {background-image: url(../img/ext_07.webp);background-position: 50% 50%;}
.card_ext_bloq3_bg_05 {background-image: url(../img/ext_08.webp);background-position: 50% 50%;}
.card_ext_bloq3_bg_06 {background-image: url(../img/ext_09.webp);background-position: 50% 50%;}

#ext_bloq_04 {
    position: relative;
    padding: 2em 0;
    background: var(--scnd_clr);
    color: #fff;
}
#ext_bloq_04 .cont_skew {
    transform: rotate(180deg);
    z-index: 1;
}
#ext_bloq_04 .cont_skew img {
    filter: unset;
}

.ttl_ext {
    background: #d9d9d9;
    padding: 1rem 3rem;
    color: var(--scnd_clr);
    transform: skewX(-10deg);
    margin: 1rem;
    text-align: center;
}
.ttl_ext h2 {transform: skewX(10deg);margin: 0;}

#ext_bloq_05  {
    position: relative;
    padding: 10em 0;
    background-image: url(../img/ext_10.webp);
    z-index: 0;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#ext_bloq_05::before {
    background: #d9d9d9;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.85;
}

#ext_bloq_05 .cont_card_02 {
    gap: 1vw 0;
}
#ext_bloq_05 .cont_skew img {
    filter: var(--filter_w);
}

#ext_bloq_06 {
    position: relative;
    padding: 2em 0 5em;
    background: #fff;
}
#ext_bloq_06 .values_us {display: inline-grid;width: 245px;margin: 1rem 3vw;}
#ext_bloq_06 .values_us img {margin: 0 auto 1rem;}

/* FIN EXTRUSION SECCION */

/* INYECCION SECCION */

#iny_bloq_01 {
    position: relative;
    padding:  0 ;
    background: var(--scnd_clr);
    color: #fff;
}
#iny_bloq_01 .cont_skew img {
    filter: var(--filter_g);
}

.p_iny_00 {padding: 5em 5em 12em;}
.bg_iny_00 {
    background-image: url(../img/iny_01.webp);
    background-size: cover;
    background-position: 50% 50%;
}

#iny_bloq_02 {
    position: relative;
    padding: 5em 0 10em;
    background-image: url(../img/iny_02.webp);
    color: #fff;
    z-index: 0;
    background-size: cover;
    background-attachment: fixed;
    transform: skewY(-3deg);
    margin: -40px 0 0;
}
#iny_bloq_02::before {
    background: #000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.3;
}
#iny_bloq_02 .cont_skew img {
    filter: var(--filter_d9);
}
#iny_bloq_02 .cont_skew {left: 0;bottom: -10.5em;}

.inv_iny_bloq2 {
    transform: skewY(3deg);
}

#iny_bloq_03 {
    position: relative;
    padding: 2em 0 10em;
    background: #d9d9d9;
}
#iny_bloq_03 .cont_skew img {
    filter: unset;
}

.card_iny_bloq3_01 {
    min-width: 100%;
    overflow: hidden;
    min-height: 25em;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    color: #fff;
    padding: 0 4rem 2rem;
    font-family: "Oswald", sans-serif;
    position: relative;
    z-index: 0;
}
.card_iny_bloq3_01::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, var(--scnd_clr));
    opacity: 1;
    z-index: -1;
}
.card_iny_bloq3_02 {
    min-width: 100%;
    overflow: hidden;
    min-height: 25em;
    background-size: cover;
    display: flex;
    align-items: flex-start;
    color: #fff;
    padding: 2rem 4rem 0;
    font-family: "Oswald", sans-serif;
    position: relative;
    z-index: 0;
}
.card_iny_bloq3_02::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(var(--scnd_clr), transparent);
    opacity: 1;
    z-index: -1;
}
.card_iny_bloq3_01 p, .card_iny_bloq3_02 p {font-size: 30px;}

.card_iny_bloq3_bg_01 {background-image: url(../img/iny_03.webp);background-position: 50% 50%;}
.card_iny_bloq3_bg_02 {background-image: url(../img/iny_04.webp);background-position: 50% 0%;}
.card_iny_bloq3_bg_03 {background-image: url(../img/iny_05.webp);background-position: 0% 50%;}
.card_iny_bloq3_bg_04 {background-image: url(../img/iny_06.webp);background-position: 10% 50%;}
.card_iny_bloq3_bg_05 {background-image: url(../img/iny_07.webp);background-position: 50% 50%;}
.card_iny_bloq3_bg_06 {background-image: url(../img/iny_08.webp);background-position: 50% 50%;}

#iny_bloq_04 {
    position: relative;
    padding: 2em 0;
    background: var(--scnd_clr);
    color: #fff;
}
#iny_bloq_04 .cont_skew {
    transform: rotate(180deg);
    z-index: 1;
}
#iny_bloq_04 .cont_skew img {
    filter: unset;
}

#iny_bloq_05  {
    position: relative;
    padding: 10em 0;
    background-image: url(../img/ext_10.webp);
    z-index: 0;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#iny_bloq_05::before {
    background: #d9d9d9;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.85;
}

#iny_bloq_05 .cont_card_02 {
    gap: 1vw 0;
}
#iny_bloq_05 .cont_skew img {
    filter: var(--filter_w);
}

#iny_bloq_06 {
    position: relative;
    padding: 2em 0 5em;
    background: #fff;
}
#iny_bloq_06 .values_us {display: inline-grid;width: 245px;margin: 1rem 3vw;}
#iny_bloq_06 .values_us img {margin: 0 auto 1rem;}

/* FIN INYECCION SECCION */

/* BLOG SECCION */

#blog_bloq_01 {
    background-image: url(../img/blog_00.webp);
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
    position: relative;
    z-index: 0;
    padding: 2em 2em 8em;
    color: #fff;
    height: 100vh;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
#blog_bloq_01::before {
    background: #000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.4;
}
#blog_bloq_01 .cont_skew {
    left: 0;
}
#blog_bloq_01 .cont_skew img {
    filter: var(--filter_g);
}

.data_blog {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    font-size: 75%;
}
.data_blog img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

#blog_bloq_02 {
    position: relative;
    padding: 2em 0 10em;
    background: var(--gray_clr);
}
#blog_bloq_02 .cont_skew img {
    filter: var(--filter_d9);
}

.card_blog {
    background: #d9d9d9;
    width: 100%;
    display: flex;
    min-height: 330px;
    margin: 0 0 1rem;
}
.card_blog .data_card_blog:first-child {width: 30%;aspect-ratio: 1/0.3;overflow: hidden;}
.card_blog .data_card_blog:last-child {width: 70%;padding: 2em;display: flex;flex-direction: column;justify-content: center;}

.card_blog .data_card_blog:first-child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.card_blog .data_card_blog h4 {color: var(--scnd_clr);}
.card_blog .data_card_blog .data_blog {color: var(--scnd_clr);}

.blog_card {
    background: linear-gradient(var(--main_clr), var(--scnd_clr));
    padding: 1.5rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    margin: 0 0 1.5rem;
}
.blog_card .img_glob {width: 100%;border-radius: 0.5rem;margin: 0 0 1rem;aspect-ratio: 4/2.7;object-fit: cover;object-position: 50% 50%;}
.blog_card h4 {margin: 0 0 2rem;}
.blog_card .data_blog {color: var(--tird_clr);font-size: 60%;margin: 0 0 1rem;}

#blog_bloq_03 {
    position: relative;
    padding: 2em 0 5em;
    background: #d9d9d9;
}

#art_blog_bloq_01 {
    background-image: url(../img/blog_00.webp);
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
    position: relative;
    z-index: 0;
    padding: 2em 2em 8em;
    color: #fff;
    height: 100vh;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
#art_blog_bloq_01::before {
    background: #000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.4;
}
#art_blog_bloq_01 .cont_skew {
    left: 0;
}
#art_blog_bloq_01 .cont_skew img {
    filter: var(--filter_d9);
}

#art_bloq_00 {
    position: relative;
    padding: 2em 0 5em;
    background: #d9d9d9;
}
#art_bloq_00 .cont_skew img {
    filter: var(--filter_w);
}

#art_bloq_00 .container p {text-align: justify;}
#art_bloq_00 .container p:has(img) {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
#art_bloq_00 .container p img {border-radius: 0.5rem;}
#art_bloq_00 .container img {
    width: fit-content;
    max-width: 100%;
}
#art_bloq_01 {
    position: relative;
    padding: 2em 0 5em;
    background: #fff;
}

.img_blog_arts { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }
.img_article {width: 300px;height: auto;border-radius: 0.5rem;margin: 0;object-fit: cover;object-position: 50% 50%;}

/* FIN BLOG SECCION */

/* FIN CONTACTO SECCION */

#cto_bloq_00 {
    background-image: url(../img/cto_01.webp);
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
    position: relative;
    z-index: 0;
    padding: 2em 2em 8em;
    color: #fff;
    height: 100vh;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
#cto_bloq_00::before {
    background: #000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.4;
}
#cto_bloq_00 .cont_skew {
    left: 0;
}
#cto_bloq_00 .cont_skew img {
    filter: var(--filter_d9);
}

#cto_bloq_01 {
    position: relative;
    padding: 2em 0 5em;
    background: #d9d9d9;
}
#cto_bloq_01 .cont_skew img {
    filter: var(--filter_w);
}

#cto_bloq_01 a {color: var(--dark_clr);}
#cto_bloq_01 a:hover, #cto_bloq_01 a:focus {color: var(--tird_clr);}

.form_cont  {
    background: linear-gradient(var(--main_clr), var(--scnd_clr));
    padding: 2rem;
    display: flex;
    flex-direction: column;
    margin: 0 0 1.5rem;
}

.cto_map_iframe {
    border: 0;
    border-radius: 0.5rem;
}

.info_cto ul {
  list-style: none;
  position: relative;
  padding: 0 0 0 2.5rem;
  font-weight: 600;
}
.info_cto li {margin: 0 0 1.5rem 10px;position: relative;}
.info_cto li::before {
    content: "";
    position: absolute;
    margin: 0 0 0 -45px;
    width: 30px;
    height: 30px;
    filter: var(--filter_t);
    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");}
.info_cto li:nth-child(4)::before {background-image: url("../img/icon_cto_04.svg");}

.form_group {
    position: relative;
    margin: 1rem 0 2rem;
}
.form_group label {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    transition: all 0.2s ease;
    pointer-events: none;
    font-size: 1rem;
}
.form_group input:focus + label,
.form_group input:not(:placeholder-shown) + label {
    top: -10px;
    left: 0;
    font-size: 70%;
    color: #fff;
    font-weight: 600;
}
.form_group input {box-sizing: border-box;}

/* FIN CONTACTO SECCION */

/* AVISO DE PRIVACIDAD */

#avp_bloq_00 {
    background-image: url(../img/avp_00.webp);
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
    position: relative;
    z-index: 0;
    padding: 2em 2em 8em;
    color: #fff;
    height: 60vh;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
#avp_bloq_00::before {
    background: #000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.4;
}
#avp_bloq_00 .cont_skew {
    left: 0;
}
#avp_bloq_00 .cont_skew img {
    filter: var(--filter_w);
}

#avp_bloq_01 {
    position: relative;
    padding: 2em 0 5em;
    background: #fff;
}
#avp_bloq_01 .cont_skew img {
    filter: var(--filter_w);
}

.sub_txt {background: var(--four_clr);}

/* FIN AVISO DE PRIVACIDAD */


/* CAPTCHA VALIDACION */

#captcha-error {
    font-size: 0.6em;
    position: absolute;
    width: fit-content;
    max-width: 10vw;
    height: fit-content;
    right: 3vw;
    top: 50%;
    opacity: 1;
    transform: translate(0, -50%);
    background: #fff;
    padding: 0.5rem;
    border-radius: 3px;
    border: 1px solid;
    font-weight: 500;
}

#no_captcha,
#error_404 {
    padding: 5em 0;
}
#sended {
    padding: 5em 0 10vw;
}

.nodata_img {
    width: 200px;
    margin: 2rem 0;
}

#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 CAPTCHA VALIDACION */