/* RESET ERIC MEYER*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section,select, input summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
  text-decoration: none;
  color: inherit;
}

img{
  max-width: 100%;
  height: auto;
}
*{box-sizing: border-box;}
button {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}


select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}


/* END RESET*/


/*FUENTES*/

@font-face {
  font-family: "Metropolis";
  src: url("../fuentes/Metropolis-Light.eot");
  src: local("Metropolis Light"), local("Metropolis-Light"), url("../fuentes/Metropolis-Light.eot?#iefix") format("embedded-opentype"), url("../fuentes/Metropolis-Light.woff2") format("woff2"), url("../fuentes/Metropolis-Light.woff") format("woff"), url("../fuentes/Metropolis-Light.ttf") format("truetype"), url("../fuentes/Metropolis-Light.svg#Metropolis-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Metropolis Semi";
  src: url("../fuentes/Metropolis-SemiBold.eot");
  src: local("Metropolis Semi Bold"), local("Metropolis-SemiBold"), url("../fuentes/Metropolis-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fuentes/Metropolis-SemiBold.woff2") format("woff2"), url("../fuentes/Metropolis-SemiBold.woff") format("woff"), url("../fuentes/Metropolis-SemiBold.ttf") format("truetype"), url("../fuentes/Metropolis-SemiBold.svg#Metropolis-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Metropolis";
  src: url("../fuentes/Metropolis-Regular.eot");
  src: local("Metropolis Regular"), local("Metropolis-Regular"), url("../fuentes/Metropolis-Regular.eot?#iefix") format("embedded-opentype"), url("../fuentes/Metropolis-Regular.woff2") format("woff2"), url("../fuentes/Metropolis-Regular.woff") format("woff"), url("../fuentes/Metropolis-Regular.ttf") format("truetype"), url("../fuentes/Metropolis-Regular.svg#Metropolis-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Metropolis";
  src: url("../fuentes/Metropolis-Black.eot");
  src: local("Metropolis Black"), local("Metropolis-Black"), url("../fuentes/Metropolis-Black.eot?#iefix") format("embedded-opentype"), url("../fuentes/Metropolis-Black.woff2") format("woff2"), url("../fuentes/Metropolis-Black.woff") format("woff"), url("../fuentes/Metropolis-Black.ttf") format("truetype"), url("../fuentes/Metropolis-Black.svg#Metropolis-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Metropolis";
  src: url("../fuentes/Metropolis-Bold.eot");
  src: local("Metropolis Bold"), local("Metropolis-Bold"), url("../fuentes/Metropolis-Bold.eot?#iefix") format("embedded-opentype"), url("../fuentes/Metropolis-Bold.woff2") format("woff2"), url("../fuentes/Metropolis-Bold.woff") format("woff"), url("../fuentes/Metropolis-Bold.ttf") format("truetype"), url("../fuentes/Metropolis-Bold.svg#Metropolis-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Metropolis";
  src: url("../fuentes/Metropolis-Medium.eot");
  src: local("Metropolis Medium"), local("Metropolis-Medium"), url("../fuentes/Metropolis-Medium.eot?#iefix") format("embedded-opentype"), url("../fuentes/Metropolis-Medium.woff2") format("woff2"), url("../fuentes/Metropolis-Medium.woff") format("woff"), url("../fuentes/Metropolis-Medium.ttf") format("truetype"), url("../fuentes/Metropolis-Medium.svg#Metropolis-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Metropolis";
  src: url("../fuentes/Metropolis-BoldItalic.eot");
  src: local("Metropolis Bold Italic"), local("Metropolis-BoldItalic"), url("../fuentes/Metropolis-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fuentes/Metropolis-BoldItalic.woff2") format("woff2"), url("../fuentes/Metropolis-BoldItalic.woff") format("woff"), url("../fuentes/Metropolis-BoldItalic.ttf") format("truetype"), url("../fuentes/Metropolis-BoldItalic.svg#Metropolis-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}


/* GLOBALES*/

body{
  font-family: "Metropolis","Montserrat", Arial, Helvetica, sans-serif;
  color: #0F2460;
font-family: Metropolis;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px; /* 133.333% */
letter-spacing: 0.18px;
}


body{
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
}

main{
  flex-grow: 1;
}

strong {font-weight: bold}
small{font-size: 80%}




.wrapper{ width: 100%; max-width: 1200px; margin: 0 auto; padding:0 20px;}
@media(max-width: 1200px){
    .wrapper{padding:0 20px;}
}


.u-uppercase{text-transform: uppercase;}
.u-underline {text-decoration: underline;}
.u-blanco{ color: #fff;}
.u-celeste{  color: #4479c8; }
.u-negro{color: #000000!important;}

.bg-celeste{background: #4479c8;}
.bg-navy {background: #00335B}

.text-center{text-align: center;}
.f-25{font-size: 25px}
section {padding: 20px 0}

/*  END GLOBALES*/

 
header .wrapper {display: flex; 
    justify-content: flex-start;
    align-items:center; }
.c__logo{padding: 25px 0}

.section-title{color: #0D1846;
text-align: center;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 1.2}
.btn{overflow: hidden;
color: #0079C8;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px; /* 162.5% */
letter-spacing: 0.32px;border-radius: 4px;
border: 2px solid #0079C8;height: 48px;display:flex;justify-content: center; align-items: center;
}

.c_intro{width: 100%;display: flex; flex-direction: column; align-items: center;
grid-gap: 20px;font-weight: 500; text-align: center;max-width:735px; margin:0 auto 25px;}

.c_boxes-hospitales{display: flex; justify-content: center; align-items: center; gap:25px;flex-wrap: wrap;margin: 0 auto 100px}
.c_boxes-hospitales .c_box-hospital{flex-basis: 100%; display: flex; flex-direction: column; align-items: center;border-radius: 8px;
background: #FFF;overflow:hidden;
box-shadow: 0 14px 13.3px 0 rgba(0, 0, 0, 0.10); grid-gap: 25px;padding-bottom: 20px}
.c_box-hospital .name{color: #0D1846;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
padding:0 20px;
line-height: 29px; /* 103.571% */}

.c_boxes-hospitales .btn{width: 100%;max-width:200px }

footer {color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 18px; /* 150% */
letter-spacing: 0.12px;background: #0D1846;}
footer .wrapper{display: flex; justify-content: center; align-items: center; min-height: 99px}


@media(min-width: 600px){
    
    .c_boxes-hospitales .c_box-hospital{flex-basis: 48%;}
}

@media(min-width: 1024px){

    .c_boxes-hospitales .c_box-hospital{flex-basis: 31%;}
    .c_box-hospital .name{font-size: 28px;}
    .section-title{font-size: 34px;line-height: 42px}
}