/*
	CSS personalizado para single ESPACIOS
*/

/**************************************** GAMA DE COLORES ****************************************/

/*      Color Oscuro: 805F80 rgb(128, 95,128) */
/*              Gris: 999999 rgb(153,153,153) */
/*       Color Medio: BFAFBF rgb(191,175,191) */
/*       Color Claro: DFD7DF rgb(223,215,223) */
/*   Color muy Claro: EFEBEF rgb(239,235,239) */

/*  Color muy Oscuro: 2D1F4F rgb( 45, 31, 79) */
/*        Color Azul: 5780A3 rgb( 87,128,163) */

/************************************ MODIFICADOS DE syle-home ***********************************/

#main                 { padding: 0px !important; }
#main .full-container { max-width: none !important; }

/*************************************** #rowPagesCabecera ***************************************/

#rowPagesCabecera { padding: 0px !important; }

/************************************* #rowSingleEspecialista ************************************/

#rowSingleEspecialista                                 { position: relative; padding: 0px !important; }
#rowSingleEspecialista *                               { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowSingleEspecialista .divEspecialista                { display: grid; grid-template-columns: 40% auto; grid-template-rows: auto auto; }
#rowSingleEspecialista .divFoto                        { grid-column: 1; grid-row: 1; background: var(--color1-hex); line-height: 0px; }
#rowSingleEspecialista .divFoto                   img  { width: 100%; }
#rowSingleEspecialista .divNombre                      { grid-column: 1; grid-row: 2; padding: 20px 40px; font-size: 32px; font-weight: 900; color: #FFFFFF; line-height: 120%; }
#rowSingleEspecialista .divNombre                      { background: var(--color1-hex); text-align: center; }
#rowSingleEspecialista .divContent                     { grid-column: 2; grid-row-start: 1; grid-row-end: 3; padding: 60px 40px 20px 60px; }
#rowSingleEspecialista .divContent                     { background-image: var(--fondo-page-dcha); background-repeat: no-repeat; background-size: cover; }
#rowSingleEspecialista .divContent .divIcono           { float: left; margin-right: 15px; padding: 10px; width: 72px; height: 72px; background: var(--color1-hex); border-radius: 15px; }
#rowSingleEspecialista .divContent .divIcono           { display: flex; align-items: center; justify-content: center; }
#rowSingleEspecialista .divContent .divIcono      img  { width: 100%; filter: var(--filtro-to-FFFFFF); }
#rowSingleEspecialista .divContent .divTitulos         { clear: both; padding-top: 20px; }
#rowSingleEspecialista .divContent .divTitulo          { font-size: 20px; font-weight: 800; color: var(--color1-hex); text-transform: uppercase; }
#rowSingleEspecialista .divContent .divCurriculum      { margin-top: 20px; max-width: 640px; }
#rowSingleEspecialista .divContent .divCurriculum span { font-size: 20px; font-weight: 600; border-bottom: solid 1px; display: block; }
#rowSingleEspecialista .divContent .divCurriculum ul   { margin: 20px 0px 0px 0px; list-style-type: disc; }
#rowSingleEspecialista .divContent .divCurriculum li   { margin-bottom: 10px; font-size: 14px; }

@media (max-width: 1180px) {
	#rowSingleEspecialista .divEspecialista                { grid-template-columns: 50% auto; }
	#rowSingleEspecialista .divContent                     { padding: 50px 30px 20px 50px; }
}

@media (max-width:  980px) {
	#rowSingleEspecialista .divEspecialista                { grid-template-columns: 40% auto; }
	#rowSingleEspecialista .divNombre                      { padding: 20px 30px; font-size: 28px; }
	#rowSingleEspecialista .divContent                     { padding: 40px 20px 20px 40px; }
	#rowSingleEspecialista .divContent .divIcono           { margin-right: 10px; padding: 8px; width: 64px; height: 64px; border-radius: 12px; }
	#rowSingleEspecialista .divContent .divTitulo          { font-size: 18px; }
	#rowSingleEspecialista .divContent .divCurriculum      { max-width: none; }
	#rowSingleEspecialista .divContent .divCurriculum span { font-size: 18px; }
	#rowSingleEspecialista .divContent .divCurriculum li   { font-size: 13px; }
}

@media (max-width:  780px) {
	#rowSingleEspecialista .divEspecialista                { position: relative; display: block; }
	#rowSingleEspecialista .divFoto                        { width: 300px; }
	#rowSingleEspecialista .divContent                     { padding: 30px 20px 20px 30px; }
	#rowSingleEspecialista .divEspecialidades              { position: absolute; top: 30px; left: 330px; }
	#rowSingleEspecialista .divContent .divTitulo          { margin-bottom: 10px; padding-right: 20px; }
	#rowSingleEspecialista .divContent .divCurriculum      { margin-top: 0px; }
}

@media (max-width:  580px) {
	#rowSingleEspecialista .divFoto                        { width: 250px; }
	#rowSingleEspecialista .divNombre                      { font-size: 24px; }
	#rowSingleEspecialista .divEspecialidades              { left: 280px; }
	#rowSingleEspecialista .divContent .divIcono           { margin: 5px 10px 5px 0px; padding: 8px; width: 48px; height: 48px; border-radius: 10px; }
	#rowSingleEspecialista .divContent .divTitulo          { font-size: 16px; }
	#rowSingleEspecialista .divContent .divCurriculum span { font-size: 16px; }
	#rowSingleEspecialista .divContent .divCurriculum li   { margin-bottom: 5px; font-size: 12px; }
}

@media (max-width:  480px) {
	#rowSingleEspecialista .divFoto                        { width: 200px; }
	#rowSingleEspecialista .divNombre                      { font-size: 20px; }
	#rowSingleEspecialista .divContent                     { padding: 20px; }
	#rowSingleEspecialista .divEspecialidades              { top: 20px; left: 220px; }
	#rowSingleEspecialista .divContent .divIcono           { margin: 2px 4px 2px 0px; padding: 6px; width: 40px; height: 40px; border-radius: 8px; }
	#rowSingleEspecialista .divContent .divTitulo          { font-size: 14px; }
}

@media (max-width:  380px) {
	#rowSingleEspecialista .divFoto                        { width: 100%; }
	#rowSingleEspecialista .divEspecialidades              { position: relative; top: auto; left: auto; }
	#rowSingleEspecialista .divContent .divIcono           { margin: 0px 10px 0px 0px; padding: 8px; width: 48px; height: 48px; border-radius: 10px; }
	#rowSingleEspecialista .divContent .divTitulo          { margin-bottom: 0px; }
	#rowSingleEspecialista .divContent .divCurriculum      { margin-top: 20px; }
}