:root {
   --ancho: 1280px;
   --red: "#990000";
   --blanco: "white";
   --gris0: "#27282b";
   --tamano: 1rem;
   --icono1: 30px;
   --icono2: 22px;
   --font00: system-ui,Roboto,sans-serif;
   --font0: "Lato",system-ui,sans-serif;
   --font1: "Playfair Display","Noto Serif",serif;
   --font2: "Noto Serif",serif;
   --fonts1: 1.4rem;
   --menu: #27282b;
   --bg-splash: #66666685;
}
body {
   background:#8f8f8f;
   font-family: var(--font00);
}
a { text-decoration: none; color:#000; }
iframe:not(.lapub):not([id*=google_ads_iframe]) { width:100%; border:0; }
.logo { max-width:95%; height:auto; }
.logosiglo { padding-left:5%; padding-bottom:2%; }
div.container {
   max-width: var(--ancho);
   margin-left:auto;
   margin-right:auto;
   background:#fff;
   margin-bottom:3rem;
   padding-bottom:2rem;
}
/* pc */
@media (min-width:768px) {
   div.container {
      box-shadow: 0.1rem 1rem 2rem rgba(1,1,1,.5);
      border-radius: 0 0 1rem 1rem;
      padding-top:1rem;
   }
   .row {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-gap: 2rem;
   }
   .col-9 { grid-column: span 9; background:rgb(252, 252, 252); }
   .col-8 { grid-column: span 8; background:rgb(252, 252, 252); }
   .col-4 { grid-column: span 4; }
   .col-3 { grid-column: span 3; }
   .col-2 { grid-column: span 2; }
   .col-5 { grid-column: span 5; }
   .col-1 { grid-column: span 1; }
   .col-6 { grid-column: span 6; }


h1.ocho {
   position:absolute;
   bottom: 0rem;
   display: block;
   width: 96%;
   padding: 1rem;
   margin:0;
   background: linear-gradient(0deg,#244a9aa6, transparent);
   color:white;
   font-size: 2.5rem;
   line-height:2.8rem;
}

}
@media (max-width:768px) {
      h1.ocho {
         position:absolute;
         bottom: 0rem;
         display: block;
         width: 95%;
         padding: .5rem;
         margin:0;
         background: linear-gradient(0deg,#244a9aa6, transparent);
         color:white;
         font-size: 1.5rem;
         line-height:1.8rem;
      }
}  
.relative { position: relative; }
article img,.img { width:100%; height:auto; }
figure { margin:0; }
div.sidebar article {
   /*height:8.6rem;*/
   overflow: hidden;
   padding-right:1rem;
   margin-bottom: 0.5rem;
   border-bottom: 1px dotted #ddd;
}
div.sidebar article:last-child {
   border-bottom:none;
}
div.sidebar figure {
   width:40%;
   float:left;
   margin-right:1rem;
   height:6rem;
   overflow:hidden;
}
div.sidebar figure img { width:110%; margin-left:-5%; }
div.sidebar h2 {
   font-size:1.1rem;
   line-height:1.3rem;
   margin:0;
}

.mt-1 { margin-top:.5rem; }
.mt-2 { margin-top:1rem; }
.mt-3 { margin-top:1.5rem; }
.mb-2 { margin-bottom:1rem; }
.mb-3 { margin-bottom:2rem; }
.mb-4 { margin-bottom:3rem; }
.mb-0 { margin-bottom:0;}
.my-0 { margin:0; }
.mr-1 { margin-left:.5rem; }
.my-2 { margin-top:1rem !important; margin-bottom:1rem !important; }
.my-3 { margin-top:2rem; margin-bottom:2rem; }
.mx-1 { margin-right:.5rem; margin-left:.5rem;}
.pt-3 { padding-top:1.5rem; }
.px-2 { padding-left:1rem; padding-right:1rem; }
.text-center { text-align: center; }
div.pub {
   min-width:300px;
   min-height:90px;
  /* background: linear-gradient(60deg, #ffeded, #fcfcfc);
   margin:0 auto;
   border:1px solid #ffe4e4;*/
}
.text-red { color: red!important; }
.text-tomato { color:tomato; }
.mb-1 {
   margin-bottom: .5rem!important;
}
.localiza {
   color: rgb(255, 94, 121);
   text-transform: uppercase;
}
.localizador {
   text-transform: uppercase;
   font-size: 0.8rem;
   font-weight: 600;
}
div.pub970 {
   margin:0 auto;
   width:970px;
   margin:0 auto;
   align-content: center;
}
div.pub-300 {
   width:300px;
}
div.notas2 h3 {
   margin:0;
   font-weight: 400;
}
div.notas2 figure {
   height: 11rem;
   overflow: hidden;
}
div.notas2 figure img {
   width:130%;
   margin-left:-15%;
}
div#desplegados {
   font-size:small;
}
div#desplegados figure {
   height:15rem;
   overflow:hidden;
   position:relative;
}
div#desplegados figure:before {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 40%;
   bottom:0;
   background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%) !important;
}
figure.mdi {
   border-radius:50%;
   text-align:center;
   height:14rem;
   width:14rem;
   padding:1rem;
   margin: 0 auto 1rem auto;
   overflow:hidden;
}
figure.mdi img {
   max-width:140%;
   margin: 0 auto;
   margin-top:-7%;
   margin-left:-20%;
}
div#medicos .row {
   grid-gap:3rem;
   margin-left:2rem;
   margin-right:2rem;
   text-align: center;
}
.containerdd {
	overflow: hidden;
	background-color:#244a9a;
	padding: 16px 0px 0 0px;
   margin:0;
}
.img-container {
	float: right;
	margin-left: 10px;
}

.social-icons li {
	display: inline-block;
	margin: 0 10px;
}

.social-icons li a {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	background-color: #fff;
	color: #fff;
}

.social-icons li a:hover {
	background-color: #2d466a1f;
}

.btn-newsletter{
	display: inline-block;
	font-weight: 200;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-fondo-newsletter{
	background-color: #194a9a;
	color: #FFFFFF;
	
}
.input-news{
	display: block;
	width: 86%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.link-footer{
	list-style-type: none; 
}
.link-footer li a{
 color: #244a9a;
 font-weight: bold; 
}
.link-footer li a:hover{
 color: #244a9ac2;
}
.sticky {
	position: sticky;
	top: 0.3rem;
}

.masnotas p {
   font-size: 1.2rem;
   border-bottom: 1rem solid #f7f7f7;
   margin: 0;
   padding: 0.5rem;
   min-height:6rem;
}
.masnotas p small {
   color: tomato;
   display: block;
   margin: 0.5rem auto;
   font-variant: small-caps;
   font-size: .8rem;
}
.masnotas p small i {
   color: #ffc7c7;
   font-variant: none;
   font-style: normal;
   margin-left: 1rem;
}

div.impresa img {
   border: 1rem solid #fcfcfc;
   max-width: 90%;
   margin-top: 1rem;
}
div.impresa { text-align: center;}

.esp {
   color: tomato;
   margin: 0.3rem 0.3rem;
   font-variant: small-caps;
   font-size: .75rem;
}
.medicos {
 background-color:#8f8f8f08 !important;

}
.medicos  h4 {
 margin-block-end: 0.3em; 
}
.info-medico{
 display:block;
}
.telefono {
	color: #244a9a;
	text-decoration: none;
	font-weight: bold;
}
.logotipo {
       	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0.5rem;
}
.col-doctor{
	margin-right: 0.5rem;
	background-color:#8f8f8f00;
}
.col-doctor h3 {
	margin-block-end:0;
}
figure .img-med {
	  transition: transform 0.3s;
  }

 figure:hover .img-med {
	    transform: scale(1.2);
    }
.filtro {
	display: inline-block;
	padding: 0.1rem 0.5rem;
	border-radius: 16px;
	background-color: transparent;
	color: #244a9a;
	font-size: small;
	cursor: pointer;
	transition: background-color 0.3s ease;
	margin: 0 0.1rem 0 0.1rem;
}

.filtro:hover {
	background-color: #244a9ade;
	color: #fff;
}

.filtro:focus {
	outline: none;
}

.filtro:active {
	transform: scale(0.9);
}
.filtro.activo {
	background-color: #244a9ade;
	color: #fff;
  
}
.directorio {
	font-size: 3em;
}
@media (max-width:768px) {
 	.img-med{
		width:100%;
		max-height:17rem !important;
		height:auto;
	}   
	.col-doctor{
		text-align:center !important;
		margin-bottom: 2.3rem !important;
		border-bottom: 0.3px solid #244a9a66; 
	}
} 

/* tag */
div#seccioneh h2 {
   font-size: 3rem;
   font-family: system-ui,Roboto,sans-serif;
   margin:0;
}
div#seccione, div#seccioneh {
   padding:1rem;
   display: none;
}
div#seccione {
   margin-bottom:3rem;
   border-bottom:2rem solid #8f8f8f;
}
div#seccione article {
   border-bottom:1px solid #244a9a12;
}
div#menu {
   background: #244a9a;
   padding: 1rem;
   overflow: auto;
   white-space: nowrap;
}
div#menu a {
   color:white;
   padding-right:.5rem;
   font-weight: 600;
}
div#menu a:after {
   content:"/";
   padding-left:.6rem;
   color:#6da5ff;
}
div#menu a:hover {
   color:#dbe9ff;
}
div#menu a:last-child:after {
   content: "";
}
.lapub {
   display: flex;
   justify-content: center;
   align-items: center;
}