@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Baloo+Da+2:wght@400;600&display=swap");.text-intrumbold,html strong,body strong,h1,.h1
{
font-family:"IntrumBold",sans-serif
}
.text-intrummedium, h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6
{
font-family:"IntrumMedium",sans-serif
}
.text-intrumregular, body
{
font-family:"IntrumRegular",sans-serif
}
.text-0
{
font-size:0rem !important
}
.text-1
{
font-size:.25rem !important
}
.text-2
{
font-size:.5rem !important
}
.text-3
{
font-size:.75rem !important
}
.text-4
{
font-size:1rem !important
}
@media (min-width:576px)
{
.text-sm-0
{
font-size:0rem !important
}
}
@media (min-width:576px)
{
.text-sm-1
{
font-size:.25rem !important
}
}
@media (min-width:576px)
{
.text-sm-2
{
font-size:.5rem !important
}
}
@media (min-width:576px)
{
.text-sm-3
{
font-size:.75rem !important
}
}
@media (min-width:576px)
{
.text-sm-4
{
font-size:1rem !important
}
}
@media (min-width:768px)
{
.text-md-0
{
font-size:0rem !important
}
}
@media (min-width:768px)
{
.text-md-1
{
font-size:.25rem !important
}
}
@media (min-width:768px)
{
.text-md-2
{
font-size:.5rem !important
}
}
@media (min-width:768px)
{
.text-md-3
{
font-size:.75rem !important
}
}
@media (min-width:768px)
{
.text-md-4
{
font-size:1rem !important
}
}
@media (min-width:992px)
{
.text-lg-0
{
font-size:0rem !important
}
}
@media (min-width:992px)
{
.text-lg-1
{
font-size:.25rem !important
}
}
@media (min-width:992px)
{
.text-lg-2
{
font-size:.5rem !important
}
}
@media (min-width:992px)
{
.text-lg-3
{
font-size:.75rem !important
}
}
@media (min-width:992px)
{
.text-lg-4
{
font-size:1rem !important
}
}
@media (min-width:1200px)
{
.text-xl-0
{
font-size:0rem !important
}
}
@media (min-width:1200px)
{
.text-xl-1
{
font-size:.25rem !important
}
}
@media (min-width:1200px)
{
.text-xl-2
{
font-size:.5rem !important
}
}
@media (min-width:1200px)
{
.text-xl-3
{
font-size:.75rem !important
}
}
@media (min-width:1200px)
{
.text-xl-4
{
font-size:1rem !important
}
}
@media (min-width:1500px)
{
.text-x2l-0
{
font-size:0rem !important
}
}
@media (min-width:1500px)
{
.text-x2l-1
{
font-size:.25rem !important
}
}
@media (min-width:1500px)
{
.text-x2l-2
{
font-size:.5rem !important
}
}
@media (min-width:1500px)
{
.text-x2l-3
{
font-size:.75rem !important
}
}
@media (min-width:1500px)
{
.text-x2l-4
{
font-size:1rem !important
}
}
.w-0
{
width:0 !important
}
.w-25
{
width:25% !important
}
.w-50
{
width:50% !important
}
.w-75
{
width:75% !important
}
.w-100
{
width:100% !important
}
@media (min-width:576px)
{
.w-sm-0
{
width:0 !important
}
}
@media (min-width:576px)
{
.w-sm-25
{
width:25% !important
}
}
@media (min-width:576px)
{
.w-sm-50
{
width:50% !important
}
}
@media (min-width:576px)
{
.w-sm-75
{
width:75% !important
}
}
@media (min-width:576px)
{
.w-sm-100
{
width:100% !important
}
}
@media (min-width:768px)
{
.w-md-0
{
width:0 !important
}
}
@media (min-width:768px)
{
.w-md-25
{
width:25% !important
}
}
@media (min-width:768px)
{
.w-md-50
{
width:50% !important
}
}
@media (min-width:768px)
{
.w-md-75
{
width:75% !important
}
}
@media (min-width:768px)
{
.w-md-100
{
width:100% !important
}
}
@media (min-width:992px)
{
.w-lg-0
{
width:0 !important
}
}
@media (min-width:992px)
{
.w-lg-25
{
width:25% !important
}
}
@media (min-width:992px)
{
.w-lg-50
{
width:50% !important
}
}
@media (min-width:992px)
{
.w-lg-75
{
width:75% !important
}
}
@media (min-width:992px)
{
.w-lg-100
{
width:100% !important
}
}
@media (min-width:1200px)
{
.w-xl-0
{
width:0 !important
}
}
@media (min-width:1200px)
{
.w-xl-25
{
width:25% !important
}
}
@media (min-width:1200px)
{
.w-xl-50
{
width:50% !important
}
}
@media (min-width:1200px)
{
.w-xl-75
{
width:75% !important
}
}
@media (min-width:1200px)
{
.w-xl-100
{
width:100% !important
}
}
@media (min-width:1500px)
{
.w-x2l-0
{
width:0 !important
}
}
@media (min-width:1500px)
{
.w-x2l-25
{
width:25% !important
}
}
@media (min-width:1500px)
{
.w-x2l-50
{
width:50% !important
}
}
@media (min-width:1500px)
{
.w-x2l-75
{
width:75% !important
}
}
@media (min-width:1500px)
{
.w-x2l-100
{
width:100% !important
}
}
.h-0
{
height:0 !important
}
.h-25
{
height:25% !important
}
.h-50
{
height:50% !important
}
.h-75
{
height:75% !important
}
.h-100
{
height:100% !important
}
@media (min-width:576px)
{
.h-sm-0
{
height:0 !important
}
}
@media (min-width:576px)
{
.h-sm-25
{
height:25% !important
}
}
@media (min-width:576px)
{
.h-sm-50
{
height:50% !important
}
}
@media (min-width:576px)
{
.h-sm-75
{
height:75% !important
}
}
@media (min-width:576px)
{
.h-sm-100
{
height:100% !important
}
}
@media (min-width:768px)
{
.h-md-0
{
height:0 !important
}
}
@media (min-width:768px)
{
.h-md-25
{
height:25% !important
}
}
@media (min-width:768px)
{
.h-md-50
{
height:50% !important
}
}
@media (min-width:768px)
{
.h-md-75
{
height:75% !important
}
}
@media (min-width:768px)
{
.h-md-100
{
height:100% !important
}
}
@media (min-width:992px)
{
.h-lg-0
{
height:0 !important
}
}
@media (min-width:992px)
{
.h-lg-25
{
height:25% !important
}
}
@media (min-width:992px)
{
.h-lg-50
{
height:50% !important
}
}
@media (min-width:992px)
{
.h-lg-75
{
height:75% !important
}
}
@media (min-width:992px)
{
.h-lg-100
{
height:100% !important
}
}
@media (min-width:1200px)
{
.h-xl-0
{
height:0 !important
}
}
@media (min-width:1200px)
{
.h-xl-25
{
height:25% !important
}
}
@media (min-width:1200px)
{
.h-xl-50
{
height:50% !important
}
}
@media (min-width:1200px)
{
.h-xl-75
{
height:75% !important
}
}
@media (min-width:1200px)
{
.h-xl-100
{
height:100% !important
}
}
@media (min-width:1500px)
{
.h-x2l-0
{
height:0 !important
}
}
@media (min-width:1500px)
{
.h-x2l-25
{
height:25% !important
}
}
@media (min-width:1500px)
{
.h-x2l-50
{
height:50% !important
}
}
@media (min-width:1500px)
{
.h-x2l-75
{
height:75% !important
}
}
@media (min-width:1500px)
{
.h-x2l-100
{
height:100% !important
}
}
.border-2
{
border-width:2px !important
}
.border-top-2
{
border-top-width:2px !important
}
.border-left-2
{
border-left-width:2px !important
}
.border-right-2
{
border-right-width:2px !important
}
.border-bottom-2
{
border-bottom-width:2px !important
}
.border-3
{
border-width:3px !important
}
.border-top-3
{
border-top-width:3px !important
}
.border-left-3
{
border-left-width:3px !important
}
.border-right-3
{
border-right-width:3px !important
}
.border-bottom-3
{
border-bottom-width:3px !important
}
.border-4
{
border-width:4px !important
}
.border-top-4
{
border-top-width:4px !important
}
.border-left-4
{
border-left-width:4px !important
}
.border-right-4
{
border-right-width:4px !important
}
.border-bottom-4
{
border-bottom-width:4px !important
}
.border-5
{
border-width:5px !important
}
.border-top-5
{
border-top-width:5px !important
}
.border-left-5
{
border-left-width:5px !important
}
.border-right-5
{
border-right-width:5px !important
}
.border-bottom-5
{
border-bottom-width:5px !important
}
.btn-group-xl>.btn, .btn-xl
{
padding:.75rem 1.5rem;
font-size:1.875rem;
line-height:1.5;
border-radius:.45rem
}
.btn-group-x2l>.btn, .btn-x2l
{
padding:1rem 2rem;
font-size:2.5rem;
line-height:1.5;
border-radius:.6rem
}
.btn-padding-lg
{
padding:.5rem 1rem !important
}
.btn-padding-xl
{
padding:.75rem 1.5rem !important
}
.btn-padding-x2l
{
padding:1rem 2rem !important
}
.text-lato
{
font-family:"Lato",sans-serif
}
.text-baloo-da-2
{
font-family:"Baloo Da 2",sans-serif
}
.bg-cover
{
background-size:cover !important
}
.bg-top
{
background-position:top !important
}
.bg-bottom
{
background-position:bottom !important
}
.bg-image-home
{
background-image:url("../img/bg-home.png") !important;
background-repeat:no-repeat !important
}
.bg-image-services
{
background-image:url("../img/bg-services.png") !important;
background-repeat:no-repeat !important
}
.bg-image-mission
{
background-image:url("../img/bg-mission.png") !important;
background-repeat:no-repeat !important
}
.bg-image-contact
{
background-image:url("../img/bg-contact.png") !important;
background-repeat:no-repeat !important
}
.bg-blue
{
background-color:#c8d3d8 !important
}
.bg-blue.bg-or, .bg-blue.bg-ol
{
position:relative
}
.bg-blue.bg-or:after, .bg-blue.bg-ol:after
{
content:" ";
background-color:#c8d3d8 !important;
position:absolute;
top:0;
left:100%;
width:100%;
height:100%
}
.bg-blue.bg-ol:after
{
left:-100%
}
.bg-dark-blue
{
background-color:#23232d !important
}
.bg-dark-blue.bg-or, .bg-dark-blue.bg-ol
{
position:relative
}
.bg-dark-blue.bg-or:after, .bg-dark-blue.bg-ol:after
{
content:" ";
background-color:#23232d !important;
position:absolute;
top:0;
left:100%;
width:100%;
height:100%
}
.bg-dark-blue.bg-ol:after
{
left:-100%
}
.bg-white
{
background-color:#fff !important
}
.bg-white.bg-or, .bg-white.bg-ol
{
position:relative
}
.bg-white.bg-or:after, .bg-white.bg-ol:after
{
content:" ";
background-color:#fff !important;
position:absolute;
top:0;
left:100%;
width:100%;
height:100%
}
.bg-white.bg-ol:after
{
left:-100%
}
.bg-black
{
background-color:#000 !important
}
.bg-black.bg-or, .bg-black.bg-ol
{
position:relative
}
.bg-black.bg-or:after, .bg-black.bg-ol:after
{
content:" ";
background-color:#000 !important;
position:absolute;
top:0;
left:100%;
width:100%;
height:100%
}
.bg-black.bg-ol:after
{
left:-100%
}
.border-blue
{
border-color:#c8d3d8 !important
}
.border-dark-blue
{
border-color:#23232d !important
}
.border-white
{
border-color:#fff !important
}
.border-black
{
border-color:#000 !important
}
.text-blue
{
color:#c8d3d8 !important
}
.text-dark-blue
{
color:#23232d !important
}
.text-black
{
color:#000 !important
}
.btn-blue
{
background-color:#c8d3d8
}
.btn-blue, .btn-blue:visited, .btn-blue:active, .btn-blue:focus
{
color:#fff !important
}
.btn-blue:hover
{
color:#000 !important
}
.btn-blue.btn-shadow
{
box-shadow:-15px -15px 0 rgba(200,211,216,.4)
}
.btn-dark-blue
{
background-color:#23232d
}
.btn-dark-blue, .btn-dark-blue:visited, .btn-dark-blue:active, .btn-dark-blue:focus
{
color:#fff !important
}
.btn-dark-blue:hover
{
color:#000 !important
}
.btn-dark-blue.btn-shadow
{
box-shadow:15px 15px 0 rgba(35,35,45,.4)
}
.btn-black
{
background-color:#000
}
.btn-black, .btn-black:visited, .btn-black:active, .btn-black:focus
{
color:#fff !important
}
.btn-black:hover
{
color:#c8d3d8 !important
}
.btn-black.btn-shadow
{
box-shadow:15px 15px 0 rgba(0,0,0,.4)
}
.semicircle-lg
{
height:1rem;
width:2rem;
border-top-left-radius:1rem;
border-top-right-radius:1rem
}
.ico-xl
{
height:8rem
}
.ico
{
height:3rem
}
.ico-md
{
height:2rem
}
.ico-sm
{
height:1rem
}
.box-shadowtl
{
box-shadow:-15px -15px 0 rgba(0,0,0,.3)
}
.box-shadowtr
{
box-shadow:15px -15px 0 rgba(0,0,0,.3)
}
.box-shadowbl
{
box-shadow:-15px 15px 0 rgba(0,0,0,.3)
}
.box-shadowbr
{
box-shadow:15px 15px 0 rgba(0,0,0,.3)
}
@media (min-width:768px)
{
.display-md-4
{
font-size:3.5rem;
font-weight:300;
line-height:1.2
}
}
.btn
{
border-radius:.5rem;
padding:.4rem 1.5rem
}
.form-control
{
border-radius:0;
border:none
}
[data-cookie-hint]
{
position:relative;
cursor:pointer;
pointer-events:none
}
[data-cookie-hint]>*
{
filter:blur(5px)
}
[data-cookie-hint]:after
{
content:"No disponible sin aceptar el uso de cookies";
position:absolute;
top:30%;
left:10%;
width:80%;
text-align:center;
text-shadow:1px 1px #000;
color:#fff;
font-weight:700
}
.image-placeholder
{
display:inline-block;
height:200px;
width:100%;
background:#ccc
}
.image-offboxt
{
margin-top:-3rem
}
.round-end
{
border-top-right-radius:6.25rem;
border-bottom-right-radius:6.25rem
}
img
{
height:auto
}
.img-containh
{
display:block;
height:100%;
min-height:10rem;
width:auto !important;
object-fit:contain;
margin-left:auto;
margin-right:auto;
max-width:100%
}
@media (min-width:576px)
{
.img-sm-containh
{
display:block;
height:100%;
min-height:10rem;
width:auto !important;
object-fit:contain;
margin-left:auto;
margin-right:auto;
max-width:100%
}
}
@media (min-width:768px)
{
.img-md-containh
{
display:block;
height:100%;
min-height:10rem;
width:auto !important;
object-fit:contain;
margin-left:auto;
margin-right:auto;
max-width:100%
}
}
@media (min-width:992px)
{
.img-lg-containh
{
display:block;
height:100%;
min-height:10rem;
width:auto !important;
object-fit:contain;
margin-left:auto;
margin-right:auto;
max-width:100%
}
}
@media (min-width:1200px)
{
.img-xl-containh
{
display:block;
height:100%;
min-height:10rem;
width:auto !important;
object-fit:contain;
margin-left:auto;
margin-right:auto;
max-width:100%
}
}
@media (min-width:1500px)
{
.img-x2l-containh
{
display:block;
height:100%;
min-height:10rem;
width:auto !important;
object-fit:contain;
margin-left:auto;
margin-right:auto;
max-width:100%
}
}
.text-underline
{
text-decoration:underline
}
@media (min-width:576px)
{
.text-sm-underline
{
text-decoration:underline
}
}
@media (min-width:768px)
{
.text-md-underline
{
text-decoration:underline
}
}
@media (min-width:992px)
{
.text-lg-underline
{
text-decoration:underline
}
}
@media (min-width:1200px)
{
.text-xl-underline
{
text-decoration:underline
}
}
@media (min-width:1500px)
{
.text-x2l-underline
{
text-decoration:underline
}
}
.degrada
{
background:-webkit-gradient(left top,right top,text-stop(0%,#5abafa),text-stop(100%,#558bff))
}
@font-face
{
font-family:"IntrumBold";
font-display:swap;
src:url("../fonts/IntrumSans-Bold.woff") format("woff");
font-weight:700;
font-style:normal
}
@font-face
{
font-family:"IntrumMedium";
font-display:swap;
src:url("../fonts/IntrumSans-Medium.woff") format("woff");
font-weight:500;
font-style:normal
}
@font-face
{
font-family:"IntrumRegular";
font-display:swap;
src:url("../fonts/IntrumSans-Regular.woff") format("woff");
font-weight:400;
font-style:normal
}
header
{
font-size:1.2em
}
html, body
{
font-size:16px;
font-weight:400
}
html strong, body strong
{
font-weight:700
}
body.with-fixed-navbar
{
padding-top:3.81rem
}
body.with-fixed-navbar .scroll-anchor
{
position:relative;
top:-3.81rem
}
h1, .h1
{
font-weight:700
}
h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6
{
font-weight:500
}
h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong
{
font-weight:600
}
.navbar
{
min-height:3.81rem
}
.navbar-brand img
{
height:2rem
}
.line-height-low
{
line-height:120%
}
.text-small
{
font-size:14px
}
@media (min-width:768px)
{
section.full-height
{
margin-top:-5.3rem;
padding-top:5.3rem;
margin-bottom:-18.85rem;
padding-bottom:18.85rem;
min-height:100vh
}
}
@media (min-width:992px)
{
section.full-height
{
margin-bottom:-17.3rem;
padding-bottom:17.3rem
}
}
@media (min-width:1200px)
{
section.full-height
{
margin-bottom:-15.8rem;
padding-bottom:15.8rem
}
}
@media (min-width:1350px)
{
.wrapped-container
{
max-width:1206px;
position:relative;
left:33px
}
}
.jumbotron
{
padding:2rem 1rem;
margin-bottom:2rem;
background-color:#e9ecef;
border-radius:.3rem
}
.form-group
{
margin-bottom:1rem
}
.anti-container-left
{
margin-left:calc(var(--bs-gutter-x,.75rem)*-1)
}
.circle
{
opacity:0;
transform:translateY(20px);
animation:fadeInUp 1s ease-in forwards
}
.circle:nth-child(1)
{
animation-delay:.5s
}
.circle:nth-child(2)
{
animation-delay:1s
}
.circle:nth-child(3)
{
animation-delay:1.5s
}
@-webkit-keyframes fadeInUp
{
to
{
opacity:1;
transform:translateY(0)
}
}
@keyframes fadeInUp
{
to
{
opacity:1;
transform:translateY(0)
}
}