.u-zero {
    margin: 0;
    padding: 0
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    font-family: sans-serif;
    height: 100%;
    line-height: 1.15
}

*,
:after,
:before {
    box-sizing: inherit
}

::selection {
    background: #1e96fe;
    color: #fff
}

@-ms-viewport {
    width: device-width
}

aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

body {
    background-color: #F9FAFB;
    color: #59677a;
    font-family: "Quattrocento Sans";
    font-size: clamp(1rem, .9431818188rem + .15151515vw, 1.125rem);
    font-weight: 400;
    letter-spacing: -.015em;
    line-height: 1.4444444444;
    margin: 0
}

@media(max-width:767px) {
    body {
        font-size: .9375rem
    }
}

[tabindex="-1"]:focus {
    outline: none !important
}

@media(min-width:1200px) {
    ::-webkit-scrollbar {
        background-color: #f5f5f5;
        width: .625rem
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: none
    }

    ::-webkit-scrollbar-thumb {
        background-color: #0075C9;
        border: .125rem solid #e7f0fc;
        border-radius: .3125rem;
        outline: none
    }
}

h1,
h2,
h3,
h4,
h5 {
    margin-bottom: .5rem;
    margin-top: 0
}

p {
    margin-bottom: 1.25em;
    margin-top: 0
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}

ol,
ul {
    margin-bottom: 1.25em;
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

strong {
    font-weight: 700
}

small {
    font-size: 80%
}

sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    top: -.5em;
    vertical-align: baseline
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: transparent;
    color: #0075C9;
    text-decoration: none;
    transition: all .3s ease-in-out
}

a:hover {
    color: #666666;
    text-decoration: none
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
    padding-left: 211px;
}

figure {
    margin: 0 0 1rem
}

img {
    border-style: none;
    vertical-align: middle;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.img-icon {
    border-style: none;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: -10px;
}

svg:not(:root) {
    overflow: hidden
}

[role=button],
a,
button,
input,
label,
select,
textarea {    
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

label {
    display: inline-block;
    font-size: .875rem;
    margin-bottom: .5rem
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,
input,
select,
textarea {
    font-family: "Quattrocento Sans";
    font-size: inherit;
    line-height: inherit;
    margin: 0
}


button,
input {
    overflow: visible
}

button,
select {
    text-transform: none;
}

[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

@font-face {
    font-display: swap;
    font-family: "Quattrocento Sans";
    font-weight: 400;
    src: url(../css/assets/fonts/QuattrocentoSans-Regular.woff2) format("woff2"), url(../css/assets/fonts/QuattrocentoSans-Regular.woff)) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Quattrocento Sans";
    font-weight: 500;
    src: url(../css/assets/fonts/QuattrocentoSans-Bold.woff2) format("woff2"), url(../css/assets/fonts/QuattrocentoSans-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Quattrocento Sans";
    font-weight: 600;
    src: url(../css/assets/fonts/QuattrocentoSans-Bold.woff2) format("woff2"), url(../css/assets/fonts/QuattrocentoSans-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Quattrocento Sans";
    font-weight: 700;
    src: url(../css/assets/fonts/QuattrocentoSans-Bold.woff2) format("woff2"), url(../css/assets/fonts/QuattrocentoSans-Bold.woff) format("woff")
}

.alpha,
.beta,
.delta,
.gamma,
.jota,
h1,
h2,
h3,
h4,
h5 {
    color: #0075C9;
    display: block;
    font-family: "Quattrocento Sans";
    font-weight: 700;
    line-height: 1.1
}
h1b {
    color: #666666;
    display: block;
    font-family: "Quattrocento Sans";
	font-size: 2em;
    font-weight: 700;
    line-height: 1.1
}
h6 {
    color: #666666;
    font-size: clamp(1.375rem, 1.1477272713rem + .60606061vw, 1.5rem);
    display: block;
    font-family: "Quattrocento Sans";
	padding-left: 17px;
    font-weight: 200;
    line-height: 1.1
}

@media(max-width:768px) {
    .h6 {
      margin-left: -34px;

    }
}


.subtitle_lateral {
    display: block;
    font-size: clamp(1.0625rem, .9772727263rem + .22727273vw, 1.25rem);
    font-weight: 600;
    line-height: 1;
	margin-top: 1.75em;
}

@media(max-width:768px) {
    .subtitle_lateral {
		margin-left: -34px;
    }
}

.subtitle_lateral2 {
    display: block;
    font-size: clamp(1.0625rem, .9772727263rem + .22727273vw, 1.25rem);
    font-weight: 400;
    line-height: 1;
	margin-top: 2.75em;
}
/* Estilos videos casos prácticos */
		.filter-bar {
            display: flex;
            justify-content: left;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 30px;
        }

        .filter-bar button {
            padding: 10px 15px;
			font-size: .875rem;
			font-weight: 400;
            border: none;
            background-color: #fff;
            color: #0075C9;
            border-radius: 5px;
            cursor: pointer;
        }

        .filter-bar button.active {
            background-color: #0075C9;
			color: #fff;

        }

        .search-bar {
            display: flex;
            justify-content: left;
            flex-wrap: wrap;
            margin-bottom: 20px;
            gap: 10px;
        }

        .search-bar input[type="text"] {
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px 0 0 5px;
            width: 100%;
            max-width: 300px;
        }

        .search-bar button {
            padding: 10px;
			margin-left: -10px;
            border: none;
            background-color: #0075C9;
            color: white;
            border-radius: 0 5px 5px 0;
            cursor: pointer;
        }

        .videos {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
        }

        .video-card {
            background-color: white;
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .video-card iframe {
            width: 100%;
            height: 200px;
            border: none;
        }

        .video-card .details {
            padding: 15px;
            text-align: center;
        }

        .video-card .details h3 {
            margin: 10px 0;
            font-size: 18px;
        }

	@media (max-width: 992px) {
            .filter-bar button {
                font-size: 14px;
                padding: 8px 12px;
            }

            .search-bar input[type="text"] {
                width: calc(100% - 100px);
            }

            .search-bar button {
                width: 50px;
                text-align: center;
            }

            .video-card iframe {
                height: 180px;
            }
        }

/* Contenedor para los botones */
.botones-contenedor {
    display: flex;
    flex-direction: column; /* Apila los elementos verticalmente */
    gap: 15px; /* Espaciado entre los botones */
    margin-top: -20px;
}

/* Adaptación para pantallas pequeñas (opcional, ya están alineados verticalmente) */
@media (max-width: 992px) {
    .botones-contenedor {
	    align-items: center; /* Centra los botones horizontalmente */
        gap: 10px; /* Reducir el espaciado entre botones en pantallas pequeñas */
    }
}

/* Estilo del boton selector de máquinas */
 #toggle {
            display: none;
        }

        /* Estilo del div */
        .boton_seleccionar {
            width: 180px;
            height: 80px;
            background-color: #ffffff; /* Color inicial */
			text-align: center;
			justify-content: center;
			align-content: center;
            align-items: center;
            cursor: pointer;
            font-size: 16px;
            font-weight: 100;
			color: #666666;
            border-radius: 8px;
			border-color: #666666;
			border-style: solid;
			border-width: 1px;
            transition: background-color 0.3s ease;
        }

		@media(max-width:992px) {
			.boton_seleccionar {
				margin-left: -20px;
				width: 45vw;
			}
		}

        /* Cambia el color cuando el checkbox está marcado */
#toggle:checked + .boton_seleccionar {
            background-color: #0078C9; /* Color cuando está activo */
            color: white;
        }
#toggle2:checked + .boton_seleccionar {
            background-color: #0078C9; /* Color cuando está activo */
            color: white;
        }
#toggle3:checked + .boton_seleccionar {
            background-color: #0078C9; /* Color cuando está activo */
            color: white;
        }
#toggle4:checked + .boton_seleccionar {
            background-color: #0078C9; /* Color cuando está activo */
            color: white;
        }
#toggle5:checked + .boton_seleccionar {
            background-color: #0078C9; /* Color cuando está activo */
            color: white;
        }
#toggle6:checked + .boton_seleccionar {
            background-color: #0078C9; /* Color cuando está activo */
            color: white;
        }
#toggle7:checked + .boton_seleccionar {
            background-color: #0078C9; /* Color cuando está activo */
            color: white;
        }
#toggle8:checked + .boton_seleccionar {
            background-color: #0078C9; /* Color cuando está activo */
            color: white;
        }
#toggle9:checked + .boton_seleccionar {
            background-color: #0078C9; /* Color cuando está activo */
            color: white;
        }
#toggle10:checked + .boton_seleccionar {
            background-color: #0078C9; /* Color cuando está activo */
            color: white;
        }
#toggle11:checked + .boton_seleccionar {
            background-color: #0078C9; /* Color cuando está activo */
            color: white;
        }
#toggle12:checked + .boton_seleccionar {
            background-color: #0078C9; /* Color cuando está activo */
            color: white;
        }
#toggle13:checked + .boton_seleccionar {
            background-color: #0078C9; /* Color cuando está activo */
            color: white;
        }
#toggle14:checked + .boton_seleccionar {
            background-color: #0078C9; /* Color cuando está activo */
            color: white;
        }

input[type=checkbox] {
	visibility: hidden;
}


.contador {
	font-family: "Quattrocento Sans";
	font-size: 1.5rem;
	vertical-align: super;
	font-weight: 100;
	color: #003961;
	padding-left: 0.2rem;
    margin-left: .3125rem;
}

.boton-trash {
	display: inline-block;
	height: 50px;
	width: 145px;
	border-style:solid;
	border-width: thin;
	border-radius: .5rem;
	border-color: #878787;
    cursor: pointer; 
    background: transparent url(../images/ico-trash.svg) no-repeat 0.8rem;
	background-size: 1rem;
	background-color:#fff; 
	font-family: "Quattrocento Sans";
	font-size: 1rem;
	color: #878787;
    margin-top: 1.125rem;
	padding-left: 1rem;
    margin-left: .3125rem;
}

.boton-trash:focus,
.boton-trash:after,
.boton-trash:hover {
	border-color: #878787;
    background: transparent url(../images/ico-trash-on.svg) no-repeat 0.8rem;
	color: #353535;
	background-size: 1rem;
	transition-duration: 0.5s;
	background-color:#d8d5d5; 

}


.oculto {								/* Oculta el div de mensaje que no hay selección */
            display: none;
        }

.mensaje-no-coincidencia {				/* Div mensaje que no hay selección válida */
            padding: 0px;
            margin: -20px 0;
            color: #878787;
			font-size: 1.3rem;
            font-weight:100;
        }


.boton-maquinas {
        display: inline-block;         /* Permite que el div se comporte como un botón */
        cursor: pointer;               /* Cambia el cursor a un dedo */
    }

.checkbox-JASoft {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 15px;
	border-color: #878787;
	border: solid;
	border-width: thin;
}

.checkbox-JASoft label {

    /* aspecto */
    display: block;
    width: 18px;
	height: 18px;
	border-radius: 18px;
	background: #fff;
    cursor: pointer;
    
    /* Posicionamiento */
    position: absolute;
    top: 0px;
	left: 0px;
    z-index: 1;
    
	/* Comportamiento */
    transition: all .4s ease;
    
    /* ocultar el posible texto que tenga */
    overflow: hidden;
    text-indent: 35px;  
    transition: text-indent 0s;
}

/* estado activado */
.checkbox-JASoft input[type=checkbox]:checked + label {
	left: auto;
    right: 0px;
	background: #0078C9;
	border: solid;
	border-color: #fff;

}

.checkbox-JASoft:after {
	font: 12px/30px Arial, sans-serif;
	color: #AAA;
	position: absolute;
	right: 10px;
    z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.20);
}

.checkbox-JASoft:before {
	font: 12px/30px Arial, sans-serif;
	color:#FFFFFF;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}


.u-bg-primary .alpha,
.u-bg-primary .beta,
.u-bg-primary .delta,
.u-bg-primary .gamma,
.u-bg-primary .jota,
.u-bg-primary h1,
.u-bg-primary h2,
.u-bg-primary h3,
.u-bg-primary h4,
.u-bg-primary h5 {
    color: #fff
}

.subtitle {
    display: block;
    font-size: clamp(1.0625rem, .9772727263rem + .22727273vw, 1.25rem);
    font-weight: 400;
    line-height: 1;
    margin-bottom: .75em
}

.subtitle,
.u-bg-primary .subtitle {
    color: #666
}

.lead {
    color: #0075C9;
    font-size: clamp(1.375rem, 1.1477272713rem + .60606061vw, 1.875rem);
    font-weight: 500;
    line-height: 1.2
}

.u-bg-primary .lead {
    color: #fff
}

.alpha,
h1 {
    font-size: clamp(2rem, 1.488636365rem + 1.36363636vw, 3.125rem);
    line-height: 1.0416666667
}

.beta,
h2 {
    font-size: clamp(1.625rem, 1.2272727275rem + 1.06060606vw, 2.5rem);
    line-height: 1
}

.gamma,
h3 {
    font-size: clamp(1.375rem, 1.1477272713rem + .60606061vw, 1.875rem);
    line-height: 1;
    margin-bottom: .67em
}

@media(min-width:1200px)and (max-width:1549px) {

    .gamma,
    h3 {
        font-size: 1.75rem
    }
}

.delta,
h4 {
    font-size: clamp(1.125rem, 1.0113636375rem + .3030303vw, 1.375rem);
    line-height: 1;
    margin-bottom: .5em
}

.jota,
h5 {
    font-size: clamp(.875rem, .8181818188rem + .15151515vw, 1rem);
    line-height: 1
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

.list-inline,
.list-unstyled {
    list-style: none;
    padding-left: 0
}

.list-inline__item {
    display: inline-block
}

.list-inline__item:not(:last-child) {
    margin-right: 1.5625rem
}

.o-container {
    grid-area: container;
    position: relative;
    margin-top: -10px;
}

.is-ie .o-container {
    grid-template-columns: 1fr
}

.o-background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.o-background--parallax {
    bottom: -3.125rem;
    top: -3.125rem
}

.o-img,
.o-video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.o-img-machines {
    width: 100%;
}

.o-img-machines-detalle {
    width: 80%;
	border-radius: 10px;
	

}

@media(max-width:884px) {
    .o-img-machines-detalle {
		 width: 100%;
         margin: auto;
    }
}



.o-img--contain {
    object-fit: contain
}

.has-parallax {
    overflow: hidden;
    position: relative
}

.o-band {
    padding-bottom: 3.125rem;
    padding-top: 3.125rem
}

@media(min-width:768px) {
    .o-band {
        padding-bottom: 4.6875rem;
        padding-top: 4.6875rem
    }
}

@media(min-width:1200px) {
    .o-band {
        padding-bottom: 7.5rem;
        padding-top: 7.5rem
    }
}

@media(min-width:1550px) {
    .o-band {
        padding-bottom: 7.5rem;
        padding-top: 7.5rem
    }
}

.o-band-desc {
    margin-top: -20rem
}

@media(max-width:768px) {
    .o-band-des {
   		 margin-top: -12rem
    }
}

@media(min-width:1200px) {
    .o-band-des {
   		 margin-top: -14rem
    }
}

@media(min-width:1550px) {
    .o-band-des {
   		 margin-top: -16rem
    }
}



.o-band-small {
    padding-bottom: 3.125rem;
    padding-top: 3.125rem
}

@media(min-width:1200px) {
    .o-band-small {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

.g-container\:v2.o-band.u-bg-gray-lighter+.g-container\:v2.o-band.u-bg-gray-lighter,
.g-container\:v2.o-band.u-bg-white+.g-container\:v2.o-band.u-bg-white {
    padding-top: 0 !important
}

.play-link {
    text-shadow: 1px 1px 20px black;
}

.o-link {
    align-items: center;
    align-self: flex-start;
    background: none;
    border: none;
    color: #0075C9;
    cursor: pointer;
    display: flex;
    font-size: clamp(.875rem, .8181818188rem + .15151515vw, 1rem);
    font-weight: 600;
    position: relative;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.o-link:after {
    background: transparent url(../images/arrow-primary.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    height: .625rem;
    margin-left: .5rem;
    transition: all .3s ease-in-out;
    width: .375rem
}

.o-link:focus {
    outline: none
}

.o-link:disabled {
    box-shadow: none;
    opacity: .5;
    pointer-events: none
}

.o-link:hover {
    color: #353535;
    outline: none
}

.o-link--white {
    color: #fff
}

.o-link--white:focus,
.o-link--white:hover {
    border-color: #fff;
    color: #fff
}

.o-link--next:after {
    background-image: url(../images/arrow-primary.svg);
    height: .75rem;
    left: 1rem;
    top: .8125rem;
    width: .625rem
}

.o-link--primary {
    color: #0075C9
}

.o-link--primary:after {
    background-image: url(../images/arrow-primary.svg)
}

.o-link--primary:focus,
.o-link--primary:hover {
    color: #353535
}

.o-link--video:after {
    background-image: url(../images/play-primary.svg);
    height: .75rem;
    left: 1rem;
    top: .8125rem;
    width: .625rem
}

.o-link--video:hover:after {
    left: calc(100% - 1.5rem)
}

.o-link--center {
    align-self: center
}

.o-link.is-loading:after {
    animation: rotate 2s linear infinite;
    background-image: url(../images/sync-solid.svg);
    height: .875rem;
    left: .8125rem;
    top: .8125rem;
    width: .875rem
}

.o-link-trigger:hover {
    color: #0075C9;
    outline: none
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.o-agent {
    grid-gap: 1.5625rem;
    align-items: end;
    display: grid;
    grid-template-columns: auto 1fr;
    margin-bottom: 0
}

.o-agent__avatar {
    border: .125rem solid #0078C9;
    border-radius: 50%;
    display: block;
    height: 6.25rem;
    width: 6.25rem
}

.o-agent__avatar img {
    border: .0625rem solid #fff;
    border-radius: 50%
}

.o-agent__avatar--smallest {
    height: 3.75rem;
    width: 3.75rem
}

.o-agent--bubble .o-agent__avatar {
    height: 6.25rem;
    width: 6.25rem
}

@media(min-width:1550px) {
    .o-agent--bubble .o-agent__avatar {
    border: .375rem solid #0078C9;
    height: 7.5rem;
    width: 7.5rem
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .c-product__aside .o-agent__avatar {
        height: 5rem;
        width: 5rem
    }
}

.u-bg-gray-lighter .o-agent__avatar {
    border-color: #0078C9 !important
}

.o-agent__play-btn {
    bottom: 0;
    position: absolute;
    right: 0
}

.o-agent__caption {
    margin-bottom: 1.5625rem
}

.o-agent__caption-title {
    font-weight: 700;
    margin-bottom: 0
}

.o-agent--bubble .o-agent__caption-title {
    font-size: .8125rem;
    margin-bottom: .78125rem
}

.o-agent__caption>:last-child {
    margin-bottom: 0
}

.o-agent--bubble {
    grid-template-columns: 1fr auto
}

@media(min-width:768px) {
    .o-agent--bubble {
        max-width: 21.875rem
    }
}

@media(min-width:1200px) {
    .o-agent--bubble {
        max-width: 20rem
    }
}

@media(min-width:1550px) {
    .o-agent--bubble {
        max-width: 25rem
    }
}

@media(min-width:768px)and (max-width:1549px) {
    .c-product__aside .o-agent--bubble {
        max-width: none
    }
}

.o-agent--modal {
    margin-bottom: -3.75rem;
    margin-left: auto;
    position: relative;
    right: -2.5rem;
    top: 0;
    z-index: 10
}

@media(min-width:1200px) {
    .o-agent--modal {
        right: -3.75rem
    }
}

.o-card-machines {
    background-color: #fff;
    border: .0625rem solid #878787;
    border-radius: .3125rem;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@media(max-width:992px) {
    .o-card-machines {
		top: 1rem;
		z-index: 100;
    }
}

.o-card {
    background-color: #fff;
    border: .0625rem solid #878787;
    border-radius: .3125rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
	bottom: 2rem;
			

}
.o-card-fefco {
    background-color: #fff;
    display: flex;
	padding-right: 0.2rem;
    flex-direction: column;
    overflow: hidden
}



@media(max-width:992px) {
    .o-card {
	bottom: 2rem;
    }
}

.o-card__desc {
    background-color: #fff;
    border: .0625rem solid #878787;
    border-radius: .3125rem;
    display: flex;
    flex-direction: column;
    overflow: hidden
}


@media(max-width:992px) {
    .o-card__desc {
		top: 1rem;
		z-index: 100;
    }
}

.o-card__img {
    aspect-ratio: 390/240
}

.o-card__label {
    position: absolute;
    right: .625rem;
    top: .625rem
}

.o-card__technologies {
	width: 76%;
	background-color: #FFFFFF;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 1.5625rem
}

.o-card__detalle {
	width: 76%;                   /* Define un ancho explícito */
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    padding: 1.5625rem;
    margin: auto;                 /* Centra horizontalmente */

}

.o-card__cases {
    background-color: #fff;
    border-radius: .3125rem;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@media(max-width:992px) {
    .o-card__detalle {
	width: 100%;                   /* Define un ancho explícito */
		top: 1rem;

    }
}

.o-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 1.5625rem;
	
}

@media(min-width:1200px) {
    .o-card__body {
        padding: 2.5rem;
		
    }
}


.o-card__body+.o-card__body {
    border-top: .0625rem solid #e7f0fc
}

@media(min-width:992px) {
    .o-card__body+.o-card__body {
        border-left: .0625rem solid #e7f0fc;
        border-top: none
    }
}

@media(min-width:1200px) {
    .o-card--large .o-card__body {
        padding: 3.75rem
    }
}

.o-card--large.o-card--has-shadow.c-hero__card {
    position: absolute;
    z-index: 100;
}

.o-card__footer {
    border-top: .0625rem solid #e7f0fc;
    padding: 1.5625rem
}

@media(min-width:1200px) {
    .o-card__footer {
        padding: 2.5rem 5rem
    }
}

.o-card__subtitle {
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: .5em
}

.o-card__title {
    margin-bottom: 1.5625rem;
	line-height: 1.3;
	
	
}

.o-card__link {
    margin-top: auto
}

.o-card--has-shadow {
    border: .0625rem solid #e7f0fc;
    box-shadow: 8px 5.188rem 0rem -17px rgba(231, 240, 252, 5);
    -webkit-box-shadow: 8px 5.188rem 0rem -17px rgba(231, 240, 252, 5);
}
.o-card--has-shadow-index {
    border: .0625rem solid #e7f0fc;
    box-shadow: 8px 5.188rem 0rem -17px rgba(231, 240, 252, 5);
    -webkit-box-shadow: 8px 5.188rem 0rem -17px rgba(231, 240, 252, 5);
}

a.o-card {
    transition: box-shadow .3s cubic-bezier(.22, .61, .36, 1), color .5s cubic-bezier(.22, .61, .36, 1)
}

.o-bubble {
    background-color: #cce8ff;
    border-radius: .9375rem;
    color: #0075C9;
    font-size: .875rem;
    padding: 1.5625rem;
    position: relative
}

@media(min-width:1550px) {
    .o-bubble {
        padding: 2.5rem
    }
}

.o-bubble:before {
    border color: transparent transparent transparent #cce8ff;
    border-style: solid;
    border-width: 1.5625rem 0 0 1.5625rem;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: -.78125rem;
    width: 0
}

.o-bubble--white {
    background-color: #fff;
    color: #0075C9
}

.o-bubble--white:before {
    border-color: transparent transparent transparent #fff
}

.o-bubble--tint {
    background-color: #cce8ff;
    color: #0075C9
}

.o-bubble--tint:before {
    border-color: transparent transparent transparent #cce8ff
}

.o-bubble--secondary {
    background-color: #1e96fe
}

.o-bubble--secondary:before {
    border-color: transparent transparent transparent #1e96fe
}

  .map-responsive {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
  }

  .map-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

.o-logo {
    display: block;
    height: clamp(2.125rem, 1.9545454563rem + .45454545vw, 2.5rem);
    width: clamp(8.75rem, 8.18181818rem + 1.51515152vw, 10rem);
	position: relative;
	z-index: 1;
		
}

.o-logo__svg {
    height: inherit;
    pointer-events: none;
    width: inherit
}

.o-logo--punchbowl {
    height: 3.125rem;
    width: 7.5rem
}

@media(min-width:1200px) {
    .o-logo--punchbowl {
        height: 4.6875rem;
        width: 10rem
    }
}

.image-viewer {
    width: 700px;  /* Ancho deseado */
    height: 348px; /* Alto deseado */
    background-size: cover;
    background-position: center;
	padding: auto;
    user-select: none; /* Desactiva la selección de texto */
    background-image: url('../images/360kutter_inicio.jpg'); /* Imagen fija inicial */
    cursor: ew-resize;  /* Cursor inicial */
}

@media(max-width:768px) {
    .image-viewer {
		padding: auto;	
		width: 350px;  /* Ancho deseado */
		height: 174px; /* Alto deseado */    
	}
}
@media(min-width:1200px) {
    .image-viewer {
		padding: auto;
		width: 600px;  /* Ancho deseado */
		height: 298px; /* Alto deseado */    
    }
}

@media(min-width:1200px) {
    .image-viewer {
		padding: auto;
		width: 600px;  /* Ancho deseado */
		height: 298px; /* Alto deseado */    
    }
}

@media(min-width:1500px) {
    .image-viewer {
		padding: auto;
		width: 700px;  /* Ancho deseado */
		height: 348px; /* Alto deseado */    
    }
}

.image-viewer_kuttera {
    width: 700px;  /* Ancho deseado */
    height: 348px; /* Alto deseado */
    background-size: cover;
    background-position: center;
	padding: auto;
    user-select: none; /* Desactiva la selección de texto */
    background-image: url('../images/360kuttera_inicio.jpg'); /* Imagen fija inicial */
    cursor: ew-resize;  /* Cursor inicial */
}

@media(max-width:768px) {
    .image-viewer_kuttera {
		padding: auto;
		width: 350px;  /* Ancho deseado */
		height: 174px; /* Alto deseado */    
	}
}

@media(min-width:1200px) {
    .image-viewer_kuttera {
		padding: auto;
		width: 600px;  /* Ancho deseado */
		height: 298px; /* Alto deseado */    
    }
}

@media(min-width:1500px) {
    .image-viewer_kuttera {
		padding: auto;
		width: 700px;  /* Ancho deseado */
		height: 348px; /* Alto deseado */    
    }
}


.is-inview {
    will-change: transform
}

.o-svg {
    position: absolute
}

.o-svg--center-left {
    left: 5%;
    top: 50%;
    transform: translateY(-50%)
}

.o-svg--top-right {
    right: 10%;
    top: 10%
}

.o-svg--top-left {
    left: 5%;
    top: 10%
}

.o-svg--bottom-left {
    bottom: 15%;
    left: 5%
}

.o-svg--bottom-right {
    bottom: 15%;
    right: 5%
}

[class*=u-gap],
[class^=g-] {
    display: grid
}

.g-container {
    grid-template-areas: ". container .";
    grid-template-columns: 1.5625rem 1fr 1.5625rem;
}

@media(min-width:768px) {
    .g-container {
        grid-template-columns: 6.25rem 1fr 6.25rem;
    }
}

@media(min-width:1200px) {
    .g-container {
        grid-template-columns: 12.5rem 1fr 12.5rem
    }
}

@media(min-width:1550px) {
    .g-container {
        grid-template-columns: 17.5rem 1fr 17.5rem
    }
}

@media(min-width:1800px) {
    .g-container--small {
        grid-template-columns: 25rem 1fr 25rem
    }
}

@media(min-width:768px) {
    .g-container--large {
        grid-template-columns: 4.6875rem 1fr 4.6875rem
    }
}

@media(min-width:992px) {
    .g-container--large {
        grid-template-columns: 6.25rem 1fr 6.25rem
    }
}

@media(min-width:1200px) {
    .g-container--large {
        grid-template-columns: 7.5rem 1fr 7.5rem
    }
}

@media(min-width:1550px) {
    .g-container--large {
        grid-template-columns: 10rem 1fr 10rem
    }
}

.g-container\:v2 {
    grid-template-columns: 1.5625rem 1fr 1.5625rem
}

@media(min-width:768px) {
    .g-container\:v2 {
        grid-template-columns: 6.25rem 1fr 6.25rem
    }
}

@media(min-width:992px) {
    .g-container\:v2 {
        grid-template-columns: 7.8125rem repeat(3, 3.125rem 1fr) 3.125rem 7.8125rem
			
    }
}

@media(min-width:1550px) {
    .g-container\:v2 {
        grid-template-columns: 17.5rem repeat(3, 5rem 1fr) 5rem 17.5rem
    }
}

.c-header {
    background-color: #fff;
    border-bottom: .0625rem solid #e7f0fc;
    height: 6.875rem;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: background-color .5s ease-in-out, border-color .5s ease-in-out;
    z-index: 1030
}

@media(min-width:1200px) {
    .c-header {
        height: 7.5rem
    }
}

.c-header--has-rows {
    display: grid;
    grid-template-rows: auto 1fr
}

.c-header__top {
    gap: .78125rem;
    height: 2em;
    margin-top: 8px;
}

@media(min-width:768px) {
    .c-header__top {
        gap: 0.2625rem
    }
}

@media(min-width:1230px) {
    .c-header__top {
        gap: 0.8rem
    }
}

.c-header__toolbar {
    align-items: center;
    background-color: #f0f6fd;
    border: .0625rem solid #e7f0fc;
    border-radius: .5rem;
    color: #0075C9;
    display: flex;
    gap: .375rem;
    height: 1.875rem;
    justify-content: space-between;
    padding: .1875rem;
    position: relative
}

.c-header__list {
    display: flex;
    gap: .9375rem;
	  text-align: right; /* Justifica a la derecha el contenido del listado */
	padding-right: -10rem;

}

.c-header__link {
    color: #c6c6c6;
    font-size: .75rem
}

@media(min-width:768px) {
    .c-header__link {
        font-size: .875rem
    }
}

.c-header__link.is-current,
.c-header__link:focus-visible,
.c-header__link:hover {
    color: #0078C9
}

.c-header__btn {
    font-size: .75rem !important;
    height: 1.5625rem !important;
    padding: 0 .625rem !important
}

.c-header__btn:after {
    display: none !important
}

@media(min-width:1200px)and (max-width:1549px) {
    .c-header__container {
        grid-template-columns: 2.5rem 1fr 2.5rem
    }
}

.sticky-header {
    padding-top: 6.875rem
}

@media(min-width:1200px) {
    .sticky-header {
        padding-top: 7.5rem
    }
}

.sticky-section {
    height: 5vh;
    display: flex;
    position: relative;
}

.c-menu {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    transition: height 0s .8s, z-index 0s .8s, visibility 0s .8s;
    visibility: hidden;
    z-index: -100
}

@media(min-width:768px) {
    .c-menu {
        align-items: center;
        flex-direction: column
    }
}

.c-menu__header {
    align-items: center;
    border-bottom: .0625rem solid hsla(0, 0%, 100%, .15);
    height: 6.875rem;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s cubic-bezier(.55, .085, .68, .53) 0s;
    z-index: 100
}

@media(min-width:1200px) {
    .c-menu__header {
        height: 7.5rem
    }
}

.menu-is-open .c-menu__header {
    opacity: 1;
    transition-delay: .3s
}

.c-menu__bg {
    background-color: #0075C9;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    transform: scaleY(0);
    transform-origin: center top;
    transition: transform .6s cubic-bezier(.77, 0, .175, 1) 0s;
    width: 100%;
    z-index: 0
}

@media(min-width:768px) {
    .c-menu__bg {
        bottom: 0;
        left: 50%;
        position: fixed;
        top: inherit !important;
        transform: scaleX(0);
        transform-origin: center right;
        width: 50%
    }
}

.menu-is-open .c-menu__bg {
    transform: scaleX(1)
}

.c-menu__bg--dark {
    top: 50%
}

.menu-is-open .c-menu__bg--dark {
    transition-delay: .2s
}

.menu-is-loading .c-menu__bg--dark {
    transform: scaleY(0)
}

@media(min-width:768px) {
    .menu-is-loading .c-menu__bg--dark {
        transform: scaleX(0)
    }
}

.c-menu__bg--overlay {
    background-color: #0075C9;
    bottom: 50%;
    transition-delay: .2s;
    z-index: -1
}

@media(max-width:767px) {
    .c-menu__bg--overlay {
        padding-top: 6.875rem
    }
}

@media(min-width:768px) {
    .c-menu__bg--overlay {
        bottom: 0;
        left: 0;
        width: 100%
    }
}

.menu-is-open .c-menu__bg--overlay {
    transition-delay: 0s
}

.c-menu__bg-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center
}

@media(max-width:767px) {
    .c-menu__bg-body {
        padding: 3.125rem 1.5625rem
    }

    .c-menu__bg--overlay .c-menu__bg-body {
        padding-bottom: 0
    }
}

@media(min-width:768px) {
    .c-menu__bg-body {
        padding: 0
    }

    .c-menu__bg--overlay .c-menu__bg-body {
        flex: 1 1 50%;
        max-width: 50%
    }
}

.c-menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2
}

@media(max-width:767px) {
    .c-menu__list {
        width: 100%
    }
}

@media(min-width:768px) {
    .c-menu__list {
        line-height: 1.5
    }
}

.c-menu__list--large:hover .c-menu__link {
    color: #1e96fe
}

.c-menu__list:not(.c-menu__list--large):hover .c-menu__link {
    color: rgba(30, 150, 254, .2)
}

.c-menu__item {
    opacity: 0;
    transform: translateY(-1.5625rem);
    transition: transform .3s cubic-bezier(.55, .085, .68, .53), opacity .3s cubic-bezier(.55, .085, .68, .53)
}

@media(min-width:768px) {
    .c-menu__item {
        transform: translateX(3.125rem)
    }
}

.c-menu__item:first-child {
    transition-delay: .01s
}

.c-menu__item:nth-child(2) {
    transition-delay: .02s
}

.c-menu__item:nth-child(3) {
    transition-delay: .03s
}

.c-menu__item:nth-child(4) {
    transition-delay: .04s
}

.c-menu__item:nth-child(5) {
    transition-delay: .05s
}

.c-menu__item:nth-child(6) {
    transition-delay: .06s
}

.c-menu__item:nth-child(7) {
    transition-delay: .07s
}

.c-menu__item:nth-child(8) {
    transition-delay: .08s
}

.c-menu__item:nth-child(9) {
    transition-delay: .09s
}

.c-menu__item:nth-child(10) {
    transition-delay: .1s
}

.menu-is-open .c-menu__item {
    opacity: 1;
    transform: none;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.menu-is-open .c-menu__item:first-child {
    transition-delay: .4s
}

.menu-is-open .c-menu__item:nth-child(2) {
    transition-delay: .5s
}

.menu-is-open .c-menu__item:nth-child(3) {
    transition-delay: .6s
}

.menu-is-open .c-menu__item:nth-child(4) {
    transition-delay: .7s
}

.menu-is-open .c-menu__item:nth-child(5) {
    transition-delay: .8s
}

.menu-is-open .c-menu__item:nth-child(6) {
    transition-delay: .9s
}

.menu-is-open .c-menu__item:nth-child(7) {
    transition-delay: 1s
}

.menu-is-open .c-menu__item:nth-child(8) {
    transition-delay: 1.1s
}

.menu-is-open .c-menu__item:nth-child(9) {
    transition-delay: 1.2s
}

.menu-is-open .c-menu__item:nth-child(10) {
    transition-delay: 1.3s
}

.menu-is-loading .c-menu__item {
    opacity: 0;
    transition-delay: 0s !important
}

.c-menu__item.has-clicked {
    opacity: 0;
    transform: translateX(100%);
    transition-delay: .1s !important;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.c-menu__link {
    color: #1e96fe;
    font-size: clamp(1.125rem, .8977272712rem + .60606061vw, 1.625rem);
    font-weight: 400;
    transition: color .5s cubic-bezier(.215, .61, .355, 1)
}

.c-menu__bg--overlay .c-menu__link {
    color: #fff
}

.c-menu__bg--overlay .c-menu__link:focus,
.c-menu__bg--overlay .c-menu__link:hover {
    color: #1e96fe
}

.c-menu__list--large .c-menu__link {
    color: #fff;
    font-size: clamp(1.5rem, .7613636362rem + 1.96969697vw, 3.125rem);
    font-weight: 700
}

.c-menu__link:hover {
    color: #fff !important
}

.c-menu__link.is-current {
    color: #1e96fe !important
}

.menu-is-open .c-menu {
    max-height: calc(var(--vh, 1vh)*100);
    transition-delay: 0s;
    visibility: visible;
    z-index: 1029
}

.menu-is-open {
    overflow: hidden
}

.c-menu-toggle {
    align-items: center;
    background-color: #0075C9;
    border-radius: .3125rem;
    color: #fff;
    display: flex;
    height: 1.5625rem;
    justify-content: center;
    padding: .1875rem;
    position: relative;
    width: 2.5rem
}

.c-menu-toggle:focus,
.c-menu-toggle:hover {
    background-color: #666;
    color: #fff
}

.c-menu-toggle__svg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    transition: all .3s ease-in-out;
    will-change: transform
}

.c-menu-toggle__svg--bars {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%)
}

.c-menu-toggle__svg--cross,
.menu-is-open .c-menu-toggle__svg--bars {
    opacity: 0;
    transform: scale(.5) translate(-50%, -50%)
}

.c-menu-toggle__svg--cross {
    height: .625rem;
    width: .625rem
}

.menu-is-open .c-menu-toggle__svg--cross {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%)
}

.is-ie ._c-list {
    display: flex;
    flex-wrap: wrap
}

.is-ie ._c-item {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.is-ie .c-benefits,
.is-ie .c-features {
    display: flex;
    flex-wrap: wrap
}

.is-ie .c-benefit,
.is-ie .c-feature {
    flex: 0 0 50%;
    max-width: 50%
}

.c-related-industry {
    align-items: center;
    background-color: #f0f6fd;
    border: .0625rem solid #f0f6fd;
    border-radius: .625rem;
    color: #0075C9;
    display: flex;
    padding: .625rem
}

.c-related-industry__img {
    border-radius: .625rem;
    height: 3.875rem;
    width: 3.875rem
}

.c-related-industry__title {
    font-size: .875rem;
    font-weight: 900;
    margin-left: .9375rem
}

@media(min-width:320px) {
    .c-related-industry__title {
        font-size: calc(.875rem + .17857vw - .57143px)
    }
}

@media(min-width:1440px) {
    .c-related-industry__title {
        font-size: 1rem
    }
}

@media(min-width:1200px) {
    .c-related-industry__title {
        margin-left: 1.875rem
    }
}

.c-related-industry:focus,
.c-related-industry:hover {
    border-color: #1e96fe;
    color: #0075C9
}

.c-related-industry.is-current {
    background-color: #c8e3f8;
    border-color: #1e96fe
}

.c-breadcrumb {
    font-size: .875rem;
    position: absolute;
    z-index: 100
}

@media(max-width:991px) {
    .c-breadcrumb {
        width: 100%
    }
}

@media(min-width:768px) {
    .c-breadcrumb {
        padding-left: 6.25rem
    }
}

@media(min-width:1200px) {
    .c-breadcrumb {
        padding-left: 10rem
    }
}

.c-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding: 1.5625rem;
    margin-top: 10px;
}

.c-breadcrumb--white .c-breadcrumb__list,
.c-hero .c-breadcrumb__list {
    text-shadow: 0 .0625rem .0625rem rgba(0, 0, 0, .25);
}

.c-hero .c-breadcrumb__list {
    padding: 0
}

.c-breadcrumb__item {
    color: #1e96fe
}

.c-breadcrumb__item+.c-breadcrumb__item {
    padding-left: .625rem
}

.c-breadcrumb__item+.c-breadcrumb__item:before {
    color: #0075C9;
    content: ">";
    display: inline-block;
    padding-right: .625rem
}

.c-breadcrumb--white .c-breadcrumb__item,
.c-breadcrumb--white .c-breadcrumb__item+.c-breadcrumb__item:before,
.c-hero .c-breadcrumb__item,
.c-hero .c-breadcrumb__item+.c-breadcrumb__item:before {
    color: #fff
}

.c-breadcrumb__link {
    color: #0075C9;
    font-weight: 500;
    transition: color .5s cubic-bezier(.22, .61, .36, 1)
}

.c-breadcrumb__link:focus,
.c-breadcrumb__link:hover {
    color: #000557
}

.c-breadcrumb--white .c-breadcrumb__link,
.c-hero .c-breadcrumb__link {
    color: #fff
}

.c-breadcrumb--white .c-breadcrumb__link:focus,
.c-breadcrumb--white .c-breadcrumb__link:hover,
.c-hero .c-breadcrumb__link:focus,
.c-hero .c-breadcrumb__link:hover {
    color: #cce8ff
}

.c-hero .c-breadcrumb {
    left: 0;
    top: 0
}

.c-breadcrumb--white {
    color: #fff
}

.dropdown {
    position: relative
}

.dropdown-toggle:after {
    background: transparent url(../images/chevron-primary.svg) 50% no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: .3125rem;
    margin-bottom: .125rem;
    margin-left: .3125rem;
    transition: all .3s ease-in-out;
    width: .5rem
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    background-color: #fff;
    border: .0625rem solid #e7f0fc;
    border-radius: .5208333333rem;
    box-shadow: 0 .1875rem 2.5rem rgba(41, 43, 44, .1);
    color: #59677a;
    display: none;
    font-size: 1rem;
    left: 50%;
    list-style: none;
    margin: .9375rem 0 0;
    min-width: 10rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    transform: translateX(-50%);
    z-index: 1000
}

@media(min-width:1200px) {
    .dropdown-menu {
        grid-template-columns: repeat(2, 1fr)
    }
}

.dropdown-menu--language {
    left: auto;
    margin-top: .9375rem;
    min-width: 12.5rem;
    right: 0;
    transform: none
}

@media(min-width:1200px) {
    .dropdown-menu--language {
        min-width: 30rem
    }
}

@media(max-width:1199px) {
    .dropdown-item+.dropdown-item {
        border-top: .0625rem solid hsla(0, 0%, 100%, .3)
    }
}

.dropdown-link {
    align-items: center;
    background-color: #fff;
    border: .0625rem solid #e7f0fc;
    color: #0075C9;
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    padding: 1.5625rem 2.5rem;
    position: relative;
    transition: all .3s ease-in-out;
    white-space: nowrap
}

.dropdown-link:after {
    background: transparent url(../images/arrow-primary.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    height: .625rem;
    margin-left: .5rem;
    transition: all .3s ease-in-out;
    width: .375rem
}

.dropdown-menu--language .dropdown-link:after {
    display: none
}

.dropdown-link.is-current,
.dropdown-link:focus,
.dropdown-link:hover {
    background-color: #cce8ff;
    color: #0075C9;
    text-decoration: none
}

.dropdown-link:disabled {
    background-color: transparent;
    color: #e7f0fc
}

.dropdown-menu.is-open {
    display: grid
}

.is-ie .dropdown-menu.is-open {
    display: block
}

.c-switch__control {
    margin: 0 .625rem
}

.c-switch__panes {
    margin-top: .3125rem;
    position: relative
}

.c-switch__pane {
    opacity: 0;
    position: absolute;
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 100%
}

.c-switch__pane.is-active {
    opacity: 1;
    visibility: visible
}

.c-switch__label {
    color: #c8ced7;
    cursor: pointer;
    margin-bottom: 0;
    transition: all .3s ease-in-out
}

.c-switch__label--white {
    color: #fff
}

.c-switch__label.is-active {
    color: #1e96fe
}

.c-switch__input {
    height: 0;
    position: absolute;
    visibility: hidden;
    width: 0
}

.c-switch__toggle {
    background: #fff;
    border: .0625rem solid #e7f0fc;
    border-radius: .5625rem;
    cursor: pointer;
    display: block;
    height: 1.25rem;
    margin-bottom: .625rem;
    position: relative;
    text-indent: -624.9375rem;
    width: 2.625rem
}

.c-switch__toggle:after {
    background: #1e96fe;
    border-radius: 50%;
    content: "";
    height: .875rem;
    left: .125rem;
    position: absolute;
    top: .125rem;
    transition: all .3s ease-in-out;
    width: .875rem
}

.c-switch__input:checked+.c-switch__toggle:after {
    left: calc(100% - .125rem);
    transform: translateX(-100%)
}

@media(min-width:1200px) {
    .c-top__body {
        margin-right: 15%
    }
}

@media(min-width:1800px) {
    .c-top__body {
        margin-right: 30%
    }
}

.c-alert {
    align-items: center;
    background-color: #0075C9;
    color: #fff;
    display: flex;
    font-size: clamp(.75rem, .6363636375rem + .3030303vw, 1rem);
    justify-content: center;
    left: 0;
    overflow: hidden;
    padding: 1.5625rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1031
}

@media(min-width:1200px) {
    .c-alert {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.c-alert p {
    margin-bottom: 0
}

.c-alert a {
    color: #fff;
    text-decoration: underline
}

.c-alert__close {
    color: #fff;
    font-size: 0;
    height: .6875rem;
    position: absolute;
    right: 1.5625rem;
    top: 50%;
    transform: translateY(-50%);
    width: .6875rem
}

.c-job {
    border-radius: .625rem;
    min-height: 100%
}

.c-job:hover {
    box-shadow: 0 0 1.875rem rgba(204, 232, 255, .75)
}

.c-job__link {
    margin-top: auto
}

.c-roi__icon {
    margin-bottom: 1.5625rem
}

@media(max-width:767px) {
    .c-roi__icon {
        height: 2.1875rem;
        width: 2.1875rem
    }
}

@media(min-width:768px)and (max-width:1199px) {
    .c-roi__icon {
        height: 2.8125rem;
        width: 2.8125rem
    }
}

.c-roi__img {
    margin-left: -3.125rem;
    margin-right: -3.125rem
}

@media(min-width:768px) {
    .c-roi__img {
        margin-left: -4.6875rem;
        margin-right: -4.6875rem
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .c-roi__img {
        align-self: center;
        margin-left: 0
    }
}

@media(min-width:1200px) {
    .c-roi__img {
        margin-left: -7.5rem;
        margin-right: -7.5rem
    }
}

@media(min-width:1550px) {
    .c-roi__img {
        margin-left: -10rem;
        margin-right: -10rem
    }
}

.c-roi__body {
    padding-left: 3.125rem;
    padding-right: 3.125rem
}

@media(min-width:768px) {
    .c-roi__body {
        padding-left: 4.6875rem;
        padding-right: 4.6875rem
    }
}

@media(min-width:1200px) {
    .c-roi__body {
        padding-left: 7.5rem;
        padding-right: 7.5rem
    }
}

@media(min-width:1550px) {
    .c-roi__body {
        padding-left: 10rem;
        padding-right: 10rem
    }
}

.c-label {
    align-self: flex-start;
    background-color: #cce8ff;
    border-radius: .25rem;
    color: #1e96fe;
    display: inline-block;
    font-size: 1rem;
    line-height: 1;
    margin-bottom: .9375rem;
    padding: .5rem .625rem
}

.c-divider {
    background-color: #e7f0fc;
    height: .0625rem;
    width: 100%
}

.c-money-icon {
    border: .0625rem solid #e7f0fc;
    border-radius: .3125rem;
    margin-bottom: 1rem;
    padding-bottom: 100%;
    position: relative
}

.c-money-icon__svg {
    height: 50%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%
}

@media(max-width:767px) {
    .c-contact-intro {
        background: #f0f6fd !important
    }
}

@media(min-width:1200px)and (max-width:1549px) {
    .c-contact-intro {
        grid-template-columns: 5rem 1fr 5rem
    }
}

.form,
.form-fieldset,
.form-row {
    grid-gap: 1.5625rem;
    display: grid
}

.form-group--codes {
    display: flex;
    justify-content: space-between
}

.form--small {
    grid-gap: .9375rem
}

.form div:empty,
.form input[class^=wf-],
.form input[type=submit] {
    display: none
}

.form-errors {
    background-color: #d3421f;
    border-radius: .3125rem;
    color: #fff;
    font-size: .875rem;
    margin-top: 2rem;
    padding: 1rem
}

.form-errors:empty {
    display: none
}

.form-button {
    align-items: center;
    background-color: #0075C9;
    color: #fff;
    display: flex;
    height: 2.25rem !important;
    justify-content: center;
    padding: 0 !important;
    position: absolute !important;
    right: .625rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.25rem
}

.form-button:after {
    display: none !important
}

@media(min-width:1200px) {
    .form-button {
        height: 2.75rem !important;
        width: 2.75rem
    }
}

.form-control-lateral {
    background-clip: padding-box;
    background-color: #fff;
    background-image: none;
    border: .0625rem solid #878787;
    border-radius: .3125rem;
    box-shadow: none;
    color: #59677a;
    display: block;
    font-size: .875rem;
    font-weight: 400;
    height: 3.125rem;
    line-height: 3rem;
    padding: .1875rem 1.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 250px
}


.form-control-lateral::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control-lateral:focus {
    background-color: #fff;
    border-color: #1e96fe;
    box-shadow: 0 0 0 .1875rem rgba(30, 150, 254, .15);
    color: #59677a;
    outline: none
}

.form-control-lateral::placeholder {
    color: #c8ced7;
    opacity: 1
}

.form-control:disabled {
    background-color: #f0f6fd;
    opacity: 1
}


.option-lateral {
    background-clip: padding-box;
    background-color: #1e96fe;
    background-image: none;
    border: .0625rem solid #878787;
    border-radius: .3125rem;
    box-shadow: none;
    color: #1e96fe;
    display: block;
    font-size: .875rem;
    font-weight: 400;
    height: 3.125rem;
    line-height: 3rem;
    padding: .1875rem 1.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 200px
}

.option-lateral::-ms-expand {
    background-color: transparent;
    border: 0
}

.option-lateral:hover {
    background-color: #fff;
    border-color: #1e96fe;
    box-shadow: 0 0 0 .1875rem rgba(30, 150, 254, .15);
    color: #59677a;
    outline: none
}

.option-lateral::placeholder {
    color: #c8ced7;
    opacity: 1
}

.option-lateral:disabled {
    background-color: #f0f6fd;
    opacity: 1
}

.form-control {
    background-clip: padding-box;
    background-color: #fff;
    background-image: none;
    border: .0625rem solid #dadada;
    border-radius: .3125rem;
    box-shadow: none;
    color: #59677a;
    display: block;
    font-size: .875rem;
    font-weight: 400;
    height: 3.125rem;
    line-height: 3rem;
    padding: .1875rem 1.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    background-color: #fff;
    border-color: #1e96fe;
    box-shadow: 0 0 0 .1875rem rgba(30, 150, 254, .15);
    color: #59677a;
    outline: none
}

.form-control::placeholder {
    color: #c8ced7;
    opacity: 1
}

.form-control:disabled {
    background-color: #f0f6fd;
    opacity: 1
}

.form-control--darker {
    border-color: #e7f0fc;
    font-size: .75rem;
    font-weight: 400
}

.form-control--darker::placeholder {
    color: #c8ced7
}

@media(min-width:1200px) {
    .form-control--small {
        border-radius: .3125rem;
        height: 2.8125rem
    }
}

.form-control--large {
    font-size: 1rem
}

@media(min-width:768px) {
    .form-control--large {
        height: 2.8125rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media(min-width:1200px) {
    .form-control--large {
        height: 3.75rem
    }
}

.form-control--large:focus {
    box-shadow: 0 0 0 .3125rem rgba(30, 150, 254, .15)
}

.form-control--code {
    border: none;
    border-bottom: .125rem solid #f0f6fd;
    border-radius: 0;
    color: #0075C9;
    font-size: 1.25rem;
    font-weight: 700;
    height: 3.125rem;
    line-height: 3.125rem;
    padding: .1875rem;
    text-align: center;
    width: 1.6875rem
}

@media(min-width:768px) {
    .form-control--code {
        font-size: 2.25rem;
        height: 4.6875rem;
        line-height: 4.6875rem;
        width: 3.375rem
    }
}

.form-control--code::placeholder {
    font-size: 3.125rem
}

.form-control--code:focus {
    border-bottom-color: #1e96fe;
    box-shadow: none;
    color: #0075C9
}

.form-control--code:required {
    border-bottom-color: #f0f6fd
}

.form-control--code:required:focus {
    border-bottom-color: #1e96fe
}

.form-control--code:required:valid {
    border-bottom-color: #0075C9
}

select.form-control:focus::-ms-value {
    background-color: #fff;
    color: #59677a;
}

textarea.form-control {
    height: auto;
    padding-bottom: .625rem;
    padding-top: .625rem
}

.fv-plugins-icon-container,
.fv-plugins-message-container {
    position: relative
}

.fv-plugins-icon-container .form-control {
    background-position: center right .9375rem;
    background-repeat: no-repeat;
    background-size: 1.0416666667rem
}

.c-footer .fv-plugins-icon-container .form-control {
    background-position: center right 1.25rem;
    background-size: .9375rem
}

.form-control-feedback {
    font-size: .8125rem;
    margin-top: .1875rem
}

.has-success .form-control-feedback {
    color: #98d000
}

.has-success .form-control {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2398D000' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    border-color: #98d000
}

.has-success .form-control:focus {
    box-shadow: 0 0 0 .1875rem rgba(152, 208, 0, .15)
}

.has-danger .form-control-feedback {
    color: #d3421f
}

.has-danger .form-control {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23D3421F' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23D3421F' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
    border-color: #d3421f
}

.has-danger .form-control:focus {
    box-shadow: 0 0 0 .1875rem rgba(211, 66, 31, .15)
}

.custom-select {
    background-color: #fff;
    border-color: #e7f0fc;
    font-size: 1.125rem;
    font-weight: 400;
    height: 4.6875rem;
    min-width: 12.5rem;
    position: relative;
    z-index: 10
}

@media(min-width:320px) {
    .custom-select {
        font-size: calc(1.125rem + .35714vw - 1.14286px)
    }
}

@media(min-width:1440px) {
    .custom-select {
        font-size: 1.375rem
    }
}

@media(min-width:768px) {
    .custom-select {
        max-width: 25rem
    }
}

@media(min-width:1200px) {
    .custom-select {
        max-width: 30rem
    }
}

@media(min-width:1550px) {
    .custom-select {
        height: 5rem
    }
}

.custom-select__trigger {
    align-items: center;
    border-radius: inherit;
    color: #0075C9;
    display: flex;
    font-weight: 500;
    height: inherit;
    left: 0;
    line-height: 1;
    overflow: hidden;
    padding-left: 1.875rem;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    top: -.0625rem;
    white-space: nowrap;
    z-index: 15
}

.custom-select__trigger:focus,
.custom-select__trigger:hover {
    color: #0075C9
}

@media(min-width:1550px) {
    .custom-select__trigger {
        padding-left: 2.5rem
    }
}

.custom-select__trigger:before {
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.498' height='5.749' viewBox='0 0 9.498 5.749'%3E %3Cpath d='M8.79.707L4.749 4.749.707.707' fill='none' stroke='%230075C9' stroke-width='2'/%3E %3C/svg%3E") 50% no-repeat;
    background-size: contain;
    content: "";
    height: .625rem;
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    width: .625rem;
    z-index: 1
}

@media(min-width:1550px) {
    .custom-select__trigger:before {
        height: 1rem;
        right: 2.5rem;
        width: 1rem
    }
}

.custom-select.is-open .custom-select__trigger:before {
    transform: translateY(-50%) rotate(180deg)
}

.custom-select--small .custom-select__trigger:before {
    height: .625rem;
    right: 1.25rem;
    width: .625rem
}

.custom-select__trigger--tint {
    background-color: #f0f6fd;
    border: .0625rem solid #e7f0fc
}

.custom-select--small .custom-select__trigger {
    padding-left: 1.25rem
}

.custom-select__options {
    background-color: #fff;
    border: .0625rem solid #e7f0fc;
    border-radius: .625rem;
    font-size: 1rem;
    left: 0;
    margin-top: .9375rem;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(-1.5625rem);
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    visibility: hidden;
    white-space: nowrap;
    z-index: 10
}

.custom-select__options--list {
    max-height: 25rem;
    overflow-y: auto
}

@media(min-width:1200px) {
    .custom-select__options--list::-webkit-scrollbar {
        background-color: #f5f5f5;
        width: .3125rem
    }

    .custom-select__options--list::-webkit-scrollbar-track {
        -webkit-box-shadow: none
    }

    .custom-select__options--list::-webkit-scrollbar-thumb {
        background-color: #0075C9;
        border: .0625rem solid #e7f0fc;
        border-radius: .1875rem;
        outline: none
    }
}

.custom-select.is-open .custom-select__options {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible
}

.custom-select__option {
    align-items: center;
    color: #0075C9;
    display: flex;
    font-weight: 600;
    padding: .75rem 1.25rem
}

@media(min-width:768px) {
    .custom-select__option {
        background-color: #fff;
        border: .0625rem solid #e7f0fc;
        margin: -.0625rem
    }
}

.custom-select__option--current {
    color: #000
}

.custom-select__option.is-active {
    background-color: #f0f6fd;
    color: #0075C9
}

@media(max-width:767px) {
    .custom-select__option+.custom-select__option {
        border-top: .0625rem solid #e7f0fc
    }
}

.custom-select__option:focus,
.custom-select__option:hover {
    background-color: #cce8ff
}

.custom-select--small,
.custom-select--small .custom-select__option {
    font-size: .875rem;
    padding: .1875rem 1.25rem
}

.custom-select--small {
    height: 3.125rem;
    line-height: 3rem
}

.custom-checkbox+.custom-checkbox {
    margin-top: .78125rem
}

.custom-control-name {
    align-self: flex-end;
    color: #59677a;
    display: block;
    padding-left: 1.875rem;
    position: relative
}

.custom-control-name:before {
    background-color: transparent;
    border: .0625rem solid #e7f0fc;
    content: "";
    display: block;
    height: 1.125rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .3s cubic-bezier(.22, .61, .36, 1);
    user-select: none;
    width: 1.125rem
}

.custom-radio .custom-control-name:before {
    border-radius: 50%
}

.custom-control-name:after {
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") 50% no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: .75rem;
    left: .1875rem;
    position: absolute;
    top: .1875rem;
    transform: scale(0);
    transition: all .3s cubic-bezier(.22, .61, .36, 1);
    width: .75rem
}

.custom-radio .custom-control-name:after {
    background: #fff;
    border-radius: 50%;
    height: .625rem;
    left: .25rem;
    top: .25rem;
    width: .625rem
}

.custom-control-label {
    cursor: pointer;
    line-height: 1.2;
    margin-bottom: 0;
    text-align: left;
    width: 100%
}

.custom-control-input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.custom-control-input:checked~.custom-control-name:before {
    background-color: #0075C9 !important;
    border-color: #0075C9
}

.custom-control-input:checked~.custom-control-name:after {
    transform: scale(1)
}

.custom-control-input:focus~.custom-control-name:before {
    box-shadow: 0 0 0 .125rem rgba(0, 59, 131, .15)
}

.custom-control-input:hover~.custom-control-name:before {
    background-color: #fff
}

.custom-control-input:active~.custom-control-name:before {
    background-color: #0075C9 !important;
    color: #0075C9
}

.custom-control-input:disabled~.custom-control-name {
    color: #e7f0fc
}

.custom-control-input:disabled~.custom-control-name:before {
    background-color: #e7f0fc;
    border-color: #e7f0fc
}


.tabla-menulateral {

	color: #0075C9;
	background-color: #fff;
	margin-left: 18px;
	margin-top: -20px;
	height: 20px;
	width: 380px;
	border-color: #0075C9;
	border-style:dashed;
	border-width: 1px;
    font-size: 1rem;
    text-align: left;	
	width: 400px;
}

.tabla-menulateral:hover {

	background-color: #CDE6F7;
}

.tabla-menulateral-on {

	background-color: #CDE6F7;
    cursor:pointer;
}

.tabla-link {

	color: #0075C9;
    font-size: 1rem;
	font-family: "Quattrocento Sans";
	font-weight: 180;
    cursor: pointer;
}


@media(max-width:992px) {
    .tabla-menulateral {
		margin-left: -20px;
		width: 85vw;


    }
}

.tr-menulateral {

	color: #0075C9;
	background-color: #fff;
	border-radius: 8px;
	margin-left: 18px;
	height: 20px;
	width: 400px;
	border-color: #ccc;


    font-size: 1rem;
    line-height: 1.2;
    text-align: left;
	border-style: solid;
    cursor: pointer
}

.custom-file-control {
    color: #e7f0fc;
    cursor: pointer
}

@media(min-width:1200px) {
    .custom-file-control {
        padding-top: .4375rem
    }
}

.custom-file-control:before {
    align-items: center;
    background-color: #e7f0fc;
    border-radius: 0 .390625rem .390625rem 0;
    bottom: -.0625rem;
    color: #0075C9;
    content: "Kies bestand";
    display: flex;
    font-size: .875rem;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -.0625rem;
    width: 5rem
}

@media(min-width:1200px) {
    .custom-file-control:before {
        font-size: inherit;
        width: 8.75rem
    }
}

.custom-file-control-delete {
    color: #d3421f;
    font-size: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 10rem;
    top: 50%;
    transform: translateY(-50%)
}

.custom-file-control-delete.is-deletable {
    opacity: 1;
    pointer-events: auto
}

.custom-file-control.form-control--darker {
    border-color: #e7f0fc;
    color: #59677a;
    font-weight: 400
}

.c-pagination-wrapper {
    display: grid;
    justify-content: center
}

.c-pagination {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.c-pagination__item+.c-pagination__item {
    margin-left: clamp(.625rem, .4545454562rem + .45454545vw, 1rem)
}

.c-pagination__link {
    align-items: center;
    background-color: #fff;
    border: .0625rem solid transparent;
    border-radius: .3125rem;
    color: #0075C9;
    display: flex;
    font-size: clamp(.875rem, .8181818188rem + .15151515vw, 1rem);
    font-weight: 500;
    height: 2rem;
    justify-content: center;
    transition: all .3s ease-in-out;
    width: 2rem
}

@media(min-width:1200px) {
    .c-pagination__link {
        height: 3.4375rem;
        width: 3.4375rem
    }
}

.c-pagination__link--current {
    background-color: #0075C9;
    color: #fff;
    pointer-events: none
}

.c-pagination__link:focus,
.c-pagination__link:hover {
    border-color: #0075C9;
    color: #0075C9
}

.c-splitscreen__header {
    padding-bottom: 1.5625rem;
    padding-top: 1.5625rem
}

.c-splitscreen__body {
    padding-left: 3.125rem;
    padding-right: 3.125rem
}

@media(min-width:768px) {
    .c-splitscreen__body {
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

@media(min-width:992px) {
    .c-splitscreen__body {
        padding-left: 3.125rem;
        padding-right: 3.125rem
    }
}

@media(min-width:1200px) {
    .c-splitscreen__body {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media(min-width:1550px) {
    .c-splitscreen__body {
        padding-left: 10rem;
        padding-right: 10rem
    }
}

.c-splitscreen__body--has-arrow {
    position: relative
}

.c-splitscreen__body--has-arrow:before {
    border: 15px solid transparent;
    border-top-color: #0075C9;
    bottom: -1.875rem;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0
}

@media(min-width:992px) {
    .c-splitscreen__body--has-arrow:before {
        bottom: auto;
        left: auto;
        right: -1.875rem;
        top: calc(var(--vh, 1vh)*50 - 6.875rem);
        transform: translateY(-50%) rotate(-90deg)
    }
}

@media(min-width:1200px) {
    .c-splitscreen__body--has-arrow:before {
        top: calc(50vh - 3.75rem)
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .c-splitscreen__title {
        font-size: 3.125rem
    }
}

.c-packaging-solutions__filters {
    padding-left: 3.125rem;
    padding-right: 3.125rem
}

@media(min-width:768px)and (max-width:991px) {
    .c-packaging-solutions__filters {
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

@media(min-width:1200px) {
    .c-packaging-solutions__filters {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

.c-packaging-solutions__filters-header {
    border-bottom: .0625rem solid #e7f0fc;
    padding-bottom: .78125rem
}

.c-packaging-solutions__machines {
    padding-left: 3.125rem;
    padding-right: 3.125rem
}

@media(min-width:768px) {
    .c-packaging-solutions__machines {
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

@media(min-width:1200px) {
    .c-packaging-solutions__machines {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media(min-width:1800px) {
    .c-packaging-solutions__machines {
        padding-left: 7.5rem;
        padding-right: 7.5rem
    }
}

.c-packaging-solutions__machine {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem
}

@media(min-width:1200px) {
    .c-packaging-solutions__machine {
        margin-left: 0;
        margin-right: 0
    }
}

.c-packaging-solutions__machine-header {
    border-bottom: .0625rem solid #e7f0fc;
    padding-bottom: 1.5625rem
}

@media(min-width:1200px) {
    .c-packaging-solutions__machine-header {
        padding-bottom: 2.5rem
    }
}

.c-packaging-solutions__machine-label {
    background-color: #cce8ff;
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
    color: #0075C9;
    font-size: .75rem;
    font-weight: 900;
    line-height: 1.2;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%
}

@media(min-width:1200px) {
    .c-packaging-solutions__machine-label {
        font-size: .875rem;
        width: auto
    }
}

.c-packaging-solutions__machine-img {
    height: 10.9375rem;
    margin-left: -1.5625rem
}

@media(min-width:1200px) {
    .c-packaging-solutions__machine-img {
        height: 12.5rem;
        margin-left: -2.5rem
    }
}

.c-packaging-solutions__machine-icons {
    display: flex;
    justify-content: center;
    width: 100%
}

@media(min-width:1550px) {
    .c-packaging-solutions__machine-icons {
        justify-content: flex-end;
        margin-left: auto;
        width: auto
    }
}

.c-packaging-solutions__machine-icons .c-product-icon {
    width: 75%
}

@media(min-width:1550px) {
    .c-packaging-solutions__machine-icons .c-product-icon {
        width: 100%
    }
}

.c-packaging-solutions__machine-body {
    position: relative
}

@media(min-width:1550px) {
    .c-packaging-solutions__machine-body {
        grid-template-columns: 12.5rem auto 1fr !important
    }
}

.c-language-toggle {
    background-color: transparent;
    color: #59677a;
    height: 1.875rem;
    position: relative;
    width: 2.5rem
}

.c-language-toggle__link {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-language-toggle__link:focus,
.c-language-toggle__link:hover {
    background-color: #f5f5f5;
    color: #59677a
}

.c-flag {
    aspect-ratio: 4/3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .125rem;
    display: inline-block;
    margin-right: .9375rem;
    width: 1.125rem
}

.c-flag--reset {
    margin-right: 0
}

.c-flag--nl {
    background-image: url(/assets/flags/nl.svg)
}

.c-flag--it {
    background-image: url(/assets/flags/it.svg)
}

.c-flag--de {
    background-image: url(/assets/flags/de.svg)
}

.c-flag--en {
    background-image: url(/assets/flags/gb.svg)
}

.c-flag--fr {
    background-image: url(/assets/flags/fr.svg)
}

.c-flag--es {
    background-image: url(/assets/flags/es.svg)
}

.c-flag--pl {
    background-image: url(/assets/flags/pl.svg)
}

.c-flag--en-US {
    background-image: url(/assets/flags/us.svg)
}

.c-pill {
    align-items: center;
    background-color: #f0f6fd;
    border: .0625rem solid #e7f0fc;
    border-radius: .3125rem;
    color: #59677a;
    display: flex;
    font-size: 1rem;
    height: 3.125rem;
    line-height: 1;
    padding: 0 1.5rem
}

@media(min-width:320px) {
    .c-pill {
        font-size: calc(1rem + .53571vw - 1.71429px)
    }
}

@media(min-width:1440px) {
    .c-pill {
        font-size: 1.375rem
    }
}

@media(min-width:992px) {
    .c-pill {
        height: 4.0625rem;
        padding: 0 2.25rem
    }
}

.c-pill__icon {
    margin-right: .625rem
}

@media(min-width:992px) {
    .c-pill__icon {
        margin-right: 1.25rem
    }
}

.c-pill__icon path {
    fill: currentColor
}

.c-pill--current {
    background-color: #0075C9;
    border-color: #0075C9;
    color: #fff
}

.c-pill--dark {
    background-color: #000557;
    border-color: #000557;
    color: #fff
}

.c-pill--dark.c-pill--current {
    background-color: #fff;
    border-color: #fff;
    color: #0075C9
}

.c-pill--input {
    color: #0075C9;
    position: relative;
    transition: all .3s ease-in-out
}

.c-pill--input:focus,
.c-pill--input:hover {
    border-color: #1e96fe;
    color: #0075C9
}

.c-pill--input:before {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 1.25rem;
    margin-top: -.625rem;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: scale(0);
    transition: all .3s ease-in-out;
    width: 1.25rem
}

@media(min-width:992px) {
    .c-pill--input:before {
        height: 1.875rem;
        margin-top: -.9375rem;
        right: 2.25rem;
        width: 1.875rem
    }
}

.c-pill--input:after {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.62 8.702'%3E%3Cpath fill='none' stroke='%23004487' stroke-width='2' d='m.71 3.798 3.5 3.5L10.923.717'/%3E%3C/svg%3E") 50% no-repeat;
    background-size: contain;
    content: "";
    height: .75rem;
    margin-top: -.375rem;
    position: absolute;
    right: 1.71875rem;
    top: 50%;
    transform: scale(0);
    transition: all .3s ease-in-out;
    width: .75rem;
    z-index: 2
}

@media(min-width:992px) {
    .c-pill--input:after {
        right: 2.78125rem
    }
}

.c-pill--input.c-pill--small:before {
    height: 1.25rem;
    right: 1rem;
    top: 1.5rem;
    width: 1.25rem
}

@media(min-width:992px) {
    .c-pill--input.c-pill--small:before {
        top: 1.8125rem
    }
}

.c-pill--input.c-pill--small:after {
    right: 1.25rem;
    top: 1.5rem
}

@media(min-width:992px) {
    .c-pill--input.c-pill--small:after {
        top: 1.5625rem
    }
}

.c-pill--small {
    font-size: .875rem;
    height: 3.125rem;
    padding: 0 1.5rem
}

.c-pill+.c-pill {
    margin-top: .625rem
}

a.c-pill {
    color: #0075C9
}

a.c-pill:focus,
a.c-pill:hover {
    border-color: #1e96fe;
    color: #0075C9
}

a.c-pill--current:focus,
a.c-pill--current:hover {
    background-color: #0075C9;
    color: #fff
}

a.c-pill--dark {
    color: #fff
}

a.c-pill--dark:focus,
a.c-pill--dark:hover {
    border-color: #1e96fe;
    color: #fff
}

a.c-pill.c-pill--dark.c-pill--current:focus,
a.c-pill.c-pill--dark.c-pill--current:hover {
    background-color: #fff;
    color: #0075C9
}

.c-pill-label {
    cursor: pointer;
    display: block;
    margin-bottom: 0
}

.c-pill-label+.c-pill-label {
    margin-top: .625rem
}

.c-pill-input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.c-pill-input:checked~.c-pill {
    background-color: #0075C9;
    color: #fff
}

.c-pill-input:checked~.c-pill:after,
.c-pill-input:checked~.c-pill:before {
    transform: scale(1)
}

.c-chat {
    background-color: #f9fafb;
    border: .0625rem solid #e7f0fc;
    border-radius: .9375rem;
    box-shadow: 0 .1875rem 2.5rem rgba(231, 240, 252, .5);
    margin: -1.5625rem 1.5625rem 3.125rem;
    overflow: hidden;
    padding: 1.5625rem;
    position: relative;
    z-index: 10
}

@media(min-width:768px) {
    .c-chat {
        margin: -3.125rem 6.25rem 4.6875rem
    }
}

@media(min-width:992px) {
    .c-chat {
        margin: 0
    }
}

@media(min-width:1200px) {
    .c-chat {
        padding: 1.875rem
    }
}

@media(min-width:1550px) {
    .c-chat {
        padding: 2.5rem
    }
}

.c-chat__annotation {
    background-color: #DADADA;
    border-radius: .3125rem;
    margin: 1.5625rem -1.5625rem -1.5625rem;
    padding: 1.5625rem
}

@media(min-width:1200px) {
    .c-chat__annotation {
        margin: .78125rem -1.25rem -1.25rem;
        padding: 1.25rem
    }
}

@media(min-width:992px) {
    .c-chat--horizontal .c-chat__annotation {
        margin: 0
    }
}

.c-chat__subtitle {
    margin-bottom: .9375rem
}

.c-chat--horizontal {
    margin: 0
}

.c-chat--clean {
    border: none;
    border-radius: 0;
    margin: 0
}

.c-modal .c-chat {
    margin: 0
}

.c-request__badge {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #0075C9;
    display: flex;
    font-weight: 900;
    height: 12.5rem;
    justify-content: center;
    left: 17.5rem;
    line-height: 1.2;
    padding: 1.5625rem;
    position: absolute;
    text-align: center;
    width: 12.5rem;
    z-index: 5
}

.c-request__badge-svg {
    height: 2.5rem;
    position: absolute;
    right: 1.25rem;
    top: 0;
    width: 2.5rem
}

.c-request__chat {
    border: none;
    margin: 0 1.5625rem;
    max-width: 42.5rem
}

@media(min-width:768px) {
    .c-request__chat {
        margin: 0 auto
    }
}

@media(min-width:1550px) {
    .c-request__chat {
        margin: 0 12.5rem 0 auto
    }
}

@media(min-width:1800px) {
    .c-request__chat {
        margin-right: 17.5rem
    }
}

.c-media__img {
    background-color: #e7f0fc;
    border-radius: .625rem;
    height: 7.8125rem;
    overflow: hidden;
    width: 7.8125rem
}

@media(min-width:1200px) {
    .c-media__img {
        height: 10rem;
        width: 10rem
    }

    .c-media__img--small {
        height: 7.5rem;
        width: 7.5rem
    }
}

.is-ie .c-steps {
    display: block
}

.c-step-machines {
        width: 100%;
		margin-top: -5rem;
		margin-bottom: 5rem;
    }
}


@media(min-width:1200px) {
    .c-step-machines {
        display: grid;
        grid-template-columns: repeat(1, 1fr);

	    }
}

@media(min-width:1800px) {
    .c-step-machines {
        grid-template-columns: 45% 1fr
    }

    .c-step-machines:nth-child(2n) {
        grid-template-columns: 1fr 45%
    }
}

@media(min-width:1200px) {
    .c-step-machines__img {
        aspect-ratio: auto;
        height: 100%
    }

    .c-step-machines:nth-child(odd) .c-step-machines__img {
        grid-column: 1;
        grid-row: 1
    }

    .c-step-machines:nth-child(2n) .c-step-machines__img,
    .c-step-machines:nth-child(odd) .c-step-machines__body {
        grid-column: 2;
        grid-row: 1
    }

    .c-step-machines:nth-child(2n) .c-step-machines__body {
        grid-column: 1;
        grid-row: 1
    }
}

@media(min-width:1200px) {
    .c-step-machines__central {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: 100%
    }
}

@media(min-width:1800px) {
    .c-step-machines__central {
        grid-template-columns: 33% 1fr
    }

    .c-step-machines__central:nth-child(2n) {
        grid-template-columns: 1fr 33%
    }
}

@media(min-width:1200px) {
    .c-step-detalle {
        display: grid;
		align-items: center;
        grid-template-columns: repeat(2, 1fr);
        width: 100%
    }
}

@media(max-width:992px) {
    .c-step-detalle {
		position: relative;
        top: 5rem !important;
    }
}

@media(min-width:1800px) {
    .c-step-detalle {
        grid-template-columns: 45% 1fr
    }

    .c-step-detalle:nth-child(2n) {
        grid-template-columns: 1fr 45%
    }
}


@media(min-width:1200px) {
    .c-step {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%
    }
}

@media(min-width:1800px) {
    .c-step {
        grid-template-columns: 45% 1fr
    }

    .c-step:nth-child(2n) {
        grid-template-columns: 1fr 45%;			
    }
}

@media(min-width:1200px) {
    .c-step__img {
        aspect-ratio: auto;
        height: 100%
			
    }

    .c-step:nth-child(odd) .c-step__img {
        grid-column: 1;
        grid-row: 1
    }

    .c-step:nth-child(2n) .c-step__img,
    .c-step:nth-child(odd) .c-step__body {
        grid-column: 2;
        grid-row: 1
    }

    .c-step:nth-child(2n) .c-step__body {
        grid-column: 1;
        grid-row: 1
    }
}

.c-nav {
    align-items: center;
    display: flex
}

@media(min-width:1200px) {
    .c-nav {
        margin-left: auto;
        margin-right: 2.5rem
    }
}

@media(min-width:1550px) {
    .c-nav {
        margin-right: 5rem
    }
}

@media(min-width:768px) {
    .c-nav--small {
        margin-left: auto;
        margin-right: 3.125rem
    }
}

.c-nav__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.c-nav__list-d {
    list-style: none;
    margin-right: -80px;
    align-content: flex-end;
    text-align: right;
    padding-right: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.c-nav__item {
    display: inline-block
}

.c-nav__item:not(:last-child) {
    margin-right: 1.5625rem
}

@media(min-width:1200px)and (max-width:1549px) {
    .c-nav__item:not(:last-child) {
        margin-right: .9375rem
    }
}

@media(min-width:1550px) {
    .c-nav__item:not(:last-child) {
        margin-right: 1.875rem
    }
}

@media(min-width:1200px)and (max-width:1549px) {
    .c-nav--small .c-nav__item:not(:last-child) {
        margin-right: .9375rem
    }

    .c-nav--small .c-nav__item {
        font-size: .875rem
    }
}


.c-nav__machines {
    color: #0075C9;
	text-align: right;
	margin-top: -2rem;
	padding-bottom: 1rem;
    font-weight: 500;
    transition: all .3s ease-in-out;
    font-size: medium;
}

.c-nav__machines:hover {
    color: #004972
}

.c-nav__machines.is-current,
.c-nav__machines.is-current:hover {
    color: #004972;
	font-weight: 800
}

.c-nav__link {
    color: #0075C9;
    font-size: 1rem !important;
    font-weight: 500;
    transition: all .3s ease-in-out;
}

.c-nav__link:hover {
    color: #004972
}

@media(min-width:1200px) {
    .c-nav__link {
    	font-size: calc(1rem - .41429vw)!important;
    }
}
@media(min-width:992px) {
    .c-nav__link {
    	font-size: calc(1rem - .21429vw)!important;
    }
}
@media(min-width:768px) {
    .c-nav__link {
    	font-size: calc(1rem - .11429vw)!important;
    }
}
@media(max-width:768px) {
    .c-nav__link {
		position: relative!important;
		top:0px!important;
		right: -10px!important;
    	font-size: 0.8rem!important;
		text-align: center!important;
		align-content: center!important;
		align-items: center!important;
		min-width: 100px!important;
		color: #FFFFFF;
		display: block;
		padding: 0.2rem;
		background-color:#0075C9;
		border-radius: 0.2rem;
		z-index: 100!important;
		
    }
}

.c-nav__link.is-current,
.c-nav__link.is-current:hover {
    color: #004972;
	font-weight: 800
}

.c-thanks {
    display: grid;
    grid-template-columns: 1.5625rem 1fr 1.5625rem
}

@media(min-width:768px) {
    .c-thanks {
        grid-template-columns: 6.25rem 1fr 6.25rem
    }
}

@media(min-width:992px) {
    .c-thanks {
        grid-template-columns: 6.25rem repeat(12, 1fr) 6.25rem
    }
}

@media(min-width:1200px) {
    .c-thanks {
        grid-template-columns: 12.5rem repeat(12, 1fr) 12.5rem
    }
}

.c-thanks__bg {
    background-color: #f0f6fd;
    grid-column: 1/-1;
    height: 39.0625rem;
    margin-top: 3.125rem
}

@media(min-width:992px) {
    .c-thanks__bg {
        grid-column: 7/-1;
        grid-row: 1;
        height: 46.875rem
    }
}

@media(min-width:1550px) {
    .c-thanks__bg {
        height: 50rem;
        margin-top: 5rem
    }
}

.c-scroll-down {
    align-items: center;
    bottom: 3.125rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: clamp(1.5625rem, 1.136363635rem + 1.13636364vw, 2.5rem);
    z-index: 200
}

@media(min-width:1200px) {
    .c-scroll-down {
        bottom: 5rem
    }
}

.c-scroll-down:hover {
    color: #1e96fe
}

.c-scroll-down__text {
    font-size: .875rem;
    font-weight: 700;
    writing-mode: vertical-lr
}

.c-scroll-down__svg {
    display: block;
    margin-left: .0625rem;
    margin-top: .625rem
}

.c-counter {
    color: #1e96fe;
    font-size: .875rem;
    font-weight: 400;
    top: -.625rem
}

@media(min-width:1200px) {
    .c-counter {
        top: -.9375rem
    }
}

.opt-menu {
    position: inherit;
	color: inherit;
	align-content: inherit;
	text-align: inherit;
    z-index: 100
}

.c-product {
    background-color: #ebebeb;
    position: relative;
    z-index: 100
}

.c-product_2 {
    background-color: #fff;
	width: 100rem; 
    position: relative;
    z-index: 100
}

@media(max-width:1190px) {
    .c-product {
        display:inline;
		background-color: #fff;
    }
}

@media(min-width:1200px) {
    .c-product {
        display: grid; 
        grid-template-columns: 37% 25% 1fr
    }
}

@media(min-width:1200px) {
    .c-product {
		display: grid; 
        grid-template-columns: 40% 5rem 20% 1fr
    }
}

@media(min-width:1550px) {
    .c-product {
        grid-template-columns: 40% 7.5rem 20% 1fr
    }
}

.c-product__img {
    padding-bottom: 100%;
    position: relative;
    z-index: 15
}

.c-product__img-wrapper {
    margin: -3.125rem 0
}

@media(min-width:768px) {
    .c-product__img-wrapper {
        margin: -3.125rem 0
    }
}

@media(min-width:992px) {
    .c-product__img-wrapper {
        margin: -15.625rem -3.125rem 0 auto;
        width: 85%
    }
}

@media(min-width:1200px) {
    .c-product__img-wrapper {
        margin-top: -33.33333333%
    }
}

@media(min-width:1550px) {
    .c-product__img-wrapper {
        margin-top: -15rem;
        width: 30rem
    }
}

@media(min-width:1800px) {
    .c-product__img-wrapper {
        margin-top: -17.5rem;
        width: 35rem
    }
}

.c-product__caption-subtitle {
    margin-bottom: .625rem
}

.c-product__caption-title {
    color: #fff;
    margin-bottom: 2.34375rem
}

.c-product__aside {
    background-color: #ebebeb;
    display: flex;
    font-size: 1.875rem;
    flex-direction: column;
    padding: 3.125rem 1.5625rem;
	margin-left: -40px;	
	margin-top: 40px;
    position: relative
}

@media(min-width:768px) {
    .c-product__aside {
        padding: 3.125rem 6.25rem
    }
}

@media(min-width:992px) {
    .c-product__aside {
        height: calc(100vh - 2.875rem);
        padding: 4.6875rem 1.5625rem;
        top: -1.5625rem
    }
}

@media(min-width:1200px) {
    .c-product__aside {
        height: calc(100vh - 7.5rem);
        padding: 5rem;
        top: -2.5rem
    }
}

@media(min-width:1800px) {
    .c-product__aside {
        padding: 7.5rem 10rem
    }
}

.c-product__aside.is-post-fixed,
.c-product__aside.is-pre-absolute {
    bottom: 0 !important;
    top: auto !important
}

.c-product__aside.is-pre-fixed {
    will-change: transform
}

.c-product__aside-item {
    margin-top: 0.3rem;
}

.c-product__aside-link {
    color: #666;
    font-size: 1.575rem
}

@media(min-width:320px) {
    .c-product__aside-link {
        font-size: calc(1.375rem + .71429vw - 2.28571px)
    }
}

@media(min-width:1440px) {
    .c-product__aside-link {
        font-size: 2.075rem
    }
}

.c-product__aside-link:focus,
.c-product__aside-link:hover {
    color: #0075C9
}

.c-product__aside-link--current {
    font-weight: 700
}

  .affix {
    top: 200px;
  }

@media(max-width:992px) {
    .affix {
   		top:-800px;
    }
}


.c-product__content {
   background-color: #fff;
}

@media(max-width:768px) {
    .c-product__content {
		margin-top: 10rem;
    }
}

@media(min-width:992px) {
    .c-product__content {
   		background-color: #fff;
        grid-column: 2/5;
        grid-row: 1
    }
}

.c-product__content-inner {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    position: relative;
    z-index: 20
}

.c-product__content-inner+.c-product__content-inner {
    border-top: .0625rem solid #e7f0fc
}

@media(min-width:768px) {
    .c-product__content-inner {
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

@media(min-width:1200px) {
    .c-product__content-inner {
        padding-left: 15vmin;
        padding-right: 15vmin
    }

    .c-product__content-inner:not(.c-product__content-inner--small) {
        padding-bottom: 7.5rem;
        padding-top: 7.5rem
    }
}

.c-product__content-inner--small {
    padding-bottom: 3.125rem;
    padding-top: 3.125rem
}

@media(min-width:1200px) {
    .c-product__content-inner--small {
        padding-bottom: 3.75rem;
        padding-top: -3.75rem
    }
}

@media(min-width:768px) {
    .c-product__content-inner--small {
		top: 2rem !important;
		margin-top: 4rem; /* Ajusta este valor según el diseño */    }
}

@media (max-width: 767px) {
    .c-product__content-inner--small {
		position: relative !important;
		top: -2rem !important;
		margin-top: 1rem; /* Ajusta este valor según el diseño */
    }
}

.c-machine-slider {
    padding-bottom: 2.34375rem !important
}

@media(min-width:1200px) {
    .c-machine-slider {
        padding-bottom: .3125rem !important
    }
}

.c-machine {
    min-height: 100%
}

.c-machine:focus .c-machine__icons,
.c-machine:hover .c-machine__icons {
    opacity: 1
}

.c-machine__img {
    padding: 1.5625rem
}

.c-machine__img .o-img {
    max-height: 15rem
}

.c-machine__body {
    border-top: .0625rem solid #f0f6fd
}

@media(min-width:1200px) {
    .c-machine__title:lang(de) {
        font-size: 1.7vw
    }
}

@media(min-width:1550px) {
    .c-machine__title:lang(de) {
        font-size: 1.3vw
    }
}

.c-machine__link {
    margin-top: 1.5625rem
}

@media(min-width:1200px) {
    .c-machine__link {
        margin-top: auto
    }
}

.c-machine__icons {
    background-color: #fff;
    bottom: 0;
    color: #0075C9;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease-in-out
}

.c-product-icons {
    margin-top: 2.5rem
}

.c-product-icons--label {
    background-color: #cce8ff;
    border-radius: .3125rem;
    padding: .625rem
}

.c-product-icon {
    display: block;
    height: 4.6875rem;
    width: auto
}

@media(min-width:992px)and (max-width:1199px) {
    .c-product-icon {
        height: 3.125rem
    }
}

.c-product-icons--label .c-product-icon {
    height: 1.5625rem
}

.c-product-icon path {
    fill: #fff
}

.c-product-icons--inverse .c-product-icon path {
    fill: #0075C9
}

.is-ie .c-cases {
    display: block
}

.c-case {
    min-height: 100%;
	min-width: 25vh;	
}

.c-case__completa {
	width: 50vh;
    min-height: 100%;
	margin: 0;
	padding: 0;
	
}

@media(max-width:1200px) {
    .c-case__completa {
        width: 40vh;	
    }
}
@media(max-width:992px) {
    .c-case__completa {
        width: 30vh;	
    }
}

@media(max-width:768px) {
    .c-case__completa {
        width: 25vh;	
    }
}

.c-case__img {
    aspect-ratio: 390/200
}

.c-case__link {
    margin-top: 1.5625rem
}

@media(min-width:1200px) {
    .c-case__link {
        margin-top: auto
    }
}

.c-case-slider {
		min-width: 25vh;	

    padding-bottom: 2.34375rem !important
}

@media(min-width:1200px) {
    .c-case-slider {
        padding-bottom: .3125rem !important

    }
}

.c-product-case-slider {
    margin-inline: -1.5625rem;
    padding-bottom: 2.34375rem !important
}

@media(min-width:768px) {
    .c-product-case-slider {
        margin-inline: -6.25rem
    }
}

@media(min-width:1200px) {
    .c-product-case-slider {
        margin-inline: -15vmin;
        padding-bottom: .3125rem !important
    }
}

.c-product-case-slider__offset {
    position: absolute;
    width: 1.5625rem
}

@media(min-width:768px) {
    .c-product-case-slider__offset {
        width: 6.25rem
    }
}

@media(min-width:1200px) {
    .c-product-case-slider__offset {
        width: 15vmin
    }
}

@media(min-width:992px) {
    .c-case-machines--reset {
        padding-bottom: 6.25rem
    }
}

.c-case-machines__img-wrapper {
    height: 15.625rem
}

@media(min-width:768px) {
    .c-case-machines__img-wrapper {
        height: 21.875rem
    }
}

@media(min-width:992px) {
    .c-case-machines__img-wrapper {
        height: 25rem
    }
}

@media(min-width:1550px) {
    .c-case-machines__img-wrapper {
        height: 35rem
    }
}

.c-case-machines__img {
    height: inherit;
    margin: 0 -1.5625rem
}

@media(min-width:768px) {
    .c-case-machines__img {
        margin: 0 -6.25rem
    }
}

@media(min-width:992px) {
    .c-case-machines__img {
        margin: 0 -6.25rem 0 0
    }
}

@media(min-width:1200px) {
    .c-case-machines__img {
        margin: 0 -12.5rem 0 0
    }
}

@media(min-width:1550px) {
    .c-case-machines__img {
        margin: 0 -17.5rem 0 0
    }
}

.c-banner {
    align-items: center;
    height: calc(var(--vh, 1vh)*80 - 6.875rem);
    padding: 0 !important
}

.c-banner__title {
    color: #fff;
    margin-bottom: 1.5625rem;
    width: 10ch
}

.c-showcase {
    grid-gap: .625rem;
    border: .625rem solid #fff;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: calc(var(--vh, 1vh)*67) calc(var(--vh, 1vh)*25) calc(var(--vh, 1vh)*25)
}

@media(min-width:768px) {
    .c-showcase {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: calc(var(--vh, 1vh)*50) calc(var(--vh, 1vh)*25)
    }
}

@media(min-width:992px) {
    .c-showcase {
        grid-template-columns: 1fr 33.3333333333%;
        grid-template-rows: calc(var(--vh, 1vh)*33) calc(var(--vh, 1vh)*33)
    }
}

@media(min-width:1200px) {
    .c-showcase {
        grid-template-rows: 33vh 33vh
    }
}

.c-showcase--half {
    grid-template-columns: 1fr;
    grid-template-rows: calc(var(--vh, 1vh)*67) calc(var(--vh, 1vh)*67)
}

@media(min-width:768px) {
    .c-showcase--half {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: calc(var(--vh, 1vh)*50) calc(var(--vh, 1vh)*50)
    }
}

@media(min-width:992px) {
    .c-showcase--half {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: calc(var(--vh, 1vh)*67)
    }
}

@media(min-width:1200px) {
    .c-showcase--half {
        grid-template-rows: 67vh
    }
}

@media(min-width:992px) {
    .c-showcase--flip {
        grid-template-columns: 33.3333333333% 1fr
    }
}

.c-showcase.u-bg-gray-lighter {
    border-color: #f0f6fd
}

.c-showcase__node {
    grid-column: 1;
    overflow: hidden;
    position: relative
}

.c-showcase__node:before {
    background-color: #0075C9;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    transition: width .5s cubic-bezier(.4, 0, .2, 1) .2s;
    width: 100%;
    z-index: 1
}

.c-showcase__node.is-inview:before {
    width: 0
}

.c-showcase__node:first-child {
    grid-row: 1
}

@media(min-width:768px) {
    .c-showcase__node:first-child {
        grid-column: 1/-1
    }
}

@media(min-width:992px) {
    .c-showcase__node:first-child {
        grid-column: 1;
        grid-row: 1/-1
    }

    .c-showcase--flip .c-showcase__node:first-child {
        grid-column: 2
    }
}

.c-showcase__node:nth-child(2) {
    grid-row: 2
}

@media(min-width:992px) {
    .c-showcase__node:nth-child(2) {
        grid-column: 2;
        grid-row: 1
    }

.c-showcase--flip .c-showcase__node:nth-child(2) {
        grid-column: 1
    }
}

.c-showcase__node:nth-child(3) {
    grid-row: 3
}

@media(min-width:768px) {
    .c-showcase__node:nth-child(3) {
        grid-column: 2;
        grid-row: 2
    }
}

@media(min-width:992px) {
    .c-showcase__node:nth-child(3) {
        grid-column: 2;
        grid-row: 2
    }

    .c-showcase--flip .c-showcase__node:nth-child(3) {
        grid-column: 1
    }
}

.c-showcase__inner {
    bottom: 0;
    left: 0;
    padding: 3.125rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5
}

@media(min-width:1200px) {
    .c-showcase__inner {
        padding: 5rem 7.5rem
    }
}

@media(min-width:1550px) {
    .c-showcase__inner {
        padding: 5rem 10rem 5rem 7.5rem
    }
}

.c-showcase+.c-showcase {
    border-top: none
}


@media(min-width:1200px) {
    .has-agent {
        padding-top: 7.5rem
    }

    .has-agent--contact {
        padding-top: 3.75rem
    }
}


.c-industries--minimal {
    background-color: #fff;
    border: .0625rem solid #e7f0fc;
    border-radius: .3125rem;
    box-shadow: 0 .1875rem 2.5rem rgba(231, 240, 252, .5);
    overflow: hidden
}

.u-bg-gray-lighter .c-industries--minimal {
    border-color: #e6e6e6;
    box-shadow: 0 .1875rem 2.5rem rgba(41, 43, 44, .05)
}

.c-industry__img {
    height: 9.375rem
}

@media(min-width:1200px) {
    .c-industry__img {
        height: 12.5rem
    }
}

.c-industry__ico {
    height: 3rem;
	padding-left: 25px;
}

@media(min-width:1200px) {
    .c-industry__ico {
        height: 4.5rem;
		padding-left: 15px;
    }
}

.c-industry__ico-tec {
    height: 4rem;
	padding-left: 10px;
	padding-right: 5px;
}

@media(min-width:1200px) {
    .c-industry__ico-tec {
        height: 5.5rem;
		padding-left: 15px;
		padding-right: 5px;
    }
}

.c-industry__body {
    background-color: #fff
}

.c-industry__title {
    font-weight: 500;
	padding-left: 0rem;
}

.c-industries--minimal .c-industry__title {
    margin-bottom: 0
}

.c-industry+.c-industry {
    border-top: .0625rem solid #e7f0fc
}

.c-industries--minimal .c-industry {
    display: flex;
	align-items: center;
    justify-content:left;
    padding: 1.5625rem
}

@media(min-width:768px) {
    .c-industries--minimal .c-industry {
        background-color: #fff;
        border: .0625rem solid #e7f0fc;
        margin: -.0625rem
    }
}

@media(min-width:1550px) {
    .c-industries--minimal .c-industry {
        padding: 2.5rem
    }
}

.c-industries--minimal .c-industry:focus,
.c-industries--minimal .c-industry:hover {
    background-color: #cce8ff
}

a.c-industry {
    border: .0625rem solid #e7f0fc;
}

a.c-industry:focus,
a.c-industry:hover {
    box-shadow: 0 .1875rem 2.5rem rgba(41, 43, 44, .05)
}

.c-chart {
    height: 25rem;
    width: 100%
}

.c-categories {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.c-category {
    margin-bottom: .625rem
}

.c-category:not(:last-child) {
    margin-right: .625rem
}

.c-category__link {
    background-color: #fff;
    border: .0625rem solid #cce8ff;
    border-radius: .25rem;
    color: #1e96fe;
    display: inline-block;
    font-size: .9375rem;
    line-height: 1;
    padding: .5rem .625rem;
    position: relative
}

.c-category__link:focus,
.c-category__link:hover {
    color: #0075C9
}

.c-category__link--current {
    background-color: #0075C9
}

.c-category__link--current,
.c-category__link--current:focus,
.c-category__link--current:hover {
    border-color: #0075C9;
    color: #fff
}

.c-btn {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid #e7f0fc;
    border-radius: .3125rem;
    color: #0075C9;
    cursor: pointer;
    display: inline-flex;
    font-size: clamp(.875rem, .8465909075rem + .07575758vw, .9375rem);
    font-weight: 600;
    height: clamp(2.5rem, 2.21590909rem + .75757576vw, 3.125rem);
    justify-self: start;
    line-height: 1;
    padding: .1875rem 1.25rem;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    will-change: transform;
}

.c-btn,
.c-btn:after {
    transition: all .3s ease-in-out
}

.c-btn:after {
    background: transparent url(../images/arrow-primary.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    height: .625rem;
    margin-left: .5rem;
    width: .375rem
}

.c-btn:hover {
    border-color: #0075C9;
    color: #0075C9
}

.c-btn:hover:after {
    transform: translateX(12%)
}

.c-btn:focus {
    box-shadow: 0 0 0 .1875rem rgba(30, 150, 254, .15);
    outline: none
}

.c-btn:active {
    outline: none
}

.c-btn:disabled {
    box-shadow: none;
    opacity: .5;
    pointer-events: none
}

.c-btn--primary {
    background-color: #0075C9;
    border-color: #0075C9;
    color: #fff
}

.c-btn--primary:hover {
    background-color: #000557;
    border-color: #000557;
    color: #fff
}

.c-btn--primary:focus {
    box-shadow: 0 0 0 .1875rem rgba(0, 5, 87, .2)
}

.c-btn--secondary {
    background-color: #1e96fe;
    border-color: #1e96fe;
    color: #fff
}

.c-btn--secondary:after {
    background-image: url(../images/arrow-white.svg)
}

.c-btn--secondary:hover {
    background-color: #058afe;
    border-color: #058afe;
    color: #fff
}

.c-btn--secondary:focus {
    box-shadow: 0 0 0 .1875rem rgba(5, 138, 254, .2)
}

.c-btn--white,
.c-btn--white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0075C9
}

.c-btn--white:focus {
    box-shadow: 0 0 0 .1875rem hsla(0, 0%, 100%, .2)
}

.c-btn--success {
    background-color: #AB7E00;
    border-color: #AB7E00;
    color: #fff
}

.c-btn--success:after {
    background-image: url(../images/arrow-white.svg)
}

.c-btn--success:hover {
    background-color: #745500;
    border-color: #745500;
    color: #fff
}

.c-btn--success:focus {
    box-shadow: 0 0 0 .1875rem rgba(152, 208, 0, .2)
}

.c-btn--descubre {
    background-color: #ebebeb;
    border-color: #ebebeb;
    color: #666666;
}

.c-btn--descubre:after {
    background-image: url(../images/arrow-primary.svg)
}

.c-btn--descubre:hover {
    background-color: #dedddd;
    border-color: #dedddd;
    color: #666666
}

.c-btn--descubre:focus {
    box-shadow: 0 0 0 .1875rem rgba(102, 102, 102, .2)
}

.c-btn--descubre-info {
    background-color: #ebebeb;
    border-color: #ebebeb;
    color: #0078C9;
}

.c-btn--descubre-info:after {
    background-image: url(../images/arrow-primary.svg)
}

.c-btn--descubre-info:hover {
    background-color: #dedddd;
    border-color: #dedddd;
    color: #0078C9
}

.c-btn--descubre-info:focus {
    box-shadow: 0 0 0 .1875rem rgba(102, 102, 102, .2)
}


.c-btn--contact {
    background-color: #0078C9;
    border-color: #0078C9;
    color: #fff;
}

.c-btn--contact:after {
    background-image: url(../images/arrow-white.svg)
}

.c-btn--contact:hover {
    background-color: #046296;
    border-color: #046296;
    color: #fff
}

.c-btn--contact:focus {
    box-shadow: 0 0 0 .1875rem rgba(100, 38, 1, 0)
}

.c-btn--serie {
    background-color: #0078C9;
    border-color: #0078C9;
    color: #fff
}

.c-btn--serie:after {
    background-image: url(../images/arrow-white.svg)
}

.c-btn--serie:hover {
    background-color: #046296;
    border-color: #046296;
    color: #fff
}

.c-btn--serie:focus {
    box-shadow: 0 0 0 .1875rem rgba(100, 38, 1, 0)
}


    .c-btn--serie.active {
      background-color: #FFF;
      color: #0078C9;
    }

@media(min-width:768px) {
    .c-btn--large {
        height: 2.8125rem
    }
}

@media(min-width:1200px) {
    .c-btn--large {
        height: 3.75rem
    }
}

.c-btn--outline-primary {
    background-color: #f0f6fd;
    border-color: #f0f6fd;
    color: #0075C9
}

.c-btn--outline-primary:hover {
    background-color: #cce8ff;
    border-color: #cce8ff;
    color: #0075C9
}

.c-btn--outline-primary:focus {
    box-shadow: 0 0 0 .1875rem rgba(204, 232, 255, .2)
}

.c-btn--outline-white {
    border-color: #fff;
    color: #fff
}

.c-btn--outline-white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0075C9
}

.c-btn--block {
    text-align: center;
    width: 100%
}

.c-btn--small {
    height: 2.5rem;
    line-height: 2.5rem;
    padding-bottom: 0;
    padding-top: 0
}

.c-btn--link {
    border: none;
    padding: 0
}

.c-btn--link-success,
.c-btn--link-success:focus,
.c-btn--link-success:hover {
    color: #98d000
}

.c-btn--link-secondary,
.c-btn--link-secondary:focus,
.c-btn--link-secondary:hover {
    color: #1e96fe
}

.c-btn--link-white,
.c-btn--link-white:focus,
.c-btn--link-white:hover {
    color: #fff
}

.c-btn-badge {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #59677a;
    display: inline-flex;
    font-size: .625rem;
    font-weight: 700;
    height: 1.6875rem;
    justify-content: center;
    margin-left: .3125rem;
    position: relative;
    top: -.3125rem;
    width: 1.6875rem
}

.c-btn-badge--primary {
    background-color: #0075C9;
    color: #fff
}

.c-btn-badge--tr {
    position: absolute;
    right: -.84375rem;
    top: -.84375rem
}

.c-btn-stacked {
    display: flex;
    width: auto;
    height: 0px;
}

.c-btn-stacked .c-btn+.c-btn {
    margin-left: 1.5625rem
}

.c-play-link {
    align-items: center;
    align-self: flex-start;
    background: none;
    border: none;
    color: #0075C9;
    cursor: pointer;
    display: flex;
    font-size: clamp(.875rem, .8465909075rem + .07575758vw, .9375rem);
    font-weight: 600;
    height: 2.5rem;
    padding: 0 0 0 3.125rem;
    position: relative;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.c-play-link:after,
.c-play-link:before {
    content: "";
    display: inline-block;
    transition: all .3s ease-in-out
}

.c-play-link:before {
    background-color: #fff;
    border: .0625rem solid #e7f0fc;
    border-radius: 50%;
    height: 2.5rem;
    left: 0;
    margin-right: .9375rem;
    position: absolute;
    width: 2.5rem
}

.c-play-link:after {
    background: transparent url(../images/play-primary.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: .75rem;
    left: 1rem;
    position: absolute;
    top: .875rem;
    width: .625rem
}

.c-play-link:hover {
    color: #0075C9;
    outline: none
}

.c-play-link:hover:before {
    transform: scale(1.05)
}

@media(min-width:1200px) {
    .c-play-link--large {
        height: 3.75rem;
        padding: 0 0 0 4.6875rem
    }

    .c-play-link--large:before {
        height: 3.75rem;
        margin-right: 1.25rem;
        width: 3.75rem
    }

    .c-play-link--large:after {
        height: .875rem;
        left: 1.625rem;
        top: 1.375rem;
        width: .75rem
    }
}

.c-play-link--white {
    color: #fff
}

.c-play-link--white:before {
    border-color: #fff
}

.c-play-link--white:focus,
.c-play-link--white:hover {
    color: #fff
}

.c-play-link--white:focus:before,
.c-play-link--white:hover:before {
    border-color: #fff
}

.c-play-btn {
    align-items: center;
    animation: pulse 2s infinite;
    background-color: #0075C9;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(0, 59, 131, .2);
    color: #fff;
    display: flex;
    height: 3.75rem;
    justify-content: center;
    text-align: center;
    transform: scale(1);
    width: 3.75rem;
    will-change: transform
}

@media(min-width:1200px) {
    .c-play-btn {
        height: 5rem;
        width: 5rem
    }
}

.c-play-btn__svg {
    margin-left: .125rem
}

.c-play-btn--small .c-play-btn__svg {
    transform: scale(.75)
}

.c-play-btn__text {
    font-weight: 900;
    line-height: 1.3;
    width: 67%
}

@media(min-width:1200px) {
    .c-play-btn__text {
        width: 50%
    }
}

.c-play-btn:focus,
.c-play-btn:hover {
    background-color: #0075C9;
    color: #fff;
    transform: scale(1.02)
}

.c-play-btn--white {
    animation: pulse-white 2s infinite;
    background-color: #fff;
    box-shadow: 0 0 0 hsla(0, 0%, 100%, .2);
    color: #0075C9
}

.c-play-btn--small {
    height: 2.5rem;
    width: 2.5rem
}

.c-play-btn--large {
    height: 6.25rem;
    width: 6.25rem
}

@media(min-width:768px) {
    .c-play-btn--large {
        height: 9.375rem;
        width: 9.375rem
    }
}

@media(min-width:992px) {
    .c-play-btn--large {
        height: 10rem;
        width: 10rem
    }
}

@media(min-width:1200px) {
    .c-play-btn--large {
        height: 10rem;
        width: 10rem
    }
}

.c-play-btn--static {
    animation: none;
    pointer-events: none
}

.c-whatsapp-btn {
    align-items: center;
    background-color: #1ac354;
    border-radius: 50%;
    bottom: 1.5625rem;
    color: #fff;
    display: flex;
    height: 3.125rem;
    justify-content: center;
    position: fixed;
    right: 1.5625rem;
    transform: scale(1);
    width: 3.125rem;
    will-change: transform;
    z-index: 1030
}

@media(min-width:1200px) {
    .c-whatsapp-btn {
        bottom: 2.5rem;
        height: 4.1875rem;
        right: 2.5rem;
        width: 4.1875rem
    }
}

.c-whatsapp-btn:hover {
    background-color: #1ac354;
    color: #fff;
    transform: scale(1.02)
}

.c-whatsapp-btn__svg {
    height: 50%;
    width: 50%
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 59, 131, .7);
        transform: scale(.95)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(0, 59, 131, 0);
        transform: scale(1)
    }

    to {
        box-shadow: 0 0 0 0 rgba(0, 59, 131, 0);
        transform: scale(.95)
    }
}

@keyframes pulse-white {
    0% {
        box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .7);
        transform: scale(.95)
    }

    70% {
        box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0);
        transform: scale(1)
    }

    to {
        box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0);
        transform: scale(.95)
    }
}

.c-hero {
    background-color: #fff;
    position: relative;
}

.c-hero__slider {
    height: inherit
}

.c-hero__wrapper {
    min-height: calc(var(--vh, 1vh)*100 - 6.875rem);
    position: relative;
    width: 100%;
    height: 651px;
}

@media(max-width:760px) {
    .c-hero__wrapper {
	min-height: calc(var(--vh, 1vh)*100 - 10.875rem);
    height: 351px;
    }
}


.c-hero__wrapper_vacio {
    position: relative;
    width: 100%;
    height: 100px;
	background-color:#0075C9;
}
.c-hero__wrapper_info {
    position: relative;
    width: 100%; /* El div ocupa todo el ancho de la pantalla */
    height: 250px; /* Altura fija del div */
    background-color: #0075C9; /* Fondo azul */
    display: flex;
    justify-content: center;
    align-items: center;
	z-index: 100;
}

.centered-table_info {
            width: 60%; /* La tabla ocupa el 60% del ancho del div */
            text-align: center; /* Centra el contenido horizontalmente */
            border-collapse: collapse;
        }

        /* Estilo de la celda izquierda */
        .centered-table_info td:first-child {
            color: white; /* Texto blanco */
            font-size: 2rem; /* Texto más grande */
            font-weight: bold; /* Negrita para mayor visibilidad */
            text-align: left; /* Alinea el texto a la izquierda */
            padding: 10px; /* Añade algo de espacio interior */
        }

        /* Estilo del botón */
        .centered-table_info td:last-child {
            text-align: left; /* Centra el botón horizontalmente */
            vertical-align: middle; /* Centra el botón verticalmente */
        }


@media screen and (max-width: 992px) {
    .centered-table_info {
        width: 80%; /* La tabla ocupa todo el ancho del div */
    }

    .centered-table_info tr {
        display: block; /* Cambia las filas a bloque para apilarlas */
		
    }

    .centered-table_info td {
        display: block; /* Las celdas se comportan como bloques independientes */
        text-align: center; /* Centra el contenido en ambas celdas */
        padding: 8px; /* Espaciado interno más amplio */

    }

    .centered-table_info td:first-child {
        text-align: left; /* Mantén el texto alineado a la izquierda en la primera celda */
		font-size: 1.2rem; /* Texto más grande */
	    line-height: 1;
    }
}


.c-seccion__separador {
    position: relative;             /* Mantiene la capa en el flujo del documento */
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
    background-image: url(../images/sombra-largo.svg); /* Imagen de fondo */
    background-position: top;    /* Centra la imagen dentro de la capa */
    background-repeat: no-repeat;   /* Evita que la imagen se repita */
    background-size: contain;       /* Escala la imagen dentro del contenedor */
    z-index: 10;                    /* Prioriza sobre otras capas */
}

@media(max-width:768px) {
    .c-seccion__separador {
    background-image: url(../images/sombra-corto.svg); /* Imagen de fondo */
    }
}

@media(min-width:992px) {
    .c-seccion__separador {
    background-image: url(../images/sombra-mediano.svg); /* Imagen de fondo */
    }
}

@media(min-width:1200px) {
    .c-seccion__separador {
    background-image: url(../images/sombra-largo.svg); /* Imagen de fondo */
    }
}


@media(min-width:768px) {
    .c-hero__wrapper {
        min-height: calc(var(--vh, 1vh)*75)
    }
}

@media(min-width:992px) {
    .c-hero__wrapper {
        min-height: calc(var(--vh, 1vh)*100 - 6.875rem)
    }
}

@media(min-width:1200px) {
    .c-hero__wrapper {
        min-height: calc(100vh - 7.5rem)
    }
}

@media(max-width:991px) {
    .c-hero--master .c-hero__container {
        margin-top: calc(var(--vh, 1vh)*50);
    }
}

@media(min-width:992px) {
    .c-hero__container {
        min-height: inherit;
    }
}

.c-hero__bg {
    background-color: #fff;
	        position: relative


}

@media(max-width:991px) {
    .c-hero__bg {
        height: calc(var(--vh, 1vh)*40); /* Cambia la proporción en altura en pantallas pequeñas */
   		background-size: auto 50%;  /* Alto al 100%, ancho automático */
        position: relative
    }
}

@media(min-width:992px) {
    .c-hero__bg {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }
}

.imagen-superpuesta {
    position: absolute;
    top: 50%;  /* Ajusta según sea necesario */
    left: 50%; /* Ajusta según sea necesario */
    transform: translate(-50%, -50%); /* Centrar la imagen */
    width: auto; /* Ajusta el tamaño según lo requerido */
    height: 100%; /* Mantener proporciones */
    z-index: 0	; /* Asegura que la imagen quede por encima */
}

.c-hero__bgintro {
    background-color: #fff;

}

@media(max-width:991px) {
    .c-hero__bgintro {
        height: calc(var(--vh, 1vh)*50); /* Cambia la proporción en altura en pantallas pequeñas */
   		background-size: auto 50%;  /* Alto al 100%, ancho automático */
        position: relative
    }
}

@media(min-width:992px) {
    .c-hero__bgintro {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }
}

.c-hero__video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.c-hero__card {
    box-shadow: 0 .1875rem 2.5rem rgba(41, 43, 44, .05);
    position: relative;
    z-index: 999 !important;
}

@media(max-width:991px) {
    .c-hero__card {
        top:18rem;
			
    }
}


@media(min-width:992px) {
    .c-hero__card {
        margin-bottom: 1.5625rem
			
    }
}

@media(min-width:1200px) {
    .c-hero__card {
        margin-bottom: 2.5rem;
    }
}

.c-hero__title {
    line-height: .96;
    margin-bottom: 1em
}

.c-hero__caption {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 200
}

.c-hero__play-btn {
    bottom: 1.5625rem;
    left: 1.5625rem;
    position: absolute;
    z-index: 100
}

@media(min-width:768px) {
    .c-hero__play-btn {
        left: 4.6875rem
    }
}

@media(min-width:992px) {
    .c-hero__play-btn {
        bottom: 3.125rem;
        left: 7.8125rem
    }
}

@media(min-width:1200px) {
    .c-hero__play-btn {
    bottom: 39px;
    left: 5rem
    }
}

@media(min-width:1550px) {
    .c-hero__play-btn {
        bottom: 5rem;
        left: 10rem
    }
}

.c-hero__aside {
    align-items: center;
    background-color: #fff;
    bottom: 0;
    display: flex;
    height: 4.6875rem;
    justify-content: center;
    margin-top: 0;
    position: absolute;
    right: 0;
    z-index: 250
}

@media(min-width:768px) {
    .c-hero__aside {
        height: 7.8125rem;
        width: 14.0625rem
    }
}

.c-hero--detail .c-hero__aside {
    width: 10.9375rem
}

.c-hero-intro__media {
    max-height: 28.125rem
}

.c-outro {
    display: grid
}

@media(min-width:992px) {
    .c-outro {
        background-color: #f0f6fd;
        grid-template-columns: 6.25rem repeat(12, 1fr) 6.25rem
    }
}

@media(min-width:1200px) {
    .c-outro {
        grid-template-columns: 12.5rem repeat(12, 1fr) 12.5rem
    }
}

@media(min-width:1550px) {
    .c-outro {
        grid-template-columns: 17.5rem repeat(12, 1fr) 17.5rem
    }
}

.c-outro__bg {
    background-color: inherit
}

@media(max-width:991px) {
    .c-outro__bg {
        aspect-ratio: 16/9
    }
}

@media(min-width:992px) {
    .c-outro__bg:before {
        height: 12.5rem !important;
        left: auto !important;
        right: 0 !important;
        width: 5rem !important
    }

    .c-outro__bg:after {
        bottom: 12.5rem !important;
        left: auto !important;
        right: 0 !important;
        transform: rotate(-90deg);
        transform-origin: 5rem 0;
        width: 10rem !important
    }
}

@media(max-width:767px) {
    .c-outro__content {
        padding-inline: 1.5625rem
    }
}

@media(min-width:768px)and (max-width:991px) {
    .c-outro__content {
        padding-inline: 3.125rem
    }
}

.c-cta {
    background-color: #fff;
    position: relative;
    z-index: 100
}

.c-cto {
    background-color: #e6e6e6;
    position: relative;
    z-index: 100
}

@media(min-width:992px) {
    .c-cta {
        display: grid;
        grid-template-columns: 6.25rem repeat(12, 1fr) 6.25rem
    }
}

@media(min-width:1200px) {
    .c-cta {
        grid-template-columns: 12.5rem repeat(12, 1fr) 12.5rem
    }
}

@media(min-width:1550px) {
    .c-cta {
        grid-template-columns: 17.5rem repeat(12, 1fr) 17.5rem
    }
}

.c-cta__aside {
    z-index: 5
}

@media(min-width:992px) {
    .c-cta__aside {
        grid-column: 9/14;
        grid-row: 1
    }
}

@media(min-width:1550px) {
    .c-cta__aside {
        grid-column: 10/14
    }
}

.c-cta__content {
    background-color: #fff;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    padding-top: 7.8125rem
}

@media(min-width:768px) {
    .c-cta__content {
        padding-left: 6.25rem;
        padding-right: 6.25rem;
        padding-top: 9.375rem
    }
}

@media(min-width:992px) {
    .c-cta__content {
        grid-column: 1/11;
        grid-row: 1;
        padding-bottom: 9.375rem;
        padding-right: 12.5rem;
        padding-top: 9.375rem
    }
}

@media(min-width:1200px) {
    .c-cta__content {
        padding-left: 12.5rem;
        padding-right: 15rem
    }
}

@media(min-width:1550px) {
    .c-cta__content {
        align-items: center;
        display: flex;
        min-height: 50rem;
        padding-left: 17.5rem;
        padding-right: 20rem;
        padding-top: 12.5rem
    }
}

@media(min-width:1800px) {
    .c-cta__content {
        grid-column-end: 12;
        padding-right: 30rem
    }
}

.c-cta__bg {
    background-color: inherit;
    height: 18.75rem
}

@media(min-width:768px) {
    .c-cta__bg {
        height: 31.25rem
    }
}

@media(min-width:992px) {
    .c-cta__bg {
        grid-column: 1/11;
        grid-row: 1;
        height: 46.875rem
    }
}

@media(min-width:1550px) {
    .c-cta__bg {
        height: 50rem
    }
}

.c-cta-band {
    padding-block: clamp(1.5625rem, 1.136363635rem + 1.13636364vw, 2.5rem)
}

.c-cta-band__container {
    border-radius: .3125rem;
    padding: 1.5625rem
}

@media(min-width:1200px) {
    .c-cta-band__container {
        padding: 3.75rem
    }
}

@media(min-width:992px) {
    .c-cto {
        display: grid;
        grid-template-columns: 6.25rem repeat(12, 1fr) 6.25rem
    }
}

@media(min-width:1200px) {
    .c-cto {
        grid-template-columns: 12.5rem repeat(12, 1fr) 12.5rem
    }
}

@media(min-width:1550px) {
    .c-cto {
        grid-template-columns: 17.5rem repeat(12, 1fr) 17.5rem
    }
}

.c-cto__aside {
    z-index: 5
}

@media(min-width:992px) {
    .c-cto__aside {
        grid-column: 9/14;
        grid-row: 1
    }
}

@media(min-width:1550px) {
    .c-cto__aside {
        grid-column: 10/14
    }
}

.c-cto__content {
    background-color: #fff;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    padding-top: 7.8125rem
}

@media(min-width:768px) {
    .c-cto__content {
        padding-left: 6.25rem;
        padding-right: 6.25rem;
        padding-top: 9.375rem
    }
}

@media(min-width:992px) {
    .c-cto__content {
        grid-column: 1/11;
        grid-row: 1;
        padding-bottom: 9.375rem;
        padding-right: 12.5rem;
        padding-top: 9.375rem
    }
}

@media(min-width:1200px) {
    .c-cto__content {
        padding-left: 12.5rem;
        padding-right: 15rem
    }
}

@media(min-width:1550px) {
    .c-cto__content {
        align-items: center;
        display: flex;
        min-height: 50rem;
        padding-left: 17.5rem;
        padding-right: 20rem;
        padding-top: 12.5rem
    }
}

@media(min-width:1800px) {
    .c-cto__content {
        grid-column-end: 12;
        padding-right: 30rem
    }
}

.c-modal {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1050
}

.c-modal.modal-is-open {
    opacity: 1;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: visible
}

.c-modal--code {
    background-color: #0075C9
}

.c-modal__dialog {
    margin: 10px;
    opacity: 0;
    pointer-events: none;
    position: relative;
    transform: scale(.5);
    transition: transform .3s cubic-bezier(.22, .61, .36, 1), opacity .3s cubic-bezier(.22, .61, .36, 1);
    width: auto
}

.c-modal.modal-is-open .c-modal__dialog {
    opacity: 1;
    transform: none
}

.c-modal--code .c-modal__dialog {
    flex-direction: column;
    height: auto;
    max-height: none;
    min-height: 100%;
    overflow: visible
}

.c-modal--code .c-modal__dialog:before {
    content: none
}

.c-modal__dialog--scrollable {
    height: calc(100% - 20px)
}

.c-modal__dialog--scrollable .c-modal__content {
    max-height: 100%;
    overflow: hidden
}

.c-modal__dialog--scrollable .c-modal__body {
    overflow-y: auto
}

.c-modal__dialog--centered {
    align-items: center;
    display: flex;
    min-height: calc(100% - 20px)
}

.c-modal__dialog--fullscreen {
    height: 100%;
    margin: 0 !important;
    max-width: none !important;
    width: 100vw
}

.c-modal__dialog--fullscreen .c-modal__content {
    border: 0;
    border-radius: 0;
    height: 100%
}

.c-modal__dialog--fullscreen .c-modal__body {
    overflow-y: auto
}

.c-modal__content {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: .9375rem;
    color: #59677a;
    display: flex;
    flex-direction: column;
    outline: 0;
    overflow: hidden;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.c-modal--code .c-modal__content {
    background-color: transparent;
    margin: 1.5625rem 0;
    overflow: visible
}

@media(min-width:768px) {
    .c-modal--code .c-modal__content {
        margin: 3.125rem 0
    }
}

@media(min-width:1200px) {
    .c-modal--code .c-modal__content {
        margin: 2.5rem 0
    }
}

.c-modal-backdrop {
    background-color: rgba(41, 43, 44, .85);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

.c-modal__header {
    align-items: center;
    border-bottom: 1px solid #f0f6fd;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    overflow: hidden;
    padding: 1.5625rem;
    position: relative
}

@media(min-width:1200px) {
    .c-modal__header {
        padding: 1.875rem 2.5rem
    }
}

.c-modal__close {
    align-items: center;
    background-color: #cce8ff;
    border-radius: .3125rem;
    color: #0075C9;
    display: flex;
    height: 1.5625rem;
    justify-content: center;
    padding: .1875rem;
    position: relative;
    width: 3.125rem
}

.c-modal__close:focus,
.c-modal__close:hover {
    background-color: #1e96fe;
    color: #fff
}

.c-modal__close-svg {
    height: .625rem;
    width: .625rem
}

.c-modal--code .c-modal__close {
    background-color: #fff;
    border-radius: 50%;
    color: #0075C9;
    height: 3.125rem;
    left: 0;
    right: auto;
    width: 3.125rem
}

.c-modal__title {
    color: #59677a;
    line-height: 1;
    margin-bottom: 0
}

.c-modal--code .c-modal__title {
    font-size: 1.625rem
}

@media(min-width:320px) {
    .c-modal--code .c-modal__title {
        font-size: calc(1.625rem + 2.14286vw - 6.85714px)
    }
}

@media(min-width:1440px) {
    .c-modal--code .c-modal__title {
        font-size: 3.125rem
    }
}

.c-modal__body {
    flex: 1 1 auto;
    padding: 1.5625rem;
    position: relative
}

@media(min-width:1200px) {
    .c-modal__body {
        padding: 2.5rem
    }
}

.c-modal--code .c-modal__body {
    background-color: #fff;
    border-radius: .9375rem
}

@media(min-width:768px) {
    .c-modal--code .c-modal__body {
        padding: 3.125rem
    }
}

@media(min-width:1200px) {
    .c-modal--code .c-modal__body {
        padding: 5rem
    }
}

@media(min-width:768px) {
    .c-modal__dialog {
        margin: 30px auto;
        max-width: 75%
    }

    .c-modal__dialog--scrollable {
        height: calc(100% - 60px)
    }

    .c-modal__dialog--centered {
        min-height: calc(100% - 60px)
    }

    .c-modal__dialog--small {
        margin: 0 auto;
        width: 37.5rem
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .c-modal__dialog--small {
        width: 42.5rem
    }
}

@media(min-width:1550px) {
    .c-modal__dialog {
        max-width: 50%
    }

    .c-modal__dialog--small {
        max-width: 34.375rem
    }

    .c-modal__dialog--video {
        max-width: 67%
    }
}

.c-entry__body {
    padding: 3.125rem 1.5625rem
}

@media(min-width:768px) {
    .c-entry__body {
        padding: 4.6875rem 3.125rem
    }
}

@media(min-width:1200px) {
    .c-entry__body {
        padding: 5rem
    }
}

@media(min-width:1550px) {
    .c-entry__body {
        padding: 7.5rem
    }
}

@media(min-width:768px)and (max-width:991px) {
    .c-entry--fullscreen .c-entry__body {
        padding: 4.6875rem 6.25rem
    }
}

@media(min-width:992px) {
    .c-entry--fullscreen .c-entry__body {
        padding: 4.6875rem 7.8125rem
    }
}

@media(min-width:1200px) {
    .c-entry--fullscreen .c-entry__body {
        padding: 5rem 7.5rem
    }
}

@media(max-width:767px) {
    .c-entry__media {
        height: 12.5rem
    }
}

@media(min-width:768px)and (max-width:991px) {
    .c-entry__media {
        height: 18.75rem
    }
}

.c-entry--fullscreen .c-entry__media {
    height: 26.875rem
}

@media(min-width:768px) {
    .c-entry--fullscreen .c-entry__media {
        height: 28.125rem
    }
}

@media(min-width:992px) {
    .c-entry--fullscreen .c-entry__media {
        height: 32.8125rem
    }
}

@media(min-width:1550px) {
    .c-entry--fullscreen .c-entry__media {
        height: 42.5rem
    }
}

.c-entry__footer {
    padding: 1.5625rem
}

@media(min-width:768px) {
    .c-entry__footer {
        padding: 3.125rem 6.25rem
    }
}

@media(min-width:992px) {
    .c-entry__footer {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 3.125rem 7.8125rem
    }
}

@media(min-width:1200px) {
    .c-entry__footer {
        padding: 2.5rem 7.5rem
    }
}

.c-entry__video-btn {
    left: 1.5625rem;
    position: absolute;
    top: 1.5625rem
}

@media(min-width:768px) {
    .c-entry__video-btn {
        left: 6.25rem;
        top: 3.125rem
    }
}

@media(min-width:992px) {
    .c-entry__video-btn {
        left: 7.8125rem
    }
}

@media(min-width:1200px) {
    .c-entry__video-btn {
        left: 7.5rem;
        top: 2.5rem
    }
}

@media(min-width:1800px) {
    .c-entry__video-btn {
        top: 7.5rem
    }
}

.has-whatsapp {
    display: inline-block;
    position: relative
}

.has-whatsapp:after {
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.658' height='18.658' viewBox='0 0 18.658 18.658'%3E %3Cpath fill='%231ac354' d='M9.498 18.177a9.175 9.175 0 01-4.427-1.131L0 18.654l1.653-4.876A9 9 0 01.339 9.085a9.16 9.16 0 119.16 9.089zm0-16.73a7.68 7.68 0 00-7.7 7.641 7.563 7.563 0 001.467 4.48l-.962 2.838 2.959-.941A7.661 7.661 0 109.499 1.447zm4.625 9.734c-.056-.093-.206-.149-.43-.26s-1.329-.651-1.534-.725-.356-.112-.505.111-.58.725-.711.873-.262.168-.486.056a6.143 6.143 0 01-1.811-1.104 6.708 6.708 0 01-1.249-1.543c-.131-.223-.014-.343.1-.454s.225-.26.337-.39a1.506 1.506 0 00.224-.372.407.407 0 00-.019-.39c-.056-.111-.505-1.208-.692-1.654s-.371-.375-.501-.375-.281-.019-.43-.019a.829.829 0 00-.6.279 2.491 2.491 0 00-.785 1.858 4.311 4.311 0 00.917 2.3 9.178 9.178 0 003.835 3.363c2.283.892 2.283.594 2.695.557a2.27 2.27 0 001.515-1.059 1.856 1.856 0 00.131-1.06z'/%3E %3C/svg%3E") 50% no-repeat;
    background-size: contain;
    content: "";
    height: 1.125rem;
    position: absolute;
    right: -1.375rem;
    top: -.625rem;
    width: 1.125rem;
    z-index: 2
}

.c-tags {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.c-tag {
    align-items: center;
    border-radius: clamp(.3125rem, .2272727262rem + .22727273vw, .5rem);
    display: flex;
    font-size: 1rem;
    margin-bottom: clamp(.625rem, .5681818188rem + .15151515vw, .75rem);
    padding: .5rem 1rem
}

.c-tag:not(:last-child) {
    margin-right: clamp(.5rem, .3863636375rem + .3030303vw, .75rem)
}

.c-tag__icon {
    margin-right: .625rem
}

.c-tag--primary {
    background-color: #0075C9;
    color: #fff
}

.c-tag--primary-dark {
    background-color: #000557;
    color: #fff
}

.c-tag--tint {
    background-color: #f0f6fd
}

@media(min-width:1550px) {
    .c-entry__footer .c-tag {
        margin-bottom: 0
    }
}

a.c-tag--primary:hover {
    background-color: #002450;
    color: #fff
}

a.c-tag--primary:focus {
    box-shadow: 0 0 0 .1875rem rgba(0, 36, 80, .15);
    outline: 0
}

a.c-tag--tint {
    background-color: #f0f6fd
}

a.c-tag--tint:hover {
    background-color: #c3dbf7
}

a.c-tag--tint:focus {
    box-shadow: 0 0 0 .1875rem rgba(195, 219, 247, .15);
    outline: 0
}

.c-embed-responsive {
    border-radius: .625rem;
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.c-embed-responsive--reset {
    border-radius: 0
}

.c-embed-responsive .c-embed-responsive__item,
.c-embed-responsive embed,
.c-embed-responsive iframe,
.c-embed-responsive video {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-embed-responsive--21by9 {
    padding-bottom: 42.8571428571%
}

.c-embed-responsive--16by9 {
    padding-bottom: 56.25%
}

.c-embed-responsive--4by3 {
    padding-bottom: 75%
}

.c-embed-responsive--1by1 {
    padding-bottom: 100%
}

.button_closevideo {
	left: 95%;
    position: relative;
	background-color: transparent;
	cursor: pointer;
	border-width: 0;
	top: 180px;
}

.c-social-media {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.c-social-media__item+.c-social-media__item {
    margin-left: .78125rem
}

.c-social-media__link {
    color: #fff;
    display: block;
	padding-right: 0.5rem;
    height: 2.875rem;
    transition: all .3s ease-in-out;
    width: 2.875rem
}

.c-social-media__link:focus,
.c-social-media__link:hover {
    color: #1e96fe
}

.c-social-media__link--primary {
    color: #0075C9
}

.c-social-media__link--primary:focus,
.c-social-media__link--primary:hover,
.c-social-media__link--secondary {
    color: #1e96fe
}

.c-social-media__link--secondary:focus,
.c-social-media__link--secondary:hover {
    color: #fff
}

.c-hero__aside .c-social-media {
    left: -1.875rem;
    position: relative;
    z-index: 1
}

.c-usps {
    list-style: none;
    padding-left: 0
}

.c-list-machines {
    display: block;
    font-size: .875rem;
    line-height: 1.3;
    padding-left: 2.1875rem;
    position: relative
}
.c-list-machines:before {
    background: transparent url(../images/check.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    height: .6875rem;
    left: 0;
    margin-left: .5rem;
    position: absolute;
    top: .25rem;
    width: 1rem
}


.c-usp {
    display: block;
    font-size: .875rem;
    line-height: 1.3;
    padding-left: 2.1875rem;
    position: relative
}

@media(min-width:1200px) {
    .c-usp {
        font-size: 1rem
    }
}

.c-usp:not(:first-of-type) {
    margin-top: .3125rem
}

.c-usp:before {
    background: transparent url(../images/check.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    height: .6875rem;
    left: 0;
    margin-left: .5rem;
    position: absolute;
    top: .25rem;
    width: 1rem
}

.c-usp+.c-usp {
    margin-top: .9375rem
}

.c-usps--secondary .c-usp__link {
    color: #59677a
}

.c-usp__link:focus,
.c-usp__link:hover {
    color: #1e96fe
}

.c-usp__link--current {
    color: #1e96fe !important
}

.c-usps--success .c-usp:before {
    background-image: url(../images/check.svg)
}

.c-404__title {
    font-size: 8.3125rem
}

@media(min-width:320px) {
    .c-404__title {
        font-size: calc(8.3125rem + 28.75vw - 92px)
    }
}

@media(min-width:1440px) {
    .c-404__title {
        font-size: 28.4375rem
    }
}

@media(max-width:767px) {
    .c-variations__buttons {
        display: block
    }

    .c-variations__btn {
        display: block;
        width: 100%
    }

    .c-variations__btn+.c-variations__btn {
        margin-left: 0 !important;
        margin-top: .78125rem
    }
}


.c-footer {
    background-color: #0075C9;
    color: #fff;
    position: relative;
    z-index: 3
}

.c-footer__title {
    max-width: 12ch
}

.c-footer__list {
    line-height: 2
}

.c-footer__link {
    color: #fff
}

.c-footer__link--current,
.c-footer__link:focus,
.c-footer__link:hover {
    color: #1e96fe
}

.c-footer__form-btn {
    background-color: transparent;
    border: .0625rem solid #1e96fe;
    color: #fff;
    height: 3rem;
    margin-top: auto;
    padding: .625rem
}

@media(min-width:1200px) {
    .c-footer__form-btn {
        height: 3.75rem
    }
}

.c-footer__form-btn {
    background-color: #0075C9;
    border-left: none;
    border-radius: 0 .625rem .625rem 0;
    bottom: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    transition: all .3s ease-in-out;
    width: 3.125rem
}

.c-footer__form-btn:disabled {
    opacity: .5;
    pointer-events: none
}

@media(min-width:1200px) {
    .c-footer__form-btn {
        width: 5rem
    }
}

.c-footer__form-btn:focus,
.c-footer__form-btn:hover {
    background-color: #1e96fe;
    outline: 0
}

.c-footer__micro {
    background-color: #0075C9;
    border-top: .0625rem solid hsla(0, 0%, 100%, .2);
    color: #fff;
    font-size: .75rem;
    padding: 3.125rem 0
}

@media(min-width:1200px) {
    .c-footer__micro {
        padding: 2.5rem 0
    }
}

@media(min-width:1550px) {
    .c-footer__micro {
        padding: 2.5rem 0
    }
}

.c-footer__micro-list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media(min-width:768px) {
    .c-footer__micro-list {
        display: flex
    }

    .c-footer__micro-item+.c-footer__micro-item {
        margin-left: 1.5625rem;
        margin-top: 0
    }
}

@media(min-width:1200px) {
    .c-footer__micro-item+.c-footer__micro-item {
        margin-left: 2.5rem
    }
}

.c-footer__micro-link {
    color: #fff
}

.c-footer__micro-link:focus,
.c-footer__micro-link:hover {
    color: #1e96fe
}

.c-footer__creator {
    align-items: center;
    background-color: #fff;
    border-bottom-left-radius: .3125rem;
    border-top-left-radius: .3125rem;
    bottom: 6.25rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: .9375rem .625rem;
    position: absolute;
    right: 0;
    transition: all .3s ease-in-out
}

@media(min-width:768px)and (max-width:991px) {
    .c-footer__creator {
        bottom: 3.125rem
    }
}

@media(min-width:1550px) {
    .c-footer__creator {
        bottom: 12.5rem
    }
}

.c-footer__creator:hover {
    padding-right: 1rem
}

.c-footer__creator-text {
    opacity: 0;
    position: absolute
}

.c-story__slide {
    margin: 0 .78125rem;
    width: calc(100vw - 6.25rem)
}

@media(min-width:768px) {
    .c-story__slide {
        width: 15.625rem
    }
}

@media(min-width:1200px) {
    .c-story__slide {
        margin: 0 1.25rem;
        width: 20rem
    }
}

@media(min-width:1550px) {
    .c-story__slide {
        width: 25rem
    }
}

.c-story__inner {
    border-radius: .625rem;
    overflow: hidden;
    padding-bottom: 110%;
    position: relative
}

@media(max-width:767px) {
    .c-35-hero__caption {
        bottom: 6.875rem
    }

    .c-35-hero__caption-body {
        padding-bottom: 3.90625rem
    }
}

@media(min-width:768px) {
    .c-35-hero__caption-body {
        padding-bottom: 13.28125rem
    }
}

@media(min-width:1200px) {
    .c-35-hero__caption-body {
        padding-bottom: 12.5rem
    }
}

@media(min-width:1550px) {
    .c-35-hero__caption-body {
        padding-bottom: 17.5rem
    }
}

.c-35-hero__title {
    width: auto
}

@media(max-width:767px) {
    .c-35-hero__title {
        font-size: 1.875rem
    }
}

.c-35-hero__title+.c-35-hero__title {
    margin-top: .625rem
}

@media(max-width:767px) {
    .c-live-hero__bg {
        bottom: 18.75rem
    }
}

@media(min-width:768px)and (max-width:991px) {
    .c-live-hero__bg {
        bottom: 15.625rem
    }
}

@media(min-width:992px) {
    .c-live-hero__bg {
        bottom: 15.625rem;
        left: 40%
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .c-live-hero__bg {
        background-size: 150%
    }
}

@media(min-width:1200px) {
    .c-live-hero__bg {
        bottom: 7.5rem
    }
}

@media(min-width:1550px) {
    .c-live-hero__bg {
        bottom: 10rem
    }
}

@media(min-width:1800px) {
    .c-live-hero__bg {
        background-size: 85%;
        left: 33%
    }
}

@media(max-width:767px) {
    .c-live-hero__bg-full {
        bottom: 18.75rem
    }
}

@media(min-width:768px)and (max-width:991px) {
    .c-live-hero__bg-full {
        bottom: 15.625rem
    }
}

@media(min-width:992px) {
    .c-live-hero__bg-full {
        bottom: 15.625rem
    }
}

@media(min-width:1200px) {
    .c-live-hero__bg-full {
        bottom: 7.5rem
    }
}

@media(min-width:1550px) {
    .c-live-hero__bg-full {
        bottom: 10rem
    }
}

.c-live-hero__bg-text {
    background: transparent url(../images/live.svg) 50% no-repeat;
    background-size: contain;
    height: 40%;
    position: absolute;
    width: 95%
}

@media(max-width:991px) {
    .c-live-hero__bg-text {
        left: 50%;
        transform: translateX(-50%)
    }
}

@media(min-width:768px) {
    .c-live-hero__bg-text {
        width: 75%
    }
}

@media(min-width:992px) {
    .c-live-hero__bg-text {
        height: 50%;
        right: 3.125rem;
        width: 66.6666666667%
    }
}

@media(min-width:1200px) {
    .c-live-hero__bg-text {
        height: 60%;
        width: 60%
    }
}

@media(min-width:1800px) {
    .c-live-hero__bg-text {
        width: 66.6666666667%
    }
}

@media(max-width:767px) {
    .c-live-hero__caption {
        bottom: 6.875rem
    }
}

@media(min-width:1200px) {
    .c-live-hero__caption:after {
        top: 60%
    }
}

@media(max-width:767px) {
    .c-live-hero__caption-body {
        padding-bottom: 3.90625rem
    }
}

@media(min-width:768px) {
    .c-live-hero__caption-body {
        padding-bottom: 13.28125rem
    }
}

@media(min-width:1200px) {
    .c-live-hero__caption-body {
        padding-bottom: 12.5rem
    }
}

@media(min-width:1550px) {
    .c-live-hero__caption-body {
        padding-bottom: 17.5rem
    }
}

.c-live-hero__title {
    width: auto
}

@media(max-width:767px) {
    .c-live-hero__title {
        font-size: 1.875rem
    }
}

.c-live-hero__title+.c-live-hero__title {
    margin-top: .625rem
}

.c-live-hero__countdown {
    align-items: flex-start;
    flex-direction: column;
    height: 7.8125rem
}

@media(max-width:767px) {
    .c-live-hero__countdown {
        left: 1.5625rem
    }
}

@media(min-width:768px) {
    .c-live-hero__countdown {
        bottom: 7.8125rem;
        width: 18.75rem
    }
}

@media(min-width:992px) {
    .c-live-hero__countdown {
        width: 25rem
    }
}

@media(min-width:1200px) {
    .c-live-hero__countdown {
        bottom: 7.5rem;
        height: 12.5rem;
        width: 25rem
    }
}

@media(min-width:1550px) {
    .c-live-hero__countdown {
        bottom: 10rem;
        width: 30rem
    }
}

.c-live-hero__countdown:before {
    height: 7.8125rem;
    left: -8rem;
    width: 8.0625rem;
    z-index: -1
}

@media(min-width:1200px) {
    .c-live-hero__countdown:before {
        height: 12.5rem;
        left: -13rem;
        width: 13rem
    }
}

.c-live-hero__countdown:after {
    background: #fff;
    bottom: -7.8125rem;
    content: "";
    left: -8rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1
}

@media(min-width:1200px) {
    .c-live-hero__countdown:after {
        bottom: -12.5rem;
        left: -13rem
    }
}

.c-live-hero__counter {
    display: flex;
    flex-wrap: nowrap
}

.c-live-hero__counter-time {
    display: flex;
    flex-direction: column
}

.c-live-hero__counter-delimiter {
    margin: 0 .625rem
}

.c-live-hero__counter-text {
    display: block
}

.c-live-hero__counter-subtext {
    color: #c8ced7;
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase
}

@media(min-width:768px) {
    .c-live-video {
        margin-top: -7.8125rem;
        position: relative;
        z-index: 300
    }
}

@media(min-width:1200px) {
    .c-live-video {
        margin-top: -7.5rem
    }
}

@media(min-width:1550px) {
    .c-live-video {
        margin-top: -10rem
    }
}

.c-live-indicator {
    border: .125rem solid #d3421f;
    border-radius: .3125rem;
    color: #d3421f;
    display: inline-block;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1;
    margin-left: .3125rem;
    padding: .3125rem;
    text-transform: uppercase
}

.c-search {
    background-color: #f0f6fd;
    border-bottom: 1px solid #cce8ff;
    left: 0;
    padding: .78125rem 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(-100%);
    transition: transform .5s ease-in-out;
    z-index: -1
}

.search-is-open .c-search {
    pointer-events: auto;
    transform: none
}

.c-search-toggle {
    align-items: center;
    background-color: #fff;
    border-radius: .3125rem;
    color: #1e96fe;
    display: flex;
    height: 1.5625rem;
    justify-content: center;
    position: relative;
    width: 2.5rem
}

.c-search-toggle:focus,
.c-search-toggle:hover {
    background-color: #0075C9;
    color: #fff
}

.c-search-toggle__icon {
    opacity: 1;
    transform: scale(1);
    transition: opacity .5s cubic-bezier(.22, .61, .36, 1), transform .5s cubic-bezier(.22, .61, .36, 1)
}

.search-is-open .c-search-toggle__icon {
    opacity: 0;
    transform: scale(.8)
}

.c-search-toggle__icon--close {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(.8)
}

.search-is-open .c-search-toggle__icon--close {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}

#CybotCookiebotDialog {
    box-shadow: 0 0 .625rem rgba(0, 0, 0, .15) !important;
    padding: 1.25rem 0 !important
}

#CybotCookiebotDialog,
#CybotCookiebotDialog a,
#CybotCookiebotDialog div {
    font-family: Euclid Circular A, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

#CybotCookiebotDialog a,
#CybotCookiebotDialog div {
    line-height: 1.4444444444 !important
}

#CybotCookiebotDialog a,
#CybotCookiebotDialog div,
#CybotCookiebotDialogBodyContentControls,
#CybotCookiebotDialogBodyContentTitle {
    font-family: Euclid Circular A, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

#CybotCookiebotDialogBodyContentTitle {
    color: #0075C9 !important;
    font-weight: 700 !important
}

#CybotCookiebotDialogBodyLevelButtonAccept {
    background-color: #98d000 !important;
    border-color: #98d000 !important;
    border-radius: 1.75rem !important
}

#CybotCookiebotDialogBodyContentText {
    font-size: .75rem !important
}

.CookieDeclaration {
    word-break: break-all
}

.CybotCookiebotDialogBodyButton {
    background-color: #98d000 !important;
    border-color: #98d000 !important;
    border-radius: .3125rem !important;
    height: 1.25rem !important
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
    background-color: #59677a !important;
    border-color: #59677a !important;
    color: #fff !important
}

input[type=checkbox].CybotCookiebotDialogBodyLevelButton+label {
    margin-top: .1875rem !important
}

#CybotCookiebotDialogPoweredbyLink {
    display: none !important
}

#CybotCookiebotDialogBodyContent {
    padding-bottom: .625rem !important;
    padding-left: .625rem !important
}

#CookieDeclarationConsentIdAndDate,
#CookieDeclarationUserStatusLabelMulti,
.CookieDeclaration>p {
    display: none !important
}

#CookieDeclarationUserStatusPanel {
    display: block
}

@media(min-width:1200px) {
    #CybotCookiebotDialogBody {
        max-width: 50vw !important
    }
}

/* Estilo mensaje Cookies */

.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #0078C9;
  color: #fff;
  font-size: 0.9rem;
  padding: 1rem;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
  display: none; /* Oculto por defecto */
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
}

.cookie-banner__link {
  color: #fff;
  text-decoration: underline;
}

.cookie-banner__button {
  background-color: #003961;
  border: none;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  cursor: pointer;
}


.flatpickr-calendar {
    -webkit-animation: none;
    animation: none;
    background: transparent;
    background: #fff;
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    direction: ltr;
    display: none;
    font-size: 14px;
    line-height: 24px;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    visibility: hidden;
    width: 307.875px
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
    max-height: 640px;
    opacity: 1;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    border-top: 1px solid #e6e6e6;
    height: 40px
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
    border: solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 22px;
    pointer-events: none;
    position: absolute;
    width: 0
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    display: inline-block;
    position: relative
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-months .flatpickr-month {
    fill: rgba(0, 0, 0, .9);
    -webkit-box-flex: 1;
    background: transparent;
    color: rgba(0, 0, 0, .9);
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 34px;
    line-height: 1;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    fill: rgba(0, 0, 0, .9);
    color: rgba(0, 0, 0, .9);
    cursor: pointer;
    height: 34px;
    padding: 10px;
    position: absolute;
    text-decoration: none;
    top: 0;
    z-index: 3
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #0075C9
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    height: 14px;
    width: 14px
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
    fill: inherit;
    -webkit-transition: fill .1s;
    transition: fill .1s
}

.numInputWrapper {
    height: auto;
    position: relative
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.numInputWrapper span {
    border: 1px solid rgba(57, 57, 57, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    padding: 0 4px 0 2px;
    position: absolute;
    right: 0;
    width: 14px
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
    content: "";
    display: block;
    position: absolute
}

.numInputWrapper span.arrowUp {
    border-bottom: 0;
    top: 0
}

.numInputWrapper span.arrowUp:after {
    border-bottom: 4px solid rgba(57, 57, 57, .6);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, .6);
    top: 40%
}

.numInputWrapper span svg {
    height: auto;
    width: inherit
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, .5)
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    color: inherit;
    display: inline-block;
    font-size: 135%;
    font-weight: 300;
    height: 34px;
    left: 12.5%;
    line-height: inherit;
    line-height: 1;
    padding: 7.48px 0 0;
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 75%
}

.flatpickr-current-month .numInputWrapper {
    display: inline-block;
    width: 6ch;
    width: 7ch\0
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month input.cur-year {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background: transparent;
    border: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;	
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: 0;
    padding: 0 0 0 .5ch;
    vertical-align: initial
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    background: transparent;
    color: rgba(0, 0, 0, .5);
    font-size: 100%;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0
}

.flatpickr-weekdays {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: transparent;
    height: 28px;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.flatpickr-weekdays,
.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-weekdays .flatpickr-weekdaycontainer,
span.flatpickr-weekday {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    background: transparent;
    color: rgba(0, 0, 0, .54);
    cursor: default;
    display: block;
    font-size: 90%;
    font-weight: bolder;
    line-height: 1;
    margin: 0;
    text-align: center
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    -ms-flex-pack: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    max-width: 307.875px;
    min-width: 307.875px;
    opacity: 1;
    outline: 0;
    padding: 0;
    text-align: left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 307.875px
}

.dayContainer+.dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
    -ms-flex-preferred-size: 14.2857143%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: none;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    display: inline-block;
    -webkit-flex-basis: 14.2857143%;
    flex-basis: 14.2857143%;
    font-weight: 400;
    height: 39px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 39px;
    margin: 0;
    max-width: 39px;
    position: relative;
    text-align: center;
    width: 14.2857143%
}

.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day:hover {
    background: #e6e6e6;
    border-color: #e6e6e6;
    cursor: pointer;
    outline: 0
}

.flatpickr-day.today {
    border-color: #0075C9;
    color: #0075C9
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    border-color: #00306a;
    color: #0075C9
}

.flatpickr-day.selected,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover {
    background: #0075C9;
    border-color: #0075C9;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay {
    background: transparent;
    border-color: transparent;
    color: rgba(57, 57, 57, .3);
    cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: rgba(57, 57, 57, .1);
    cursor: not-allowed
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6;
    padding: 0 12px
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    line-height: 28px;
    width: 100%
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    background: transparent;
    border: none;
    color: rgba(57, 57, 57, .3);
    cursor: default;
    display: block;
    max-width: none;
    width: 100%
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.flatpickr-innerContainer,
.flatpickr-rContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0
}

.flatpickr-time {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    outline: 0;
    overflow: hidden;
    text-align: center
}

.flatpickr-time:after {
    clear: both;
    content: "";
    display: table
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    float: left;
    height: 40px;
    width: 40%
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time input {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background: transparent;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    font-size: 14px;
    height: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    border: 0;
    outline: 0
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    color: #393939;
    float: left;
    font-weight: 700;
    height: inherit;
    line-height: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 2%
}

.flatpickr-time .flatpickr-am-pm {
    cursor: pointer;
    font-weight: 400;
    outline: 0;
    text-align: center;
    width: 18%
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #eee
}

@-webkit-keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.carousel {
    box-sizing: border-box;
    position: relative
}

.carousel *,
.carousel :after,
.carousel :before {
    box-sizing: inherit
}

.carousel.is-draggable {
    cursor: move;
    cursor: grab
}

.carousel.is-dragging {
    cursor: move;
    cursor: grabbing
}

.carousel__viewport {
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.carousel__track {
    display: flex
}

.carousel__slide {
    flex: 0 0 auto;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1rem;
    position: relative;
    width: var(--carousel-slide-width, 60%)
}

.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.carousel__dots {
    display: flex;
    justify-content: center;
    left: 0;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: calc(100% + .5rem);
    user-select: none
}

.carousel__dots .carousel__dot {
    cursor: pointer;
    display: block;
    height: 22px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 22px
}

.carousel__dots .carousel__dot:after {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 50%;
    opacity: .25;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .15s ease-in-out;
    width: 8px
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button {
    align-items: center;
    background: var(--carousel-button-bg, transparent);
    border: 0;
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: var(--carousel-button-shadow, none);
    color: var(--carousel-button-color, currentColor);
    cursor: pointer;
    display: flex;
    height: var(--carousel-button-height, 48px);
    justify-content: center;
    padding: 0;
    pointer-events: all;
    transition: opacity .15s ease;
    width: var(--carousel-button-width, 48px)
}

.carousel__button.is-next,
.carousel__button.is-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    filter: var(--carousel-button-svg-filter, none);
    height: var(--carousel-button-svg-height, 50%);
    pointer-events: none;
    width: var(--carousel-button-svg-width, 50%)
}

html.with-fancybox {
    scroll-behavior: auto
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    touch-action: none
}

.fancybox__container {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4));
    bottom: 0;
    box-sizing: border-box;
    color: var(--fancybox-color, #fff);
    direction: ltr;
    display: flex;
    flex-direction: column;
    left: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
    position: fixed;
    right: 0;
    top: 0;
    transform-origin: top left;
    z-index: 1050
}

.fancybox__
*,
.fancybox__container :after,
.fancybox__container :before {
    box-sizing: inherit
}

.fancybox__container :focus {
    outline: none
}

body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, .94))
}

@media (min-width:1024px) {
    .fancybox__container {
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }
}

.fancybox__backdrop {
    background: var(--fancybox-bg, rgba(24, 24, 27, .92));
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.fancybox__carousel {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    position: relative;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.fancybox__viewport {
    cursor: default;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox__track {
    display: flex;
    height: 100%
}

.fancybox__slide {
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    margin: 0;
    max-width: 100%;
    outline: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 48px 8px 8px;
    position: relative;
    width: 100%
}

.fancybox__slide:after,
.fancybox__slide:before {
    content: "";
    flex: 0 0 0;
    margin: auto
}

@media (min-width:1024px) {
    .fancybox__slide {
        padding: 64px 100px
    }
}

.fancybox__content {
    align-self: center;
    background: var(--fancybox-content-bg, #fff);
    color: var(--fancybox-content-color, #374151);
    display: flex;
    flex-direction: column;
    margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0);
    padding: 36px;
    position: relative;
    z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    box-shadow: none;
    outline: thin dotted
}

.fancybox__caption {
    align-self: center;
    color: var(--fancybox-color, currentColor);
    cursor: auto;
    flex-shrink: 0;
    line-height: 1.375;
    margin: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: 1rem 0 0;
    visibility: visible
}

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container>.carousel__dots {
    color: var(--fancybox-color, #fff);
    top: 100%
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

@media (min-width:1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px
    }
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

@media (min-width:1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left: 40px
    }
}

.carousel__button.is-close {
    position: absolute;
    right: 8px;
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    top: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    z-index: 40
}

@media (min-width:1024px) {
    .carousel__button.is-close {
        right: 40px
    }
}

.fancybox__content>.carousel__button.is-close {
    color: var(--fancybox-color, #fff);
    position: absolute;
    right: 0;
    top: -40px
}

.fancybox__no-click,
.fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    color: var(--fancybox-color, currentColor);
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    animation: fancybox-rotate 2s linear infinite;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center center;
    width: 100%
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke: currentColor;
    animation: fancybox-dash 1.5s ease-in-out infinite
}

@keyframes fancybox-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.carousel__button.is-close,
.carousel__dots,
.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav {
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close,
.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav {
    animation: fancybox-fadeIn .15s ease backwards
}

.fancybox__container.is-animated.is-closing .carousel__button.is-close,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav {
    animation: fancybox-fadeOut .15s ease both
}

.fancybox-fadeIn {
    animation: fancybox-fadeIn .15s ease both
}

.fancybox-fadeOut {
    animation: fancybox-fadeOut .1s ease both
}

.fancybox-zoomInUp {
    animation: fancybox-zoomInUp .2s ease both
}

.fancybox-zoomOutDown {
    animation: fancybox-zoomOutDown .15s ease both
}

.fancybox-throwOutUp {
    animation: fancybox-throwOutUp .15s ease both
}

.fancybox-throwOutDown {
    animation: fancybox-throwOutDown .15s ease both
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
	top: 200px;
    left: -10px;
    overflow: hidden;
	border: 0;
}
.embed-container iframe {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
	border-width: 0;

}

@keyframes fancybox-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fancybox-zoomInUp {
    0% {
        opacity: 0;
        transform: scale(.97) translate3d(0, 16px, 0)
    }

    to {
        opacity: 1;
        transform: scale(1) translateZ(0)
    }
}

@keyframes fancybox-zoomOutDown {
    to {
        opacity: 0;
        transform: scale(.97) translate3d(0, 16px, 0)
    }
}

@keyframes fancybox-throwOutUp {
    to {
        opacity: 0;
        transform: translate3d(0, -30%, 0)
    }
}

@keyframes fancybox-throwOutDown {
    to {
        opacity: 0;
        transform: translate3d(0, 30%, 0)
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-color: #ccc hsla(0, 0%, 100%, .1);
    scrollbar-width: thin
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 100%, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .2)
}

.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__image {
    transform-origin: 0 0;
    transition: none;
    user-select: none
}

.has-image .fancybox__content {
    background: transparent;
    min-height: 1px;
    padding: 0
}

.is-closing .has-image .fancybox__content {
    overflow: visible
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__content {
    flex-direction: row;
    flex-wrap: wrap
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    height: auto;
    max-width: 100%
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
    height: 100%;
    width: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    flex-shrink: 1;
    max-width: 100%;
    min-height: 1px;
    overflow: visible
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    height: 80%;
    width: 100%
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    height: 540px;
    max-height: 100%;
    max-width: 100%;
    width: 960px
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    background: rgba(24, 24, 27, .9);
    color: #fff;
    padding: 0
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    width: 100%
}

.fancybox-placeholder {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.fancybox__thumbs {
    flex: 0 0 auto;
    opacity: var(--fancybox-opacity, 1);
    padding: 0 3px;
    position: relative
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    animation: fancybox-fadeIn .15s ease-in backwards
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    align-items: center;
    box-sizing: content-box;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    margin: 0;
    overflow: visible;
    padding: 8px 3px;
    width: var(--fancybox-thumbs-width, 96px)
}

.fancybox__thumbs .carousel__slide .fancybox__thumb:after {
    border-color: var(--fancybox-accent-color, rgba(34, 213, 233, .96));
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
    border-style: solid;
    border-width: 5px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .15s ease
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb:after {
    opacity: .92
}

.fancybox__thumbs .carousel__slide>* {
    pointer-events: none;
    user-select: none
}

.fancybox__thumb {
    background-color: hsla(0, 0%, 100%, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
    padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
    position: relative;
    width: 100%
}

.fancybox__toolbar {
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    background: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .006) 8.1%, rgba(0, 0, 0, .021) 15.5%, rgba(0, 0, 0, .046) 22.5%, rgba(0, 0, 0, .077) 29%, rgba(0, 0, 0, .114) 35.3%, rgba(0, 0, 0, .155) 41.2%, rgba(0, 0, 0, .198) 47.1%, rgba(0, 0, 0, .242) 52.9%, rgba(0, 0, 0, .285) 58.8%, rgba(0, 0, 0, .326) 64.7%, rgba(0, 0, 0, .363) 71%, rgba(0, 0, 0, .394) 77.5%, rgba(0, 0, 0, .419) 84.5%, rgba(0, 0, 0, .434) 91.9%, rgba(0, 0, 0, .44));
    display: flex;
    justify-content: space-between;
    left: 0;
    opacity: var(--fancybox-opacity, 1);
    padding: 0;
    position: absolute;
    right: 0;
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .4));
    top: 0;
    touch-action: none;
    z-index: 20
}

@media (min-width:1024px) {
    .fancybox__toolbar {
        padding: 8px
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    animation: fancybox-fadeIn .15s ease-in backwards
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: flex
}

.fancybox__toolbar__items--left {
    margin-right: auto
}

.fancybox__toolbar__items--center {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
    margin-left: auto
}

@media(max-width:640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display: none
    }
}

.fancybox__counter {
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    line-height: var(--carousel-button-height, 48px);
    min-width: 72px;
    padding: 0 10px;
    text-align: center
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgba(34, 213, 233, .96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    user-select: none;
    z-index: 30
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:first-child {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__button--slideshow g:nth-child(2),
.fancybox__container.has-slideshow .fancybox__button--slideshow g:first-child {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}

#growls {
    left: 50%;
    position: fixed;
    top: .625rem;
    transform: translateX(-50%);
    z-index: 50000
}

.growl {
    background: #fff;
    border: 1px solid #f0f6fd;
    color: #59677a;
    opacity: 1;
    overflow-wrap: break-word;
    position: relative;
    transition: all .4s ease-in-out
}

.growl.growl-incoming,
.growl.growl-outgoing {
    opacity: 0
}

.growl:before {
    bottom: 0;
    left: 0;
    top: 0;
    width: 2.5rem
}

.growl:after,
.growl:before {
    content: "";
    position: absolute
}

.growl:after {
    background: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJpbmZvLWNpcmNsZSIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWluZm8tY2lyY2xlIGZhLXctMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Ii8+PC9zdmc+) no-repeat 50%;
    background-size: contain;
    height: .9375rem;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
    width: .9375rem
}

.growl.growl-small {
    border-left-width: .1875rem;
    margin: 5px;
    max-width: 37.5rem;
    padding: .625rem 20px .625rem 2.5rem;
    width: 95vw
}

.growl.growl-medium {
    margin: .625rem
}

.growl.growl-large,
.growl.growl-medium {
    max-width: 37.5rem;
    padding: 20px 2.5rem 20px 60px;
    width: 95vw
}

.growl.growl-large {
    border-left-width: 8px;
    margin: 15px
}

.growl.growl-default {
    border-color: #f0f6fd
}

.growl.growl-default:before {
    background-color: #f0f6fd
}

.growl.growl-error {
    border-color: #d3421f
}

.growl.growl-error:before {
    background-color: #d3421f
}

.growl.growl-error:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOTguODc1IDgxLjk0N2MzLjIwNCA1LjU1NC0uODE4IDEyLjQ5Ny03LjIxOSAxMi40OTdIOC4zNDNjLTYuNDEzIDAtMTAuNDE3LTYuOTU0LTcuMjE4LTEyLjQ5N0w0Mi43ODIgOS43MmMzLjIwNi01LjU1NyAxMS4yMzYtNS41NDcgMTQuNDM3IDBsNDEuNjU2IDcyLjIyN3pNNTAgNjcuMDE0YTcuOTg2IDcuOTg2IDAgMSAwIDAgMTUuOTcyIDcuOTg2IDcuOTg2IDAgMCAwIDAtMTUuOTcyem0tNy41ODItMjguNzA2IDEuMjg4IDIzLjYxMWEyLjA4NSAyLjA4NSAwIDAgMCAyLjA4MSAxLjk3aDguNDI4YTIuMDg0IDIuMDg0IDAgMCAwIDIuMDgxLTEuOTdsMS4yODctMjMuNjExYTIuMDg0IDIuMDg0IDAgMCAwLTIuMDgtMi4xOTdINDQuNDk4YTIuMDg0IDIuMDg0IDAgMCAwLTIuMDggMi4xOTd6Ii8+PC9zdmc+)
}

.growl.growl-notice {
    border-color: #98d000
}

.growl.growl-notice:before {
    background-color: #98d000
}

.growl.growl-notice:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNTAgMS41NjNDMjMuMjUgMS41NjMgMS41NjMgMjMuMjU4IDEuNTYzIDUwIDEuNTYzIDc2Ljc1OCAyMy4yNSA5OC40MzggNTAgOTguNDM4YzI2Ljc1IDAgNDguNDM4LTIxLjY4IDQ4LjQzOC00OC40MzhDOTguNDM4IDIzLjI1OCA3Ni43NSAxLjU2MyA1MCAxLjU2M3ptMCAyMS40ODRhOC4yMDQgOC4yMDQgMCAxIDEtLjAwMSAxNi40MDdBOC4yMDQgOC4yMDQgMCAwIDEgNTAgMjMuMDQ3em0xMC45MzggNDkuNjA5QTIuMzQzIDIuMzQzIDAgMCAxIDU4LjU5NCA3NUg0MS40MDZhMi4zNDQgMi4zNDQgMCAwIDEtMi4zNDQtMi4zNDR2LTQuNjg4YTIuMzQzIDIuMzQzIDAgMCAxIDIuMzQ0LTIuMzQ0aDIuMzQ0di0xMi41aC0yLjM0NGEyLjM0NCAyLjM0NCAwIDAgMS0yLjM0NC0yLjM0NHYtNC42ODhhMi4zNDQgMi4zNDQgMCAwIDEgMi4zNDQtMi4zNDRoMTIuNWEyLjM0MyAyLjM0MyAwIDAgMSAyLjM0NCAyLjM0NHYxOS41MzFoMi4zNDRhMi4zNDMgMi4zNDMgMCAwIDEgMi4zNDQgMi4zNDR2NC42ODl6Ii8+PC9zdmc+)
}

.growl.growl-warning {
    border-color: #ff9f3e
}

.growl.growl-warning:before {
    background-color: #ff9f3e
}

.growl.growl-warning:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNTAgMS41NjNDMjMuMjUgMS41NjMgMS41NjMgMjMuMjU4IDEuNTYzIDUwIDEuNTYzIDc2Ljc1OCAyMy4yNSA5OC40MzggNTAgOTguNDM4YzI2Ljc1IDAgNDguNDM4LTIxLjY4IDQ4LjQzOC00OC40MzhDOTguNDM4IDIzLjI1OCA3Ni43NSAxLjU2MyA1MCAxLjU2M3ptMCAyMS40ODRhOC4yMDQgOC4yMDQgMCAxIDEtLjAwMSAxNi40MDdBOC4yMDQgOC4yMDQgMCAwIDEgNTAgMjMuMDQ3em0xMC45MzggNDkuNjA5QTIuMzQzIDIuMzQzIDAgMCAxIDU4LjU5NCA3NUg0MS40MDZhMi4zNDQgMi4zNDQgMCAwIDEtMi4zNDQtMi4zNDR2LTQuNjg4YTIuMzQzIDIuMzQzIDAgMCAxIDIuMzQ0LTIuMzQ0aDIuMzQ0di0xMi41aC0yLjM0NGEyLjM0NCAyLjM0NCAwIDAgMS0yLjM0NC0yLjM0NHYtNC42ODhhMi4zNDQgMi4zNDQgMCAwIDEgMi4zNDQtMi4zNDRoMTIuNWEyLjM0MyAyLjM0MyAwIDAgMSAyLjM0NCAyLjM0NHYxOS41MzFoMi4zNDRhMi4zNDMgMi4zNDMgMCAwIDEgMi4zNDQgMi4zNDR2NC42ODl6Ii8+PC9zdmc+)
}

.growl .growl-close {
    cursor: pointer;
    font-family: helvetica, verdana, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: .9375rem;
    position: absolute;
    right: .9375rem;
    top: .9375rem
}

.growl .growl-title {
    font-size: 1.125rem;
    line-height: 1.5rem
}

.growl .growl-message {
    font-size: .875rem;
    line-height: 1.125rem
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    height: 100%;
    overflow: hidden;
    position: relative
}

.flickity-slider {
    height: 100%;
    position: absolute;
    width: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    background: transparent;
    border: none;
    bottom: -4.6875rem;
    position: absolute;
    transition: background-color .5s cubic-bezier(.22, .61, .36, 1)
}

@media(min-width:768px) {
    .flickity-button {
        bottom: auto;
        top: -5.625rem
    }
}

@media(min-width:1200px) {
    .flickity-button {
        top: -6.875rem
    }
}

.flickity-button:hover {
    background: #f5f5f5;
    cursor: pointer
}

.flickity-button:focus {
    box-shadow: none;
    outline: none
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    cursor: auto;
    opacity: .3;
    pointer-events: none
}

.flickity-button-icon {
    fill: #f5f5f5
}

.flickity-prev-next-button {
    background-color: #0075C9;
    border-radius: 50%;
    color: #fff;
    height: 2.5rem;
    position: absolute;
    right: 0;
    top: -5rem;
    width: 2.5rem
}

.flickity-prev-next-button:focus,
.flickity-prev-next-button:hover {
    background-color: #000557
}

.flickity-prev-next-button.previous {
    right: 3.125rem
}

.flickity-prev-next-button .flickity-button-icon {
    height: 35%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 35%
}

.flickity-page-dots {
    line-height: 1;
    list-style: none;
    margin: 1.5625rem 0 0;
    padding: 0;
    text-align: center;
    width: 100%
}

@media(min-width:768px) {
    .flickity-page-dots {
        margin-top: 3.125rem
    }
}

.c-hero .flickity-page-dots {
    align-items: center;
    display: flex;
    height: .1875rem;
    justify-content: flex-end;
    left: 33%;
    margin-top: 0;
    position: absolute;
    right: 1.5625rem;
    top: calc(50vh - 3.125rem);
    width: auto;
    z-index: 100
}

@media(min-width:992px) {
    .c-hero .flickity-page-dots {
        bottom: 3.3125rem;
        top: auto
    }
}

@media(min-width:1200px) {
    .c-hero .flickity-page-dots {
        bottom: 5.1875rem;
        right: 7.5rem
    }
}

@media(min-width:1550px) {
    .c-hero .flickity-page-dots {
        right: 10rem
    }
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    background: #0075C9;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: .5rem;
    margin: 0 .75rem;
    position: relative;
    transition: all .3s ease-in-out;
    width: .5rem
}

.flickity-page-dots .dot:before {
    border: .0625rem solid #1e96fe;
    border-radius: 50%;
    content: "";
    display: block;
    height: 1.5rem;
    left: 50%;
    margin: -.75rem;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: scale(.5);
    transition: all .3s ease-in-out;
    width: 1.5rem;
    z-index: 1
}

.c-hero .flickity-page-dots .dot {
    background-color: hsla(0, 0%, 100%, .3);
    border-radius: 0;
    height: .1875rem;
    margin: 0 .3125rem;
    width: 2.25rem
}

@media(min-width:768px) {
    .c-hero .flickity-page-dots .dot {
        margin: 0 .625rem;
        width: 2.8125rem
    }
}

.c-hero .flickity-page-dots .dot:before {
    display: none
}

.c-hero .flickity-page-dots .dot:after {
    bottom: 0;
    content: "";
    height: .625rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

.flickity-page-dots .dot.is-selected {
    background-color: #1e96fe
}

.flickity-page-dots .dot.is-selected:before {
    opacity: 1;
    transform: scale(1)
}

.c-hero .flickity-page-dots .dot.is-selected {
    background-color: #fff
}

.flickity-enabled.is-fade .flickity-slider>* {
    pointer-events: none;
    z-index: 0
}

.flickity-enabled.is-fade .flickity-slider>.is-selected {
    pointer-events: auto;
    z-index: 1
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #0075C9
}

.swiper,
swiper-container {
    display: block;
    list-style: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100vh; 
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}



@media(min-width:320px) {
    .swiper-wrapper {
      height: 80vh !important;
    }
}

@media(min-height:1023px) {
    .swiper-wrapper {
      height: 50vh!important;
    }
}


.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    display: flex; /* Alineación horizontal */
    gap: 5px; /* Espacio reducido entre las capas */
    padding: 0; /* Elimina relleno interno */
    margin: 0; /* Elimina margen externo */
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-controls {
    align-items: center;
    display: flex;
    margin-left: auto
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    background-color: #0075C9;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: all .3s ease-in-out;
    width: 2.5rem
}

.swiper-button-next+.swiper-button-next,
.swiper-button-next+.swiper-button-prev,
.swiper-button-prev+.swiper-button-next,
.swiper-button-prev+.swiper-button-prev {
    margin-left: .625rem
}

.swiper-button-next__svg,
.swiper-button-prev__svg {
    height: .625rem;
    width: .375rem
}

.swiper-button-next:focus{
	    background-color: #0075C9
}
.swiper-button-next:hover{
	    background-color: #009AEF
}
.swiper-button-prev:focus{
	    background-color: #0075C9
}
.swiper-button-prev:hover {
    background-color: #009AEF
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    right: 3.125rem
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}


.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
	margin-top: -200px;
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left, auto);
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: var(--swiper-scrollbar-size, 4px);
    left: var(--swiper-scrollbar-sides-offset, 1%);
    position: absolute;
    top: var(--swiper-scrollbar-top, auto);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: var(--swiper-scrollbar-left, auto);
    position: absolute;
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50
}

.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification,
swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}

.gm-style .gm-style-iw-c {
    box-shadow: .1875rem .1875rem 1.875rem rgba(0, 0, 0, .3);
    font-size: .8125rem;
    padding: 1.5625rem !important
}

@media(min-width:1200px) {
    .gm-style .gm-style-iw-c {
        padding: 2.5rem !important
    }
}

.gm-style .gm-style-iw-c p {
    margin: 0
}

.gm-style .gm-style-iw-c p+p {
    margin-top: .9375rem
}

.gm-style .gm-style-iw-c .gm-style-iw-d {
    overflow: auto
}

.gm-style .gm-style-iw-c button {
    right: 0 !important;
    top: 0 !important
}

.gm-style .gm-style-iw-c .gm-agent-image {
    border-radius: 50%;
    height: 3.8125rem;
    margin-bottom: .9375rem;
    width: 3.8125rem
}

.js-stagger {
    opacity: 1;
    transform: translate3d(0, 10%, 0);
    will-change: transform
}

.js-stagger[data-stagger=bounce] {
    opacity: 1;
    transform: scale(0)
}

.js-stagger[data-stagger=children] {
    opacity: 1;
    transform: none
}

.js-stagger[data-stagger=children]>* {
    opacity: 0;
    transform: translate3d(0, 5%, 0)
}

.s-text h4 {
    color: #3273c3;
}

.s-text h2 {
    color: #3273c3;
	font-size: 3rem;
}


@media(min-width:320px) {

    .s-text h2 {
        font-size: calc(1.5rem + 1.42857vw - 4.57143px)
    }
}

@media(min-width:1440px) {

    .s-text h2 {
        font-size: 3rem
    }
}


.u-bg-primary .s-text p:not(.lead):not(.subtitle) {
    color: #cce8ff
}

.s-text img {
    display: block;
    height: auto;
    margin-bottom: calc(1rem + .7vw);
    max-width: 100%;
    min-width: 100%;
    width: 100%
}

.s-text ul {
    list-style: none;
    padding-left: 0
}

.s-text ul li {
    line-height: 1.3;
    padding-left: 2.1875rem;
    position: relative
}

.s-text ul li:not(:first-of-type) {
    margin-top: .3125rem
}

.s-text ul li:before {
    background: transparent url(../images/check.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: .5rem;
    left: 0;
    position: absolute;
    top: .375rem;
    width: 1.125rem
}

.s-text figure {
    border-radius: .3125rem;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100% !important
}

.s-text figure iframe,
.s-text figure img {
    bottom: 0;
    height: 100% !important;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important
}

.s-text figure img {
    object-fit: contain
}

.s-text :last-child {
    margin-bottom: 0
}

.s-text--large p,
.s-text--large ul {
    font-size: 1.5rem;
    line-height: 1.25
}

@media(min-width:320px) {

    .s-text--large p,
    .s-text--large ul {
        font-size: calc(1.5rem + 1.42857vw - 4.57143px)
    }
}

@media(min-width:1440px) {

    .s-text--large p,
    .s-text--large ul {
        font-size: 2.5rem
    }
}

.s-text--large .lead {
    font-size: 1.5rem
}

@media(min-width:320px) {
    .s-text--large .lead {
        font-size: calc(1.5rem + 1.42857vw - 4.57143px)
    }
}

@media(min-width:1440px) {
    .s-text--large .lead {
        font-size: 2.5rem
    }
}

.s-icon svg path {
    fill: #0075C9
}

.u-bg-primary .s-icon svg path {
    fill: #fff
}

@media print {

    *,
    :after,
    :before {
        background: #fff !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href^="#"]:after {
        content: ""
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

.u-cover {
    background-size: cover
}

.u-contain,
.u-cover {
    background-position: 50%;
    background-repeat: no-repeat
}

.u-contain {
    background-size: contain
}

.has-radius {
    border-radius: .625rem;
    overflow: hidden
}

.has-overlay {
    overflow: hidden;
    position: relative
}

.has-overlay:before {
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.has-shadow {
    box-shadow: 0 .1875rem 2.5rem rgba(231, 240, 252, .5)
}

.u-bleed-center {
    position: relative;
    z-index: 1
}

.u-bleed-center:before {
    background-color: #f0f6fd;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: -1
}

.u-bg-primary {
    background-color: #fff !important
}

a.u-bg-primary:focus,
a.u-bg-primary:hover {
    background-color: #002450 !important
}

.u-bg-primary-dark {
    background-color: #000557 !important
}

a.u-bg-primary-dark:focus,
a.u-bg-primary-dark:hover {
    background-color: #000224 !important
}

.u-bg-white {
    background-color: #fff !important;
}

a.u-bg-white:focus,
a.u-bg-white:hover {
    background-color: #e6e6e6 !important
}

.u-bg-gray-lighter {
    background-color: #e6e6e6 !important
}

a.u-bg-gray-lighter:focus,
a.u-bg-gray-lighter:hover {
    background-color: #e6e6e6 !important
}

.u-d-block {
    display: block !important
}

.u-d-flex {
    display: flex !important;
}

.u-d-flex-menu {
    display: flex !important;
}

.u-d-grid {
    display: grid !important
}

@media(min-width:768px) {
    .u-d-sm-flex {
        display: flex !important
    }
}

@media(min-width:992px) {
    .u-d-md-block {
        display: block !important
    }
}

@media(min-width:1200px) {
    .u-d-lg-flex {
        display: flex !important
    }
}

.flex-column {
    flex-direction: column !important
}

.justify-self-center {
    justify-self: center !important;
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-end-s {
    justify-content: flex-end !important;
    width: 40%;
    right: auto;
    left: 60%;	
    border-bottom: thin solid #cccccc;
	z-index: 1000;

}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.align-items-start {
    align-items: flex-start !important
}


.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

@media(min-width:768px) {
    .align-items-sm-center {
        align-items: center !important
    }

    .align-self-sm-center {
        align-self: center !important
    }
}

@media(min-width:992px) {
    .justify-content-md-center {
        justify-content: center !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-center {
        align-self: center !important
    }
}

@media(min-width:1200px) {
    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }
}

@media(min-width:1550px) {
    .align-items-xl-center {
        align-items: center !important
    }

    .align-self-xl-center {
        align-self: center !important
    }
}

.g-cols\:1 {
    grid-template-columns: minmax(0, 1fr)
}

.g-cols\:2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.g-cols\:3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.g-cols\:6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.g-cols\:auto\/1 {
    grid-template-columns: auto 1fr
}

.g-cols\:1\/auto {
    grid-template-columns: 1fr auto
}

.g-rows\:auto\/1 {
    grid-template-rows: auto 1fr
}

.u-col\:full-width {
    grid-column: 1/-1
}

.u-col\:1 {
    grid-column-start: 1
}

.u-row\:1 {
    grid-row-start: 1
}

.u-col\:2 {
    grid-column-start: 2
}

.u-col\:span-2 {
    grid-column-end: span 2
}

.u-row\:2 {
    grid-row-start: 2
}

.u-col\:span-3 {
    grid-column-end: span 3
}

.u-row\:3 {
    grid-row-start: 3
}

.u-col\:span-4 {
    grid-column-end: span 4
}

.u-row\:4 {
    grid-row-start: 4
}

.u-col\:span-6 {
    grid-column-end: span 6
}

@media(min-width:768px) {
    .g-cols\:2\>sm {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .g-cols\:3\>sm {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .g-cols\:4\>sm {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .g-cols\:auto\/1\>sm {
        grid-template-columns: auto 1fr
    }

    .g-cols\:1\/auto\>sm {
        grid-template-columns: 1fr auto
    }

    .u-col\:1\>sm {
        grid-column-start: 1
    }

    .u-row\:1\>sm {
        grid-row-start: 1
    }

    .u-col\:2\>sm {
        grid-column-start: 2
    }

    .u-col\:span-2\>sm {
        grid-column-end: span 2
    }

    .u-row\:2\>sm {
        grid-row-start: 2
    }
}

@media(min-width:992px) {
    .g-cols\:1\>md {
        grid-template-columns: minmax(0, 1fr)
    }

    .g-rows\:1\>md {
        grid-template-rows: 1fr
    }

    .g-cols\:1\/3\>md {
        grid-template-columns: 1fr 33.3333333333%
    }

    .g-cols\:3\/1\>md {
        grid-template-columns: 33.3333333333% 1fr
    }

    .g-cols\:2\>md {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .g-cols\:2\/auto\>md {
        grid-template-columns: repeat(2, auto)
    }

    .g-cols\:3\>md {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .g-cols\:12\>md {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .g-cols\:auto\/1\>md {
        grid-template-columns: auto 1fr
    }

    .g-cols\:1\/auto\>md {
        grid-template-columns: 1fr auto
    }

    .u-col\:1\>md {
        grid-column-start: 1
    }

    .u-col\:span-1\>md {
        grid-column-end: span 1
    }

    .u-row\:1\>md {
        grid-row-start: 1
    }

    .u-col\:2\>md {
        grid-column-start: 2
    }

    .u-col\:span-2\>md {
        grid-column-end: span 2
    }

    .u-row\:2\>md {
        grid-row-start: 2
    }

    .u-col\:3\>md {
        grid-column-start: 3
    }

    .u-col\:span-3\>md {
        grid-column-end: span 3
    }

    .u-col\:4\>md {
        grid-column-start: 4
    }

    .u-col\:span-4\>md {
        grid-column-end: span 4
    }

    .u-col\:5\>md {
        grid-column-start: 5
    }

    .u-col\:span-5\>md {
        grid-column-end: span 5
    }

    .u-col\:6\>md {
        grid-column-start: 6
    }

    .u-col\:7\>md {
        grid-column-start: 7
    }

    .u-col\:span-7\>md {
        grid-column-end: span 7
    }

    .u-col\:8\>md {
        grid-column-start: 8
    }

    .u-col\:9\>md {
        grid-column-start: 9
    }

    .u-col\:span-9\>md {
        grid-column-end: span 9
    }
}

@media(min-width:1200px) {
    .g-cols\:1\>lg {
        grid-template-columns: minmax(0, 1fr)
    }

    .g-cols\:2\>lg {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .g-cols\:2\/auto\>lg {
        grid-template-columns: repeat(2, auto)
    }

    .g-cols\:3\>lg {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .g-cols\:4\>lg {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .g-cols\:5\>lg {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .g-cols\:12\>lg {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .g-cols\:1\/auto\>lg {
        grid-template-columns: 1fr auto
    }

    .u-col\:1\>lg {
        grid-column-start: 1
    }

    .u-row\:1\>lg {
        grid-row-start: 1
    }

    .u-col\:2\>lg {
        grid-column-start: 2
    }

    .u-col\:span-4\>lg {
        grid-column-end: span 4
    }

    .u-col\:5\>lg {
        grid-column-start: 5
    }

    .u-col\:span-5\>lg {
        grid-column-end: span 5
    }

    .u-col\:span-6\>lg {
        grid-column-end: span 6
    }

    .u-col\:8\>lg {
        grid-column-start: 8
    }

    .u-col\:span-8\>lg {
        grid-column-end: span 8
    }

    .u-col\:10\>lg {
        grid-column-start: 10
    }
}

@media(min-width:1550px) {
    .g-cols\:4\/1\>xl {
        grid-template-columns: 25% 1fr
    }

    .g-cols\:2\/5\>xl {
        grid-template-columns: 1fr 40%
    }

    .g-cols\:3\>xl {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .g-cols\:5\>xl {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .g-cols\:1\/auto\>xl {
        grid-template-columns: 1fr auto
    }

    .u-col\:1\>xl {
        grid-column-start: 1
    }

    .u-col\:span-1\>xl {
        grid-column-end: span 1
    }

    .u-row\:1\>xl {
        grid-row-start: 1
    }

    .u-col\:2\>xl {
        grid-column-start: 2
    }

    .u-col\:3\>xl {
        grid-column-start: 3
    }

    .u-col\:span-4\>xl {
        grid-column-end: span 4
    }

    .u-col\:span-6\>xl {
        grid-column-end: span 6
    }

    .u-col\:8\>xl {
        grid-column-start: 8
    }
}

@media(min-width:1800px) {
    .g-cols\:2\>xxl {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .g-cols\:3\>xxl {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .u-col\:span-2\>xxl {
        grid-column-end: span 2
    }

    .u-col\:3\>xxl {
        grid-column-start: 3
    }
}

.u-gap\:1-xs {
    grid-gap: 1.5625rem
}

.u-gap\:y-1-xs {
    row-gap: 1.5625rem
}

.u-gap\:1-xs\/2 {
    grid-gap: .78125rem
}

@media(min-width:768px) {
    .u-gap\:1-xs\>sm {
        grid-gap: 1.5625rem
    }
}

.u-gap\:2-xs {
    grid-gap: 3.125rem
}

.u-gap\:y-2-xs {
    row-gap: 3.125rem
}

@media(min-width:768px) {
    .u-gap\:2-xs\>sm {
        grid-gap: 3.125rem
    }
}

@media(min-width:992px) {
    .u-gap\:2-xs\>md {
        grid-gap: 3.125rem
    }
}

@media(min-width:768px) {
    .u-gap\:3-xs\>sm {
        grid-gap: 4.6875rem
    }
}

@media(min-width:1200px) {
    .u-gap\:1-lg\>lg {
        grid-gap: 2.5rem
    }

    .u-gap\:y-1-lg\>lg {
        row-gap: 2.5rem
    }
}

@media(min-width:1550px) {
    .u-gap\:1-lg\>xl {
        grid-gap: 2.5rem
    }
}

@media(min-width:1200px) {
    .u-gap\:2-lg\>lg {
        grid-gap: 5rem
    }
}

@media(min-width:1550px) {
    .u-gap\:2-lg\>xl {
        grid-gap: 5rem
    }
}

@media(min-width:1200px) {
    .u-gap\:4-lg\>lg {
        grid-gap: 10rem
    }
}

@media(min-width:1550px) {
    .u-gap\:4-lg\>xl {
        grid-gap: 10rem
    }
}

.has-shape {
    z-index: 2;
}

.has-shape:before {
    background-color: inherit;
    content: "";
    height: 3.125rem;
    position: absolute;
    width: 1.5625rem;
    z-index: 1
}

@media(min-width:768px) {
    .has-shape:before {
        height: 4.0625rem;
        width: 3.125rem
    }
}

@media(min-width:992px) {
    .has-shape:before {
        height: 5rem;
        width: calc(60% - 10rem)
    }
}

@media(min-width:1200px) {
    .has-shape:before {
        width: calc(50% - 10rem)
    }
}

.has-shape:after {
    background-color: inherit;
    content: "";
    height: 3.125rem;
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 850.4 425.2'%3E%3Cpath fill='%23fff' d='M334,425.2h516.4V0L0,0l0,89.8C0,275,149.5,425.2,334,425.2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 850.4 425.2'%3E%3Cpath fill='%23fff' d='M334,425.2h516.4V0L0,0l0,89.8C0,275,149.5,425.2,334,425.2z'/%3E%3C/svg%3E");
    mask-position: right;
    -webkit-mask-position: right;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 6.25rem 3.125rem;
    -webkit-mask-size: 6.25rem 3.125rem;
    position: absolute;
    width: 6.25rem;
    z-index: 1
}

@media(min-width:768px) {
    .has-shape:after {
        height: 4.0625rem;
        mask-size: 8.125rem 4.0625rem;
        -webkit-mask-size: 8.125rem 4.0625rem;
        width: 8.125rem
    }
}

@media(min-width:992px) {
    .has-shape:after {
        height: 5rem;
        mask-size: 10rem 5rem;
        -webkit-mask-size: 10rem 5rem;
        width: 60%
    }
}

@media(min-width:1200px) {
    .has-shape:after {
        width: 50%
    }
}

.has-shape--tint:after,
.has-shape--tint:before {
    background-color: #e6e6e6
}

.has-shape--bl:before {
    bottom: 0;
    left: 0;
}

@media(min-width:992px) {
    .has-shape--bl:before {
        width: 50%
    }
}

@media(min-width:1200px) {
    .has-shape--bl:before {
        width: calc(50% - 5rem)
    }
}

.has-shape--bl:after {
    bottom: 0;
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 850.4 425.2'%3E%3Cpath fill='%23fff' d='M516.4,0H0v425.2h850.4v-89.8C850.4,150.2,700.9,0,516.4,0Zz'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 850.4 425.2'%3E%3Cpath fill='%23fff' d='M516.4,0H0v425.2h850.4v-89.8C850.4,150.2,700.9,0,516.4,0Z'/%3E%3C/svg%3E");
    left: 1.5625rem;
	mask-position: left;
    -webkit-mask-position: left;
}

@media(min-width:768px) {
    .has-shape--bl:after {
        left: 3.125rem;
    }
}

@media(min-width:992px) {
    .has-shape--bl:after {
        left: calc(50% - 5rem)
    }
}

@media(min-width:1200px) {
    .has-shape--bl:after {
        left: calc(50% - 5rem)
    }
}


.has-shape--br:before {
    bottom: 0;
    right: 0
}

@media(min-width:992px) {
    .has-shape--br:before {
        width: 50%
    }
}

@media(min-width:1200px) {
    .has-shape--br:before {
        width: calc(50% - 5rem)
    }
}

.has-shape--br:after {
    bottom: 0;
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 850.4 425.2'%3E%3Cpath fill='%23fff' d='M334,0l516.4,0v425.2H0l0-89.8C0,150.2,149.5,0,334,0z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 850.4 425.2'%3E%3Cpath fill='%23fff' d='M334,0l516.4,0v425.2H0l0-89.8C0,150.2,149.5,0,334,0z'/%3E%3C/svg%3E");
    right: 1.5625rem
}

@media(min-width:768px) {
    .has-shape--br:after {
        right: 3.125rem
    }
}

@media(min-width:992px) {
    .has-shape--br:after {
        right: 50%;
        width: 10rem
    }
}

@media(min-width:1200px) {
    .has-shape--br:after {
        right: calc(50% - 5rem)
    }
}

.has-shape--tr:before {
    right: 0;
    top: 0
}

@media(min-width:1200px) {
    .has-shape--tr:before {
        width: calc(40% - 10rem)
    }
}

.has-shape--tr:after {
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 850.4 425.2'%3E%3Cpath fill='%23fff' d='M334,425.2h516.4V0L0,0l0,89.8C0,275,149.5,425.2,334,425.2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 850.4 425.2'%3E%3Cpath fill='%23fff' d='M334,425.2h516.4V0L0,0l0,89.8C0,275,149.5,425.2,334,425.2z'/%3E%3C/svg%3E");
    right: 1.5625rem;
    top: 0
}

@media(min-width:768px) {
    .has-shape--tr:after {
        right: 3.125rem
    }
}

@media(min-width:992px) {
    .has-shape--tr:after {
        right: calc(60% - 10rem)
    }
}

@media(min-width:1200px) {
    .has-shape--tr:after {
        right: calc(40% - 10rem)
    }
}

.has-shape--with-offset {
    border-bottom: 1.5625rem solid #fff
}

@media(min-width:1200px) {
    .has-shape--with-offset {
        border-bottom-width: 2.5rem
    }
}

.u-absolute-center {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.u-absolute-top-right,
.u-fill {
    position: absolute;
    right: 0;
    top: 0
}

.u-fill {
    bottom: 0;
    left: 0
}

.u-relative {
    position: relative !important
}

.u-z-5 {
    z-index: 5
}

.u-sr-only {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.img-fluid {
    display: block;
    height: auto;
    max-width: 100%;
    min-width: 100%
}

.img-logo {
    margin-top: -20px;
    width: 300px;
    z-index: 1;
    position: relative;
}

.w-100 {
    width: 100%
}

.w-auto {
    width: auto !important
}

.u-mt-xs {
    margin-top: 1.5625rem !important
}

.u-mb-xs {
    margin-bottom: 1.5625rem !important;
    width: 90%;
}

.u-mb-0 {
    margin-bottom: 0 !important
}

.u-mb-0-desc {
    margin-bottom: 0 !important;
	font-size: 4rem;
		
}

@media (max-width: 768px) {
    .u-mb-0-desc {
		font-size: 2rem !important;
		padding-bottom: 2rem;
    }
}

.u-mb-1 {
	margin-left: -1.8rem;
	height: 100%;
    margin-bottom: 0 !important
}

.u-mt-0 {
    margin-top: 0 !important;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    background: none;
}

.u-pb-0 {
    padding-bottom: 0 !important
}

.u-pt-0 {
    padding-top: 0 !important
}

.u-mt-auto {
    margin-top: auto !important
}

.u-ml-auto,
.u-mx-auto {
    margin-left: auto !important
}

.u-mx-auto {
    margin-right: auto !important
}

@media(min-width:768px) {
    .u-mb-sm-0 {
        margin-bottom: 0 !important
    }
}

@media(min-width:992px) {
    .u-pb-md-0 {
        padding-bottom: 0 !important
    }
}

@media(min-width:1200px) {
    .u-mt-lg-lg {
        margin-top: 2.5rem !important
    }

    .u-mb-lg-lg {
        margin-bottom: 2.5rem !important
    }
}

.u-mb-5 {
    margin-bottom: .3125rem
}

.u-mb-10 {
    margin-bottom: .625rem
}

.u-mr-10 {
    margin-right: .625rem
}

.u-ml-xxs {
    margin-left: .625rem
}

.u-text-center {
    text-align: center !important
}

.u-text-none {
    text-transform: none !important
}

.u-font-weight-light {
    font-weight: 300
}

.u-font-weight-semi-bold {
    font-weight: 600
}

.u-font-weight-medium {
    font-weight: 500
}

.u-font-weight-normal {
    font-weight: 400
}

.u-font-weight-bold {
    font-weight: 500;
    font-size: clamp(1.0625rem, .9772727263rem + .22727273vw, 1.25rem);
}

.u-font-weight-black {
    font-weight: 900
}

.u-font-italic {
    font-style: italic
}

.u-text-base {
    color: #59677a !important
}

a.u-text-base:focus,
a.u-text-base:hover {
    color: #434e5d !important
}

.u-text-white {
    color: #fff !important
}

a.u-text-white:focus,
a.u-text-white:hover {
    color: #e6e6e6 !important
}

.u-text-muted {
    color: #c8ced7 !important
}

a.u-text-muted:focus,
a.u-text-muted:hover {
    color: #abb4c1 !important
}

.u-text-primary {
    color: #0075C9 !important
}

a.u-text-primary:focus,
a.u-text-primary:hover {
    color: #002450 !important
}

.u-text-secondary {
    color: #1e96fe !important
}

a.u-text-secondary:focus,
a.u-text-secondary:hover {
    color: #017de8 !important
}

.u-text-success {
    color: #98d000 !important
}

a.u-text-success:focus,
a.u-text-success:hover {
    color: #739d00 !important
}

.u-hide {
    display: none !important
}

.u-hide-svg {
    left: -62499.9375rem;
    position: absolute
}

.u-invisible {
    opacity: 0;
    visibility: hidden
}

@media(max-width:767px) {
    .u-hidden-xsl-down {
        display: none !important
    }
}

@media(min-width:768px) {
    .u-hidden-sm-up {
        display: none !important
    }
}

@media(max-width:1199px) {
    .u-hidden-sm-down {
        display: none !important
    }
}

@media(min-width:1200px) {
    .u-hidden-md-up {
        display: none !important
    }
}

@media(max-width:1199px) {
    .u-hidden-md-down {
        display: none !important
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .u-hidden\@md {
        display: none !important
    }
}

@media(min-width:1200px) {
    .u-hidden-lg-up {
        display: none !important
    }
}

@media(max-width:1549px) {
    .u-hidden-lg-down {
        display: none !important
    }
}

@media(min-width:1200px)and (max-width:1549px) {
    .u-hidden\@lg {
        display: none !important
    }
}

@media(min-width:1550px) {
    .u-hidden-xl-up {
        display: none !important
    }
}

.u-sticky-top\>md{
	position:sticky;
	top:11.5625rem
	}
}

@media (max-width: 768px) {
    [class*="u-sticky-top"] {
        position: static !important;
        top: auto !important;
		font-size: 1rem !important;

    }
}

@media (min-width:992px){
	.u-sticky-top\>md{
		top:15rem;

	}
}

@media (min-width:1200px){
	.u-sticky-top\>md{top:15rem
	}
}

@media (min-width:1550px){
	.u-sticky-top\>md{
		top:15rem
	}
}

@media (max-width: 992px) {
    div[data-module-stagger] {
        position: static !important;
        top: auto !important;
		font-size: 1rem !important;

    }
}

.c-contact-intro__card-body--image:before{
	background-image:linear-gradient(180deg,rgba(0,0,0,.2) 1,transparent);
	background-repeat:repeat-x;
	bottom:25%;
	content:"";
	left:0;
	position:absolute;
	right:0;
	z-index:1
}
@media (max-width:767px){
	.c-contact-intro__card-body--image{
		aspect-ratio:12/16
	}
}
@media (min-width:768px) and (max-width:991px){
	.c-contact-intro__card-body--image{
		aspect-ratio:16/10
	}
	.c-contact-agents{
		grid-template-columns:3.125rem minmax(0,1fr) 3.125rem
	}
}
@media (min-width:1200px) and (max-width:1549px){
	.c-contact-agents{grid-template-columns:5rem 1fr 5rem
	}
}
  #popupForm, #popupFormInfo {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  	z-index: 99999; !important /* Más alto aún por seguridad */
    justify-content: center;
    align-items: center;
  }

/* Animación sutil de zoom + fade in */
@keyframes zoomFadeIn {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

  .popup-content {
    background: #f9fafb;
    padding: 2rem;
    border-radius: 10px;
    max-width: 500px;
  	max-height: 90vh;
  	overflow: auto;
    width: 90%;
    position: relative;
    box-sizing: border-box;
	animation: zoomFadeIn 0.3s ease forwards;
	transform: scale(0.95);
	opacity: 0;
  }


  .close-button {
    position: absolute;
	height: 20px;
	width: 20px;
    top: 20px;
    right: 20px;
    background: none;
	background-image: url("../images/x_cerrar.svg");
	background-repeat: no-repeat;
    border: none;
    font-size: 1rem;
    cursor: pointer;
  }

  .popup-title {
    margin-bottom: 1rem;
    color: #0075C9;
    font-size: 1.5rem;
  }

  .form-group {
    margin-bottom: 1rem;
  }

  @media (max-width: 600px) {
    .popup-content {
	  top: 20px;
      width: 90%;
      max-width: 500px;
      padding: 1.2rem;
    }

    .popup-title {
      font-size: 1.5rem;
    }
  }

.body-no-scroll {
  position: fixed;
  width: 100%;
  overflow-y: scroll; /* Sigue mostrando la scrollbar */
  top: 0;
  left: 0;
}

/*para cambiar de posición la carta de descripción en cada página*/

@media (min-width: 769px) {
  .c-hero__card.o-card--large.o-card--has-shadow {
    position: relative !important;
    top: 0 !important;
    margin-top: 0rem !important;
    z-index: 10 !important;
  }
}
@media (max-width: 768px) {
  .c-hero__card.o-card--large.o-card--has-shadow {
    position: relative !important;
    top: 0 !important;
    margin-top: 1rem !important;
    z-index: 10 !important;
  }
}


@media (max-width: 992px) {
  .c-hero__card.o-card--large.o-card--has-shadow-index {
    position: relative !important;
    top: -16rem !important;
	left: -1rem !important;
	padding-bottom: -40rem !important;
	width: 80%;
    z-index: 9999 !important;
  }
}

.caja-contenido {
	min-height: 1000px;
}

@media (max-width: 992px) {
  .caja-contenido {
    min-height: inherit;
  }
}