@charset "UTF-8";

/* OSTEN CSS Document */

@font-face {
    font-family: 'Gilroy';
    src: url('../assets/fonts/Gilroy-SemiBold.eot');
    src: url('../assets/fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/Gilroy-SemiBold.woff2') format('woff2'),
        url('../assets/fonts/Gilroy-SemiBold.woff') format('woff'),
        url('../assets/fonts/Gilroy-SemiBold.ttf') format('truetype'),
        url('../assets/fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../assets/fonts/Gilroy-Medium.eot');
    src: url('../assets/fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/Gilroy-Medium.woff2') format('woff2'),
        url('../assets/fonts/Gilroy-Medium.woff') format('woff'),
        url('../assets/fonts/Gilroy-Medium.ttf') format('truetype'),
        url('../assets/fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../assets/fonts/Gilroy-Regular.eot');
    src: url('../assets/fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/Gilroy-Regular.woff2') format('woff2'),
        url('../assets/fonts/Gilroy-Regular.woff') format('woff'),
        url('../assets/fonts/Gilroy-Regular.ttf') format('truetype'),
        url('../assets/fonts/Gilroy-Regular.svg#Gilroy-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../assets/fonts/Gilroy-Light.eot');
    src: url('../assets/fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/Gilroy-Light.woff2') format('woff2'),
        url('../assets/fonts/Gilroy-Light.woff') format('woff'),
        url('../assets/fonts/Gilroy-Light.ttf') format('truetype'),
        url('../assets/fonts/Gilroy-Light.svg#Gilroy-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../assets/fonts/Gilroy-ThinItalic.eot');
    src: url('../assets/fonts/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/Gilroy-ThinItalic.woff2') format('woff2'),
        url('../assets/fonts/Gilroy-ThinItalic.woff') format('woff'),
        url('../assets/fonts/Gilroy-ThinItalic.ttf') format('truetype'),
        url('../assets/fonts/Gilroy-ThinItalic.svg#Gilroy-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../assets/fonts/Barlow-Medium.eot');
    src: url('../assets/fonts/Barlow-Medium.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/Barlow-Medium.woff2') format('woff2'),
        url('../assets/fonts/Barlow-Medium.woff') format('woff'),
        url('../assets/fonts/Barlow-Medium.ttf') format('truetype'),
        url('../assets/fonts/Barlow-Medium.svg#Barlow-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../assets/fonts/Barlow-Regular.eot');
    src: url('../assets/fonts/Barlow-Regular.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/Barlow-Regular.woff2') format('woff2'),
        url('../assets/fonts/Barlow-Regular.woff') format('woff'),
        url('../assets/fonts/Barlow-Regular.ttf') format('truetype'),
        url('../assets/fonts/Barlow-Regular.svg#Barlow-Regular') format('svg');
    font-weight: 400;
    font-display: swap;
}


@font-face {
    font-family: 'Barlow';
    src: url('../assets/fonts/Barlow-Light.eot');
    src: url('../assets/fonts/Barlow-Light.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/Barlow-Light.woff2') format('woff2'),
        url('../assets/fonts/Barlow-Light.woff') format('woff'),
        url('../assets/fonts/Barlow-Light.ttf') format('truetype'),
        url('../assets/fonts/Barlow-Light.svg#Barlow-Light') format('svg');
    font-weight: 300;
    font-display: swap;
}
/* GENERAL */
body, html {font: var(--bs-body-font-weight) var(--bs-body-font-size) / var(--bs-body-line-height) var(--bs-body-font-family);}

h1, .h1 {font: 600 4.25rem 'Gilroy';} /* 68px */
h2, .h2 {font: 600 2.625rem 'Gilroy';} /* 42px */
h3, .h3 {font: 400 2.25rem 'Gilroy';} /* 36px */
h4, .h4 {font: 400 2rem 'Gilroy';;} /* 32px */
h5, .h5 {font: 400 1.75rem 'Gilroy';;} /* 28px */
h6, .h6 {font: 400 1.1875rem 'Gilroy';} /* 24px */
.gilroy {font-family: 'Gilroy';}
.barlow {font-family: 'Barlow';}
.normal {font-size: 1.375rem;} /* 22px */
.xs, small {font-size: 1rem;} /* 16px */
.xss {font-size: 0.675rem;} /* 10px */
.italic {font-style: italic;}
.thin {font-weight: 100;}
.light {font-weight: 300;}
.regular {font-weight: 400;}
.medium {font-weight: 500;}
.semi, b, strong, .strong {font-weight: 600;}
.cover-img {height: 100%; object-fit: cover;}


h3.con-sombrero {
    position: relative; 
    padding: 1.35rem 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: .8rem;
}
h3.con-sombrero figure{
    width: 10%;
    margin: 0;
    position: relative;
    bottom: 1.5rem;
}
/* h3.con-sombrero::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60.469' height='60.47' viewBox='0 0 60.469 60.47'%3E%3Cpath id='Trazado_15' data-name='Trazado 15' d='M311.249,23.9A83.253,83.253,0,0,1,347.814,2.5a45.568,45.568,0,0,0-57.968,57.968,83.249,83.249,0,0,1,21.4-36.565' transform='translate(-287.345)' fill='%231ec0ca'%3E%3C/path%3E%3C/svg%3E");
	position: absolute;
	top: -2rem;
	left: 30rem;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	pointer-events: none;
} */
.text-primary {color: var(--bs-primary) !important;}
/*.bg-primary {background-color: var(--bs-primary) !important;}
.text-secondary {color: var(--bs-secondary) !important;}
.bg-secondary {background-color: var(--bs-secondary) !important;}
.bg-secondary-darker {background-color:#002E3C36 !important;}
.bg-white {background-color:#fff !important;}
.bg-secondary-light {background-color: rgb(30, 202, 211, .25) !important;}
.bg-verdoso {background-color: rgba(30,202,211,0.12) !important;}
.bg-verdoso-light {background-color: rgba(0, 46, 60, 0.07) !important;}
.bg-green-light {background-color: #C4CED2 !important;}*/
.bg-verdoso{background-color: #D0D09F;}
.bg-verdoso1{background-color:#f9f9f3;}
.text-primary svg *{fill:var(--bs-primary)!important}
.text-secondary svg *{fill:var(--bs-secondary)!important}

.link-primary{color:var(--bs-primary)!important}
.link-secondary{color:var(--bs-secondary)!important}
.link-primary svg *{fill:var(--bs-primary)!important}
.link-secondary svg *{fill:var(--bs-secondary)!important}

.text-bg-primary{color:#fff!important;background-color:var(--bs-primary)!important}
.text-bg-secondary{color:#fff!important;background-color:var(--bs-secondary)!important}

.btn.with-icon figure {max-width: 22px; margin-right: 6px;}
.btn.min {--bs-btn-padding-x: 1rem;--bs-btn-padding-y: .35rem;}


.btn {
    padding: 0.55rem 1.5rem;
	font-family: "Gilroy" !important;
	font-size: 1.1875rem;
	--bs-btn-font-weight: 500;
	--bs-btn-line-height: 1.2;
    border-radius: 36px;
}

.btn-primary {
    color: #002E3C;
    background-color: #D0D09F;
    border: none;
    outline: none;
    border-radius: 36px;
    padding: 10px 20px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.btn-primary:hover {
    background-color: #B0B07F;
    cursor: pointer;
}


.btn-outline-primary {
	color: #002E3C;
	--bs-btn-bg: #fff;
	border-color:#002E3C;
    outline: none;
}
.btn-outline-primary:hover {
    background-color:#002E3C;
    color:#fff;
    border: none;
    outline: none;
    cursor: pointer;
}
.btn-outline-primary svg * {
	fill: var(--bs-primary);
}

.btn-secondary {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-bg: var(--bs-secondary);
}
.btn-secondary:hover {
    background-color: transparent;
    color: #002E3C;
    border-color: #002E3C;
}
.btn-secondary.with-outline {--bs-btn-hover-border-color: var(--bs-secondary);}


.btn-outline-secondary {
	--bs-btn-color: var(--bs-secondary);
	--bs-btn-border-color: var(--bs-secondary);
	--bs-btn-hover-color: var(--bs-primary);
	--bs-btn-hover-bg: var(--bs-secondary);
	--bs-btn-hover-border-color: var(--bs-secondary);
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-secondary);
	--bs-btn-active-border-color: var(--bs-secondary);
	--bs-btn-disabled-color: var(--bs-gray);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-gray);
}
.btn-outline-secondary svg * {
	fill: var(--bs-secondary);
}

.btn-outline-white {
	--bs-btn-color: #fff;
	--bs-btn-bg: transparent;
	--bs-btn-border-color: #fff;
	--bs-btn-hover-color: var(--bs-primary);
	--bs-btn-hover-bg: #fff;
	--bs-btn-hover-border-color: #fff;
	--bs-btn-active-color: var(--bs-primary);
	--bs-btn-active-bg: #fff;
	--bs-btn-active-border-color: #fff;
	--bs-btn-disabled-color: var(--bs-gray);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-gray);
}

/* FORMS */
.input{margin-bottom:1.4rem}
input,select,option,textarea,.form-control{color:var(--bs-body-color)}
input:focus,select:focus,option:focus,textarea:focus,.form-control:focus{border-color:var(--bs-primary)}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
option{font-weight:inherit}
body .select2-dropdown{text-align:left}
input[type="datetime"],input[type="datetime-local"],input[type="date"]{min-width:120px}
.form-floating:not(.checkbox):not(.radio)>label:not(.error){color:var(--bs-body-color)}
.form-floating.input-group>label{padding-left:3.7rem}
.input-group-text{justify-content:center}
.form-floating.input-group .input-group-text{height:3.55rem;line-height:2.8rem}
.input-group-prepend,.input-group-append{width:2.7rem}
.input-group-prepend .input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}
.input-group-append .input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group>.form-control,.input-group>.form-select{max-width:calc(100% - 5rem)}
.input-group>.form-control+label,.input-group>.form-select+label{z-index:4}
.form-floating>.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:3rem!important}
.form-floating>.select2-container .select2-selection--single{padding:1rem .25rem 0}
.form-floating>.select2-container .select2-selection--multiple{padding:1.5rem .25rem .5rem}
.form-floating>.form-control:focus~label.error,.form-floating>.form-control:not(:placeholder-shown)~label.error,.form-floating>.form-select~label.error{opacity:1;transform:none}
.input_help{position:relative;top:-1rem;left:1.2rem;cursor:help}
.input_help+.input{margin-top:0}
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after {background-color: transparent;}
.container-contacto{max-width: 960px; margin:0 auto;}
input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
textarea:focus,
textarea.form-control:focus,
select:focus,
select.form-control:focus,
.select2 .selection:focus,
.select2-container:focus,
.select2-container--default .select2-selection--single:focus,.select2-container--default .select2-selection--multiple:focus{outline:0;box-shadow:0 0 0}
.select2 .selection{display:block}
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{border:1px solid #e6e6e6!important;border-radius:0!important}
.form .select2-container .select2-selection--single,.form .select2-container .select2-selection--multiple{height:auto}
.form .select2-container--default .select2-selection--single .select2-selection__arrow,
.form .select2-container--default .select2-selection--multiple .select2-selection__arrow{top:1.7rem}
.select2-container,.select2-dropdown,.select2-search,.select2-results{transition:none!important}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:var(--bs-primary)!important}
.form-control{
    border-radius: 1.25rem;
}
.hr{opacity: 1;}
.ch{width: 14ch;}
/* PASSWORD INPUT */
.input.password{position:relative}
.input.password:before,.input.password:after{content:'';position:absolute;top:10px;right:5px;width:50px;height:20px;background:no-repeat center right / auto 100%;cursor:pointer}
.form-floating.input.password:before,.form-floating.input.password:after{top:25px}
.input.password:before{background-image:url(../img/icons/ver.svg)}
.input.password:after{opacity:1;right:8px;background-image:url(../img/icons/no-ver.svg)}
.input.password.visible:after{opacity:0}

input[type="file"],input[type="checkbox"],input[type="radio"]{float:left;width:0.1px;height:0.1px;opacity:0;overflow:hidden;margin:0;padding:0}

/* FILE INPUT */
input[type="file"]+label{color:var(--bs-white);background-color:var(--bs-secondary);border-color:var(--bs-secondary);cursor:pointer;padding:.5rem .75rem;opacity:.8}
input[type="file"]:focus+label,input[type="file"]+label:hover,input[type="file"].has-focus+label{opacity:1}

/* CHECKBOX & RADIO ELEMS */
input[type="checkbox"]+label:not(.btn),input[type="radio"]+label:not(.btn){display:block;cursor:pointer;position:relative;padding-left:1.5rem;margin-bottom:1.4rem;text-align:left}
input[type="checkbox"]+label .icon-radio,input[type="radio"]+label .icon-check{display:none}
input[type="checkbox"]+label svg,input[type="radio"]+label svg{position:absolute;top:0;left:0;width:1rem;height:1rem;border:2px solid var(--bs-primary)}
#form_contacto input[type="checkbox"]+label svg {border: 2px solid #D0D09F}
#form_contacto input[type="checkbox"]:checked+label svg polyline {stroke: var(--bs-secondary)}
.text-white input[type="checkbox"]+label svg {border: 1px solid #D0D09F}
input[type="radio"]+label svg{border-radius:50%}
input[type="checkbox"]+label svg path,input[type="radio"]+label svg circle{fill:#D0D09F}
input[type="checkbox"]+label svg polyline,input[type="radio"]+label svg polyline{fill:none;stroke:var(--bs-secondary);stroke-width:2;stroke-dasharray:18px;stroke-dashoffset:18px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
input[type="checkbox"]:checked+label svg,input[type="radio"]:checked+label svg{background-color:var(--bs-primary)}
input[type="checkbox"]:checked+label svg polyline,input[type="radio"]:checked+label svg polyline{stroke:var(--bs-white);stroke-dashoffset:0}

/* TEXTAREA ELEMS */
textarea,textarea.form-control,select[multiple],select[size],.form-floating>textarea.form-control{resize:vertical;line-height:1.25;height:10rem}

/* ERROR MESSAGES */
.alert{margin-bottom:0;border-radius:0;cursor:pointer}
input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:var(--bs-danger);-webkit-box-shadow:0 0 6px var(--bs-primary);-moz-box-shadow:0 0 6px var(--bs-primary);box-shadow:0 0 6px var(--bs-primary)}
input.error{border:1px solid var(--bs-danger);}
label.error,.error-message{color:var(--bs-danger);text-align:left}
label.error{display:block}
:not(.form-floating)>input+label.error,:not(.form-floating)>input+.error-message{position:relative;top:-12px;left:10px}
.form-floating>label.error,.form-floating>.error-message{position:static;height:auto;padding:0;border:0}
.input-group .error-message{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-right:0;padding-left:0;margin-left:0;margin-top:.3rem}
input[type="checkbox"]+label+label.error,input[type="radio"]+label+label.error{top:0;left:0;float:left}

/* ERROR PAGE */
.errorpage .alert-error{font-weight:600;font-size:3rem;text-transform:uppercase;margin-bottom:3rem;-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
.errorpage figure.adjust-h{position:relative;height:50vh}
.errorpage figure figcaption{position:absolute;top:50%;left:50%;font-weight:600;font-size:15vw;line-height:1;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

/* UTILIDADES */
iframe{border:0!important}
picture{display:block;}
figure,picture{margin:0 auto}
figure>img,figure>svg,figure>video,picture>img,
figure>a,figure>a>img,figure>a>svg,figure>a>video{display:block;width:100%}
figure.adjust-h,figure.adjust-h>a{height:100%}
figure.adjust-h img,figure.adjust-h svg,figure.adjust-h video{width:auto;max-width:none;height:100%;margin:0 auto}
figure.fixed-h{position:relative;overflow:hidden}
figure.fixed-h img,figure.fixed-h svg,figure.fixed-h video{position:absolute;top:50%;left:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}
figure.fixed-h.align-bottom img,figure.fixed-h.align-bottom svg,figure.fixed-h.align-bottom video{top:auto;bottom:0;-ms-transform:translateY(0);transform:translateY(0)}
figure.fixed-h.adjust-h img,figure.fixed-h.adjust-h svg,figure.fixed-h.adjust-h video{position:absolute;top:50%;left:50%;width:auto;max-width:none;height:100%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
figure.fixed-h.adjust-h.align-bottom img,figure.fixed-h.adjust-h.align-bottom svg,figure.fixed-h.adjust-h.align-bottom video{top:auto;bottom:0;-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
figure.play{position:relative;cursor:pointer}
figure.play:not(.playing):before{content:'';position:absolute;top:50%;left:50%;width:4rem;height:4rem;z-index:1;background:url(../img/icons/play.svg) no-repeat center / contain;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
figure.fig-inside{position:relative}
figure.fig-inside>figcaption{position:absolute;bottom:0;left:0;width:100%;padding:2rem;text-align:center}
.valign{width:0;display:inline-block;vertical-align:middle;height:100%}
.inline{width:100%;display:inline-block;vertical-align:middle}
.lazy{background-repeat:no-repeat;background-position:50% 50%}
.video_responsive{position:relative;padding-bottom:56.25%;/* 16:9 */padding-top:25px;height:0}
.video_responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.scrolltop{display:none;position:fixed;bottom:10vh;right:0;width:40px;height:40px;z-index:99;border-radius:50%;cursor:pointer;padding:10px 5px}
.scrolltop svg{width:100%}
.scrolltop svg *{fill:var(--bs-white)!important}
.content_flex{width:100%}
[class*="anti-container"]{margin-right:calc(-1*var(--bs-gutter-x,.75rem));margin-left:calc(-1*var(--bs-gutter-x,.75rem))}
.estrecho{max-width:600px;margin:0 auto;text-align:center}
.wrapper_showed_more{display:none}
section:not(.main_container, #hero):not(.cabecera){padding-top:2.5rem;padding-bottom:2.5rem}
section.margin{margin-top:2.5rem;margin-bottom:2.5rem}
section.margin.xl{margin-top:4rem;margin-bottom:4rem}
section

/* SOCIAL LINKS */
.social a{display:inline-block;}
.social a:not(:last-child){margin-right:.75rem}
.social img,.social svg{height:20px;width:20px; vertical-align: top;}
.social.text-white svg * {fill: #fff;}

/* MOSCA CONTACTO */
.mosca_contacto{position:fixed;bottom:2rem;right:-220px;width:220px;z-index:9;transition:all .5s ease;text-align:left}
.mosca_contacto.visible{right:0}
.mosca_contacto .icon{position:absolute;right:100%;top:0;height:3rem;padding:.5rem;cursor:pointer;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}
.mosca_contacto h4{height:3rem;line-height:3rem;padding:0 1rem;margin:0}

/* WHATSAPP FLOATING LINK */
.whatsapp_floating {position:fixed;right:1rem;bottom:6rem;z-index:9;width:3rem}

/* ESTATICOS */
.estaticos{text-align:left;padding:4rem 0}
.estaticos h1:not(:first-child),.estaticos h2:not(:first-child),.estaticos h3:not(:first-child),.estaticos h4:not(:first-child){margin-top:4rem}
.estaticos li{margin-bottom:.5rem}
.estaticos p,.estaticos ul,.estaticos ol{margin-bottom:2rem}
.estaticos p:last-child{margin-bottom:0}
.estaticos a{font-style:'Gilroy';color:#D0D09F}
.estaticos a:hover{text-decoration:underline}
.estaticos img,.estaticos svg,.estaticos video{max-width:100%}




/* SLICK */
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-portada .slick-list {
    z-index: 2;
}

.entrada-opacity {
    transition: all ease .75s;
}

.entrada-left,
.entrada-right,
.entrada-top,
.entrada-bottom,
.entrada-opacity {
    opacity: 0;
}

.animated.entrada-opacity,
.animated .entrada-opacity {
    opacity: 1;
}

.animated.entrada-left,
.animated .entrada-left {
    -webkit-animation: slide-in-fwd-left 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-fwd-left 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}

.animated.entrada-right,
.animated .entrada-right {
    -webkit-animation: slide-in-fwd-right 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-fwd-right 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}

.animated.entrada-top,
.animated .entrada-top {
    -webkit-animation: slide-in-fwd-top 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-fwd-top 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}

.animated.entrada-bottom,
.animated .entrada-bottom {
    -webkit-animation: slide-in-fwd-bottom 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-fwd-bottom 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}
/*HEADER*/
header {
    padding: 2.8rem 0;
    transition: all ease .5s;
    background-color: #002E3C;
    font-family: 'Gilroy';
    width: 100%;
}
header figure.logo {
    max-width: 240px; /
    transition: all ease .5s;
    margin-right: 0;
}

figure.logo {
	max-width: 240px;
}

header.scrolling {
    box-shadow: 0px 5px 7px 0px rgb(35 33 34 / 20%);
    padding: .9rem 0;
}

header.scrolling figure.logo {
    max-width: 180px;
    transition: all ease .5s; 
}

header .nav-item {
	height: 100%;
	position: relative;
}

header .nav-link {
	display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
    color: var(--bs-white);
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
header .nav-link:hover {
	color: #D0D09F; 
}
header .container-fluid {
    margin: 0 auto;
    padding-left: 10%;
    padding-right: 10%;
}
.text-white {
    color: #FFFFFF;
}

.text-black {
    color: #000000;
}

header .nav-link.dropdown-toggle::after,
header .list_traumatologia span::after,
#menu-mobile .servicios-mobile::after,
#menu-mobile .servicios-mobile-ortopedia::after,
#menu-mobile .clinica-mobile::after,
.filtro-faq::after  {
	flex-shrink: 0;
    width: 0.45em;
    height: 0.45em;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.616' height='3.211' viewBox='0 0 5.616 3.211'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M9 13.49l2.124-2.125a.4.4 0 0 1 .567 0 .4.4 0 0 1 0 .569L9.281 14.341a.4.4 0 0 1-.553.012L6.3 11.935a.4.4 0 0 1 .567-.569Z' transform='translate(-6.188 -11.246)' fill='%23002E3C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: transform .2s ease-in-out;
    border: none;
    margin-left: 10px;
    display: inline-block;
}

.filtro-faq::after {
    position: relative;
    z-index: 2;
    margin-left: -2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.616' height='3.211' viewBox='0 0 5.616 3.211'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M9 13.49l2.124-2.125a.4.4 0 0 1 .567 0 .4.4 0 0 1 0 .569L9.281 14.341a.4.4 0 0 1-.553.012L6.3 11.935a.4.4 0 0 1 .567-.569Z' transform='translate(-6.188 -11.246)' fill='%231ECAD3'/%3E%3C/svg%3E");
}

header .icono-clinica figure {
	max-width: 22px;
	margin-right: 4px;
}


header .dropdown-menu {
    border-radius: 10px;
	color: #fff;
	background-color: var(--bs-secondary);
	padding: 0;
	transform: translateX(-50%) !important;
	top: 2rem !important;
	left: 50% !important;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.16) 5px 4px 25px;
}
header .dropdown-menu li:first-child {
    padding-top: 0.5rem;
}
  
header .dropdown-menu li:last-child {
    padding-bottom: 0.5rem;
}
header.scrolling .dropdown-menu {
    top: 1.94rem !important;
}

header .unidades_traumatologia {
    display: none;
    background-color: var(--bs-primary);
}

header .dropdown-menu .unidades_traumatologia .dropdown-item:hover a {
    color: rgba(255,255,255,.8) !important;
}

header .list_traumatologia {
	cursor: pointer;
}

header .unidades_traumatologia figure {
    max-width: 20px;
}

header .list_traumatologia span {
    display: inline-block;
    width: fit-content;
    position: relative;
}

header .dropdown-menu .dropdown-item {
	color: var(--bs-primary);
    padding: 0.5rem 1rem 0.5rem;
}

header .dropdown-menu .dropdown-item:hover {
	background-color: var(--bs-primary);
	color: #fff;
}

header .dropdown-menu .dropdown-item.list_traumatologia:hover span::after  {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.616' height='3.211' viewBox='0 0 5.616 3.211'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M9 13.49l2.124-2.125a.4.4 0 0 1 .567 0 .4.4 0 0 1 0 .569L9.281 14.341a.4.4 0 0 1-.553.012L6.3 11.935a.4.4 0 0 1 .567-.569Z' transform='translate(-6.188 -11.246)' fill='%23fff'/%3E%3C/svg%3E");
}

header .menu-button {
    max-width: 30px;
    cursor: pointer;
}

header .menu-button svg * {
    transition: all ease .5s;
}

header .menu-button.active .lineas rect:nth-child(1) {
    width: 0;
}

header .menu-button.active .lineas rect:nth-child(2) {
    transform-origin: 50% 50%;
    transform: rotate(45deg) translateY(40%);
}

header .menu-button.active .lineas rect:nth-child(3) {
    transform-origin: 50% 50%;
    transform: rotate(-45deg) translateY(-40%);
}

header.scrolling #menu-mobile {
    top: 95x;
    height: calc(100vh - 66px);
} 

#menu-mobile {
    position: fixed;
    top: 95px;
    left: -100%;
    width: 100%;
    height: calc(100vh - 103px);
    background-color: #fff;
    transition: all ease .4s;
    z-index: 1049;
}

#menu-mobile > div .nav-link {
    padding: .65rem;
    justify-content: center;
}

#menu-mobile.active {
    left: 0;
}

#menu-mobile .list_servicios_mobile,
#menu-mobile .list_clinica_mobile{
    background-color: var(--bs-secondary);
    display: none;
}

#menu-mobile .list_servicios_mobile > div,
#menu-mobile .list_servicios_mobile > a,
#menu-mobile .list_clinica_mobile > div,
#menu-mobile .list_clinica_mobile > a{
    padding: .65rem;
}


#menu-mobile .list_taumatologia_mobile {
    background-color: var(--bs-primary);
    display: none;
}

#menu-mobile .list_taumatologia_mobile > div {
    max-width: fit-content;
    margin: 0 auto;
}

#menu-mobile .nav-link {
    color: #D0D09F
}

#menu-mobile .list_servicios_mobile .nav-link,
#menu-mobile .list_servicios_mobile .nav-link{
    color: var(--bs-primary);
}

#menu-mobile .movil-h{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.pca{
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.cabecera {
    position: relative;
    background: url('../img/fondoseccion1.png') no-repeat center center;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 0 !important;
    padding-top: 13rem !important;
}
.hero-image-mobile {
    display: none;
}

.overlay {
    background-color:  var(--bs-light-secondary);
}
#hero hr{
    margin-top: .5rem;
    color: var(--bs-secondary);
}
#hero p{
    max-width: 83ch;
}

#hero .feature-icon{
    max-width: 180px;
}
/* FOOTER */
footer {
	text-align: left;
	color:#D0D09F;
	background-color: #002E3C;
}


.ul-no-pad {
	padding-top: 5rem !important;
}


img.logo-f {
	width: 200px;
}

.text-footer{
    font-size: 1.25rem;
}

footer a[href] {
	color:#D0D09F;
	transition: color .2s linear;
}

footer a[href]:hover {
	color: #fff;
}

footer h4 a[href] {
	color:#fff ; 
	transition: color .2s linear !important;
}

footer h4 a[href]:hover {
	color:#D0D09F !important;
}

.url-footer {
	font-size: .9rem;
	padding-right: .5rem;
	margin-bottom: .25rem;
}

li {
	list-style: none;
}

/*Seccion instalaciones*/
.Instalaciones {
    background-color: rgba(208, 208, 159, 0.12);
    padding-bottom: 0 !important;
}

.image-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.image-container .row.no-gutters {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.image-container .row.no-gutters > [class*='col-'] {
    padding-right: 0 !important;
    padding-left: 0 !important;
}


/*BLOG*/
.blog-post figure {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.blog-post figure::before {
	content: '';
    padding-top: 69%;
    display: block;
}

.blog-post figure img {
	transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) .6s;
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

figure.effect-apollo img {
    transition: opacity 0.35s, transform 0.35s;
    transform: scale3d(1.05,1.05,1);
}

.blog-post:hover figure.effect-apollo .color {
	opacity: .4;
}

.blog-post:hover figure.effect-apollo img {
	transform: scale3d(1,1,1);
}

.contenido-blog a:not(.btn) {
	color: var(--bs-secondary);
}

figure.effect-apollo .color {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    transition: opacity cubic-bezier(0.455, 0.03, 0.515, 0.955) .3s;
}

figure.effect-apollo figcaption {
	color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    font-size: .9rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
}

figure.effect-apollo figcaption::before {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 46, 60,.1);
    content: '';
    transition: transform 0.5s;
    transform: scale3d(3,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.blog-post .stretched-link::after {
	z-index: 3;
}

.blog-post:hover figure.effect-apollo figcaption::before {
	transform: scale3d(2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,90%,0);
}

.blog-post h5 {
	margin-top: 0;
    line-height: 1.1;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    min-height: calc(1.1em * 2);
}

.blog-post p {
	margin-top: 0;
    line-height: 1.4;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    min-height: calc(1.4em * 4);
}

/*INFORMACION*/


.info-form input {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 25px;
    background-color:  var(--bs-light-secondary);
    border: 1px solid#002E3C;
}

.info-form button {
    width: 100%;
    padding: 10px;
    border-radius: 25px;
    background-color: #002E3C;
    color: white;
    border: none;
    font-family: 'Gilroy', sans-serif;
    font-weight: 600;
}

.info-text{
    padding-block: 1rem;
}
.bg-color-1 {
   
    background-color: #EAC3B1; 
}

.bg-color-2 {
    background-color: #95C6C9; 
}


.curso_picture{
    display: block; width: 100%; height: 0; padding-bottom: 75%;
}

.col-infoo{
    max-width: 650px;
}
.col-info{
    max-width: 650px;
}
.col-info h2{
    color:#95C6C9;
}
.col-info h5{
    color:#002E3C !important;
}
.price-section p {
    color:#95C6C9;
}
.col-info hr{
    color:#95C6C9;
}
.tighter-spacing {
    line-height: 0.2; 
    margin-bottom: 0.2rem; 
}
.info-badge {
    background-color: rgba(0, 0, 0, 0.1); 
    padding: 5px 15px;
    border-radius: 25px;
    text-align: center;
}

.info-badge p {
    margin: 0;
    font-size: 14px;
}

.intro{
 background-color: #f2f8f8;
}
.intro .descripcion {

    margin: 40px auto;

    column-count: 2;
    column-gap: 40px; /* Espacio entre columnas */
}

.intro .descripcion h2 {
  font-weight: 500;
    color: #003a53;
    column-span: all; 
    margin-bottom: 30px;
}

.intro .descripcion p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

.intro .ver-contenidos {
    font-size: 1rem;
    color: #0066cc;
    text-decoration: none;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}

.ver-contenidos:hover {
    text-decoration: underline;
}
.objetivos{
  background-color: #95C6C9;
}
.objetivos .obj {

    margin: 40px auto;

}
.objetivos .obj h2 {
    font-weight: 500;
    color: #003a53;
    margin-bottom: 30px;
}

.objetivos .obj ul {
    list-style-type: none;
    padding: 0;
    color: #1c1e21;
    font-size: 1.3125rem;
    line-height: 1.8;
}

.objetivos .obj ul li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 25px;
}

.objetivos .obj ul li::before {
    content: '●';
    position: absolute;
    left: 0;
    color: #003a53;
    font-size: 1.5rem;
    top: 0px;
}
.diri{

    margin: 40px auto;
    padding: 20px;
}
.dirigido p {
    padding: 0;
    color: #1c1e21;
    font-size: 1.3125rem;
}
.dirigido strong{
    color:#95C6C9;
}
.back picture img {
    object-fit: cover;
    height: 100%;
}
.grid-section{
    height: 75vh;
}
.min.grid-section{
    height: 65vh;
}
.card_experiencia picture img{
    object-fit: cover;
}
.list-unstyled{
    font-family: 'Gilroy';
}

.artista{
    background-color: #f2f8f8;
}
.profesor{
font-size: 1.675rem;
font-weight: 500;
}
 .doctor-radius {
    max-width: 300px;
}

 .doctor-radius {
    max-width: 300px;
    margin: 2rem auto 0;
}

.grid-doctores picture img {
    border-radius: 50%;
}

.sonrisa-doctor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .5s cubic-bezier(0.65, 0, 0.35, 1);
    z-index: 1;
    transform: scale(1.15) rotate(0);
}

.grid-doctores > div:hover .sonrisa-doctor {
    transform: rotate(-136deg) scale(1.15);
}
.gilroy{
    font-family: 'Gilroy';
}

/*Carrito*/
.carrito_flotante_content h2,
.proceso-pago h2 {
	font-size: 2.25rem !important;
	line-height: 1.6;
}
hr.custom-line1 {
    border: none;
    border-top: 1px solid #95C6C9; 
    margin: 1rem 0;
    opacity: 1; 
}
.f1{font-size:1.5625rem}

.c1{color:#95C6C9}
.f2{font-size:1.125rem}

@keyframes slide-in-fwd-left {
    0% {
        -webkit-transform: translateZ(-1400px) translateX(-1000px);
                transform: translateZ(-1400px) translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0) translateX(0);
                transform: translateZ(0) translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-fwd-right {
    0% {
      -webkit-transform: translateZ(-1400px) translateX(1000px);
              transform: translateZ(-1400px) translateX(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0) translateX(0);
              transform: translateZ(0) translateX(0);
      opacity: 1;
    }
}

@keyframes slide-in-fwd-top {
    0% {
      -webkit-transform: translateZ(-1400px) translateY(-400px);
              transform: translateZ(-1400px) translateY(-400px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0) translateY(0);
              transform: translateZ(0) translateY(0);
      opacity: 1;
    }
}

@keyframes slide-in-fwd-bottom {
    0% {
      -webkit-transform: translateZ(-1400px) translateY(400px);
              transform: translateZ(-1400px) translateY(400px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0) translateY(0);
              transform: translateZ(0) translateY(0);
      opacity: 1;
    }
}

  ::selection {
    background: rgba(0, 46, 60, .1);
  }

/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 */
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}


/** MEDIA QUERIES **/
/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px){
	figure.adjust-sm-h{height:100%}
	figure.adjust-sm-h img,figure.adjust-sm-h svg,figure.adjust-sm-h video{width:auto;max-width:none;height:100%}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width:768px){
	.w-md-50{width:50%}
	.w-md-100{width:100%!important}
	section:not(.main_container, #hero):not(.cabecera){padding-top:4.5rem;padding-bottom:4.5rem}
	section.min:not(.main_container){padding-top:2.5rem;padding-bottom:2.5rem}
	section.margin{margin-top:4.5rem;margin-bottom:4.5rem}
	section.margin.xl{margin-top:6rem;margin-bottom:6rem}
	figure.adjust-md-h{height:100%}
	figure.adjust-md-h img,figure.adjust-md-h svg,figure.adjust-md-h video{width:auto;max-width:none;height:100%}
	figure.fixed-md-h{position:relative;overflow:hidden}
	figure.fixed-md-h img,figure.fixed-md-h svg,figure.fixed-md-h video{position:absolute;top:50%;left:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}
	figure.fixed-md-h.adjust-md-h img,figure.fixed-md-h.adjust-md-h svg,figure.fixed-md-h.adjust-md-h video{position:absolute;top:50%;left:50%;width:auto;max-width:none;height:100%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
	figure.fixed-md-h.align-bottom img,figure.fixed-md-h.align-bottom svg,figure.fixed-md-h.align-bottom video{top:auto;bottom:0;-ms-transform:translateY(0);transform:translateY(0)}
    h3.con-sombrero figure{
        width: 5%;
        margin: 0;
        position: relative;
        bottom: 1.5rem;
    }
    .curso-titulo {
        font-size: 1.5rem; /* Tamaño del título más pequeño en móviles */
    }
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width:992px){
	figure.adjust-lg-h{height:100%}
	figure.adjust-lg-h img,figure.adjust-lg-h svg,figure.adjust-lg-h video{width:auto;max-width:none;height:100%}
	.contener {max-width: 63%;}
	.contener.max {max-width: 85%;}
	section > .back {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	section > .back .cover picture, section > .back .cover picture img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width:1200px){
    header .enlaces-header .row {--bs-gutter-x: .75rem;}
	figure.adjust-xl-h{height:100%}
	figure.adjust-xl-h img,figure.adjust-xl-h svg,figure.adjust-xl-h video{width:auto;max-width:none;height:100%}
}

/* Extra extra large devices (large desktops, 1400px and up) */
@media (min-width:1400px){
    header .enlaces-header .row{--bs-gutter-x: 1.5rem;}
	figure.adjust-xxl-h{height:100%}
	figure.adjust-xxl-h img,figure.adjust-xxl-h svg,figure.adjust-xxl-h video{width:auto;max-width:none;height:100%}
}
@media (max-width: 768px) {
    h3 {font-size: 1.4rem;}
    header .nav-link {justify-content: center;}
    .cabecera {
        background-image: none; 
    }

    .hero-image-mobile {
        display: block; 
        margin-bottom: 1rem;
    }

    .info-section{
        padding: 0px !important;
    }
 
    #hero h1 {
        font-size: 1.8rem;
        text-align: left;
    }

    #hero p {
        font-size: 1rem;
        text-align: left;
    }

    #hero .logo {
        max-width: 80px;
    }

    .feature-icon {
        max-width: 80px;
    }

    .ch {
        font-size: 0.55rem;
        
    }

    .btn-secondary {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }

    #hero .row {
        padding-top: 1rem;
    }
    .h5{
        font-size: 1.5rem !important;
    }
    .grid-section{
        height: 85vh;
    }
   .min.grid-section{
        height: 100vh;
    }
    .intro .descripcion {
        column-count: 1; 

    }
    .card_experiencia picture img {
        max-height: 150px; 
    }

    .card_experiencia .intro-text {
        display: none; 
    }
    info-badge {
    display: flex;
    flex-direction: column; 
    align-items: flex-start; 
    margin-bottom: 10px; 
}

.info-badge p {
    margin-bottom: 5px; 
}

.row.align-items-center {
    flex-direction: column; 
    align-items: stretch; 
}

.row.align-items-center .col-auto {
    margin-bottom: 10px; 
    width: 100%; 
}
.row.justify-content-between,
.row.justify-content-start {
    justify-content: center; 
}
h1{font-size: 1.5rem}
}



@media (max-width: 992px) {
	h3.con-sombrero {padding:.4rem 0 .6rem 1rem; left:-43px}
	h3.con-sombrero::before {left: 0; top: -1.3rem}
    
}

@media (max-width: 576px) {
    body, html {font: var(--bs-body-font-weight) 20px / var(--bs-body-line-height) var(--bs-body-font-family);}
    header .logo {max-width: 100px;}
    header .menu-button {max-width: 22px;}
    header .enlaces-header {--bs-gutter-x: .5rem;}
	h3.con-sombrero {padding: 0.4rem 0 0.9rem 0rem;margin-bottom: .5rem !important;left: -50px;}
    .normal{font-size: 0.875rem;}
    h2{font-size:1.5rem}
    .btn{font-size: 0.9rem;}
}

/* Tiny devices (small phones, 270px and down) */
@media (max-width:270px){
	header .row.justify-content-between{-ms-flex-pack:center!important;justify-content:center!important}
}