/*
	CSS personalizado para NEW
*/

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

/*    Azul Oscuro: 00435E rgb(  0, 67, 94) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Azul Medio: 7FA1AE rgb(127,161,174) */
/*     Azul Claro: BFD0D6 rgb(191,208,214) */
/* Azul Muy Claro: DFE7EA rgb(223,231,234) */

/*       Turquesa: 5FD6DA rgb( 95,214,218) */
/*     GrisFooter: 565E62 rgb( 86, 94, 98) */

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

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

/**************************************** #rowSinglePost *****************************************/

#rowSinglePost                             { padding: 0px !important; }
#rowSinglePost .divSinglePost              { margin: auto; max-width: 1440px; }
#rowSinglePost .divSinglePost *            { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowSinglePost .divPost                    { padding-top: 100px; }
#rowSinglePost .divFoto                    { float: left; margin: 0px 40px 20px 0px; width: 40%; line-height: 0px; box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.5); }
#rowSinglePost .divFoto    img             { width: 100%; }
#rowSinglePost .divFecha                   { margin-left: calc(40% + 40px); padding-bottom: 10px; color: var(--color3-hex); border-bottom: solid 1px var(--color3-hex); }
#rowSinglePost .divHeading                 { margin: 20px 0px 0px calc(40% + 40px); }
#rowSinglePost .divContent p               { margin: 15px 0px; }
#rowSinglePost .divContent p:first-of-type { margin-top: 0px; }
#rowSinglePost .divContent p:last-of-type  { margin-bottom: 0px; }
#rowSinglePost .divShare                   { margin-top: 30px; padding-top: 10px; border-top: solid 1px var(--color3-hex); display: flex; align-items: center; justify-content: space-between; }

@media (max-width: 1580px) { #rowSinglePost .divSinglePost { margin: 0px 40px; max-width: none; } }
@media (max-width: 1380px) { #rowSinglePost .divSinglePost { margin: 0px 30px; } }

@media (max-width: 1280px) {
	#rowSinglePost .divFoto           { width: 50%; }
	#rowSinglePost .divFecha          { margin-left: calc(50% + 40px); }
	#rowSinglePost .divHeading        { margin: 20px 0px 0px calc(50% + 40px); }
}

@media (max-width:  980px) {
	#rowSinglePost .divFoto           { margin: 0px 40px 40px 0px; width: 40%; }
	#rowSinglePost .divFecha          { margin-left: calc(40% + 40px); }
	#rowSinglePost .divHeading        { margin: 20px 0px 0px calc(40% + 40px); }
	#rowSinglePost .divContent        { clear: both; }
}

@media (max-width:  780px) {
	#rowSinglePost .divPost           { padding-top: 60px; }
	#rowSinglePost .divFoto           { float: none; margin: 0px auto 40px auto; width: 60%; }
	#rowSinglePost .divFecha          { margin-left: 0px; }
	#rowSinglePost .divHeading        { margin: 20px 0px 0px 0px; }
	#rowSinglePost .divShare a        { font-size: 17px !important; }
}

@media (max-width:  580px) { #rowSinglePost .divFoto { margin: 0px auto 30px auto; width: 80%; } }

@media (max-width:  480px) {
	#rowSinglePost .divFoto           { width: 100%; }
	#rowSinglePost .divShare a        { font-size: 14px !important; }
	#rowSinglePost .divShare .aButton { padding: 8px 20px; }
}

@media (max-width:  380px) {
	#rowSinglePost .divPost           { padding-top: 40px; }
	#rowSinglePost .divShare          { flex-direction: column; align-items: center; }
	#rowSinglePost .divShare .aButton { margin-top: 10px; }
}