/* MEGANOTICIAS - CSS UPDATE:04/06/2020 ivan.hermosilla@megamedia.cl INDICE: ---------------------------------------- 1. Fonts 2. Generales 4. Grid base 4. Clases custom 5. Header + nav 6. Menu overlay 7. Buscador 8. Footer 9. Home > generico 10. Home > especial 11. Home > autopromo 1 12. Home > dato util 13. Home > mas noticias 14. Home > temas que sigues 15. Home > ver aqui 16. Home > Mega deportes 17. Home > cobertura especial 18. Home > Mega Plus 19. Home > radio infinita 20. Home > contenido patrocinado 21. Home > alertas 22. Home > temas del momento 23. Home > señal en vivo 24. Home > urgente 2 25. Home > urgente 3 26. Articulo normal 27. Articulo normal > formato de textos de contenido 28. Articulo normal > iframes 29. Articulo normal > redes sociales + likes 30. Articulo normal > articulos relacionados 31. Articulo normal > creditos 32. Articulo normal > compartir 33. Articulo normal > temas de la nota 34. Articulo normal > temas populares 35. Articulo normal > lo mas lei­do 36. Articulo deportes 37. Widget articulo > generales 38. Widget articulo > tambien puedes ver 39. Widget articulo > trend noticias 40. Widget articulo > galeria 41. Widget articulo > cita con foto 42. Widget articulo > cita sin foto 43. Widget articulo > usuario: seguir-guardar 44. Player > sticky articulo 45. Player > sticky articulo video 46. Sidebar > temas que sigues 47. Sidebar > lo ultimo 48. Artículos > Noticias Recomendadas + más contenido 49. Sidebar > redes sociales 50. Sidebar > temas populares 51. Sidebar > calendario Dato util 52. Sidebar > links de interes Dato util 53. Secciones > pagina generica 54. Secciones > paginador 55. Secciones > taxonomica 56. Usuario > registro 57. Usuario > login 58. Usuario > mi cuenta 59. Usuario > mis noticias 60. Usuario > mis noticias guardadas 61. Box articulo > box generico 62. Box articulo > box destacado 63. Box articulo > box generico home 64. Box articulo > box destacado relacionados 65. Box articulo > etiquetas: minuto a minuto + en vivo + exclusivo 66. Pagina > lo ultimo 67. Pagina > minuto a minuto 68. Pagina > dato util 69. Pagina > Mega Deportes 70. Pagina > señal en vivo 71. Pagina > Error 404 72. Especiales > box deporte en deportes 73. Alertas > mensajes para usuario 74. Animaciones > predefinidas 75. Notificaciones > registro 76. Player sticky: versiones 77. DFP 78. Custom 79. Mega Testigo - iframe 80. Mapa del sitio 81. Breadcrumb 82. Sticker articulo 83. Quienes somos 84. Home > especial 3 85. Botones 86. Arti­culo patrocinado 87. Variables player sticky 88. Dato util Coronavirus 89. Home > especial 3 + lo ultimo 90. Widgets Coronavirus: Tabla de contagiados 91. Charts: Evolucion de coronavirus 92. Home > especial 4 93. Arti­culo > Graficos Qlik 94. Arti­culo > Coronavirus 95. Graficos */ /*1. ------Fonts ----------------------------------------------*/ @font-face { font-family: 'Darwin Pro Regular'; src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Regular.eot'); src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Regular.eot?#iefix') format('embedded-opentype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Regular.woff2') format('woff2'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Regular.woff') format('woff'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Regular.ttf') format('truetype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Regular.svg#DarwinPro-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Darwin Pro Black'; src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Black.eot'); src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Black.eot?#iefix') format('embedded-opentype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Black.woff2') format('woff2'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Black.woff') format('woff'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Black.ttf') format('truetype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Black.svg#DarwinPro-Black') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Darwin Pro SemiBold Italic'; src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-SemiBoldIt.eot'); src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-SemiBoldIt.eot?#iefix') format('embedded-opentype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-SemiBoldIt.woff2') format('woff2'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-SemiBoldIt.woff') format('woff'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-SemiBoldIt.ttf') format('truetype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-SemiBoldIt.svg#DarwinPro-SemiBoldIt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Darwin Pro Light'; src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Light.eot'); src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Light.eot?#iefix') format('embedded-opentype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Light.woff2') format('woff2'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Light.woff') format('woff'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Light.ttf') format('truetype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Light.svg#DarwinPro-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Darwin Pro Regular Italic'; src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-RegularIt.eot'); src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-RegularIt.eot?#iefix') format('embedded-opentype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-RegularIt.woff2') format('woff2'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-RegularIt.woff') format('woff'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-RegularIt.ttf') format('truetype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-RegularIt.svg#DarwinPro-RegularIt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Darwin Pro SemiBold'; src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-SemiBold.eot'); src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-SemiBold.eot?#iefix') format('embedded-opentype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-SemiBold.woff2') format('woff2'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-SemiBold.woff') format('woff'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-SemiBold.ttf') format('truetype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-SemiBold.svg#DarwinPro-SemiBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Darwin Pro Bold Italic'; src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-BoldIt.eot'); src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-BoldIt.eot?#iefix') format('embedded-opentype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-BoldIt.woff2') format('woff2'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-BoldIt.woff') format('woff'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-BoldIt.ttf') format('truetype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-BoldIt.svg#DarwinPro-BoldIt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Darwin Pro Thin'; src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Thin.eot'); src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Thin.eot?#iefix') format('embedded-opentype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Thin.woff2') format('woff2'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Thin.woff') format('woff'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Thin.ttf') format('truetype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Thin.svg#DarwinPro-Thin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Darwin Pro Light Italic'; src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-LightIt.eot'); src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-LightIt.eot?#iefix') format('embedded-opentype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-LightIt.woff2') format('woff2'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-LightIt.woff') format('woff'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-LightIt.ttf') format('truetype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-LightIt.svg#DarwinPro-LightIt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Darwin Pro Bold'; src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Bold.eot'); src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Bold.eot?#iefix') format('embedded-opentype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Bold.woff2') format('woff2'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Bold.woff') format('woff'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Bold.ttf') format('truetype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-Bold.svg#DarwinPro-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Darwin Pro ExtraLight'; src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ExtraLight.eot'); src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ExtraLight.eot?#iefix') format('embedded-opentype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ExtraLight.woff2') format('woff2'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ExtraLight.woff') format('woff'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ExtraLight.ttf') format('truetype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ExtraLight.svg#DarwinPro-ExtraLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Darwin Pro Thin Italic'; src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ThinIt.eot'); src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ThinIt.eot?#iefix') format('embedded-opentype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ThinIt.woff2') format('woff2'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ThinIt.woff') format('woff'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ThinIt.ttf') format('truetype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ThinIt.svg#DarwinPro-ThinIt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Darwin Pro Black Italic'; src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-BlackIt.eot'); src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-BlackIt.eot?#iefix') format('embedded-opentype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-BlackIt.woff2') format('woff2'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-BlackIt.woff') format('woff'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-BlackIt.ttf') format('truetype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-BlackIt.svg#DarwinPro-BlackIt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Darwin Pro ExtraLight Italic'; src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ExtraLightIt.eot'); src: url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ExtraLightIt.eot?#iefix') format('embedded-opentype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ExtraLightIt.woff2') format('woff2'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ExtraLightIt.woff') format('woff'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ExtraLightIt.ttf') format('truetype'), url('https://servicios-mega.mdstrm.com/resources/fonts/darwin-pro/DarwinPro-ExtraLightIt.svg#DarwinPro-ExtraLightIt') format('svg'); font-weight: normal; font-style: normal; } /*2. ------Generales ----------------------------------------------*/ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html { box-sizing: border-box; font-size: 62.5%; } body { font-family: 'Darwin Pro Regular'; color: #151F2C; background-color: #f8f9fa; height: 100%; min-height: 100%; position: relative; display: block; overflow: auto; overflow-x: hidden; margin: 0; padding: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.menu-overlay { overflow: hidden; } main { display: block; position: relative; z-index: 2; background-color: #f8f9fa; margin-bottom: 50px; margin-top: 50px; } figure { padding: 0; margin: 0; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } ::selection { background: #12d8b1; color: #FFF; } .clear:before, .clear:after { content: ' '; display: table; } .clear:after { clear: both; } img { max-width: 100%; } a { color: #444; text-decoration: none; font-weight: normal; cursor: pointer; } a:hover { color: #444; font-weight: normal; } a:focus { outline: 0; font-weight: normal; } input:focus { outline: 0; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; } ul { list-style: none; margin: 0; padding: 0; font-weight: normal; } ::selection { background: #04A4CC; color: #FFF; text-shadow: none; } ::-webkit-selection { background: #04A4CC; color: #FFF; text-shadow: none; } ::-moz-selection { background: #04A4CC; color: #FFF; text-shadow: none; } :focus { outline: 0; } /*3. ------Grid base ----------------------------------------------*/ .row { display: flex; flex-direction: row; padding: 0; width: 100%; } .row.row-no-padding { padding: 0; } .row.row-no-padding > .column { padding: 0; } .row.row-wrap { flex-wrap: wrap; } .row.row-top { align-items: flex-start; } .row.row-bottom { align-items: flex-end; } .row.row-center { align-items: center; } .row.row-stretch { align-items: stretch; } .row.row-baseline { align-items: baseline; } .row .column { display: block; flex: 1 1 auto; margin-left: 0; max-width: 100%; width: 100%; } .row .column.column-offset-10 { margin-left: 10%; } .row .column.column-offset-20 { margin-left: 20%; } .row .column.column-offset-25 { margin-left: 25%; } .row .column.column-offset-33, .row .column.column-offset-34 { margin-left: 33.3333%; } .row .column.column-offset-50 { margin-left: 50%; } .row .column.column-offset-66, .row .column.column-offset-67 { margin-left: 66.6666%; } .row .column.column-offset-75 { margin-left: 75%; } .row .column.column-offset-80 { margin-left: 80%; } .row .column.column-offset-90 { margin-left: 90%; } .row .column.column-10 { flex: 0 0 10%; max-width: 10%; } .row .column.column-20 { flex: 0 0 20%; max-width: 20%; } .row .column.column-25 { flex: 0 0 25%; max-width: 25%; } .row .column.column-33, .row .column.column-34 { flex: 0 0 33.3333%; max-width: 33.3333%; } .row .column.column-40 { flex: 0 0 40%; max-width: 40%; } .row .column.column-50 { flex: 0 0 50%; max-width: 50%; } .row .column.column-60 { flex: 0 0 60%; max-width: 60%; } .row .column.column-66, .row .column.column-67 { flex: 0 0 66.6666%; max-width: 66.6666%; } .row .column.column-75 { flex: 0 0 75%; max-width: 75%; } .row .column.column-80 { flex: 0 0 80%; max-width: 80%; } .row .column.column-90 { flex: 0 0 90%; max-width: 90%; } .row .column .column-top { align-self: flex-start; } .row .column .column-bottom { align-self: flex-end; } .row .column .column-center { -ms-grid-row-align: center; align-self: center; } /*4. ------Clases custom ----------------------------------------------*/ .trnstn { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } .container { display: block; position: relative; margin: 0 auto; width: 1290px; } /*5. ------Header + nav ----------------------------------------------*/ header { display: block; position: sticky; position: -webkit-sticky; top: 0; width: 100%; height: 85px; /* mod.*/ background-color: #fff; border-bottom: 1px solid #F2F3F4; z-index: 3; -webkit-transition: top 0s ease-in-out; -moz-transition: top 0s ease-in-out; -ms-transition: top 0s ease-in-out; -o-transition: top 0s ease-in-out; transition: top 0s ease-in-out; } header.nav-up { top: 0px; } header img.logo-mg { width: 400px; cursor: pointer; display: inline-block; shape-rendering: geometricPrecision; margin-top: -5px; } header img.logo-mg-2 { width: 400px; cursor: pointer; display: none; margin-top: -5px; } header img.logo-mg-3 { width: 400px; cursor: pointer; display: none; margin-top: -5px; } header .row.menu { height: 110px; } header .row.menu .column.logo { text-align: center; display: block; padding-top: 12px; } header ul li { display: inline-block; font-size: 1.4em; } header ul.left { float: left; } header ul.left li { padding: 0px 40px 0px 0px; } header ul.left li.li-menu, header ul.left li.li-mis-noticias i, header ul.left li.li-guardadas i { font-size: 1em; } header ul.left li.li-menu { position: absolute; top: 30px; font-size: 2em; cursor: pointer; } header ul.left li.li-mis-noticias, header ul.left li.li-guardadas { font-family: 'Darwin Pro Regular'; line-height: 1.3; text-align: center; position: relative; padding-top: 24px; cursor: pointer; } header ul.left li.li-mis-noticias { margin-left: 80px; } header ul.right { float: right; padding-top: 34px; margin-right: 10px; } header ul.right + ul.right { margin-right: 70px; } header ul.right li { float: right; padding: 0px 0px 0px 40px; cursor: pointer; } header ul.right li a { font-family: 'Darwin Pro Regular'; } header ul li a { color: #151F2C; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } header ul li a:hover { color: #454E5C; } header span.alerta { position: absolute; text-align: center; top: 14px; width: 16px; height: 16px; background-color: #E22146; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; color: #fff; font-size: 0.8em; line-height: 1.4; } header .column.lo-ultimo span.alerta { position: absolute; text-align: center; top: -7px; right: -8px; width: 16px; height: 16px; background-color: #E22146; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; color: #fff; font-size: 1.2em; line-height: 1.4; } /* *****submenu señales en vivo*/ header#header .senales-envivo { display: none; position: absolute; top: 85px; height: auto; margin-top: 50px; width: 231px; left: 70px; z-index: 9999; background-color: #070c13; padding: 10px; } header#header .senales-envivo.on { display: block; } header#header .senales-envivo span.triangulo { width: 0; height: 0; border-right: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #070c13; position: absolute; top: -18px; left: 104px; } header#header .senales-envivo .box-senales .senales { display: block; position: relative; width: 230px; height: auto; } header#header .senales-envivo .box-senales .senales .item { display: table; height: 60px; width: 92%; position: relative; background-color: #172331; margin: 0px 20px 10px 0px; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } header#header .senales-envivo .box-senales .senales .item:hover { -webkit-opacity: 0.9; -moz-opacity: 0.9; -ms-opacity: 0.9; -o-opacity: 0.9; opacity: 0.9; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } header#header .senales-envivo .box-senales .senales .item .datos { display: table-cell; vertical-align: middle; position: relative; width: 100%; bottom: 0px; padding: 8px 6px; z-index: 99; } header#header .senales-envivo .box-senales .senales .item .datos .left { display: table; height: 60px; position: relative; float: left; width: 78%; } header#header .senales-envivo .box-senales .senales .item .datos .left .box { display: table-cell; vertical-align: middle; } header#header .senales-envivo .box-senales .senales .item .datos .right { display: table; height: 60px; position: relative; float: left; text-align: right; width: 20%; } header#header .senales-envivo .box-senales .senales .item .datos .left span { display: inline; position: relative; font-family: 'Darwin Pro SemiBold'; font-size: 1em; text-transform: uppercase; letter-spacing: 1px; background-color: #e62a42; padding: 5px 15px; color: #FFF; border-radius: 2px; } header#header .senales-envivo .box-senales .senales .item span.gradiente { display: block; position: absolute; width: 100%; height: 100%; bottom: 0; z-index: 9; background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(41,63,83,1) 74%, rgba(12,20,31,1) 100%); background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(41,63,83,1) 74%,rgba(12,20,31,1) 100%); background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(41,63,83,1) 74%,rgba(12,20,31,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#0c141f',GradientType=0 ); } header#header .senales-envivo .box-senales .senales .item .datos .left p { font-family: 'Darwin Pro SemiBold'; font-size: 1.4em; color: #FFF; margin-top: 6px; } header#header .senales-envivo .box-senales .senales .item .datos .right i { display: table-cell; vertical-align: middle; font-size: 3em; color: #FFF; } header .row.bottom-menu { bottom: -25px; position: absolute; height: 50px; width: 100%; background-color: #fff; padding: 0px; z-index: 3; } header .column.lo-ultimo { width: 8%; } header .column.en-vivo { width: 10%; } header .row.bottom-menu .column.en-vivo a span.punto { display: inline; width: 10px; height: 10px; background-color: #ed3338; border-radius: 50%; position: absolute; top: 19px; left: 16px; padding: 0; animation-name: live; animation-duration: 2s; animation-delay: 1s; animation-iteration-count: infinite; animation-timing-function: linear; animation-direction: alternate; } header .column.menu { width: 79%; padding: 14px 6px; } header .column.buscador { width: 3%; } header .row.bottom-menu .column.lo-ultimo { text-align: center; position: relative; padding: 15px 6px 10px 6px; } header .row.bottom-menu .column.lo-ultimo a { font-size: 1.4em; font-family: 'Darwin Pro Bold'; color: #EA2F3B; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } header .row.bottom-menu .column.lo-ultimo a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } header .row.bottom-menu .column.en-vivo { text-align: center; position: relative; padding: 15px 6px 10px 6px; } header .row.bottom-menu .column.en-vivo a { font-size: 1.4em; font-family: 'Darwin Pro Bold'; padding-left: 24px; color: #151F2C; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } header .row.bottom-menu .column.en-vivo a:hover { color: #454E5C; } header .row.bottom-menu button.nav__dropdown-toggle { font-family: 'Darwin Pro Regular'; padding: 0px 16px; font-size: 1.4em; color: #151F2C; border: 0px; background-color: transparent; cursor: pointer; } header .row.bottom-menu button.nav__dropdown-toggle:hover { color: #454E5C; } header .row.bottom-menu button.nav__dropdown-toggle:after { font-family: "mn-icons"; content: '\f103'; margin-left: 6px; } header .row.bottom-menu .nav__dropdown { padding: 2rem; white-space: nowrap; top: 26px; right: -16px; background-color: #151F2C; transition: 300ms cubic-bezier(0.25, 2, 0.25, 1); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-transform: rotateX(-30deg); transform: rotateX(-30deg); opacity: 0; } header .row.bottom-menu .nav__dropdown.show { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; visibility: visible; box-shadow: 0 0 20px 0 rgba(49, 49, 49, 0.25); transition: 300ms cubic-bezier(0.25, 2, 0.25, 1), box-shadow 1000ms cubic-bezier(0.25, 2, 0.25, 1); } body#black header .row.bottom-menu .nav__dropdown { background-color: #0b141d; } body#black header .row.bottom-menu .nav__dropdown:after { border-bottom: 6px solid #0b141d; } header .row.bottom-menu .priority-nav__dropdown { position: absolute; visibility: hidden; } header .row.bottom-menu .priority-nav__dropdown li { display: block; padding: 6px 10px; } header .row.bottom-menu .priority-nav__dropdown.show li { display: block; padding: 6px 10px; } header .row.bottom-menu .priority-nav__dropdown.show li a { color: rgba(255,255,255,0.75) } header .row.bottom-menu .priority-nav__dropdown.show li a:hover { color: rgba(255,255,255,1) } header .row.bottom-menu .nav__dropdown:after { content: ''; display: block; position: absolute; height: 0; width: 0; border-bottom: 6px solid #151F2C; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ''; top: -6px; right: 4rem; } header .column.lo-ultimo a i { color: #E22146; } header .column.buscador { text-align: right; } header .column.buscador a { font-size: 1.8em; color: #1ea88a; position: absolute; top: 13px; right: 8px; cursor: pointer; } header .column.categorias { text-align: center; } header nav ul li { font-family: 'Darwin Pro Regular'; padding: 0px 12px; } header nav ul li a:hover { color: #454E5C; } header nav ul li.activo a { background-color:#24AF8E; color: #FFF; padding: 4px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } header nav ul li.activo a:hover { padding: 4px 8px; -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } header nav ul li.activo.off a { background-color:transparent; color: #151F2C; padding: 4px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } header nav ul li.activo.off a:hover { color: #454E5C; } .top-menu { display: block; position: relative; height: 30px; background-color: #eceef1; text-align: right; padding: 4px 14px; } .top-menu ul { text-align: right; } .top-menu ul li { font-size: 1.4em; margin-left: 14px; } .top-menu ul li a { color: #8C8F94; } /*logueado*/ header .log-in-wrap { margin-right: 70px; float: right; margin-top: 25px; display: block; width: auto; } header .log-in-wrap #imgProfile { float: left; display: none; margin-right: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } header .log-in-wrap .text-older { float: left; display: block; } header .log-in-wrap .text-older p { font-family: 'Darwin Pro Regular'; color: #151F2C; font-size: 1.4em; text-transform: capitalize; } header .log-in-wrap .text-older p span { display: none; } body#black header .log-in-wrap .text-older p { color: #FFF; } header .log-in-wrap .text-older a { font-family: 'Darwin Pro Regular'; color: #8C8F94; font-size: 1.2em; cursor: pointer; margin-right: 14px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } header .log-in-wrap .text-older a + a { cursor: pointer; margin-right: 0px; } header .log-in-wrap .text-older a:hover { color: #151F2C; } #menu-usuario { display: none; } header .log-in-wrap .text-older a i.icon-mn-usuario:before { content: '\f2c0' !important; } header .log-in-wrap .text-older a + a i.icon-logout:before { content: '\e82a' !important; } /*6. ------Menu Overlay ----------------------------------------------*/ #menu-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(27, 174, 141, 0.98); opacity: 0; visibility: hidden; z-index: 9999; text-align: center; display: table; -webkit-transition: visibility 0.3s ease, opacity 0.1s ease; -moz-transition: visibility 0.3s ease, opacity 0.1s ease; -o-transition: visibility 0.3s ease, opacity 0.1s ease; transition: visibility 0.3s ease, opacity 0.1s ease; } #menu-overlay.activo { opacity: 1; visibility: visible; } #menu-overlay .nav { display: block; position: relative; margin: 0 auto; width: 1245px; margin-top: 50px; } #menu-overlay .nav li { display: block; -moz-transform: translateY(-40px); -webkit-transform: translateY(-40px); transform: translateY(-40px); opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } #menu-overlay .nav li { -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } #menu-overlay .nav a { display: block; color: #FFF; text-decoration: none; } #menu-overlay .nav a:hover{ -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } #menu-overlay .row.categorias .column { text-align: left; margin-right: 30px; } #menu-overlay .row.categorias .column.rrss li { display: inline-block; } #menu-overlay .row.categorias .column.rrss li a { font-size: 4em; } #menu-overlay .row.categorias .column.rrss li a:hover { padding: 0px; } #menu-overlay .row.categorias h3 { font-family: 'Darwin Pro SemiBold'; font-size: 2.4em; color: #FFF; margin-bottom: 20px; } #menu-overlay .row.categorias h3.megamedia { padding-top: 20px; } #menu-overlay .row.categorias .column.rrss img { width: 100px; } #menu-overlay .row.categorias li { padding: 4px 0px; position: relative; } #menu-overlay .row.categorias li a { font-family: 'Darwin Pro Regular'; font-size: 1.8em; color: #FFF; } #menu-overlay .row.top { width: 100%; height: 74px; margin-bottom: 50px; } #menu-overlay .column.logo { width: 100px; text-align: left; } #menu-overlay .column.logo a { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #menu-overlay .column.logo a:hover { padding: 0px; } #menu-overlay .column.cerrar { width: 100px; text-align: right; } #menu-overlay .column.cerrar a { font-size: 2em; padding-top: 30px; color: #FFF; cursor: pointer; } #menu-overlay .column.logo img.logo-mg { width: 70px; } #menu-overlay .column.buscador-menu { padding-left: 120px; } #menu-overlay input#search2 { width: 82%; height: 70px; background-color: transparent; border: 0px; border-bottom: 4px solid #FFF; padding-left: 30px; font-family: 'Darwin Pro Regular'; font-size: 3em; color: #FFF; float: left; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } #menu-overlay input#search2:focus { background-color: rgba(255,255,255,0.2) } #menu-overlay button { width: 8%; height: 70px; border: 0px; border-bottom: 4px solid #FFF; font-size: 3em; padding: 14px 0px 27px 0px; font-family: 'Darwin Pro Regular'; color: #24AF8E; background-color: #FFF; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; -webkit-box-shadow: 2px 2px 11px -3px rgba(0,0,0,0.15); -moz-box-shadow: 2px 2px 11px -3px rgba(0,0,0,0.15); -o-box-shadow: 2px 2px 11px -3px rgba(0,0,0,0.15); -ms-box-shadow: 2px 2px 11px -3px rgba(0,0,0,0.15); box-shadow: 2px 2px 11px -3px rgba(0,0,0,0.15); float: left; } #menu-overlay input::-webkit-input-placeholder { color:#FFF; } #menu-overlay input:-moz-placeholder { color: #FFF; } #menu-overlay input:-ms-input-placeholder { color: #FFF; } #menu-overlay .row.temas { width: 100%; height: auto; margin-bottom: 50px; } #menu-overlay .row.temas h3 { font-family: 'Darwin Pro SemiBold'; font-size: 2.4em; color: #FFF; padding: 12px 0px 0px 0px; } #menu-overlay .row.temas ul li { display: inline-block; font-size: 2em; margin-bottom: 0px; } #menu-overlay .row.temas ul li a { display: block; font-family: 'Darwin Pro Regular Italic'; color: #FFF; border: 0px solid #FFF; padding: 6px 10px; font-size: 0.6em; background-color: transparent; margin-right: 20px; } #menu-overlay .row.temas ul li a h2:before { font-family: "mn-icons"; content: '\e800'; margin-right: 6px; } #menu-overlay .row.temas .column { width: 300px; text-align: left; } #menu-overlay .row.temas .column + .column { width: 100%; text-align: left; } #menu-overlay .row.temas .column + .column ul { background-color: #fff3; border-radius: 5px; padding: 10px; } #menu-overlay .cuenta-usuario { background-color: rgba(255,255,255,0.25); margin-bottom: 50px; padding: 10px 20px; } #menu-overlay .cuenta-usuario h3 { font-size: 2.4em; color: #FFF; padding-top: 4px; } #menu-overlay .cuenta-usuario li { display: inline-block; } #menu-overlay .cuenta-usuario .logout { display: none; } #menu-overlay .cuenta-usuario .login { display: flex; /*provisorio*/ } #menu-overlay .cuenta-usuario .logout .column { text-align: left; } #menu-overlay .cuenta-usuario .logout .column + .column { text-align: right; } #menu-overlay .cuenta-usuario .login .column { text-align: left; } #menu-overlay .cuenta-usuario .login .column + .column { text-align: right; } #menu-overlay .cuenta-usuario .logout a { background-color: #FFF; color: #15ae90; padding: 10px 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin-left: 20px; } #menu-overlay .cuenta-usuario .login a { padding: 10px 10px; margin-left: 20px; font-size: 1.8em; } #menu-overlay .senal-en-vivo { display: none; } /*7. ------Buscador ----------------------------------------------*/ #buscador-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(27, 174, 141, 0.98); opacity: 0; visibility: hidden; z-index: 999; text-align: center; display: table; -webkit-transition: visibility 0.3s ease, opacity 0.1s ease; -moz-transition: visibility 0.3s ease, opacity 0.1s ease; -o-transition: visibility 0.3s ease, opacity 0.1s ease; transition: visibility 0.3s ease, opacity 0.1s ease; } #buscador-overlay.activo { opacity: 1; visibility: visible; } #buscador-overlay .row { display: block; position: relative; margin: 0 auto; width: 1290px; margin-top: 50px; text-align: left; } #buscador-overlay .row.top { height: 90px; } #buscador-overlay input#search { width: 82%; height: 70px; background-color: transparent; border: 0px; border-bottom: 4px solid #FFF; padding-left: 30px; font-family: 'Darwin Pro Regular'; font-size: 3em; color: #FFF; float: left; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } #buscador-overlay input#search:focus { background-color: rgba(255,255,255,0.2) } #buscador-overlay button { width: 8%; height: 70px; border: 0px; border-bottom: 4px solid #FFF; font-size: 3em; padding: 14px 0px 27px 0px; font-family: 'Darwin Pro Regular'; color: #24AF8E; background-color: #FFF; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; -webkit-box-shadow: 2px 2px 11px -3px rgba(0,0,0,0.15); -moz-box-shadow: 2px 2px 11px -3px rgba(0,0,0,0.15); -o-box-shadow: 2px 2px 11px -3px rgba(0,0,0,0.15); -ms-box-shadow: 2px 2px 11px -3px rgba(0,0,0,0.15); box-shadow: 2px 2px 11px -3px rgba(0,0,0,0.15); float: left; } #buscador-overlay input::-webkit-input-placeholder { color:#FFF; } #buscador-overlay input:-moz-placeholder { color: #FFF; } #buscador-overlay input:-ms-input-placeholder { color: #FFF; } #buscador-overlay .click-buscar { font-size: 2em; padding-top: 30px; color: #FFF; cursor: pointer; } #buscador-overlay .column.cerrar { width: 10%; float: left; text-align: right; padding-top: 20px; } #buscador-overlay .resultados { margin-top: 20px; } #buscador-overlay .resultados h3 { font-family: 'Darwin Pro Regular'; font-size: 2.4em; color: #FFF; padding: 4px 0px; margin-bottom: 20px; } #buscador-overlay .resultados article { float: left; margin-right: 30px; } #buscador-overlay .resultados article + article { float: left; margin-right: 30px; } #buscador-overlay .resultados article + article + article { float: left; margin-right: 30px; } #buscador-overlay .resultados article + article + article + article { float: left; margin-right: 0px; } #buscador-overlay .resultados .btn { display: inline-block; position: relative; margin: 40px 0px; text-align: right; width: 100%; } #buscador-overlay .resultados .btn a { background-color: #FFF; padding: 14px 30px; font-family: 'Darwin Pro SemiBold'; font-size: 2em; color: #13ae8e; cursor: pointer; display: inline-block; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #buscador-overlay .resultados .btn a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } /*8. ------Footer ----------------------------------------------*/ footer { display: block; position: relative; bottom: 0; width: 100%; height: auto; background-color: #eff1f3; z-index: 1; padding: 50px 0px 0px 0px; } footer .row.top { margin-bottom: 30px; } footer .row.top .column { padding-right: 20px; } footer .row.top .column h3 { font-family: 'Darwin Pro SemiBold'; font-size: 2.4em; color: #151F2C; margin-bottom: 20px; } footer .row.top .column li { padding: 4px 0px; position: relative; } footer .row.top .column li span.icono-oculto { display: none; } footer .row.top .column li:hover span.icono-oculto { font-size: 2em; color: #24AF8E; position: absolute; left: -10px; z-index: -1; display: inline-block; } footer .row.top .column a { font-family: 'Darwin Pro Regular'; font-size: 1.6em; color: #151F2C; } footer .row.top .column a:hover { color: #454E5C; padding-left: 0px; } footer .row.top .column.rrss ul li { display: inline-block; font-size: 2em; line-height: 1em; padding: 0px 0px 10px 0px; } footer .row.top .column.rrss ul li a:hover { padding-left: 0px; } footer .row.bottom { border-top: 1px solid #F2F3F4; padding: 20px 0px; } footer .row.bottom p { display: inline-block; font-family: 'Darwin Pro Regular'; font-size: 1.4em; } footer .row.bottom p a { font-family: 'Darwin Pro Regular'; color: #141e2b; } footer .row.bottom p a:hover { color: #454E5C; } footer .row.bottom .column { text-align: left; width: 75%; } footer .row.bottom .column + .column { text-align: right; width: 35%; } footer img.logo-mg { width: 70px; margin-top: 6px; } footer .column.logo a:hover { padding: 0px !important; } footer img.logo-mega { width: 24px; margin-right: 20px; } footer .row.top .column a.black { display: none; } footer .row.top .column a.normal { display: block; } body#black footer .row.top .column a.black { display: block; } body#black footer .row.top .column a.normal { display: none; } footer .row.top .column h3.megamedia { padding-top: 20px; } footer .row.bottom a.black { display: none; } footer .row.bottom a.normal { display: inline-block; } body#black footer .row.bottom a.black { display: inline-block; } body#black footer .row.bottom a.normal { display: none; } /*9. ------Home: generico ----------------------------------------------*/ /* *****notas top*/ body#portada section.noticias { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #f8f9fa; height: auto; padding-top: 20px; padding-bottom: 20px; width: 1290px; } body#portada section.noticias .destacado { display: block; position: relative; margin-top: 0px; padding-bottom: 0px; } body#portada section.noticias .articulos { display: block; position: relative; width: 960px; height: auto; float: left; } body#portada section.noticias .articulos .notas { display: inline-block; position: relative; width: 100%; } body#portada section.noticias .articulos .notas article { display: block; position: relative; float: left; margin-right: 30px; margin-top: 30px; } body#portada section.noticias .articulos .notas article + article { display: block; position: relative; float: left; margin-right: 30px; } body#portada section.noticias .articulos .notas article + article + article { display: block; position: relative; float: left; margin-right: 0px; } /* *****Lo ultimo > home*/ body#portada section.noticias .lo-ultimo.home { display: block; position: relative; width: 300px; margin-left: 30px; float: left; } body#portada section.noticias .lo-ultimo.home .linea-tiempo { position: relative; max-width: 945px; margin: 0 auto; } body#portada section.noticias .lo-ultimo.home .linea-tiempo .boton { display: block; position: relative; margin-top: 10px; } body#portada section.noticias .lo-ultimo.home .linea-tiempo .boton a { border: 1px solid #e62a42; padding: 10px 20px; font-family: 'Darwin Pro SemiBold'; color: #e82e3f; font-size: 1.4em; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.noticias .lo-ultimo.home .linea-tiempo .boton a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.noticias .lo-ultimo.home .linea-tiempo h3.titulo { font-family: 'Darwin Pro Bold'; font-size: 2.6em; color: #151F2C; padding-left: 50px; } body#portada section.noticias .lo-ultimo.home .linea-tiempo h3.titulo i { color: #e62a42; } body#portada section.noticias .lo-ultimo.home .linea-tiempo h3.titulo a { color: #151F2C; } /* *****reloj*/ body#portada section.noticias .lo-ultimo.home .linea-tiempo .reloj { position: absolute; top: -13px; left: -5px; margin: auto; width: 50px; height: 50px; border: 1px solid transparent; z-index: 999; } body#portada section.noticias .lo-ultimo.home .linea-tiempo .reloj .borde { width: 80%; height: 80%; border: 4px solid #ea303b; border-radius: 50%; position: absolute; bottom: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; } body#portada section.noticias .lo-ultimo.home .linea-tiempo .reloj .borde .puntero { width: 12px; height: 2px; background: #ea303b; position: absolute; top: 14px; left: 3px; transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; -webkit-animation: horas 10s linear 0s infinite; animation: horas 10s linear 0s infinite; } /* Chrome, Safari, Opera */ @-webkit-keyframes horas { from { } to { -webkit-transform:rotate(360deg); } } /* Standard syntax */ @keyframes horas { from { } to { -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); } } body#portada section.noticias .lo-ultimo.home .linea-tiempo::after { content: ''; position: absolute; width: 4px; background-color: #e42644; top: 32px; bottom: 40px; left: 2px; margin-left: 14px; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt { padding: 10px; position: relative; background-color: inherit; width: 100%; float: inherit !important; margin-left: 16px !important; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt::after { content: ''; position: absolute; width: 15px; height: 15px; right: 0; background-color: #e42644; border: 4px solid #e42644; top: 11%; border-radius: 50%; z-index: 1; left: -5px; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt::before { content: " "; height: 0; position: absolute; top: 9%; width: 0; z-index: 2; left: 2px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido { padding: 0px; background-color: white; position: relative; width: 260px; height: 110px; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido .hora { display: block; float: left; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido .hora time { display: block; padding: 60px 20px 10px 20px; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido .hora time p { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #151F2C; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido .hora time p + p { font-family: 'Darwin Pro Bold'; font-size: 2em; color: #151F2C; text-transform: uppercase; letter-spacing: 2px; margin-top: -10px; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido figure { display: inline-block; width: 274px; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido figure .imagen { display: block; position: relative; float: left; width: 40%; text-align: right; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido figure .imagen span { position: absolute; bottom: 0px; left: 0px; background-color: #fff; width: 30px; height: 30px; text-align: center; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido figure .texto { display: block; float: left; width: 60%; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido figure .imagen img { height: auto; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido figure .texto figcaption { padding: 4px 10px; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido figure .texto figcaption h2 { font-family: 'Darwin Pro Regular'; font-size: 1.4em; color: #151F2C; line-height: 1.3em; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido figure .texto figcaption h2:hover { color: #454E5C; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido figure .texto figcaption h1 { font-family: 'Darwin Pro Regular'; font-size: 1.4em; color: #151F2C; line-height: 1.3em; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido figure .texto figcaption h1:hover { color: #454E5C; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido figure .texto figcaption p.hora { font-family: 'Darwin Pro Bold'; font-size: 1.4em; color: #e52941; line-height: 1.2em; width: 100%; display: block; padding-bottom: 2px; } body#portada section.noticias .lo-ultimo.home article.item-lt .contenido { width: 100%; padding-left: 70px; padding-right: 25px; } body#portada section.noticias .lo-ultimo.home article.item-lt .contenido::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } body#portada section.noticias .lo-ultimo.home article.item-lt::after { left: 15px; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt .contenido figure .imagen span { display: block; position: absolute; bottom: 0px; width: 30px; height: 30px; background-color: #FFF; color: #1bae8d; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt.normal .contenido figure .imagen span { display: none; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt.video .contenido figure .imagen span i { display: inline-block; font-size: 2.2em; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt.video .contenido figure .imagen span i + i { display: none; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt.galeria .contenido figure .imagen span i { display: none; } body#portada section.noticias .lo-ultimo.home .linea-tiempo article.item-lt.galeria .contenido figure .imagen span i + i { display: inline-block; font-size: 1.8em; padding-top: 4px; } /*10. ------Home: especial ----------------------------------------------*/ body#portada section.especial { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #f8f9fa; height: auto; padding-top: 30px; padding-bottom: 50px; width: 1290px; } body#portada section.especial .container.contenido { display: block; width: 1290px; } body#portada section.especial .container.contenido .left, body#portada section.especial .container.contenido .right { display: block; position: relative; float: left; width: 645px; height: 645px; } /* *****left*/ body#portada section.especial .container.contenido .left .imagen { display: block; position: relative; } body#portada section.especial .container.contenido .left .imagen img { width: 100%; } body#portada section.especial .container.contenido .left .box-titular { display: block; position: absolute; width: 534px; background-color: #f8f9fa; bottom: 0; left: 56px; padding: 20px 20px 0px 20px; } body#portada section.especial .container.contenido .left .box-titular ul.top { display: block; position: relative; text-align: center; height: 38px; line-height: 1.2; } body#portada section.especial .container.contenido .left .box-titular ul.top li { display: inline-block; position: relative; padding-right: 4px; } body#portada section.especial .container.contenido .left .box-titular ul.top li span { color: #151F2C; font-size: 2em; } /* *****variables de tipo de nota */ body#portada section.especial .container.contenido .left .box-titular.video ul.top li span i { display: inline-block; } body#portada section.especial .container.contenido .left .box-titular.video ul.top li span i + i { display: none; } body#portada section.especial .container.contenido .left .box-titular.galeria ul.top li span i { display: none; } body#portada section.especial .container.contenido .left .box-titular.galeria ul.top li span i + i { display: inline-block; } body#portada section.especial .container.contenido .left .box-titular.normal ul.top li span { display: none; } body#portada section.especial .container.contenido .left .box-titular.normal ul.top li.categoria { border-left: 0px solid #b3b3b3; } body#portada section.especial .container.contenido .left .box-titular ul.top li.categoria { border-left: 1px solid #b3b3b3; padding-left: 10px; } body#portada section.especial .container.contenido .left .box-titular ul.top li.categoria a { font-family: 'Darwin Pro SemiBold'; color: #151F2C; font-size: 1.8em; } body#portada section.especial .container.contenido .left .box-titular ul.top li.categoria a:hover { color: #454E5C; } body#portada section.especial .container.contenido .left .box-titular h2 { font-family: 'Darwin Pro SemiBold'; color: #151F2C; font-size: 2.6em; text-align: center; } body#portada section.especial .container.contenido .left .box-titular h2:hover { color: #454E5C; } /* *****bottom nota: fecha + compartir + guardar */ body#portada section.especial .container.contenido .left .box-bottom { display: block; position: relative; width: 100%; } body#portada section.especial .container.contenido .left .box-bottom .fecha-compartir { display: block; position: relative; padding-top: 10px; text-align: center; } body#portada section.especial .container.contenido .left .box-bottom .fecha-compartir ul.box-fc { display: block; position: relative; width: 100%; padding: 0px 10px; } body#portada section.especial .container.contenido .left .box-bottom .fecha-compartir ul.box-fc li { display: block; position: relative; float: left; font-size: 2em; } body#portada section.especial .container.contenido .left .box-bottom .fecha-compartir ul.box-fc li p { padding-top: 10px; display: none; /*provisorio*/ } body#portada section.especial .container.contenido .left .box-bottom .fecha-compartir ul.box-fc li.guardar-nota-seccion { font-size: 1.6em!important; cursor: pointer; } body#portada section.especial .container.contenido .left .box-bottom .fecha-compartir ul.box-fc li.guardar-nota { display: block; position: relative; float: right; } body#portada section.especial .container.contenido .left .box-bottom .fecha-compartir .usuario { position: relative; right: 0px; width: auto; } /* *****guardar nota */ body#portada section.especial .container.contenido .left .usuario ul.acciones li.guardar-nota-seccion span.guardada { display: none; } body#portada section.especial .container.contenido .left .usuario ul.acciones li.guardar-nota-seccion span.guardar { display: inline-block; cursor: pointer; } /* *****variables***** */ body#portada section.especial .container.contenido .left .usuario ul.acciones li.guardar-nota-seccion.on span.guardada { display: inline-block; } body#portada section.especial .container.contenido .left .usuario ul.acciones li.guardar-nota-seccion.on span.guardada i { color: #e32644; } body#portada section.especial .container.contenido .left .usuario ul.acciones li.guardar-nota-seccion.on span.guardar { display: none; } /* *****right*/ body#portada section.especial .container.contenido .right { background-color: #121f2c; padding: 30px; } body#portada section.especial .container.contenido .right .box-header { display: inline-block; position: relative; width: 100%; } body#portada section.especial .container.contenido .right .box-header .titulo { display: block; position: relative; float: left; } body#portada section.especial .container.contenido .right .box-header .boton { display: block; position: relative; float: right; } body#portada section.especial .container.contenido .right .box-header .boton .btn { display: block; position: relative; float: left; width: auto; } body#portada section.especial .container.contenido .right .box-header .boton .btn a { border: 1px solid #eeca00; background-color: #eeca00; border-radius: 4px; padding: 8px 20px; display: block; font-family: 'Darwin Pro Bold'; font-size: 1.6em; color: #141f2c; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.especial .container.contenido .right .box-header .boton .btn a i { color: #101f2c; } body#portada section.especial .container.contenido .right .box-header .boton .btn a:hover { border: 1px solid #fff299; background-color: #fff299; } body#portada section.especial .container.contenido .right .box-header h3 { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #FFF; } body#portada section.especial .container.contenido .right .box-header h3 span { color: #fff498; } body#portada section.especial .container.contenido .left .box-header.mobile { display: none; } body#portada section.especial .container.contenido .right .box-header { display: block; } body#portada section.especial .container.contenido .left .box-header.mobile { display: inline-block; position: relative; width: 100%; } body#portada section.especial .container.contenido .left .box-header.mobile .titulo { display: block; position: relative; float: left; } body#portada section.especial .container.contenido .left .box-header.mobile .boton { display: block; position: relative; float: left; } body#portada section.especial .container.contenido .left .box-header.mobile .boton .btn { display: block; position: relative; float: left; width: auto; } body#portada section.especial .container.contenido .left .box-header.mobile .boton .btn a { border: 1px solid #eeca00; background-color: #eeca00; border-radius: 4px; padding: 8px 20px; display: block; font-family: 'Darwin Pro Bold Italic'; font-size: 1.6em; color: #141f2c; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.especial .container.contenido .left .box-header.mobile .boton .btn a i { color: #101f2c; } body#portada section.especial .container.contenido .left .box-header.mobile .boton .btn a:hover { border: 1px solid #fff299; background-color: #fff299; } body#portada section.especial .container.contenido .left .box-header.mobile h3 { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #FFF; } body#portada section.especial .container.contenido .left .box-header.mobile h3 span { color: #fff498; } body#portada section.especial .container.contenido .left .box-header.mobile { display: none; } body#portada section.especial .container.contenido .right .box-header { display: block; } /* *****notas*/ body#portada section.especial .container.contenido .right .notas { display: inline-block; position: relative; margin-top: 40px; } body#portada section.especial .container.contenido .right .notas article { margin-right: 35px; position: relative; float: left; width: 275px; } body#portada section.especial .container.contenido .right .notas article + article { margin-right: 0px; position: relative; float: left; width: 275px; } body#portada section.especial .container.contenido .right .notas article figure img { -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; border: 2px solid transparent; } body#portada section.especial .container.contenido .right .notas article figure:hover img { border: 2px solid #FFF; } body#portada section.especial .container.contenido .right .notas article h2 { font-family: 'Darwin Pro Regular'; font-size: 2em; line-height: 1.2em; color: #FFF; margin-top: 10px; height: 100px; } body#portada section.especial .container.contenido .right .notas article h2:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.especial .container.contenido .right .notas article .categoria { display: block; position: absolute; width: 100%; z-index: 9; margin-top: -25px; } body#portada section.especial .container.contenido .right .notas article .categoria .tag { display: block; position: relative; width: 180px; height: 30px; margin: 0 auto; background-color: #101f2c; } body#portada section.especial .container.contenido .right .notas article .categoria .tag h4 { display: block; font-family: 'Darwin Pro Bold'; font-size: 1.4em; position: relative; text-align: center; color: #FFF; padding-top: 6px; } body#portada section.especial .container.contenido .right .notas article .categoria .tag h4 i { display: none; } /* *****con video*/ body#portada section.especial .container.contenido .right .notas article figure .categoria .tag h4 span { border-left: 2px solid #FFF; padding-left: 4px; position: relative; } body#portada section.especial .container.contenido .right .notas article.video figure .categoria .tag h4 i { display: inline-block; padding-right: 0px; } body#portada section.especial .container.contenido .right .notas article.video figure .categoria .tag h4 i + i { display: none; } body#portada section.especial .container.contenido .right .notas article.galeria figure .categoria .tag h4 i { display: none; } body#portada section.especial .container.contenido .right .notas article.galeria figure .categoria .tag h4 i + i { display: inline-block; padding-right: 4px; } body#portada section.especial .container.contenido .right .notas article.normal figure .categoria .tag h4 i { display: none; } body#portada section.especial .container.contenido .right .notas article.normal figure .categoria .tag h4 span { border-left: 0px solid #FFF; padding-left: 10px; position: relative; } /* *****fin variables***** */ body#portada section.especial .container.contenido .right .notas article .fecha-mn-user { margin: 20px 0px 0px 0px; } body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column { margin: 0; } body#portada section.especial .container.contenido .right .notas article .fecha-mn-user ul.right { text-align: right; float: right; width: 180px; height: auto; padding: 0px; } body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column li { display: inline-block; margin-right: 4px; } body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column li p { font-family: 'Darwin Pro Light'; font-size: 1.6em; color: #FFF; display: none; /*provisorio*/ } body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column li a { font-family: 'Darwin Pro Light'; font-size: 1.6em; color: #FFF; -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column li a:hover { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } body#portada section.especial .container.contenido .right .notas article .separador { display: block; position: relative; height: 30px; } body#portada section.especial .container.contenido .right .notas article .separador .linea { display: block; position: relative; width: 80px; border-bottom: 1px solid #FFF; margin: 0 auto; padding-top: 16px; } body#portada section.especial .container.contenido .right .notas article .contenido-patrocinado { display: block; position: relative; height: auto; } body#portada section.especial .container.contenido .right .notas article .contenido-patrocinado p { font-family: 'Darwin Pro Light'; font-size: 1.4em; color: #FFF; text-align: center; } body#portada section.especial .container.contenido .right .notas article .contenido-patrocinado a { color: #ddd; } /* ******variables***** */ /*guardar*/ body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column li a.mn-guardar-lml { cursor: pointer; } body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column li a.mn-guardar-lml span { display: inline-block; } body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column li a.mn-guardar-lml span + span { display: none; } /* *****fin variables***** */ body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column li a.mn-guardar-lml.guardado span { display: none; } body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column li a.mn-guardar-lml.guardado span + span { display: inline-block; } /*guardar*/ body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column li { cursor: pointer; } body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column li span { display: inline-block; font-family: 'Darwin Pro Light'; font-size: 1.6em; color: #FFF; -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; cursor: pointer; } body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column li span + span { display: none; } /* *****fin variables***** */ body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column li.user-save-note.on span { display: none; } body#portada section.especial .container.contenido .right .notas article .fecha-mn-user .column li.user-save-note.on span + span { display: inline-block; font-family: 'Darwin Pro Light'; font-size: 1.6em; color: #FFF; -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; cursor: pointer; } /*11. ------Home: autopromo 1 ----------------------------------------------*/ body#portada section.autopromo { display: block; position: relative; width: 1290px; height: auto; margin: 0 auto; } body#portada section.autopromo #autopromoUno { width: 100%; height: 100%; display: block; overflow: hidden; transform: translate3d(0,0,0); text-align: center; opacity: 1; } #autopromoUno .box { display: block; position: absolute; width: 100%; padding: 120px 20px 140px 40px; } #autopromoUno .box .left { display: block; position: relative; float: left; width: 400px; } #autopromoUno .box .right { display: block; position: relative; float: right; padding-top: 40px; } #autopromoUno .box .left h2 { display: block; position: relative; font-family: 'Darwin Pro Black'; font-size: 4.4em; color: #454e5c; text-align: left; } #autopromoUno .box .left h2 span { color: #24AF8E; } #autopromoUno .box .left p { display: block; position: relative; font-family: 'Darwin Pro Regular'; font-size: 2em; line-height: 1em; color: #454e5c; text-align: left; } #autopromoUno .box .left p span { font-family: 'Darwin Pro Bold Italic'; } #autopromoUno .box .right a { background-color: #ffcd01; color: #454e5c; padding: 10px 30px; font-family: 'Darwin Pro Bold'; font-size: 3em; margin-top: 7%; border-bottom: 4px solid #fdfc00; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #autopromoUno .box .right a:hover { background-color: #fdfc00; border-bottom: 4px solid #ffcd01; } /*12. ------Home: Dato util ----------------------------------------------*/ body#portada section.dato-util { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #f8f9fa; height: auto; padding-top: 30px; padding-bottom: 0px; width: 100%; } body#portada section.dato-util .container { margin-top: -20px; } body#portada section.dato-util .box-header { display: block; position: relative; background-color: #fffc00; width: 1330px; height: 100px; margin: 0 auto; padding: 20px; } body#portada section.dato-util .box-header .titulo { display: none; position: relative; float: left; width: 150px; } body#portada section.dato-util .box-header .menu { display: block; position: relative; float: left; width: 1000px; margin-top: -10px; } body#portada section.dato-util .box-header .seguir { display: block; position: relative; float: right; width: 140px; } body#portada section.dato-util .box-header .seguir a.seguir { border: 1px solid #141f2c; border-radius: 4px; padding: 8px 20px; display: block; font-family: 'Darwin Pro Regular'; font-size: 1.6em; color: #141f2c; text-align: center; cursor: pointer; } body#portada section.dato-util .box-header .seguir a.seguir span { display: inline-block; } body#portada section.dato-util .box-header .seguir a.seguir span + span { display: none; } /*siguiendo*/ body#portada section.dato-util .box-header .seguir a.seguir.on { background-color: #141f2c; color: #FFF; } body#portada section.dato-util .box-header .seguir a.seguir.on i { color: #FFF; } body#portada section.dato-util .box-header .seguir a.seguir.on .icon-mn-mas:before { content: '\e8a0' !important; } body#portada section.dato-util .box-header .seguir a.seguir.on span { display: none; } body#portada section.dato-util .box-header .seguir a.seguir.on span + span { display: inline-block; } body#portada section.dato-util .box-header .titulo h3 { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #141f2c; } body#portada section.dato-util .box-header .titulo .linea-seccion { display: block; position: relative; width: 80px; height: 4px; background-color: #141f2c;; margin-bottom: 30px; } body#portada section.dato-util .box-header .menu ul { padding-top: 10px; } body#portada section.dato-util .box-header .menu ul li { font-family: 'Darwin Pro SemiBold'; padding: 0px 8px; font-size: 1.6em; color: #141f2c; padding-bottom: 6px; } body#portada section.dato-util .box-header .menu ul li:hover { color: #454E5C; } body#portada section.dato-util .box-header .menu ul li a { color: #141f2c; } body#portada section.dato-util .box-header .menu ul li a:hover { color: #454E5C; } body#portada section.dato-util .box-header .menu ul li h3 { font-family: 'Darwin Pro Bold'; font-size: 2em; color: #141f2c; } body#portada section.dato-util .box-header .menu ul li.portada-dato-util { margin-right: 50px; } body#portada section.dato-util .box-header .menu ul li.portada-dato-util:hover { border-bottom: 2px solid transparent; padding-bottom: 6px; } body#portada section.dato-util .box-header .menu ul li.portada-dato-util span.linea-seccion { display: block; position: relative; width: 40px; height: 4px; background-color: #141e2b; margin-bottom: 0px; } /* *****box destacado */ body#portada section.dato-util #destacado-home article figure .titulares .top-nota ul li.tipo-nota { width: 48%; text-align: left; } body#portada section.dato-util #destacado-home article figure .titulares .top-nota ul li.guardar-nota { width: 48%; text-align: right; } body#portada section.dato-util #destacado-home article figure .titulares .box-texto figcaption h2 { color: #151F2C; } body#portada section.dato-util #destacado-home article figure .titulares .box-texto figcaption h2:hover { color: #454E5C; } body#portada section.dato-util #destacado-home .usuario { right: -10px; } body#portada section.dato-util #destacado-home article figure .titulares .box-texto .relacionados li i { color: #fff900; float: left; background-color: #141f2c; font-size: 1.2em; line-height: 9px; margin-right: 10px; margin-top: 2.7px; height: 12px; } /* *****variables***** */ body#portada section.dato-util #destacado-home article.normal figure .titulares .top-nota ul li.tipo-nota { display: none; } body#portada section.dato-util #destacado-home article.normal figure .titulares .top-nota ul li.guardar-nota { width: 100% !important; float: right; padding-top: 20px; } body#portada section.dato-util #destacado-home article.normal figure .titulares .top-nota span.usuario { top: -18px; right: -18px; } body#portada section.dato-util #destacado-home article.normal .usuario ul.acciones li.compartir-rrss.on ul.social { width: 200px; left: -156px; } body#portada section.dato-util #destacado-home article.normal figure .titulares .top-nota ul.acciones li { float: left; } /* *****fin variables***** */ /* *****calendario + buscador > home */ body#portada section.dato-util .buscador-calendario { display: block; position: relative; width: 300px; margin-left: 30px; float: left; } /* ******buscador + calendario en home dato util */ body#portada section.dato-util .buscador-calendario .buscador { display: block; position: relative; width: 300px; height: 40px; margin: 0px; float: inherit; margin-bottom: 10px; } body#portada section.dato-util .buscador-calendario .calendario { display: inline-block; position: relative; width: 300px; margin-bottom: 0px; } body#portada section.dato-util .buscador-calendario .buscador button { right: 0px; } /* *****linea + boton*/ body#portada section.dato-util .boton { display: block; position: relative; margin: 0 auto; width: 1290px; margin-top: 40px; margin-bottom: 40px; } body#portada section.dato-util .boton .linea { display: block; width: 100%; height: 1px; background-color: #eeeeef; bottom: 0px; z-index: 1; margin: 0 auto; } body#portada section.dato-util .boton .btn { display: block; position: absolute; width: auto; right: 0; top: -19px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.dato-util .boton .btn:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.dato-util .boton .btn a span.texto { border: 1px solid #141f2c; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -ms-border-radius: 4px 0px 0px 4px; -o-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; padding: 8px 20px; display: inline-block; font-family: 'Darwin Pro Regular'; font-size: 1.6em; color: #141f2c; background-color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.dato-util .boton .btn a span.icono { border: 1px solid #141f2c; -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -ms-border-radius: 0px 4px 4px 0px; -o-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; padding: 8px 4px; display: inline-block; font-size: 1.6em; background-color: #141f2c; color: #fff900; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } /* *****menu dropdown*/ body#portada section.dato-util .box-header .menu .nav__dropdown { padding: 2rem; white-space: nowrap; top: 26px; right: -16px; background-color: #151f2c; transition: 300ms cubic-bezier(0.25, 2, 0.25, 1); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-transform: rotateX(-30deg); transform: rotateX(-30deg); opacity: 0; } body#portada section.dato-util .box-header .menu .nav__dropdown.show { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; visibility: visible; box-shadow: 0 0 20px 0 rgba(49, 49, 49, 0.25); transition: 300ms cubic-bezier(0.25, 2, 0.25, 1), box-shadow 1000ms cubic-bezier(0.25, 2, 0.25, 1); z-index: 9999; top: 30px; } body#portada section.dato-util .box-header .menu .priority-nav__dropdown { position: absolute; visibility: hidden; } body#portada section.dato-util .box-header .menu .priority-nav__dropdown li { display: block; padding: 6px 10px; } body#portada section.dato-util .box-header .menu .priority-nav__dropdown.show li { display: block; padding: 6px 10px; background-color: transparent; } body#portada section.dato-util .box-header .menu .priority-nav__dropdown.show li a { color: rgba(255,255,255,0.75) } body#portada section.dato-util .box-header .menu .priority-nav__dropdown.show li a:hover { color: rgba(255,255,255,1) } body#portada section.dato-util .box-header .menu .nav__dropdown:after { content: ''; display: block; position: absolute; height: 0; width: 0; border-bottom: 6px solid #151f2c; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ''; top: -4px; right: 4rem; } body#portada section.dato-util .box-header .menu button.nav__dropdown-toggle { font-family: 'Darwin Pro SemiBold'; padding: 0px 4px; font-size: 1.6em; color: #141f2c; padding-bottom: 6px; border: none; background-color: transparent; background: transparent; } body#portada section.dato-util .box-header .menu button.nav__dropdown-toggle:after { font-family: "mn-icons"; content: '\f103'; margin-left: 6px; } /*13. ------Home: Mas noticias ----------------------------------------------*/ body#portada section.mas-noticias { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #f8f9fa; height: auto; padding-top: 0px; padding-bottom: 20px; width: 1290px; } body#portada section.mas-noticias .notas { display: block; position: relative; margin-top: 0px; padding-bottom: 30px; } body#portada section.mas-noticias .notas h3 { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #151F2C; } body#portada section.mas-noticias .notas h3 span { color: #24AF8E; } body#portada section.mas-noticias .notas .linea-seccion { display: block; position: relative; width: 40px; height: 4px; background-color: #24AF8E; margin-bottom: 30px; } body#portada section.mas-noticias .notas article { float: left; margin-right: 30px; } body#portada section.mas-noticias .notas article + article { float: left; margin-right: 30px; } body#portada section.mas-noticias .notas article + article + article { float: left; margin-right: 30px; } body#portada section.mas-noticias .notas article + article + article + article { float: left; margin-right: 0px; } body#portada section.mas-noticias .notas article + article + article + article + article { float: left; margin-right: 30px; padding-top: 30px; } body#portada section.mas-noticias .notas article + article + article + article + article + article { float: left; margin-right: 30px; } body#portada section.mas-noticias .notas article + article + article + article + article + article + article { float: left; margin-right: 30px; } body#portada section.mas-noticias .notas article + article + article + article + article + article + article + article { float: left; margin-right: 0px; } body#portada section.mas-noticias .notas article.dfp { width: 300px; } /*skin*/ #skin_branding.ad_skin, body#black #skin_branding.ad_skin main#main, body#black #skin_branding.ad_skin main#main .contenido-video, body#black #skin_branding.ad_skin .contenido-video .aside-top, body#black #skin_branding.ad_skin .contenido-video .video-principal, body#black #skin_branding.ad_skin .container aside.right { background-color: #0000; } body#black #skin_branding.ad_skin main#main { margin: 0 auto; width: 1290px; } body#black #skin_branding.ad_skin main#main .contenedor-otros-videos { margin-top: 120px; } body#black #skin_branding.ad_skin header .row.menu { background-color: #172231; } body#black #skin_branding.ad_skin header { background-color: #0000; border-bottom: 1px solid #0000; } /*14. ------Home: Temas que sigues ----------------------------------------------*/ section.temas-que-sigues { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #f8f9fa; height: auto; padding-top: 0px; padding-bottom: 20px; width: 1290px; } /* *****box header */ body#portada section.temas-que-sigues .box-header { display: inline-block; position: relative; width: 830px; margin-top: 10px; } body#portada section.temas-que-sigues .box-header .titulo { display: block; position: relative; } body#portada section.temas-que-sigues .box-header .titulo .left { display: block; position: relative; width: 50%; float: left; } body#portada section.temas-que-sigues .box-header .titulo .right { display: block; position: relative; width: 50%; float: left; padding-top: 12px; } body#portada section.temas-que-sigues .box-header .titulo h3 { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #151F2C; } body#portada section.temas-que-sigues .box-header .titulo h3 span { color: #EBCC1D; } body#portada section.temas-que-sigues .box-header .titulo .linea-seccion { display: block; position: relative; width: 40px; height: 4px; margin-bottom: 0px; background-color: #EBCC1D; } body#portada section.temas-que-sigues .box-header .usuario { display: inline-block; width: 100%; position: relative; height: auto; } body#portada section.temas-que-sigues .box-header .sin-leer { display: block; position: relative; text-align: right; width: 80%; float: left; height: 30px; } body#portada section.temas-que-sigues .box-header .sin-leer a { font-family: 'Darwin Pro SemiBold'; font-size: 1.4em; background-color: #EBCC1D; color: #151F2C; padding: 6px 10px; border-radius: 4px; } body#portada section.temas-que-sigues .box-header .opciones { display: block; position: relative; width: 20%; float: left; text-align: right; padding-top: 0px; height: 30px; } body#portada section.temas-que-sigues .box-header .opciones a { font-family: 'Darwin Pro SemiBold'; font-size: 1.4em; color: #151F2C; } body#portada section.temas-que-sigues .box-header .opciones a i { color: #EBCC1D; } section.temas-que-sigues .hide, body#portada section.temas-que-sigues .box-header .titulo .right.hide { display: none; } /* *****box contenido */ body#portada section.temas-que-sigues .box-contenido { display: block; position: relative; width: 1290px; margin: 0px 0px 0px 0px; } body#portada section.temas-que-sigues .box-contenido .left { display: block; position: relative; width: 850px; height: auto; float: left; margin-right: 30px; } /*cargando*/ body#portada section.temas-que-sigues .box-contenido .left .cargando, body#portada section.temas-que-sigues .box-contenido .left .cargando:before, body#portada section.temas-que-sigues .box-contenido .left .cargando:after { border-radius: 50%; width: 1.5em; height: 1.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } body#portada section.temas-que-sigues .box-contenido .left .cargando { color: #24AF8E; font-size: 10px; margin: 2px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; margin-top: 30%; margin-bottom: 80px; } body#portada section.temas-que-sigues .box-contenido .left .cargando:before, body#portada section.temas-que-sigues .box-contenido .left .cargando:after { content: ''; position: absolute; top: 0; } body#portada section.temas-que-sigues .box-contenido .left .cargando:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } body#portada section.temas-que-sigues .box-contenido .left .cargando:after { left: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } body#portada section.temas-que-sigues .box-contenido .right { display: block; position: relative; width: 410px; float: left; margin-right: 0px; margin-top: 0px; } /* *****box - destacado: temas que sigues */ body#portada section.temas-que-sigues .box-contenido .left .top { display: inline-block; position: relative; } body#portada section.temas-que-sigues .box-contenido .left .top .destacado article.box-generica-home { display: block; position: relative; width: 410px; height: 350px; padding: 0px; margin: 0px; } body#portada section.temas-que-sigues .box-contenido .left .top .destacado article.box-generica-home .top .box-top .top-nota .box { width: 330px; } body#portada section.temas-que-sigues .box-contenido .left .top .destacado article.box-generica-home .usuario ul.acciones li.compartir-rrss.on ul.social { width: 290px; left: -250px; } body#portada section.temas-que-sigues .box-contenido .left .top .destacado article.box-generica-home .top .box-top .top-nota .box ul li.categoria { width: 68%; text-align: center; } body#portada section.temas-que-sigues .box-contenido .left .top .destacado article.box-generica-home .top .box-top .top-nota .box ul li.tipo-nota { font-size: 2.4em; } body#portada section.temas-que-sigues .box-contenido .left .top .destacado article.box-generica-home .top .box-top .top-nota .box ul li.guardar-nota { font-size: 2.4em; } body#portada section.temas-que-sigues .box-contenido .left .top .destacado article.box-generica-home .top .box-top .top-nota .box ul li.guardar-nota .usuario { right: 26px; } article.box-generica-home .bottom .fecha { display: block; position: absolute; bottom: 10px; left: 10px; } article.box-generica-home .bottom .fecha p { font-family: 'Darwin Pro SemiBold'; font-size: 1.6em; color: #151F2C; line-height: 1.6em; display: none; /*provisorio*/ } body#portada section.temas-que-sigues .box-contenido .left .destacado { display: block; position: relative; width: 410px; float: left; margin-right: 30px; } body#portada section.temas-que-sigues .box-contenido .left .top .destacado article.box-generica-home .bottom { height: 212px; } body#portada section.temas-que-sigues .box-contenido .left .top .destacado article.box-generica-home .bottom a { font-size: 1.8em; } /* *****box - recomendados: temas que sigues */ body#portada section.temas-que-sigues .box-contenido .left .bottom .recomendados { display: inline-block; position: relative; margin-top: 30px; } body#portada section.temas-que-sigues .box-contenido .left .bottom .recomendados article { float: left; margin-right: 10px; } body#portada section.temas-que-sigues .box-contenido .left .bottom .recomendados article + article { float: left; margin-right: 0px; } body#portada section.temas-que-sigues .box-contenido .left .bottom .recomendados article + article + article { float: left; margin-right: 10px; margin-top: 20px; } body#portada section.temas-que-sigues .box-contenido .left .bottom .recomendados article + article + article + article { float: left; margin-right: 0px; } body#portada section.temas-que-sigues .box-contenido article.temas figure a span.recomendado { font-family: 'Darwin Pro SemiBold'; font-size: 1.4em; background-color: #EBCC1D; color: #151F2C; padding: 2px 10px; border-radius: 4px; position: absolute; z-index: 99; left: 50px; top: -10px; } /* *****boton mis temas */ body#portada section.temas-que-sigues .box-contenido .left .boton { display: block; position: relative; margin: 0 auto; width: 876px; margin-top: 40px; margin-bottom: 40px; } body#portada section.temas-que-sigues .box-contenido .left .boton .linea { display: block; width: 87%; height: 1px; background-color: #eeeeef; bottom: 0px; z-index: 1; margin: 0 auto; } body#portada section.temas-que-sigues .box-contenido .left .boton .btn { display: block; position: absolute; width: 164px; right: 0; top: -19px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.temas-que-sigues .box-contenido .left .boton .btn:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.temas-que-sigues .box-contenido .left .boton .btn a span.texto { border: 1px solid #141f2c; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -ms-border-radius: 4px 0px 0px 4px; -o-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; padding: 8px 20px; display: inline-block; font-family: 'Darwin Pro Regular Italic'; font-size: 1.6em; color: #141f2c; background-color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.temas-que-sigues .box-contenido .left .boton .btn a span.icono { border: 1px solid #141f2c; -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -ms-border-radius: 0px 4px 4px 0px; -o-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; padding: 8px 4px; display: inline-block; font-size: 1.6em; background-color: #141f2c; color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } /* *****box - normal: temas que sigues */ body#portada section.temas-que-sigues .box-contenido .left .otras-notas { display: block; position: relative; width: 410px; float: left; } body#portada section.temas-que-sigues .box-contenido .left .otras-notas article { margin-top: 0px; } body#portada section.temas-que-sigues .box-contenido .left .otras-notas article + article { margin-top: 30px; } body#portada section.temas-que-sigues .box-contenido article.temas { display: block; position: relative; width: 410px; height: 205px; float: left; margin-right: 30px; } body#portada section.temas-que-sigues .box-contenido article.temas figure a img { width: 205px; float: left; display: block; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares { height: 205px; width: 205px; float: left; display: block; position: relative; background-color: #FFF; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .box-texto { display: block; position: absolute; z-index: 99; background-color: #FFF; left: -30px; top: 18%; padding: 12px 12px 12px 50px; height: 130px; width: 235px; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .box-texto ul { position: absolute; display: block; top: 50px; font-size: 2.4em; left: 4px; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .top-nota ul { width: 205px; display: block; position: relative; padding: 10px 10px 10px 20px; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .box-texto figcaption h2 { color: #151F2C; font-family: 'Darwin Pro SemiBold'; font-size: 1.6em; line-height: 1.2em; margin-bottom: 20px; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .box-texto figcaption h2:hover { color: #454E5C; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .contenido { display: block; text-align: center; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .contenido i { color: #151F2C; font-size: 4em; } /* *****top nota: tipo de nota + categoria + guardar */ body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .top-nota { display: block; position: relative; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .top-nota ul li { font-family: 'Darwin Pro Regular'; display: inline-block; position: relative; width: 100%; text-align: left; font-size: 2em; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .top-nota ul li + li { text-align: right; width: 49%; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .top-nota ul li + li + li { text-align: right; display: inline-block; position: relative; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .top-nota ul li a.categoria { font-family: 'Darwin Pro Regular'; color: #151F2C; font-size: 0.7em; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .top-nota ul li a.categoria:hover { color: #454E5C; } /* *****bottom nota: fecha + compartir + guardar */ body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .box-bottom { display: block; position: absolute; bottom: 8px; right: 0px; width: 205px; height: 30px; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .box-bottom .fecha-compartir { display: block; position: relative; padding-top: 10px; text-align: center; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .box-bottom .fecha-compartir ul.box-fc { display: block; position: relative; width: 205px; padding: 0px 10px; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .box-bottom .fecha-compartir ul.box-fc li { position: relative; display: none; float: left; font-size: 1.4em; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .box-bottom .fecha-compartir ul.box-fc li + li { display: block !important; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .box-bottom .fecha-compartir ul.box-fc li.guardar-nota-seccion { font-size: 1.6em!important; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .box-bottom .fecha-compartir ul.box-fc li.guardar-nota { display: block !important; position: relative; float: right; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .box-bottom .fecha-compartir .usuario { position: relative; bottom: 5px; right: 0px; width: auto; } body#portada section.temas-que-sigues .box-contenido article.temas figure .titulares .box-bottom .fecha-compartir .usuario ul.acciones li.compartir-rrss.on ul.social { display: block; width: 192px; height: 20px; left: -153px; top: 2px !important; } body#portada section.temas-que-sigues .box-contenido article.temas .usuario ul.acciones li { display: block !important; } /* *****variables de iconos***** */ /* *****video */ body#portada section.temas-que-sigues .box-contenido article.temas.video li.tipo-nota i { display: inline-block; margin-top: -30px; } body#portada section.temas-que-sigues .box-contenido article.temas.video li.tipo-nota i + i { display: none; } /* *****galeria */ body#portada section.temas-que-sigues .box-contenido article.temas.galeria li.tipo-nota i { display: none; } body#portada section.temas-que-sigues .box-contenido article.temas.galeria li.tipo-nota i + i { display: inline-block; margin-top: -30px; } /* *****normal = solo foto */ body#portada section.temas-que-sigues .box-contenido article.temas.normal .top-nota li { width: 49% !important; } body#portada section.temas-que-sigues .box-contenido article.temas.normal li.tipo-nota i { display: none !important; } body#portada section.temas-que-sigues .box-contenido article.temas.normal figure .titulares .box-texto ul { display: none !important; } body#portada section.temas-que-sigues .box-contenido article.temas.normal figure .titulares .top-nota ul li.categoria { text-align: left !important; width: 100% !important; } body#portada section.temas-que-sigues .box-contenido article.temas.normal figure .titulares .top-nota ul li.guardar-nota { text-align: right !important; } body#portada section.temas-que-sigues .box-contenido article.temas.normal figure .titulares .top-nota span.usuario { top: -30px; right: -20px; } body#portada section.temas-que-sigues .box-contenido article.temas.normal .usuario ul.acciones li.compartir-rrss.on ul.social { width: 200px; left: -156px; } body#portada section.temas-que-sigues .box-contenido article.temas.normal figure .titulares .top-nota ul.acciones li { float: left; } body#portada section.temas-que-sigues .box-contenido .left .top .destacado article.box-generica-home.normal .top .box-top .top-nota .box ul li.categoria { width: 50%; text-align: left; } body#portada section.temas-que-sigues .box-contenido .left .top .destacado article.box-generica-home.normal .top .box-top .top-nota .box ul li.guardar-nota .usuario { right: 0px; } body#portada section.temas-que-sigues .box-contenido .left .top .destacado article.box-generica-home span.recomendado { font-family: 'Darwin Pro SemiBold'; font-size: 1.4em; background-color: #EBCC1D; color: #151F2C; padding: 2px 10px; border-radius: 4px; position: absolute; z-index: 99; left: 150px; top: -10px; } /* *****rrss + guardar */ body#portada section.temas-que-sigues .box-contenido article.temas .usuario { display: block; position: absolute; float: inherit; width: 100px; right: 0px; bottom: -16px; } body#portada section.temas-que-sigues .box-contenido article.temas .usuario ul.acciones { display: block; position: relative; text-align: right; width: 100% !important; } body#portada section.temas-que-sigues .box-contenido article.temas .usuario ul.acciones li { display: inline-block; position: relative; font-family: 'Darwin Pro SemiBold'; font-size: 1em !important; color: #151F2C; cursor: pointer; } /* *****guardar nota */ body#portada section.temas-que-sigues .box-contenido article.temas .usuario ul.acciones li.guardar-nota-seccion span.guardada { display: none; } body#portada section.temas-que-sigues .box-contenido article.temas .usuario ul.acciones li.guardar-nota-seccion span.guardar { display: inline-block; } /* *****variables***** */ body#portada section.temas-que-sigues .box-contenido article.temas .usuario ul.acciones li.guardar-nota-seccion.on span.guardada { display: inline-block; } body#portada section.temas-que-sigues .box-contenido article.temas .usuario ul.acciones li.guardar-nota-seccion.on span.guardada i { color: #e32644; } body#portada section.temas-que-sigues .box-contenido article.temas .usuario ul.acciones li.guardar-nota-seccion.on span.guardar { display: none; } /* *****temas populares */ body#portada section.temas-que-sigues .box-contenido .right .contenedor-tags h3 { font-family: 'Darwin Pro Regular'; font-size: 2.2em; color: #151F2C; margin-bottom: 20px; } body#portada section.temas-que-sigues .box-contenido .right .contenedor-tags h3 span { font-family: 'Darwin Pro Black'; color: #24AF8E; } body#portada section.temas-que-sigues .box-contenido .right .contenedor-tags li { display: inline-block; text-align: center; margin: 0px 0px 0px 10px; } body#portada section.temas-que-sigues .box-contenido .right .contenedor-tags li a { display: block; font-family: 'Darwin Pro Regular Italic'; color: #151F2C; padding: 6px; font-size: 1.1em; } body#portada section.temas-que-sigues .box-contenido .right .contenedor-tags li a h2:before { font-family: "mn-icons"; content: '\e800'; margin-right: 6px; } body#portada section.temas-que-sigues .box-contenido .right .contenedor-tags li a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.temas-que-sigues .box-contenido .right .contenedor-tags li a span { color: #24AF8E; } /* *****autopromos */ body#portada section.temas-que-sigues .box-contenido .right .autopromo { display: block; position: relative; width: 100%; height: 166px; margin: 30px 0px; } /* *****mega noticias select */ body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-select { background: url(../images/autopromo/banner-meganoticias-select.jpg); padding: 20px; background-position: top; background-size: cover; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-select .texto { display: block; position: relative; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); left: -40px; top: -14px; width: 342px; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-select h3 { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #454e5c; margin-bottom: -4px; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-select h3 span { font-family: 'Darwin Pro Bold'; color: #24AF8E; background-color: #FFF; padding: 10px 10px 10px 0px; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-select h3 span.select { font-family: 'Darwin Pro Black'; color: #2cb2a1; padding: 10px 0px } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-select p { font-family: 'Darwin Pro Regular'; font-size: 1.8em; color: #454e5c; margin-top: 4px; white-space: pre-wrap; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-select p span { background-color: #FFF; padding: 8px 10px 10px 0px; line-height: 1.5em; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-select p span b { font-family: 'Darwin Pro Black'; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-select .btn { display: block; position: absolute; bottom: 30px; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-select .btn a { background-color: #ffcd01; color: #454e5c; padding: 10px 20px; font-family: 'Darwin Pro Bold'; font-size: 2.4em; margin-top: 7%; border-bottom: 4px solid #fdfc00; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; cursor: pointer; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-select .btn a:hover { background-color: #fdfc00; border-bottom: 4px solid #ffcd01; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-select .btn ul, body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-select .btn li { list-style: none; } /* *****mega noticias notificaciones */ body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-notificaciones { background: url(../images/autopromo/banner-notificaciones-01.jpg); padding: 20px; background-position: top; background-size: cover; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-notificaciones h3 { font-family: 'Darwin Pro SemiBold'; font-size: 2.4em; color: #FFF; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-notificaciones h3 span { font-family: 'Darwin Pro Black'; color: #ed3338; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-notificaciones p { font-family: 'Darwin Pro Regular'; font-size: 1.4em; color: #FFF; margin-top: 10px; width: 200px; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-notificaciones .btn { display: block; position: absolute; bottom: 30px; left: 20px; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-notificaciones .btn a { background-color: #6c7f93; color: #fff; padding: 10px 20px; font-family: 'Darwin Pro Bold'; font-size: 2.4em; margin-top: 7%; border-bottom: 4px solid #c8ced4; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; cursor: pointer; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-notificaciones .btn a:hover { background-color: #c8ced4; border-bottom: 4px solid #6c7f93; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-notificaciones .btn ul, body#portada section.temas-que-sigues .box-contenido .right .autopromo.mn-notificaciones .btn li { list-style: none; } /* *****mega Mega Testigo */ body#portada section.temas-que-sigues .box-contenido .right .autopromo.mega-testigo { background: url(../images/autopromo/banner-mega-testigo-01.jpg); padding: 20px; background-position: top; background-size: cover; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mega-testigo h3 { font-family: 'Darwin Pro SemiBold'; font-size: 2.4em; color: #FFF; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mega-testigo h3 span { font-family: 'Darwin Pro Black'; color: #ed3338; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mega-testigo p { font-family: 'Darwin Pro Regular'; font-size: 1.4em; color: #FFF; margin-top: 10px; width: 200px; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mega-testigo .btn { display: block; position: absolute; bottom: 30px; left: 20px; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mega-testigo .btn a { background-color: #d8d8d8; color: #454e5c; padding: 10px 20px; font-family: 'Darwin Pro Bold'; font-size: 2.4em; margin-top: 7%; border-bottom: 4px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; cursor: pointer; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mega-testigo .btn ul, body#portada section.temas-que-sigues .box-contenido .right .autopromo.mega-testigo .btn li { list-style: none; } body#portada section.temas-que-sigues .box-contenido .right .autopromo.mega-testigo .btn a:hover { background-color: #fff; border-bottom: 4px solid #d8d8d8; } /*15. ------Home: Ver aqa ----------------------------------------------*/ body#portada section.videos { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #f8f9fa; height: auto; padding-top: 10px; padding-bottom: 50px; width: 1290px; } /* *****box header */ body#portada section.videos .box-header { display: inline-block; position: relative; width: 100%; margin-bottom: 10px; } body#portada section.videos .box-header .titulo { display: block; position: relative; background-color: #131f2c; padding: 20px; } body#portada section.videos .box-header .titulo h3 { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #FFF; } body#portada section.videos .box-header .titulo h3 i { margin-right: 6px; } body#portada section.videos .box-header .linea-seccion { display: block; position: relative; width: 40px; height: 4px; background-color: #FFF; margin-left: 46px; } /* *****box categorias */ body#portada section.videos .box-categorias { display: block; position: relative; width: 1290px; padding-top: 10px; } body#portada section.videos .box-categorias .box { display: block; position: relative; float: left; width: 300px; margin-right: 30px; } body#portada section.videos .box-categorias .box + .box { display: block; position: relative; float: left; width: 300px; margin-right: 30px; } body#portada section.videos .box-categorias .box + .box + .box { display: block; position: relative; float: left; width: 300px; margin-right: 30px; } body#portada section.videos .box-categorias .box + .box + .box + .box { display: block; position: relative; float: left; width: 300px; margin-right: 0px; } body#portada section.videos .box-categorias .box h2 { color: #151F2C; font-family: 'Darwin Pro SemiBold'; font-size: 2em; line-height: 1.2em; text-align: left; padding-top: 10px; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; } body#portada section.videos .box-categorias .box h2:hover { color:#454E5C; } body#portada section.videos .box-categorias .box h3 { color: #151F2C; font-family: 'Darwin Pro Bold'; font-size: 1em; line-height: 1.2em; margin-bottom: 0px; text-align: center; margin-bottom: 10px; } body#portada section.videos .box-categorias figure .box-img { display: block; position: relative; } body#portada section.videos .box-categorias figure .box-img span { position: absolute; display: block; bottom: 3px; background-color: #f8f9fa; font-size: 4em; } body#portada section.videos .box-categorias figure .box-img img { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } body#portada section.videos .box-categorias .otros-videos { display: block; position: relative; margin-top: 20px; } body#portada section.videos .box-categorias .otros-videos article { display: inline-block; position: relative; height: auto; margin-bottom: 20px; } body#portada section.videos .box-categorias .otros-videos article figure { display: block; position: relative; width: 100%; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.videos .box-categorias .otros-videos article figure span { display: block; position: absolute; top: 44px; background-color: #FFF; font-size: 1.6em; bottom: 0px; width: 23px; height: 30px; } body#portada section.videos .box-categorias .otros-videos article figure img { display: block; position: relative; float: left; width: 25%; padding-right: 12px; } body#portada section.videos .box-categorias .otros-videos article figure figcaption { display: block; position: relative; float: left; width: 75%; height: 63px; } body#portada section.videos .box-categorias .otros-videos article figure figcaption h2 { font-family: 'Darwin Pro Regular'; font-size: 1.5em; color: #151F2C; line-height: 1.35em; padding-top: 0px; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; -ms-transition: 0s; transition: 0s; } body#portada section.videos .box-categorias .otros-videos article figure figcaption h2:hover { color: #454E5C; } body#portada section.videos .box-categorias article.ultimo figcaption { display: block; position: relative; border-bottom: 1px solid #eff1f3; height: 90px; } body#portada section.videos .box-categorias .boton { display: block; position: relative; margin: 0 auto; width: 300px; margin-top: 40px; margin-bottom: 40px; } body#portada section.videos .box-categorias .boton .linea { display: block; width: 100%; height: 1px; background-color: #eeeeef; bottom: 0px; z-index: 1; margin: 0 auto; } body#portada section.videos .box-categorias .boton .btn { display: block; position: absolute; width: auto; right: 0; top: -19px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.videos .box-categorias .boton .btn:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.videos .box-categorias .boton .btn a span.texto { border: 1px solid #141f2c; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -ms-border-radius: 4px 0px 0px 4px; -o-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; padding: 8px 20px; display: inline-block; font-family: 'Darwin Pro Regular'; font-size: 1.6em; color: #141f2c; background-color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.videos .box-categorias .boton .btn a span.icono { border: 1px solid #141f2c; -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -ms-border-radius: 0px 4px 4px 0px; -o-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; padding: 8px 4px; display: inline-block; font-size: 1.6em; background-color: #141f2c; color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } /* *****box reportajes */ body#portada section.videos .box-categorias .box.reportajes h3 a { font-family: 'Darwin Pro Bold'; font-size: 2.4em; text-align: center; color: #eeb700; } body#portada section.videos .box-categorias .box.reportajes figure .box-img span { color: #eeb700; } body#portada section.videos .box-categorias .box.reportajes .otros-videos article figure span { color: #eeb700; } body#portada section.videos .box-categorias .box.reportajes .boton .btn:hover a span.icono { background-color: #f1b500; color: #FFF; border-left: 1px solid #f1b500; } body#portada section.videos .box-categorias .box.reportajes .boton .btn a span.icono { background-color: #f1b500; color: #FFF; border-left: 1px solid #f1b500; } /* *****box videos */ body#portada section.videos .box-categorias .box.videos h3 a { font-family: 'Darwin Pro Bold'; font-size: 2.4em; text-align: center; color: #121f2c; } body#portada section.videos .box-categorias .box.videos figure .box-img span { color: #121f2c; } body#portada section.videos .box-categorias .box.videos .otros-videos article figure span { color: #121f2c; } body#portada section.videos .box-categorias .box.videos .boton .btn:hover a span.icono { background-color: #151F2C; color: #FFF; border-left: 1px solid #151F2C; } /* *****box noticieros */ body#portada section.videos .box-categorias .box.noticieros h3 a { font-family: 'Darwin Pro Bold'; font-size: 2.4em; text-align: center; color: #24AF8E; } body#portada section.videos .box-categorias .box.noticieros figure .box-img span { color: #24AF8E; } body#portada section.videos .box-categorias .box.noticieros figcaption h3 { color: #151F2C; font-family: 'Darwin Pro SemiBold'; font-size: 2em; line-height: 1.2em; text-align: left; padding-top: 10px; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; } body#portada section.videos .box-categorias .box.noticieros figcaption h3:hover { color: #454E5C; } body#portada section.videos .box-categorias .box.noticieros h2 { margin-top: -10px; padding-top: 0px; } body#portada section.videos .box-categorias .box.noticieros .otros-videos h2 { margin-top: 0px; } body#portada section.videos .box-categorias .box.noticieros .otros-videos article figure span { color: #24AF8E; } body#portada section.videos .box-categorias .box.noticieros .boton .btn:hover a span.icono { background-color: #24AF8E; color: #FFF; border-left: 1px solid #24AF8E; } body#portada section.videos .box-categorias .box.noticieros .boton .btn a span.icono { background-color: #24AF8E; color: #FFF; border-left: 1px solid #24AF8E; } /* *****box entrevistas */ body#portada section.videos .box-categorias .box.entrevistas h3 a { font-family: 'Darwin Pro Bold'; font-size: 2.4em; text-align: center; color: #00a1e5; } body#portada section.videos .box-categorias .box.entrevistas figure .box-img span { color: #00a1e5; } body#portada section.videos .box-categorias .box.entrevistas .otros-videos article figure span { color: #00a1e5; } body#portada section.videos .box-categorias .box.entrevistas .boton .btn:hover a span.icono { background-color: #00a1e5; color: #FFF; border-left: 1px solid #00a1e5; } body#portada section.videos .box-categorias .box.entrevistas .boton .btn a span.icono { background-color: #00a1e5; color: #FFF; border-left: 1px solid #00a1e5; } /*16. ------Home: Mega deportes ----------------------------------------------*/ body#portada section.deportes { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #f8f9fa; height: auto; padding-top: 30px; padding-bottom: 0px; width: 100%; } body#portada section.deportes .container { margin-top: -20px; } body#portada section.deportes .box-header { display: block; position: relative; background-color: #CE0033; width: 1330px; height: 100px; margin: 0 auto; padding: 12px 20px 20px 20px; } body#portada section.deportes .box-header .titulo { display: block; position: relative; float: left; width: 300px; } body#portada section.deportes .box-header .tags { display: block; position: relative; float: left; width: 850px; padding-top: 10px; } body#portada section.deportes .box-header .tags ul { float: right; } body#portada section.deportes .box-header .tags ul li { display: inline-block; margin-right: 20px; } body#portada section.deportes .box-header .tags ul li a { border: 1px solid #FFF; border-radius: 4px; padding: 8px 20px; display: block; font-family: 'Darwin Pro Regular'; font-size: 1.6em; color: #131f2c; width: auto; background-color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.deportes .box-header .tags ul li a:hover { background-color: #141f2c; color: #FFF; border: 1px solid #141f2c; } body#portada section.deportes .box-header .seguir { display: block; position: relative; float: right; width: 140px; padding-top: 10px; } body#portada section.deportes .box-header .seguir a.seguir { border: 1px solid #FFF; border-radius: 4px; padding: 8px 20px; display: block; font-family: 'Darwin Pro Regular'; font-size: 1.6em; color: #FFF; text-align: center; cursor: pointer; } body#portada section.deportes .box-header .seguir a.seguir span { display: inline-block; } body#portada section.deportes .box-header .seguir a.seguir span + span { display: none; } /*siguiendo*/ body#portada section.deportes .box-header .seguir a.seguir.on { background-color: #FFF; border: 1px solid #FFF; color: #cd0a33; } body#portada section.deportes .box-header .seguir a.seguir.on i { color: #cd0a33; } body#portada section.deportes .box-header .seguir a.seguir.on .icon-mn-mas:before { content: '\e8a0' !important; } body#portada section.deportes .box-header .seguir a.seguir.on span { display: none; } body#portada section.deportes .box-header .seguir a.seguir.on span + span { display: inline-block; } body#portada section.deportes .box-header .titulo h3 { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #141f2c; } body#portada section.deportes .box-header .titulo .linea-seccion { display: block; position: relative; width: 80px; height: 4px; background-color: #141f2c;; margin-bottom: 30px; } body#portada section.deportes .box-header .menu ul { padding-top: 10px; } body#portada section.deportes .box-header .menu ul li { font-family: 'Darwin Pro SemiBold'; padding: 0px 4px; font-size: 1.6em; color: #141f2c; padding-bottom: 6px; } body#portada section.deportes .box-header .menu ul li:hover { border-bottom: 2px solid #141f2c; padding-bottom: 6px; } body#portada section.deportes .box-header .menu ul li a { color: #141f2c; } /* *****box destacado */ body#portada section.deportes #destacado-home article figure .titulares .top-nota ul li.tipo-nota { width: 48%; text-align: left; color: #CE0033; } body#portada section.deportes #destacado-home article figure .titulares .top-nota ul li.guardar-nota { width: 48%; text-align: right; } body#portada section.deportes #destacado-home article figure .titulares .box-texto figcaption h2 { color: #151F2C; } body#portada section.deportes #destacado-home article figure .titulares .box-texto figcaption h2:hover { color: #454E5C; } body#portada section.deportes #destacado-home .usuario { right: -10px; } body#portada section.deportes #destacado-home article figure .titulares .box-texto .relacionados li i { color: #CE0033; float: left; background-color: transparent; font-size: initial; margin-right: 10px; } /* *****box nota */ body#portada section.deportes article.box-generica-home .top .box-top .top-nota .box ul li.tipo-nota { color: #CE0033; } body#portada section.deportes article.box-generica-home .bottom { height: 190px; } body#portada section.deportes article.box-generica-home .bottom figcaption { height: 80px; } body#portada section.deportes article.box-generica-home .bottom .relacionados ul li i { color: #CE0033; } /* *****variables***** */ body#portada section.deportes #destacado-home article.normal figure .titulares .top-nota ul li.tipo-nota { display: none; } body#portada section.deportes #destacado-home article.normal figure .titulares .top-nota ul li.guardar-nota { width: 100% !important; float: right; padding-top: 20px; } body#portada section.deportes #destacado-home article.normal figure .titulares .top-nota span.usuario { top: -18px; right: -18px; } body#portada section.deportes #destacado-home article.normal .usuario ul.acciones li.compartir-rrss.on ul.social { width: 200px; left: -156px; } body#portada section.deportes #destacado-home article.normal figure .titulares .top-nota ul.acciones li { float: left; } /* *****nota 2 deportes */ body#portada section.deportes .container .nota-deportes { display: block; position: relative; width: 300px; margin-left: 30px; float: left; } /* *****linea + boton */ body#portada section.deportes .boton { display: block; position: relative; margin: 0 auto; width: 1290px; margin-top: 40px; margin-bottom: 40px; } body#portada section.deportes .boton .linea { display: block; width: 100%; height: 1px; background-color: #eeeeef; bottom: 0px; z-index: 1; margin: 0 auto; } body#portada section.deportes .boton .btn { display: block; position: absolute; width: 168px; right: 0; top: -19px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.deportes .boton .btn:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.deportes .boton .btn a span.texto { border: 1px solid #d01231; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -ms-border-radius: 4px 0px 0px 4px; -o-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; padding: 8px 20px; display: inline-block; font-family: 'Darwin Pro Regular'; font-size: 1.6em; color: #d01231; background-color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.deportes .boton .btn a span.icono { border: 1px solid #d01231; -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -ms-border-radius: 0px 4px 4px 0px; -o-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; padding: 8px 4px; display: inline-block; font-size: 1.6em; background-color: #d01231; color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } /* *****especial home: deportes */ body#portada section.deportes .container.especial-deportes { display: block; position: relative; height: 200px; margin-top: 30px; } body#portada section.deportes .container.especial-deportes .box-especial { display: block; position: absolute; width: 100%; height: 200px; } body#portada section.deportes .container.especial-deportes .box-especial .articulos { display: block; position: absolute; width: 1000px; right: 0px; background-color: #FFF; padding: 20px; top: 16px; } body#portada section.deportes .container.especial-deportes .box-especial img.portada { height: 200px; } /* *****box articulo */ body#portada section.deportes article#box-cuadrado { display: inline-block; height: auto; width: 300px; margin-right: 16px; } body#portada section.deportes article#box-cuadrado figure { display: block; position: relative; width: 100%; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.deportes article#box-cuadrado figure:hover { -webkit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; } body#portada section.deportes article#box-cuadrado figure img { display: block; position: relative; float: left; width: 45%; padding-right: 12px; } body#portada section.deportes article#box-cuadrado figure figcaption { display: block; position: relative; float: left; width: 55%; height: 92px; } body#portada section.deportes article#box-cuadrado figure figcaption h2 { font-family: 'Darwin Pro Regular'; font-size: 1.5em; color: #151F2C; line-height: 1.35em; } body#portada section.deportes article#box-cuadrado figure figcaption h2:hover { color: #454E5C; } /*17. ------Home: Cobertura especial ----------------------------------------------*/ body#portada section.cobertura-especial { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #f8f9fa; height: auto; padding-top: 30px; padding-bottom: 20px; width: 1290px; } body#portada section.cobertura-especial .notas .box-header { display: inline-block; position: relative; width: 100%; } body#portada section.cobertura-especial .notas .box-header .titulo { display: block; position: relative; float: left; } body#portada section.cobertura-especial .notas .box-header .seguir-tema { display: block; position: relative; float: right; } body#portada section.cobertura-especial .notas .box-header .seguir-tema .seguir { display: block; position: relative; float: left; width: 140px; } body#portada section.cobertura-especial .notas .box-header .seguir-tema .seguir a { border: 1px solid #141f2c; border-radius: 4px; padding: 8px 20px; display: block; font-family: 'Darwin Pro Regular Italic'; font-size: 1.6em; color: #141f2c; text-align: center; cursor: pointer; } body#portada section.cobertura-especial .notas .box-header .seguir-tema .seguir a i { color: #24AF8E; } /*Seguir-siguiendo*/ body#portada section.cobertura-especial .notas .box-header .seguir-tema .seguir a span { display: inline-block; } body#portada section.cobertura-especial .notas .box-header .seguir-tema .seguir a span + span { display: none; } body#portada section.cobertura-especial .notas .box-header .seguir-tema .seguir a.on span { display: none; } body#portada section.cobertura-especial .notas .box-header .seguir-tema .seguir a.on span + span { display: inline-block; } body#portada section.cobertura-especial .notas .box-header .seguir-tema .seguir a.on { background-color: #141f2c; color: #FFF; } body#portada section.cobertura-especial .notas h3 { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #151F2C; } body#portada section.cobertura-especial .notas h3 span { color: #24AF8E; } body#portada section.cobertura-especial .notas .linea-seccion { display: block; position: relative; width: 40px; height: 4px; background-color: #24AF8E; margin-bottom: 30px; } /* *****destacado */ body#portada section.cobertura-especial article.destacado { display: block; position: relative; width: 630px; height: 350px; float: left; margin-right: 30px; } body#portada section.cobertura-especial article.destacado figure a img { width: 350px; float: left; display: block; } body#portada section.cobertura-especial article.destacado figure .titulares { height: 350px; width: 280px; float: left; display: block; position: relative; background-color: #FFF; } body#portada section.cobertura-especial article.destacado figure .titulares .box-texto { display: block; position: absolute; z-index: 99; background-color: #FFF; left: -60px; top: 14%; padding: 18px 18px 18px 24px; height: 250px; width: 340px; } body#portada section.cobertura-especial article.destacado figure .titulares .top-nota ul { width: 280px; display: block; position: relative; padding: 10px; } body#portada section.cobertura-especial article.destacado figure .titulares .box-texto figcaption h2 { color: #151F2C; font-family: 'Darwin Pro SemiBold'; font-size: 2.8em; line-height: 1.2em; margin-bottom: 10px; } body#portada section.cobertura-especial article.destacado figure .titulares .box-texto figcaption h2:hover { color: #454E5C; } body#portada section.cobertura-especial article.destacado figure .titulares .contenido { display: block; text-align: center; } body#portada section.cobertura-especial article.destacado figure .titulares .contenido i { color: #151F2C; font-size: 4em; } body#portada section.cobertura-especial article.destacado figure .titulares .box-texto .relacionados li { padding: 5px 0px; } body#portada section.cobertura-especial article.destacado figure .titulares .box-texto .relacionados li i { color: #24AF8E; float: left; background-color: transparent; font-size: 1.6em; margin-right: 2px; } body#portada section.cobertura-especial article.destacado figure .titulares .box-texto .relacionados li a { display: flex; font-family: 'Darwin Pro Regular'; font-size: 1.1em; color: #151F2C; line-height: 1.6em; } body#portada section.cobertura-especial article.destacado figure .titulares .box-texto .relacionados li a:hover { color: #454E5C; } /* *****top nota: tipo de nota + categoria + guardar */ body#portada section.cobertura-especial article.destacado figure .titulares .top-nota { display: block; position: relative; } body#portada section.cobertura-especial article.destacado figure .titulares .top-nota ul li { font-family: 'Darwin Pro SemiBold'; display: inline-block; position: relative; width: 15%; text-align: left; font-size: 2.4em; } body#portada section.cobertura-especial article.destacado figure .titulares .top-nota ul li.categoria { width: 68%; font-size: 2em; } body#portada section.cobertura-especial article.destacado figure .titulares .top-nota ul li + li { text-align: center; } body#portada section.cobertura-especial article.destacado figure .titulares .top-nota ul li + li + li { text-align: right; display: inline-block; position: relative; } body#portada section.cobertura-especial article.destacado figure .titulares .top-nota ul li a.categoria { font-family: 'Darwin Pro SemiBold'; color: #151F2C; } body#portada section.cobertura-especial article.destacado figure .titulares .top-nota ul li a.categoria:hover { color: #454E5C; } /* *****bottom nota: patrocinado */ body#portada section.cobertura-especial article.destacado figure .titulares .box-bottom { display: block; position: absolute; bottom: 8px; right: 0px; width: 326px; height: 30px; } body#portada section.cobertura-especial article.destacado figure .titulares .box-bottom .patrocinador { display: block; position: relative; padding-top: 10px; text-align: center; } body#portada section.cobertura-especial article.destacado figure .titulares .box-bottom .patrocinador p { font-family: 'Darwin Pro Regular'; font-size: 1.2em; color: #151F2C; } body#portada section.cobertura-especial article.destacado figure .titulares .box-bottom .patrocinador p span { font-family: 'Darwin Pro Bold'; color: #151F2C; } body#portada section.cobertura-especial article.destacado figure .titulares .box-bottom .linea { display: block; width: 100px; height: 1px; background-color: #eff1f3; bottom: 0px; z-index: 1; margin: 0 auto; } /* *****variables de iconos */ /* *****video */ body#portada section.cobertura-especial article.destacado.video li.tipo-nota i { display: inline-block; margin-top: -30px; } body#portada section.cobertura-especial article.destacado.video li.tipo-nota i + i { display: none; } /* *****galeria */ body#portada section.cobertura-especial article.destacado.galeria li.tipo-nota i { display: none; } body#portada section.cobertura-especial article.destacado.galeria li.tipo-nota i + i { display: inline-block; margin-top: -30px; } /* *****normal = solo foto */ body#portada section.cobertura-especial article.destacado.normal .top-nota li { width: 49% !important; } body#portada section.cobertura-especial article.destacado.normal li.tipo-nota { display: none !important; } body#portada section.cobertura-especial article.destacado.normal figure .titulares .top-nota ul li.categoria { text-align: left !important; } body#portada section.cobertura-especial article.destacado.normal figure .titulares .top-nota ul li.guardar-nota { text-align: right !important; } body#portada section.cobertura-especial article.destacado.normal figure .titulares .top-nota span.usuario { top: -30px; right: -60px; } body#portada section.cobertura-especial article.destacado.normal .usuario ul.acciones li.compartir-rrss.on ul.social { width: 200px; left: -156px; } body#portada section.cobertura-especial article.destacado.normal figure .titulares .top-nota ul.acciones li { float: left; } /* *****rrss + guardar */ body#portada section.cobertura-especial article.destacado .usuario { display: block; position: absolute; float: inherit; width: 100px; right: 0px; bottom: -16px; } body#portada section.cobertura-especial article.destacado .usuario ul.acciones { display: block; position: relative; text-align: right; width: 100% !important; } body#portada section.cobertura-especial article.destacado .usuario ul.acciones li { display: inline-block; position: relative; font-family: 'Darwin Pro SemiBold'; font-size: 1em !important; color: #151F2C; cursor: pointer; } /* *****guardar nota */ body#portada section.cobertura-especial article.destacado .usuario ul.acciones li.guardar-nota-seccion span.guardada { display: none; } body#portada section.cobertura-especial article.destacado .usuario ul.acciones li.guardar-nota-seccion span.guardar { display: inline-block; } /* *****variables***** */ body#portada section.cobertura-especial article.destacado .usuario ul.acciones li.guardar-nota-seccion.on span.guardada { display: inline-block; } body#portada section.cobertura-especial article.destacado .usuario ul.acciones li.guardar-nota-seccion.on span.guardada i { color: #e32644; } body#portada section.cobertura-especial article.destacado .usuario ul.acciones li.guardar-nota-seccion.on span.guardar { display: none; } /* *****compartir rrss***** */ body#portada section.cobertura-especial article.destacado .usuario ul.acciones li.compartir-rrss { border-left: 1px solid #eff1f3; padding-left: 6px; } body#portada section.cobertura-especial article.destacado .usuario li.compartir-rrss ul.social { display: none; width: 100%; position: absolute; text-align: right; background-color: #FFF; top: 0; height: 20px; animation: opacity .3s ease-out; -webkit-animation: opacity .3s ease-out; -moz-animation: opacity .3s ease-out; } body#portada section.cobertura-especial article.destacado .usuario li.compartir-rrss ul.social li { display: inline-block; padding: 0px 4px; font-size: 0.7em !important; width: 30px !important; } body#portada section.cobertura-especial article.destacado .usuario li.compartir-rrss ul.social li.cerrar { border-left: 1px solid #eff1f3; } body#portada section.cobertura-especial article.destacado .usuario li.compartir-rrss ul.social li a { color: #151F2C; font-size: 1.4em; -webklit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; } body#portada section.cobertura-especial article.destacado .usuario li.compartir-rrss ul.social li a:hover { -webklit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } /* *****variables***** */ body#portada section.cobertura-especial article.destacado .usuario ul.acciones li.compartir-rrss.on ul.social { display: block; width: 239px; height: 40px; left: -198px; top: -10px !important; } /* *****notas */ body#portada section.cobertura-especial .notas { display: block; position: relative; margin-top: 0px; padding-bottom: 30px; } body#portada section.cobertura-especial .notas article { float: left; margin-right: 30px; } body#portada section.cobertura-especial .notas article + article { float: left; margin-right: 30px; } body#portada section.cobertura-especial .notas article + article + article { float: left; margin-right: 0px; } body#portada section.cobertura-especial .notas article + article + article + article { float: left; margin-right: 30px; padding-top: 30px; } body#portada section.cobertura-especial .notas article + article + article + article + article { float: left; margin-right: 30px; } body#portada section.cobertura-especial .notas article + article + article + article + article + article { float: left; margin-right: 30px; } body#portada section.cobertura-especial .notas article + article + article + article + article + article + article { float: left; margin-right: 0px; } /*18. ------Home: Mega Plus ----------------------------------------------*/ body#portada section.megaplus { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #f8f9fa; height: auto; padding-top: 30px; padding-bottom: 50px; width: 100%; } body#portada section.megaplus .box-header { display: block; position: relative; background-color: #00a1e5; width: 1290px; height: 100px; margin: 0 auto; padding: 20px; } body#portada section.megaplus .box-header .titulo { display: block; position: relative; float: left; width: 120px; cursor: pointer; z-index: 999; } body#portada section.megaplus .box-header .titulo img { will-change: opacity; } body#portada section.megaplus .container.contenido { display: block; position: relative; width: 1290px; margin-top: -70px; } body#portada section.megaplus .container.contenido .item { display: block; position: relative; width: 300px; float: left; margin-right: 30px; } body#portada section.megaplus .container.contenido .item + .tem { display: block; position: relative; width: 300px; float: left; margin-right: 30px; } body#portada section.megaplus .container.contenido .item + .item + .item { display: block; position: relative; width: 300px; float: left; margin-right: 30px; } body#portada section.megaplus .container.contenido .item + .item + .item + .item { display: block; position: relative; width: 300px; float: left; margin-right: 0px; } /* *****programacion */ body#portada section.megaplus .container.contenido .item.programacion { margin-top: 80px; } body#portada section.megaplus .container.contenido .item.programacion h3 { color: #151F2C; font-family: 'Darwin Pro Black'; font-size: 1.6em; } body#portada section.megaplus .container.contenido .item.programacion ul { display: block; position: relative; padding-top: 10px; } body#portada section.megaplus .container.contenido .item.programacion ul li { display: inline-block; position: relative; padding: 6px; font-family: 'Darwin Pro Regular'; font-size: 1.4em; width: 300px; color: #151F2C; border-bottom: 1px dotted #c1c1c1; } body#portada section.megaplus .container.contenido .item.programacion ul li.envivo { font-family: 'Darwin Pro Bold'; background-color: #eeca00; border-bottom: 0px dotted #c1c1c1; } body#portada section.megaplus .container.contenido .item.programacion ul li span.icono { width: 7%; float: left; color: #00a1e5; } body#portada section.megaplus .container.contenido .item.programacion ul li span.programa { width: 73%; float: left; } body#portada section.megaplus .container.contenido .item.programacion ul li span.hora { width: 20%; float: left; text-align: right; } /* *****boton programacion */ body#portada section.megaplus .container.contenido .item.programacion .boton { display: block; position: relative; margin: 0 auto; width: 300px; margin-top: 36px; margin-bottom: 20px; } body#portada section.megaplus .container.contenido .item.programacion .boton .linea { display: block; width: 100%; height: 1px; background-color: #eeeeef; bottom: 0px; z-index: 1; margin: 0 auto; } body#portada section.megaplus .container.contenido .item.programacion .boton .btn { display: block; position: absolute; width: auto; right: 0; top: -19px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.megaplus .container.contenido .item.programacion .boton .btn:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.megaplus .container.contenido .item.programacion .boton .btn a span.texto { border: 1px solid #141f2c; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -ms-border-radius: 4px 0px 0px 4px; -o-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; padding: 8px 20px; display: inline-block; font-family: 'Darwin Pro Regular'; font-size: 1.6em; color: #141f2c; background-color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.megaplus .container.contenido .item.programacion .boton .btn a span.icono { border: 1px solid #141f2c; -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -ms-border-radius: 0px 4px 4px 0px; -o-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; padding: 8px 4px; display: inline-block; font-size: 1.6em; background-color: #141f2c; color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } /* *****item programa */ body#portada section.megaplus .container.contenido .item.programa article.box-generica-home .bottom figcaption a { font-size: 1.8em; line-height: 1.6em; } body#portada section.megaplus .container.contenido .item.programa article.box-generica-home .bottom figcaption p { color: #151F2C; font-family: 'Darwin Pro Regular'; font-size: 1.4em; margin-top: 10px; width: 100%; border-top: 1px solid #eeeeef; padding-top: 6px; } body#portada section.megaplus .container.contenido .item.programa article.box-generica-home .bottom { height: 176px; width: 260px; margin-top: -43px; } /* *****notas megaplus */ body#portada section.megaplus .container.contenido .item.nota article.box-generica-home { height: 308px; } body#portada section.megaplus .container.contenido .item.nota article.box-generica-home .bottom { height: 110px; } body#portada section.megaplus .container.contenido .item.nota article.box-generica-home .top .box-top .top-nota .box ul li.tipo-nota { color: #00a3e7; width: 15%; } body#portada section.megaplus .container.contenido .item.nota article.box-generica-home .top .box-top .top-nota .box ul li.categoria { width: 75%; } body#portada section.megaplus .container.contenido .item.nota article.box-generica-home .top .box-top .top-nota .box ul li a.categoria:hover { color: #454E5C; } /* *****variables */ body#portada section.megaplus .container.contenido .item.nota article.box-generica-home.normal .top .box-top .top-nota .box ul li.categoria { width: 100%; text-align: center; padding-top: 10px; } /*19. ------Home: Radio Infinita ----------------------------------------------*/ body#portada section.infinita { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #f8f9fa; height: auto; padding-top: 30px; padding-bottom: 50px; width: 100%; } body#portada section.infinita .box-header { display: block; position: relative; background-color: #81868b; width: 1290px; height: 100px; margin: 0 auto; padding: 20px; } body#portada section.infinita .box-header .titulo { display: block; position: relative; float: left; width: 100px; cursor: pointer; z-index: 999; } body#portada section.infinita .box-header .titulo img { will-change: opacity; } body#portada section.infinita .container.contenido { display: block; position: relative; width: 1290px; margin-top: -70px; } body#portada section.infinita .container.contenido .item { display: block; position: relative; width: 300px; float: left; margin-right: 30px; } body#portada section.infinita .container.contenido .item + .tem { display: block; position: relative; width: 300px; float: left; margin-right: 30px; } body#portada section.infinita .container.contenido .item + .item + .item { display: block; position: relative; width: 300px; float: left; margin-right: 30px; } body#portada section.infinita .container.contenido .item + .item + .item + .item { display: block; position: relative; width: 300px; float: left; margin-right: 0px; } /* *****programacion */ body#portada section.infinita .container.contenido .item.programacion { margin-top: 80px; } body#portada section.infinita .container.contenido .item.programacion h3 { color: #151F2C; font-family: 'Darwin Pro Black'; font-size: 1.6em; } body#portada section.infinita .container.contenido .item.programacion ul { display: block; position: relative; padding-top: 10px; } body#portada section.infinita .container.contenido .item.programacion ul li { display: inline-block; position: relative; padding: 6px; font-family: 'Darwin Pro Regular'; font-size: 1.4em; width: 300px; color: #151F2C; border-bottom: 1px dotted #c1c1c1; } body#portada section.infinita .container.contenido .item.programacion ul li.envivo { font-family: 'Darwin Pro Bold'; background-color: #eeca00; border-bottom: 0px dotted #c1c1c1; } body#portada section.infinita .container.contenido .item.programacion ul li span.icono { width: 7%; float: left; color: #81868b; } body#portada section.infinita .container.contenido .item.programacion ul li span.programa { width: 73%; float: left; } body#portada section.infinita .container.contenido .item.programacion ul li span.hora { width: 20%; float: left; text-align: right; } /* *****boton programacion */ body#portada section.infinita .container.contenido .item.programacion .boton { display: block; position: relative; margin: 0 auto; width: 300px; margin-top: 36px; margin-bottom: 20px; } body#portada section.infinita .container.contenido .item.programacion .boton .linea { display: block; width: 100%; height: 1px; background-color: #eeeeef; bottom: 0px; z-index: 1; margin: 0 auto; } body#portada section.infinita .container.contenido .item.programacion .boton .btn { display: block; position: absolute; width: auto; right: 0; top: -19px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.infinita .container.contenido .item.programacion .boton .btn:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.infinita .container.contenido .item.programacion .boton .btn a span.texto { border: 1px solid #141f2c; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -ms-border-radius: 4px 0px 0px 4px; -o-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; padding: 8px 20px; display: inline-block; font-family: 'Darwin Pro Regular'; font-size: 1.6em; color: #141f2c; background-color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.infinita .container.contenido .item.programacion .boton .btn a span.icono { border: 1px solid #141f2c; -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -ms-border-radius: 0px 4px 4px 0px; -o-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; padding: 8px 4px; display: inline-block; font-size: 1.6em; background-color: #141f2c; color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.infinita .container.contenido .item.programacion .boton .btn a span.icono i:before { line-height: 1.2em; } /* *****item programa */ body#portada section.infinita .container.contenido .item.programa article.box-generica-home .bottom figcaption a { font-size: 1.8em; line-height: 1.6em; } body#portada section.infinita .container.contenido .item.programa article.box-generica-home .bottom figcaption p { color: #151F2C; font-family: 'Darwin Pro Regular'; font-size: 1.6em; margin-top: 10px; width: 100%; border-top: 1px solid #eeeeef; padding-top: 6px; } body#portada section.infinita .container.contenido .item.programa article.box-generica-home .bottom { height: 176px; width: 260px; margin-top: -43px; } /* *****notas infinita */ body#portada section.infinita .container.contenido .item.nota article.box-generica-home { height: 308px; } body#portada section.infinita .container.contenido .item.nota article.box-generica-home .bottom { height: 140px; } body#portada section.infinita .container.contenido .item.nota article.box-generica-home .top .box-top .top-nota .box ul li.tipo-nota { color: #81868b; width: 15%; } body#portada section.infinita .container.contenido .item.nota article.box-generica-home .top .box-top .top-nota .box ul li.categoria { width: 75%; } body#portada section.infinita .container.contenido .item.nota article.box-generica-home .top .box-top .top-nota .box ul li a.categoria:hover { color: #454E5C; } /* *****variables */ body#portada section.infinita .container.contenido .item.nota article.box-generica-home.normal .top .box-top .top-nota .box ul li.categoria { width: 100%; text-align: center; padding-top: 10px; } /*20. ------Home: Contenido patrocinado ----------------------------------------------*/ body#portada section.patrocinado { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #f8f9fa; height: auto; padding-top: 30px; padding-bottom: 50px; width: 100%; } body#portada section.patrocinado .box-header { display: block; position: relative; background-color: #0058a2; width: 1290px; height: 200px; margin: 0 auto; padding: 20px; } body#portada section.patrocinado .box-header .titulo { display: block; position: relative; float: left; width: 300px; text-align: center; padding-top: 14px; } body#portada section.patrocinado .box-header .titulo img { width: 75px; } body#portada section.patrocinado .box-header .titulo p { font-family: 'Darwin Pro SemiBold'; font-size: 1.6em; color: #FFF; line-height: 2em; } body#portada section.patrocinado .box-header .titulo .linea { display: block; width: 100px; height: 1px; background-color: #eff1f3; bottom: 0px; z-index: 1; margin: 0 auto; margin-top: 20px; } body#portada section.patrocinado .container.contenido { display: block; position: relative; width: 1290px; margin-top: -167px; } body#portada section.patrocinado .container.contenido .item { display: block; position: relative; width: 300px; float: left; margin-right: 30px; } body#portada section.patrocinado .container.contenido .item + .tem { display: block; position: relative; width: 300px; float: left; margin-right: 30px; } body#portada section.patrocinado .container.contenido .item + .item + .item { display: block; position: relative; width: 300px; float: left; margin-right: 30px; } body#portada section.patrocinado .container.contenido .item + .item + .item + .item { display: block; position: relative; width: 300px; float: left; margin-right: 0px; } /* *****programacion */ body#portada section.patrocinado .container.contenido .item.programacion { margin-top: 180px; } body#portada section.patrocinado .container.contenido .item.programacion ul { display: block; position: relative; padding-top: 10px; } body#portada section.patrocinado .container.contenido .item.programacion ul li { display: inline-block; position: relative; padding: 6px; font-family: 'Darwin Pro Regular'; font-size: 1.4em; width: 300px; color: #151F2C; border-bottom: 1px dotted #c1c1c1; } body#portada section.patrocinado .container.contenido .item.programacion ul li.envivo { font-family: 'Darwin Pro Bold'; background-color: #eeca00; border-bottom: 0px dotted #c1c1c1; } body#portada section.patrocinado .container.contenido .item.programacion ul li span.icono { width: 7%; float: left; color: #0058a2; } body#portada section.patrocinado .container.contenido .item.programacion ul li span.programa { width: 73%; float: left; } body#portada section.patrocinado .container.contenido .item.programacion ul li span.hora { width: 20%; float: left; text-align: right; } /* *****boton programacion */ body#portada section.patrocinado .container.contenido .item.programacion .boton { display: block; position: relative; margin: 0 auto; width: 300px; margin-top: 36px; margin-bottom: 20px; } body#portada section.patrocinado .container.contenido .item.programacion .boton .linea { display: block; width: 100%; height: 1px; background-color: #eeeeef; bottom: 0px; z-index: 1; margin: 0 auto; } body#portada section.patrocinado .container.contenido .item.programacion .boton .btn { display: block; position: absolute; width: auto; right: 0; top: -19px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.patrocinado .container.contenido .item.programacion .boton .btn a span.texto { border: 1px solid #141f2c; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -ms-border-radius: 4px 0px 0px 4px; -o-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; padding: 8px 20px; display: inline-block; font-family: 'Darwin Pro Regular Italic'; font-size: 1.6em; color: #141f2c; background-color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.patrocinado .container.contenido .item.programacion .boton .btn a span.icono { border: 1px solid #141f2c; -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -ms-border-radius: 0px 4px 4px 0px; -o-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; padding: 8px 4px; display: inline-block; font-size: 1.6em; background-color: #141f2c; color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.patrocinado .container.contenido .item.programacion .boton .btn:hover a span.icono { background-color: #0058a2; color: #FFF; border-left: 1px solid #0058a2; } /* *****notas patrocinadas */ body#portada section.patrocinado .container.contenido .item.nota article.box-generica-home { height: 308px; } body#portada section.patrocinado .container.contenido .item.nota article.box-generica-home .bottom { height: 140px; } body#portada section.patrocinado .container.contenido .item.nota article.box-generica-home .top .box-top .top-nota .box ul li a.categoria:hover { color: #0058a2; } /* *****variables */ body#portada section.patrocinado .container.contenido .item.nota article.box-generica-home .top .box-top .top-nota .box ul li.tipo-nota { color: #0058a2; } /*21. ------Alertas ----------------------------------------------*/ .alertas { display: block; position: relative; margin: 0 auto; height: auto; padding-top: 20px; width: 1290px; } .alertas .box { display: block; position: relative; width: 1290px; height: auto; } .alertas .box ul { display: block; position: relative; } .alertas .box ul li { display: block; position: relative; background-color: #e82e3f; padding: 10px 20px; color: #FFF; font-size: 2em; margin-bottom: 10px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; } .alertas .box ul li:hover { background-color: #d0313a; } .alertas .box ul li span + span { font-family: 'Darwin Pro Black'; padding: 0px 10px; display: none; /*provisorio*/ } .alertas .box ul li span + span + span { font-family: 'Darwin Pro SemiBold'; display: inline; } .alertas .box ul li span + span + span + span { float: right; text-align: right; padding: 0px; font-size: 0.7em; padding-top: 5px; cursor: pointer; } main#main .alertas { padding-top: 20px; } main#main .alertas + .alertas { padding-top: 4px; } main#main .alertas + .alertas + .alertas { padding-top: 4px; } main#main .alertas + .alertas + .alertas + .alertas { padding-top: 4px; } .alertas .box ul span.cerrar-alerta { display: block; position: absolute; right: 0px; top: 0px; color: #FFF; font-size: 1.4em; z-index: 99; width: 48px; height: 48px; line-height: 48px; text-align: center; cursor: pointer; } /*22. ------Home: Temas del momento ----------------------------------------------*/ .temas-de-momento { display: block; position: relative; margin: 0 auto; height: auto; padding-top: 10px; width: 1290px; } .temas-de-momento .box { display: block; position: relative; padding: 10px 20px; background-color: #FFF; width: 1290px; height: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .temas-de-momento .box .titulo { display: block; position: relative; float: left; width: 12%; padding-top: 6px; } .temas-de-momento .box .tags { display: block; position: relative; float: left; width: 83%; } .temas-de-momento .box .btn { display: block; position: relative; float: left; width: 5%; text-align: right; padding-top: 6px; } .temas-de-momento .box .btn a { font-size: 1.4em; cursor: pointer; color: #d3d5da; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .temas-de-momento .box .btn a:hover { color: #131f2c; } .temas-de-momento .box .titulo h3 { font-family: 'Darwin Pro Bold'; font-size: 1.4em; color: #24AF8E; text-transform: uppercase; } .temas-de-momento .box .tags li { display: inline-block; text-align: center; margin: 0px 0px 10px 10px; } .temas-de-momento .box .tags li a { display: block; font-family: 'Darwin Pro Regular Italic'; color: #8C8F94; padding: 1px 6px 6px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 1.4em; } .temas-de-momento .box .tags li a:hover { color: #151F2C; } .temas-de-momento .box .tags li a h2:before { font-family: "mn-icons"; content: '\e800'; margin-right: 6px; } .temas-de-momento .box .tags li a span { color: #24AF8E; } /*23. ------ Home: Señal en vivo ----------------------------------------------*/ body#portada section.noticias.envivo .articulos #destacado-home .media-container { display: block; position: relative; width: 630px; height: auto; float: left; margin-right: 30px; } body#portada section.noticias.envivo .articulos #destacado-home .media-container .mdstrm-player { width: 100%!important; height: 0!important; padding-bottom: 56.25%!important; position: relative!important; } body#portada section.noticias.envivo .articulos #destacado-home .media-container .mdstrm-player iframe { position: absolute!important; width: 0!important; height: 0!important; min-height: 100%!important; min-width: 100%!important; } body#portada section.noticias.envivo .articulos #destacado-home article { float: left !important; height: 354px; } body#portada section.noticias.envivo .articulos #destacado-home article .top { display: inline-block; } body#portada section.noticias.envivo .articulos #destacado-home article .top .box-top .top-nota .box ul { margin-top: -6px; } body#portada section.noticias.envivo .articulos #destacado-home article .top .box-top .top-nota .box ul .usuario { right: -10px; } body#portada section.noticias.envivo .articulos #destacado-home article.box-generica-home.galeria .top .box-top .top-nota .box ul .usuario { right: 28px; } body#portada section.noticias.envivo .articulos #destacado-home article.box-generica-home.video .top .box-top .top-nota .box ul .usuario { right: 28px; } body#portada section.noticias.envivo .articulos #destacado-home .bottom { height: 187px; } body#portada section.noticias.envivo .articulos #destacado-home .bottom figcaption { height: auto; padding-bottom: 10px; } /* *****sticky box señal en vivo */ body#portada section.noticias.envivo .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video { position: fixed !important; bottom: 40px; right: 40px; width: 420px !important; height: 236px !important; padding-bottom: 0px !important; padding-top: 0px; overflow: unset; z-index: 9999999; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } /*24. ------Home: Urgente 2 ----------------------------------------------*/ body#portada section.noticias.envivo.urgente .articulos #destacado-home .media-container { display: block; position: relative; width: 630px; height: auto; float: left; margin-right: 30px; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .media-container .mdstrm-player { width: 100%!important; height: 0!important; padding-bottom: 56.25%!important; position: relative!important; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .media-container .mdstrm-player iframe { position: absolute!important; width: 0!important; height: 0!important; min-height: 100%!important; min-width: 100%!important; } body#portada section.noticias.envivo.urgente .articulos #destacado-home article { float: left !important; height: 354px; } body#portada section.noticias.envivo.urgente .articulos #destacado-home article .top { display: inline-block; } body#portada section.noticias.envivo.urgente .articulos #destacado-home article .top .box-top .top-nota .box ul { margin-top: -6px; } body#portada section.noticias.envivo.urgente .articulos #destacado-home article .top .box-top .top-nota .box ul .usuario { right: 28px; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom { height: 354px; background-color: transparent; padding: 0px; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom figcaption a h1 { color: #e82e3f; font-size: 3em; line-height: 1.2em; font-family: 'Darwin Pro SemiBold'; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom figcaption a h1:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom figcaption h1 { color: #e82e3f; font-size: 4em; line-height: 1.2em; font-family: 'Darwin Pro SemiBold'; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom figcaption h1:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .relacionados ul li i { color: #e82e3f; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .linea { margin: 0; background-color: #e82e3f; margin-top: 20px; margin-bottom: 10px; display: none; } body#portada section.noticias.envivo.urgente #destacado-home article figcaption { margin-top: 50px; } body#portada section.noticias.envivo.urgente #destacado-home article figure p.etiquetas span { display: inline-block; background-color: #e62a42; padding: 5px 10px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 1.8em; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: 0; left: 0; z-index: 999; padding-left: 30px; } body#portada section.noticias.envivo.urgente #destacado-home article figure p.etiquetas span span.punto { display: inline; width: 14px; height: 14px; background-color: #FFF; border-radius: 50%; position: absolute; top: 10px; left: 8px; padding: 0; animation-name: live; animation-duration: 1s; animation-delay: 1s; animation-iteration-count: infinite; animation-timing-function: linear; animation-direction: alternate; } /* *****seguir + boton */ body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .seguir-boton { display: block; position: absolute; width: 300px; bottom: 0px; left: 0px; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .seguir-boton .left, body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .seguir-boton .right { display: block; position: relative; float: left; width: 50%; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .seguir-boton .right { text-align: right; padding-top: 8px; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .seguir-boton .left a.seguir { width: auto; border: 1px solid #e82e3f; border-radius: 4px; padding: 8px 10px; display: block; font-family: 'Darwin Pro SemiBold'; font-size: 1.6em; color: #e82e3f; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .seguir-boton .left a.seguir:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } /*seguir*/ body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .seguir-boton .left a.seguir span { display: inline; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .seguir-boton .left a.seguir span + span { display: none; } /*siguiendo*/ body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .seguir-boton .left a.seguir.on { background-color: #e82e3f; color: #FFF; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .seguir-boton .left a.seguir.on span { display: none; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .seguir-boton .left a.seguir.on span + span { display: inline; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .seguir-boton .left a.seguir.on .icon-mn-mas:before { content: '\e8a0' !important; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .seguir-boton .right a.seccion { font-family: 'Darwin Pro SemiBold'; font-size: 1.6em; color: #e82e3f; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .bottom .seguir-boton .right a.seccion:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } /*25. ------Home: Urgente 3 ----------------------------------------------*/ body#portada section.urgente { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #f8f9fa; height: auto; padding-top: 20px; padding-bottom: 20px; width: 1290px; } body#portada section.urgente .container.contenido { display: block; position: relative; background-color: #ea303b; padding: 30px 60px; } body#portada section.urgente .container.contenido .seguir { display: inline-block; position: relative; float: right; margin-bottom: 10px; } body#portada section.urgente .container.contenido .seguir a.seguir { border: 1px solid #FFF; border-radius: 4px; padding: 8px 20px; display: block; width: auto; font-family: 'Darwin Pro Regular Italic'; font-size: 1.6em; color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; } body#portada section.urgente .container.contenido .seguir a.seguir:hover { background-color: #FFF; color: #ed3338; } /*sin seguir*/ body#portada section.urgente .container.contenido .seguir a.seguir span { display: inline; padding-right: 4px; } body#portada section.urgente .container.contenido .seguir a.seguir span + span { display: none; } body#portada section.urgente .container.contenido .seguir a.seguir span + span + span { display: inline; } /*siguiendo*/ body#portada section.urgente .container.contenido .seguir a.seguir.on { background-color: #FFF; color: #ed3338; } body#portada section.urgente .container.contenido .seguir a.seguir.on span { display: none; } body#portada section.urgente .container.contenido .seguir a.seguir.on span + span { display: inline; } body#portada section.urgente .container.contenido .seguir a.seguir.on span + span + span { display: inline; } body#portada section.urgente .container.contenido .seguir a.seguir.on .icon-mn-mas:before { content: '\e8a0' !important; } body#portada section.urgente .container.contenido .box { display: inline-block; position: relative; margin-top: 10px; } /* *****contenido left */ body#portada section.urgente .container.contenido .box .left { display: block; position: relative; width: 48%; float: left; margin-right: 2%; } body#portada section.urgente .container.contenido .box .left .titulo { display: block; position: relative; margin-top: -10px; height: auto; } body#portada section.urgente .container.contenido .box .left .titulo p.etiquetas { display: block; position: relative; margin-bottom: 10px; } body#portada section.urgente .container.contenido .box .left .titulo p.etiquetas span { background-color: #FFF; padding: 0px 30px 0px 54px; color: #ed3338; font-family: 'Darwin Pro Black'; font-size: 4.6em; text-transform: uppercase; letter-spacing: 5px; position: relative; top: 0px; left: 0; } body#portada section.urgente .container.contenido .box .left .titulo p.etiquetas span span.punto { display: inline; width: 20px; height: 20px; background-color: #ed3338; border-radius: 50%; position: absolute; top: 12px; left: 26px; padding: 0; animation-name: live; animation-duration: 2s; animation-delay: 1s; animation-iteration-count: infinite; animation-timing-function: linear; animation-direction: alternate; } body#portada section.urgente .container.contenido .box .left .titulo a { font-family: 'Darwin Pro SemiBold'; font-size: 2.8em; line-height: 1.8em; color: #FFF; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.urgente .container.contenido .box .left .titulo a:hover { color: #f1cacb; } body#portada section.urgente .container.contenido .box .left .titulo a h2 { padding-bottom: 14px; } body#portada section.urgente .container.contenido .box .left .relacionados { display: block; position: relative; margin-top: 14px; padding-top: 14px; } body#portada section.urgente .container.contenido .box .left .relacionados ul { padding: 6px 0px; } body#portada section.urgente .container.contenido .box .left .relacionados li { padding: 5px 0px; } body#portada section.urgente .container.contenido .box .left .relacionados li i { color: #eeca00; float: left; background-color: transparent; font-size: 1.6em; margin-right: 2px; } body#portada section.urgente .container.contenido .box .left .relacionados li a { display: flex; font-family: 'Darwin Pro SemiBold'; font-size: 1.6em; color: #FFF; line-height: 1.6em; } body#portada section.urgente .container.contenido .box .left .relacionados li a:hover { color: #f1cacb; } /* *****articulos */ body#portada section.urgente .container.contenido .box .right { display: block; position: relative; width: 48%; float: left; margin-right: 0%; } body#portada section.urgente .container.contenido .box .right .articulos { display: inline-block; position: relative; width: 561px; margin-top: 20px; } body#portada section.urgente .container.contenido .box .right .articulos article { display: inline-block; height: auto; width: 273px; margin-right: 15px; float: left; background-color: #c7262a; padding: 0px; } body#portada section.urgente .container.contenido .box .right .articulos article + article { margin-right: 0px; } body#portada section.urgente .container.contenido .box .right .articulos article figure { display: block; position: relative; width: 100%; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.urgente .container.contenido .box .right .articulos article figure img { display: block; position: relative; float: left; width: 45%; padding-right: 12px; } body#portada section.urgente .container.contenido .box .right .articulos article figure figcaption { display: block; position: relative; float: left; width: 55%; height: 92px; } body#portada section.urgente .container.contenido .box .right .articulos article figure figcaption h2 { font-family: 'Darwin Pro Regular'; font-size: 1.6em; color: #FFF; line-height: 1.2em; padding: 8px 4px 6px 0px; } body#portada section.urgente .container.contenido .box .right .articulos article figure figcaption h2:hover { color: #ffd7d8; } /* *****variables de players + tema a seguir */ body#portada section.urgente .container.contenido .box .left .titulo .player-mobile { display: none; } body#portada section.urgente .container.contenido .box .left .seguir-mobile { display: none; } /* *****linea de tiempo */ body#portada section.urgente .container.contenido .box .left .linea-tiempo { display: block; position: relative; width: 100%; margin-top: 20px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo h3.titulo { height: auto; background-color: #FFF; width: 144px; margin-bottom: 10px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo h3.titulo span.punto { display: inline; width: 10px; height: 10px; background-color: #ed3338; border-radius: 50%; position: absolute; top: 8px; left: 8px; padding: 0; animation-name: live; animation-duration: 2s; animation-delay: 1s; animation-iteration-count: infinite; animation-timing-function: linear; animation-direction: alternate; } body#portada section.urgente .container.contenido .box .left .linea-tiempo h3.titulo a { font-family: 'Darwin Pro Bold'; font-size: 1.2em; color: #ed3338; text-transform: uppercase; padding-left: 25px; margin-bottom: 10px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo h3.titulo a:hover { color: #ed3338; } body#portada section.urgente .container.contenido .box .left .linea-tiempo h3.titulo i { color: #e62a42; } body#portada section.urgente .container.contenido .box .left .linea-tiempo::after { content: ''; position: absolute; width: 2px; background-color: #FFF; top: 36px; bottom: 18px; left: -2px; margin-left: 14px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt { padding: 2px !important; position: relative; background-color: inherit; width: 100%; float: inherit !important; margin-left: 16px !important; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt::after { content: ''; position: absolute; width: 10px; height: 10px; right: 0; background-color: #FFF; border: 4px solid #FFF; top: 34%; border-radius: 50%; z-index: 1; left: -8px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt::before { content: " "; height: 0; position: absolute; top: 30%; width: 0; z-index: 2; left: -3px; border: medium solid transparent; border-width: 10px 10px 10px 0; border-color: transparent; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido { padding: 0px; background-color: transparent; position: relative; width: 100%; height: auto; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido .hora { display: block; float: left; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido .hora time { display: block; padding: 60px 20px 10px 20px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido .hora time p { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #151F2C; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido .hora time p + p { font-family: 'Darwin Pro Bold'; font-size: 2em; color: #151F2C; text-transform: uppercase; letter-spacing: 2px; margin-top: -10px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido figure { display: inline-block; width: 100%; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido figure .texto { display: block; float: left; width: 100%; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido figure .texto figcaption { padding: 0px 0px 10px 20px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido figure .texto figcaption h2 { font-family: 'Darwin Pro Light'; font-size: 1.8em; color: #FFF; line-height: 1.3em; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido figure .texto figcaption h2:hover { color: #ffd7d8; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido figure .texto figcaption h1 { font-family: 'Darwin Pro Light'; font-size: 1.8em; color: #FFF; line-height: 1.3em; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido figure .texto figcaption h1:hover { color: #ffd7d8; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido figure .texto figcaption p.hora { font-family: 'Darwin Pro Bold'; font-size: 1.2em; color: #FFF; line-height: 1.2em; width: 100%; display: block; padding-bottom: 2px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido { width: 100%; padding-left: 0px; padding-right: 25px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt .contenido::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } body#portada section.urgente .container.contenido .box .left .linea-tiempo article.item-lt::after { left: -8px; top: 5%; } /* *****minuto a minuto por contenido de articulo*/ body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt { padding: 2px !important; position: relative; background-color: inherit; width: 100%; float: inherit !important; margin-left: 16px !important; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt::after { content: ''; position: absolute; width: 10px; height: 10px; right: 0; background-color: #FFF; border: 4px solid #FFF; top: 34%; border-radius: 50%; z-index: 1; left: -8px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt::before { content: " "; height: 0; position: absolute; top: 30%; width: 0; z-index: 2; left: -3px; border: medium solid transparent; border-width: 10px 10px 10px 0; border-color: transparent; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt .contenido { padding: 0px; background-color: transparent; position: relative; width: 100%; height: auto; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt .contenido .hora { display: block; float: left; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt .contenido .hora time { display: block; padding: 60px 20px 10px 20px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt .contenido .hora time p { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #151F2C; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt .contenido .hora time p + p { font-family: 'Darwin Pro Bold'; font-size: 2em; color: #151F2C; text-transform: uppercase; letter-spacing: 2px; margin-top: -10px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt .contenido figure { display: inline-block; width: 100%; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt .contenido figure .texto { display: block; float: left; width: 100%; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt .contenido figure .texto { padding: 0px 0px 10px 20px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt .contenido figure .texto h2 a { font-family: 'Darwin Pro Light'; font-size: 1.2em; color: #FFF; line-height: 1.3em; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt .contenido figure .texto h2 a:hover { color: #ffd7d8; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt .contenido figure .texto p.hora { font-family: 'Darwin Pro Bold'; font-size: 1.2em; color: #FFF; line-height: 1.2em; width: 100%; display: block; padding-bottom: 2px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt .contenido { width: 100%; padding-left: 0px; padding-right: 25px; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt .contenido::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } body#portada section.urgente .container.contenido .box .left .linea-tiempo div.item-lt::after { left: -8px; top: 5%; } /* *****contenido right */ body#portada section.urgente .container.contenido .box .right { display: block; position: relative; width: 48%; float: right; margin-left: 1%; } body#portada section.urgente .container.contenido .box .right .player { display: block; position: relative; width: 100%; } body#portada section.urgente .container.contenido .box .right .player .media-container { display: block; position: relative; width: 561px; height: auto; float: left; margin-right: 30px; } body#portada section.urgente .container.contenido .box .right .player .media-container .mdstrm-player { width: 100%!important; height: 0!important; padding-bottom: 56.25%!important; position: relative!important; } body#portada section.urgente .container.contenido .box .right .player .mdstrm-player iframe { position: absolute!important; width: 0!important; height: 0!important; min-height: 100%!important; min-width: 100%!important; } /*26. ------Arti­culo normal ----------------------------------------------*/ article { display: block; position: relative; width: 100%; padding: 0; margin: 0; } #articulo main#main { margin-bottom: 0px; } /* *****top */ #articulo article .portada-video { display: block; position: relative; width: 100%; padding: 0; margin: 0; } #articulo article .portada-video .container { background-color: #f8f9fa; padding-top: 20px; } #articulo article .portada-video .imagen-destacada { display: block; position: relative; background-color: #DDE0E2; width: 945px; height: 532px; text-align: center; font-size: 4em; color: #FFF; } /* ****video destacado en cuerpo */ #articulo article .portada-video.destacado-articulo { display: block; position: relative; width: 100%; padding: 0; margin: 30px 0px; height: 340px; } #articulo article .portada-video.destacado-articulo .video-destacado { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; display: block; } #articulo article .portada-video.destacado-articulo .video-destacado #mdstrm-player-articulo iframe { position: absolute!important; width: 0!important; height: 0!important; min-height: 100%!important; min-width: 100%!important; margin-bottom: 0px !important; margin-top: 0px !important; } #articulo article .portada-video.destacado-articulo .video-destacado #mdstrm-player iframe { position: absolute!important; width: 0!important; height: 0!important; min-height: 100%!important; min-width: 100%!important; margin-bottom: 0px !important; margin-top: 0px !important; } /*video sticky*/ #articulo article .portada-video.destacado-articulo #drag-video.player-cerrado { top: 0px !important; left: 0px !important; } #articulo article .portada-video.destacado-articulo #drag-video.sticky-video { position: fixed !important; bottom: 40px; right: 40px; width: 420px !important; height: 236px !important; padding-bottom: 0px !important; padding-top: 0px; overflow: unset; z-index: 9999; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); border: none #0000; } /*top video*/ #articulo article .portada-video.destacado-articulo #drag-video.sticky-video .top-video-player { display: block; background-color: #141f2c; height: 30px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } #articulo article .portada-video.destacado-articulo #drag-video.sticky-video .top-video-player .left { height: 30px; width: 95%; float: left; text-align: left; cursor: move; margin-right: 0px; padding-top: 0px; } #articulo article .portada-video.destacado-articulo #drag-video.sticky-video .top-video-player .left span { font-size: 2em; color: #FFF; line-height: 30px; text-align: left; } #articulo article .portada-video.destacado-articulo #drag-video.sticky-video .top-video-player .right { height: 30px; width: 5%; float: left; text-align: right; padding-right: 10px; margin-left: 0px; padding-top: 0px; } #articulo article .portada-video.destacado-articulo #drag-video.sticky-video .top-video-player .right span { font-size: 1.6em; color: #FFF; line-height: 30px; text-align: right; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } #articulo article .portada-video.destacado-articulo #drag-video.sticky-video .top-video-player .right span:hover { color: #DDD; } /* *****aside */ #articulo article .container { display: flex; background-color: #f8f9fa; height: auto; padding-top: 10px; margin-bottom: 30px; } #articulo article .container aside.left { display: block; position: relative; width: 300px; float: left; padding: 20px; } #articulo article .container aside.right { display: block; position: relative; width: 300px; float: right; padding: 0px; margin-left: 40px; background-color: #f8f9fa; } aside .sticky { display: block; position: relative; } /* *****cuerpo */ #articulo article .contenedor-contenido { display: block; position: relative; margin: 30px 140px 30px 140px; z-index: 999; margin-top: -100px; background-color: #FFF; padding: 30px; } #articulo article .container .cuerpo { display: block; position: relative; width: 945px; float: left; background-color: #FFF; padding: 0px; } #articulo article .container .cuerpo .imagen-destacada { display: block; position: relative; } #articulo article .container .cuerpo h1 { font-family: 'Darwin Pro SemiBold'; font-size: 4.7em; line-height: 1.2em; } #articulo article .container .cuerpo ul.tag-fecha { display: block; margin-bottom: 10px; } #articulo article .container .cuerpo ul.tag-fecha li { display: inline-block; margin-right: 10px; font-size: 1.6em; } #articulo article .container .cuerpo ul.tag-fecha li a { font-family: 'Darwin Pro Bold'; color: #24AF8E; } #articulo article .container .cuerpo ul.tag-fecha li a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } /* *****logo */ #articulo article .container .cuerpo ul.tag-fecha li + li { float: right; padding-right: 76px; } #articulo article .container .cuerpo ul.tag-fecha li + li img { position: absolute; right: 30px; top: 12px; } /* *****sin logo */ /*27. ------Arti­culo normal: Formato de textos del contenido ----------------------------------------------*/ #articulo article .contenido-nota { display: block; position: relative; margin: 50px 0px; } #articulo article .contenido-nota p { font-family: 'Darwin Pro Light'; color: #151F2C; font-size: 2.2em; line-height: 1.6em; margin: 10px 0px; text-align: left !important; } #articulo article .contenido-nota p em { font-family: 'Darwin Pro Light Italic'; } #articulo article .contenido-nota p strong { font-family: 'Darwin Pro SemiBold'; } #articulo article .contenido-nota p u { font-family: 'Darwin Pro Light Italic'; text-decoration: none; background-color: #FFF500; padding: 4px 8px; } #articulo article .contenido-nota p em strong { font-family: 'Darwin Pro SemiBold Italic'; } #articulo article .contenido-nota h2 { font-family: 'Darwin Pro Bold'; font-size: 2.4em; color: #24AF8E; margin: 30px 0px -10px 0px; } #articulo article .contenido-nota h3 { font-family: 'Darwin Pro Bold'; font-size: 2.2em; color: #151F2C; margin: 30px 0px 0px 0px; } #articulo article .contenido-nota h4 { font-family: 'Darwin Pro Bold'; font-size: 2.2em; color: #151F2C; margin: 30px 0px 0px 0px; } #articulo article .contenido-nota h5 { font-family: 'Darwin Pro Bold'; font-size: 2em; color: #151F2C; margin: 30px 0px 0px 0px; } #articulo article .contenido-nota a { font-family: 'Darwin Pro SemiBold'; color: #24AF8E; background-color: #FFF; padding: 0px; border-bottom: 1px solid #24AF8E; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } #articulo article .contenido-nota ul { display: block; position: relative; padding: 0; margin: 10px 0px; } #articulo article .contenido-nota ul li { font-family: 'Darwin Pro Light'; color: #151F2C; font-size: 2.2em; line-height: 1.6em; margin: 6px 60px; list-style-type: disc; } #articulo article .contenido-nota ul li p { font-size: 1em; } #articulo article .contenido-nota ol { display: block; position: relative; padding: 0; margin: 10px 0px; } #articulo article .contenido-nota ol li { font-family: 'Darwin Pro Light'; color: #151F2C; font-size: 2.2em; line-height: 1.6em; margin: 6px 60px; list-style-type: decimal; } #articulo article .contenido-nota ol li p { font-size: 1em; } #articulo article .contenido-nota img { max-width: 100%; width: 100%; height: auto; } /*28. ------Arti­culo normal: Iframes ----------------------------------------------*/ #articulo article .contenido-nota .contenedor-video iframe { position: absolute !important; width: 0 !important; height: 0 !important; min-height: 100% !important; min-width: 100% !important; } #articulo article .contenido-nota .media-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; display:block; margin-bottom: 30px; margin-top: 30px; } #articulo article .contenido-nota .media-container iframe { position: absolute!important; width: 0 !important; height: 0 !important; min-height: 100% !important; min-width: 100% !important; margin-bottom: 0px !important; margin-top: 0px !important; } #articulo article .contenido-nota iframe.instagram-media { margin: 0 auto !important; margin-bottom: 30px !important; margin-top: 30px !important; display: block !important; position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 100% !important; } #articulo article .contenido-nota iframe { width: 100% !important; display: block !important; margin-bottom: 30px ; margin-top: 30px; } #articulo article .contenido-nota .fb_iframe_widget_fluid_desktop, #articulo article .contenido-nota .fb_iframe_widget_fluid_desktop span, #articulo article .contenido-nota .fb_iframe_widget_fluid_desktop iframe { width: 100%!important; margin-bottom: 0px !important; margin-top: 0px !important; } #articulo article .contenido-nota .twitter-video.twitter-video-rendered { margin: 0 auto !important; margin-bottom: 30px !important; margin-top: 30px !important; } #articulo article .contenido-nota #twitter-widget-0.twitter-video-rendered { margin: 0 auto !important; margin-bottom: 30px !important; margin-top: 30px !important; } #articulo article .contenido-nota .twitter-tweet.twitter-tweet-rendered { margin: 0 auto !important; margin-bottom: 0px !important; margin-top: 0px !important; } #articulo article .contenido-nota #twitter-widget-0.twitter-tweet-rendered { margin: 0 auto !important; margin-bottom: 0px !important; margin-top: 0px !important; } #articulo article .contenido-nota .fb-post { display: block !important; margin: 0 auto !important; margin-bottom: 30px !important; margin-top: 30px !important; padding-bottom: 0px !important; } #articulo article .contenido-nota .fb-post span { width: 100% !important; } #articulo article .contenido-nota .fb-post iframe { margin-bottom: 0px !important; margin-top: 0px !important; } /*29. ------Arti­culo normal: Redes sociales + likes ----------------------------------------------*/ #articulo article .container .cuerpo .rrss-likes { height: auto; margin-top: 20px; } #articulo article .container .cuerpo .rrss-likes .rrss { text-align: left; } #articulo article .container .cuerpo .rrss-likes .rrss ul li { display: inline-block; font-size: 3em; } #articulo article .container .cuerpo .rrss-likes .rrss ul li a { color: #151F2C; } #articulo article .container .cuerpo .rrss-likes .rrss ul li a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } #articulo article .container .cuerpo .rrss-likes .likes { text-align: right; } #articulo article .container .cuerpo .rrss-likes .likes ul li { display: inline-block; font-size: 3em; } #articulo article .container .cuerpo .rrss-likes .likes ul li a { color: #151F2C; } #articulo article .container .cuerpo .rrss-likes .likes ul li a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } /* *****variables***** */ /* *****likes */ #articulo article .container .cuerpo .rrss-likes .likes ul li a.like-nota { cursor: pointer; display: none; } #articulo article .container .cuerpo .rrss-likes .likes ul li a.like-nota i { display: inline-block; } #articulo article .container .cuerpo .rrss-likes .likes ul li a.like-nota i + i { display: none; } /*---*/ #articulo article .container .cuerpo .rrss-likes .likes ul li a.like-nota.on i { display: none; } #articulo article .container .cuerpo .rrss-likes .likes ul li a.like-nota.on i + i { display: inline-block; color: #24AF8E; } /*---*/ #articulo article .container .cuerpo .rrss-likes .rrss ul.compartir-nota.on li.icon { display: inline-block; animation: opacity .3s ease-out; -webkit-animation: opacity .3s ease-out; -moz-animation: opacity .3s ease-out; } #articulo article .container .cuerpo .rrss-likes .rrss ul.compartir-nota.on li.contraer { display: inline-block; cursor: pointer; animation: opacity .3s ease-out; -webkit-animation: opacity .3s ease-out; -moz-animation: opacity .3s ease-out; } #articulo article .container .cuerpo .rrss-likes .rrss ul.compartir-nota.on li.expandir { display: none; } /*30. ------Arti­culo normal: Arti­culos relacionados ----------------------------------------------*/ #articulo article .container .cuerpo .articulos-relacionados { margin-top: 20px; } #articulo article .container .cuerpo .articulos-relacionados ul { display: block; position: relative; } #articulo article .container .cuerpo .articulos-relacionados ul li { display: block; font-size: 1.6em; line-height: 1.4em; margin-bottom: 10px; } #articulo article .container .cuerpo .articulos-relacionados ul li a { color: #151F2C; display: flex; line-height: 1.8em; } #articulo article .container .cuerpo .articulos-relacionados ul li a:hover { color: #454E5C; } #articulo article .container .cuerpo .articulos-relacionados ul li:hover { color: #454E5C; } #articulo article .container .cuerpo .articulos-relacionados ul li a h3 { font-family: 'Darwin Pro SemiBold'; padding-bottom: 0px; } #articulo article .container .cuerpo .articulos-relacionados ul li i { color: #fff; float: left; background-color: #141f2c; font-size: 0.8em; line-height: 9px; margin-right: 10px; margin-top: 6.7px; height: 12px; } #articulo article .container .cuerpo .articulos-relacionados ul li a h3 span { border-bottom: 1px solid #d5deea; padding-bottom: 2px; } /*31. ------Arti­culo normal: Creditos ----------------------------------------------*/ #articulo article .container .cuerpo .creditos { margin-top: 20px; } #articulo article .container .cuerpo .creditos ul { display: block; position: relative; font-size: 1.4em; } #articulo article .container .cuerpo .creditos ul li { display: inline-block; } #articulo article .container .cuerpo .imagen-destacada .creditos-foto { font-family: 'Darwin Pro Regular Italic'; font-size: 1.1em; margin-top: 4px; display: inline-block; color: #fff; -webkit-text-shadow: 1px 1px 10px rgba(0,0,0,0.7); -moz-text-shadow: 1px 1px 10px rgba(0,0,0,0.7); -ms-text-shadow: 1px 1px 10px rgba(0,0,0,0.7); -o-text-shadow: 1px 1px 10px rgba(0,0,0,0.7); text-shadow: 1px 1px 10px rgba(0,0,0,0.7); position: absolute; top: 0px; right: 0px; padding: 6px 10px; margin: 0px; } /*32. ------Arti­culo normal: Compartir ----------------------------------------------*/ #articulo article .container .cuerpo .compartir-bottom { margin-top: 20px; height: auto; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; flex-direction: column; height: 66px; position: relative; } #articulo article .container .cuerpo .compartir-bottom .enlace-compartir { margin-bottom: 10px; text-align: center; position: absolute; height: 66px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } #articulo article .container .cuerpo .compartir-bottom .enlace-compartir div { font-family: 'Darwin Pro Bold'; text-transform: uppercase; font-size: 1.6em; color: #151F2C; width: 100%; border: 1px solid #c2c8d0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 20px 0px; cursor: pointer; height: 66px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } #articulo article .container .cuerpo .compartir-bottom .enlace-compartir div:hover { -webkit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; } #articulo article .container .cuerpo .compartir-bottom .enlace-compartir div i { color: #151F2C; margin-right: 10px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } #articulo article .container .cuerpo .compartir-bottom .enlace-compartir div:hover i { color: #24AF8E; margin-right: 10px; } #articulo article .container .cuerpo .compartir-bottom .contenedor-rrss { margin-bottom: 10px; text-align: center; position: absolute; height: 66px; background-color: #FFF; border: 1px solid #151F2C; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } #articulo article .container .cuerpo .compartir-bottom .contenedor-rrss span { position: absolute; top: 10px; right: 10px; color: #151F2C; } #articulo article .container .cuerpo .compartir-bottom .contenedor-rrss ul { height: 66px; line-height: 66px; animation: opacity .3s ease-out; -webkit-animation: opacity .3s ease-out; -moz-animation: opacity .3s ease-out; } #articulo article .container .cuerpo .compartir-bottom .contenedor-rrss ul li { display: inline-block; margin: 0px 6px; } #articulo article .container .cuerpo .compartir-bottom .contenedor-rrss ul li a { color: #151F2C; font-size: 3em; -webkit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; } #articulo article .container .cuerpo .compartir-bottom .contenedor-rrss ul li a:hover { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #articulo article .container .cuerpo .compartir-bottom.on .contenedor-rrss { display: block !important; } /*33. ------Arti­culo normal: Temas de la nota ----------------------------------------------*/ #articulo article .container .cuerpo .temas-nota { display: block; margin-top: 40px; } #articulo article .container .cuerpo .temas-nota .contenedor-tags h3 { font-family: 'Darwin Pro Regular'; font-size: 2.2em; color: #151F2C; margin-bottom: 20px; } #articulo article .container .cuerpo .temas-nota .contenedor-tags h3 span { font-family: 'Darwin Pro Black'; color: #24AF8E; } #articulo article .container .cuerpo .temas-nota .contenedor-tags li { display: inline-block; text-align: center; margin: 0px 0px 6px 10px; } #articulo article .container .cuerpo .temas-nota .contenedor-tags li a { display: block; font-family: 'Darwin Pro Regular Italic'; color: #151F2C; padding: 0px 10px 0px 0px; font-size: 1.2em; } #articulo article .container .cuerpo .temas-nota .contenedor-tags li a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } #articulo article .container .cuerpo .temas-nota .contenedor-tags li a span { color: #24AF8E; } #articulo article .container .cuerpo .temas-nota .contenedor-tags li a h2:before { font-family: "mn-icons"; content: '\e800'; margin-right: 6px; } #articulo article .container .cuerpo .temas-nota .contenedor-tags ul { width: 100%; position: relative; background-color: #f3f6fb; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 10px; } /*34. ------Arti­culo normal: Temas populares ----------------------------------------------*/ #articulo article .container .cuerpo .temas-populares-bottom { display: block; margin-top: 40px; } #articulo article .container .cuerpo .temas-populares-bottom .contenedor-tags h3 { font-family: 'Darwin Pro Regular'; font-size: 2.2em; color: #151F2C; margin-bottom: 20px; } #articulo article .container .cuerpo .temas-populares-bottom .contenedor-tags h3 span { font-family: 'Darwin Pro Black'; color: #24AF8E; } #articulo article .container .cuerpo .temas-populares-bottom .contenedor-tags li { display: inline-block; text-align: center; margin: 0px 0px 6px 10px; } #articulo article .container .cuerpo .temas-populares-bottom .contenedor-tags li a { display: block; font-family: 'Darwin Pro Regular Italic'; color: #151F2C; padding: 0px 10px 0px 0px; font-size: 1.2em; } #articulo article .container .cuerpo .temas-populares-bottom .contenedor-tags li a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } #articulo article .container .cuerpo .temas-populares-bottom .contenedor-tags li a span { color: #24AF8E; } #articulo article .container .cuerpo .temas-populares-bottom .contenedor-tags li a h2:before { font-family: "mn-icons"; content: '\e800'; margin-right: 6px; } #articulo article .container .cuerpo .temas-populares-bottom .contenedor-tags ul { width: 100%; position: relative; background-color: #f3f6fb; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 10px; } /*35. ------Arti­culo normal: Lo mas lei­do ----------------------------------------------*/ #articulo section.lo-mas-leido { display: block; position: relative; width: 100%; height: auto; background-color: #151F2C; margin: 40px 0px 0px 0px; } #articulo section.lo-mas-leido .container { width: 930px; padding-bottom: 20px; } #articulo section.lo-mas-leido .titulo { display: block; position: relative; width: 100%; } #articulo section.lo-mas-leido .titulo div { display: block; z-index: 99; margin-top: -14px; position: absolute; width: 180px; left: 40%; } #articulo section.lo-mas-leido h3 { display: block; position: relative; text-align: center; } #articulo section.lo-mas-leido h3 span { font-family: 'Darwin Pro Bold'; font-size: 2em; color: #151F2C; background-color: #EBCC1D; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 6px 10px; } #articulo section.lo-mas-leido .row.mas-leidas { margin: 0px 0px 60px 0px; padding-top: 60px; } #articulo section.lo-mas-leido .row.mas-leidas .column { margin-right: 50px; position: relative; } #articulo section.lo-mas-leido .row.mas-leidas .column + .column { margin-right: 50px; position: relative; } #articulo section.lo-mas-leido .row.mas-leidas .column + .column + .column { margin-right: 0px; position: relative; } #articulo section.lo-mas-leido figure img { -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; border: 2px solid transparent; } #articulo section.lo-mas-leido figure:hover img { border: 2px solid #FFF; } #articulo section.lo-mas-leido .row.mas-leidas .column h2 { font-family: 'Darwin Pro Regular'; font-size: 2em; color: #FFF; margin-top: 10px; } #articulo section.lo-mas-leido .row.mas-leidas .column h2:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } #articulo section.lo-mas-leido .row.mas-leidas .column .categoria { display: block; position: absolute; width: 100%; z-index: 9; margin-top: -30px; } #articulo section.lo-mas-leido .row.mas-leidas .column .categoria .tag { display: block; position: relative; width: 180px; height: 30px; margin: 0 auto; background-color: #151F2C; } #articulo section.lo-mas-leido .row.mas-leidas .column .categoria .tag h4 { display: block; font-family: 'Darwin Pro Bold'; font-size: 1.6em; position: relative; text-align: center; color: #FFF; padding-top: 6px; } #articulo section.lo-mas-leido .row.mas-leidas .column .categoria .tag h4 i { display: none; } #articulo section.lo-mas-leido .row.mas-leidas .column figure figcaption { height: 90px; } /* *****con video */ #articulo section.lo-mas-leido .row.mas-leidas .column figure.video .categoria .tag h4 span { border-left: 2px solid #FFF; padding-left: 10px; position: relative; } #articulo section.lo-mas-leido .row.mas-leidas .column figure.video .categoria .tag h4 i { display: inline-block; padding-right: 4px; } /*---*/ #articulo section.lo-mas-leido .row.mas-leidas .column .fecha-mn-user { margin: 20px 0px 0px 0px; } #articulo section.lo-mas-leido .row.mas-leidas .column .fecha-mn-user .column { margin: 0; } #articulo section.lo-mas-leido .row.mas-leidas .column .fecha-mn-user ul.right { text-align: right; float: right; width: 180px; } #articulo section.lo-mas-leido .row.mas-leidas .column .fecha-mn-user .column li { display: inline-block; margin-right: 4px; color: #FFF; font-size: 1.4em; cursor: pointer; } #articulo section.lo-mas-leido .row.mas-leidas .column .fecha-mn-user .column li.rrss { border-left: 2px solid #FFF; margin-right: 0px; padding-left: 4px; } #articulo section.lo-mas-leido .row.mas-leidas .column .fecha-mn-user .column li p { font-family: 'Darwin Pro Light'; font-size: 1.4em; color: #FFF; display: none; /*provisorio*/ } #articulo section.lo-mas-leido .row.mas-leidas .column .fecha-mn-user .column li a { font-family: 'Darwin Pro Light'; font-size: 1.6em; color: #FFF; -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } #articulo section.lo-mas-leido .row.mas-leidas .column .fecha-mn-user .column li a:hover { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #articulo section.lo-mas-leido .row.mas-leidas .column .separador { display: block; position: relative; height: 30px; } #articulo section.lo-mas-leido .row.mas-leidas .column .separador .linea { display: block; position: relative; width: 80px; border-bottom: 1px solid #FFF; margin: 0 auto; padding-top: 16px; } #articulo section.lo-mas-leido .row.mas-leidas .column .contenido-patrocinado { display: block; position: relative; height: auto; } #articulo section.lo-mas-leido .row.mas-leidas .column .contenido-patrocinado p { font-family: 'Darwin Pro Light'; font-size: 1.4em; color: #FFF; text-align: center; } /* *****variables***** */ #articulo section.lo-mas-leido .row.mas-leidas .column .fecha-mn-user .column li.guardar-nota-seccion span { display: inline-block; } #articulo section.lo-mas-leido .row.mas-leidas .column .fecha-mn-user .column li.guardar-nota-seccion span + span { display: none; } #articulo section.lo-mas-leido .row.mas-leidas .column .fecha-mn-user .column li.guardar-nota-seccion.on span { display: none; } #articulo section.lo-mas-leido .row.mas-leidas .column .fecha-mn-user .column li.guardar-nota-seccion.on span + span { display: inline-block; } /* *****Lo ultimo > articulo*/ aside.right .lo-ultimo.articulo { display: block; position: relative; width: 300px; margin: 20px 0px 40px 0px; } aside.right .lo-ultimo.articulo .linea-tiempo { position: relative; max-width: 945px; margin: 0 auto; } aside.right .lo-ultimo.articulo .linea-tiempo .boton { display: block; position: relative; margin-top: 10px; } aside.right .lo-ultimo.articulo .linea-tiempo .boton a { border: 1px solid #e62a42; padding: 10px 20px; font-family: 'Darwin Pro SemiBold'; color: #e82e3f; font-size: 1.4em; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } aside.right .lo-ultimo.articulo .linea-tiempo .boton a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } aside.right .lo-ultimo.articulo .linea-tiempo h3.titulo { font-family: 'Darwin Pro Bold'; font-size: 2.4em; color: #151F2C; padding-left: 50px; } aside.right .lo-ultimo.articulo .linea-tiempo h3.titulo i { color: #e62a42; } aside.right .lo-ultimo.articulo .linea-tiempo h3.titulo a { color: #151F2C; } /* *****reloj*/ aside.right .lo-ultimo.articulo .linea-tiempo .reloj { position: absolute; top: -13px; left: -7px; margin: auto; width: 50px; height: 50px; border: 1px solid transparent; z-index: 9999; } aside.right .lo-ultimo.articulo .linea-tiempo .reloj .borde { width: 80%; height: 80%; border: 4px solid #ea303b; border-radius: 50%; position: absolute; bottom: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; } aside.right .lo-ultimo.articulo .linea-tiempo .reloj .borde .puntero { width: 12px; height: 2px; background: #ea303b; position: absolute; top: 14px; left: 3px; transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; -webkit-animation: horas 10s linear 0s infinite; animation: horas 10s linear 0s infinite; } /* Chrome, Safari, Opera */ @-webkit-keyframes horas { from { } to { -webkit-transform:rotate(360deg); } } /* Standard syntax */ @keyframes horas { from { } to { -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); } } aside.right .lo-ultimo.articulo .linea-tiempo::after { content: ''; position: absolute; width: 4px; background-color: #e42644; top: 32px; bottom: 40px; left: 2px; margin-left: 14px; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt { padding: 10px; position: relative; background-color: inherit; width: 100%; float: inherit !important; margin-left: 16px !important; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt::after { content: ''; position: absolute; width: 15px; height: 15px; right: 0; background-color: #e42644; border: 4px solid #e42644; top: 11%; border-radius: 50%; z-index: 1; left: -5px; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt::before { content: " "; height: 0; position: absolute; top: 9%; width: 0; z-index: 2; left: 2px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido { padding: 0px; background-color: white; position: relative; width: 260px; height: 110px; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido .hora { display: block; float: left; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido .hora time { display: block; padding: 60px 20px 10px 20px; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido .hora time p { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #151F2C; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido .hora time p + p { font-family: 'Darwin Pro Bold'; font-size: 2em; color: #151F2C; text-transform: uppercase; letter-spacing: 2px; margin-top: -10px; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido figure { display: inline-block; width: 274px; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido figure .imagen { display: block; position: relative; float: left; width: 40%; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido figure .imagen span { position: absolute; bottom: 4px; left: 0px; background-color: #fff; width: 30px; height: 30px; text-align: center; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido figure .texto { display: block; float: left; width: 60%; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido figure .imagen img { height: auto; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido figure .texto figcaption { padding: 4px 10px; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido figure .texto figcaption h2 { font-family: 'Darwin Pro Regular'; font-size: 1.4em; color: #151F2C; line-height: 1.3em; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido figure .texto figcaption h2:hover { color: #454E5C; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido figure .texto figcaption p.hora { font-family: 'Darwin Pro Bold'; font-size: 1.4em; color: #e52941; line-height: 1.2em; width: 100%; display: block; padding-bottom: 2px; } aside.right .lo-ultimo.articulo article.item-lt .contenido { width: 100%; padding-left: 70px; padding-right: 25px; } aside.right .lo-ultimo.articulo article.item-lt .contenido::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } aside.right .lo-ultimo.articulo article.item-lt::after { left: 15px; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt .contenido figure .imagen span { display: block; position: absolute; bottom: 0px; width: 30px; height: 30px; background-color: #FFF; color: #1bae8d; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt.normal .contenido figure .imagen span { display: none; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt.video .contenido figure .imagen span i { display: inline-block; font-size: 2.2em; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt.video .contenido figure .imagen span i + i { display: none; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt.galeria .contenido figure .imagen span i { display: none; } aside.right .lo-ultimo.articulo .linea-tiempo article.item-lt.galeria .contenido figure .imagen span i + i { display: inline-block; font-size: 1.8em; padding-top: 4px; } /*36. ------Arti­culo deportes ----------------------------------------------*/ /*header*/ body#articulo.deportes header img.logo-mg-3 { width: 320px; cursor: pointer; display: inline-block; } body#articulo.deportes header img.logo-mg { display: none; } /*37. ------Widget arti­culo: generales ----------------------------------------------*/ #widget { display: block; position: relative; margin: 40px 0px; } #widget a { background-color: transparent !important; padding: 0px !important; border-bottom: 0px solid transparent !important; } #widget h2 { font-family: 'Darwin Pro SemiBold' !important; font-size: 2em !important; color: #151F2C !important; margin: 0px !important; padding-top: 10px; } #widget h2:before, #widget h3:before, #widget h4:before, #widget h5:before { content: '' !important; margin: 0px !important; } /*38. ------Widget arti­culo: Tambien puedes ver ----------------------------------------------*/ #widget.tambien-puedes-ver .contenedor-widget { display: block; position: relative; } #widget.tambien-puedes-ver .contenedor-widget .titulo { display: block; position: relative; text-align: center; margin-bottom: 20px; } #widget.tambien-puedes-ver .contenedor-widget .titulo h3 { display: block; position: relative; font-family: 'Darwin Pro Bold'; font-size: 2.0em; color: #FFF; z-index: 2; } #widget.tambien-puedes-ver .contenedor-widget .titulo h3 span { padding: 8px 20px; background-color: #161F2C; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #widget.tambien-puedes-ver .contenedor-widget .titulo h3 i { margin-right: 20px; color: #24AF8E; } #widget.tambien-puedes-ver .contenedor-widget .titulo .linea-left { display: block; position: absolute; width: 110px; height: 1px; background-color: #151e2b; top: 15px; z-index: 1; left: 0; } #widget.tambien-puedes-ver .contenedor-widget .titulo .linea-right { display: block; position: absolute; width: 110px; height: 1px; background-color: #151e2b; top: 15px; z-index: 1; right: 0; } #widget.tambien-puedes-ver .contenedor-widget article { display: inline-block; height: auto; margin-bottom: 20px; } #widget.tambien-puedes-ver .contenedor-widget article figure { display: block; position: relative; width: 100%; } #widget.tambien-puedes-ver .contenedor-widget article figure img { display: block; position: relative; float: left; width: 25%; padding-right: 12px; } #widget.tambien-puedes-ver .contenedor-widget article figure figcaption { display: block; position: relative; float: left; width: 75%; height: 92px; padding-left: 10px; } #widget.tambien-puedes-ver .contenedor-widget article figure figcaption h2:hover { -webkit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; } #widget.tambien-puedes-ver .contenedor-widget .linea { display: block; position: absolute; width: 100%; height: 1px; background-color: #151e2b; bottom: 0px; z-index: 1; } /*39. ------Widget arti­culo: Trend noticias ----------------------------------------------*/ #widget.trend-noticias .contenedor-widget { display: block; position: relative; padding-bottom: 1px; } #widget.trend-noticias .contenedor-widget .titulo { display: block; position: relative; text-align: center; margin-bottom: 10px; } #widget.trend-noticias .contenedor-widget .titulo h3 { display: block; position: relative; font-family: 'Darwin Pro Bold'; font-size: 2.0em; color: #161F2C; z-index: 2; } #widget.trend-noticias .contenedor-widget .titulo h3 span { padding: 8px 20px; border: 2px solid #161F2C; background-color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #widget.trend-noticias .contenedor-widget .titulo h3 i { color: #EBCC1D; } #widget.trend-noticias .contenedor-widget .titulo .linea-left { display: block; position: absolute; width: 140px; height: 1px; background-color: #EBCC1D; top: 15px; z-index: 1; left: 0; } #widget.trend-noticias .contenedor-widget .titulo .linea-right { display: block; position: absolute; width: 140px; height: 1px; background-color: #EBCC1D; top: 15px; z-index: 1; right: 0; } #widget.trend-noticias .contenedor-widget .linea { display: block; position: absolute; width: 100%; height: 1px; background-color: #EBCC1D; bottom: 0px; z-index: 1; } #widget.trend-noticias figure { display: block; position: relative; margin: 20px 0px 0px 0px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } #widget.trend-noticias figure:hover { -webkit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; } #widget.trend-noticias figcaption { display: block; position: relative; margin: 20px 0px; } #widget.trend-noticias .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 0px !important; margin-bottom: 10px !important; } #widget.trend-noticias .owl-theme .owl-dots .owl-dot.active span, #widget.trend-noticias .owl-theme .owl-dots .owl-dot:hover span { background: #EBCC1D !important; } #widget.trend-noticias .owl-theme .owl-dots .owl-dot span { background: #e1e5e8 !important; } /*40. ------Widget arti­culo: Galería ----------------------------------------------*/ #widget.galeria { display: block; position: relative; } #widget.galeria #carousel-galeria { display: block; position: relative; } #widget.galeria #carousel-galeria .item { cursor: zoom-in; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } #widget.galeria #carousel-galeria .item:hover { -webkit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; } /*41. ------Widget arti­culo: Cita con foto ----------------------------------------------*/ #widget.cita.foto .contenedor-widget { display: block; position: relative; border-left: 1px solid #24AF8E; padding-left: 20px; } #widget.cita.foto .contenedor-widget h3 { font-family: 'Darwin Pro Light Italic'; font-size: 2.8em; line-height: 1.4em; } #widget.cita.foto .contenedor-widget blockquote { margin: 0; padding: 0; margin-bottom: 20px; } #widget.cita.foto .contenedor-widget .creditos-cita .column.foto { width: 160px; } #widget.cita.foto .contenedor-widget .creditos-cita .column.compartir { width: 80px; padding: 36px 0px 0px 14px; display: none; } #widget.cita.foto .contenedor-widget .creditos-cita .column.compartir a { font-size: 3em; color: #151F2C; } #widget.cita.foto .contenedor-widget .creditos-cita .column.compartir a:hover { color: #24AF8E; } #widget.cita.foto .contenedor-widget .creditos-cita .nombre-cargo { padding-left: 14px; } #widget.cita.foto .contenedor-widget .creditos-cita img { width: 120px; border-radius: 60px; } #widget.cita.foto .contenedor-widget .creditos-cita .nombre-cargo h4 { font-family: 'Darwin Pro Bold Italic'; font-size: 2.2em; padding-top: 26px; margin-top: 0px; } #widget.cita.foto .contenedor-widget .creditos-cita .nombre-cargo p { font-family: 'Darwin Pro Regular' !important; font-size: 2em !important; margin: 0px !important; } /*42. ------Widget arti­culo: Cita sin foto ----------------------------------------------*/ #widget.cita .contenedor-widget { display: block; position: relative; border-left: 1px solid #24AF8E; padding-left: 20px; } #widget.cita .contenedor-widget h3 { font-family: 'Darwin Pro Light Italic'; font-size: 2.8em; line-height: 1.4em; } #widget.cita .contenedor-widget blockquote { margin: 0; padding: 0; margin-bottom: 20px; } #widget.cita .contenedor-widget blockquote u { text-decoration: solid; background-color: #FFF500; padding: 4px 8px; } #widget.cita .contenedor-widget .creditos-cita .column.compartir { width: 50px; padding: 10px 0px 0px 0px; display: none; } #widget.cita .contenedor-widget .creditos-cita .column.compartir a { font-size: 3em; color: #151F2C; } #widget.cita .contenedor-widget .creditos-cita .column.compartir a:hover { color: #24AF8E; } #widget.cita .contenedor-widget .creditos-cita .nombre-cargo { padding-left: 0px; } #widget.cita .contenedor-widget .creditos-cita .nombre-cargo h4 { font-family: 'Darwin Pro Bold Italic'; font-size: 2.2em; padding-top: 0px; } #widget.cita .contenedor-widget .creditos-cita .nombre-cargo p { font-family: 'Darwin Pro Regular' !important; font-size: 2em !important; margin: 0px !important; } /*43. ------Widget arti­culo: Usuario: seguir - guardar ----------------------------------------------*/ .area-usuario-articulo { display: block; position: relative; height: auto; margin: 30px 0px; } /* *****seguir tema */ .area-usuario-articulo .btns .seguir-tema-articulo { display: block; position: relative; text-align: center; border: 1px solid #c2c8d0; border-right: 0px; padding: 10px; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -ms-border-radius: 4px 0px 0px 4px; -o-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .area-usuario-articulo .btns .seguir-tema-articulo p { font-family: 'Darwin Pro Regular'; font-size: 1.8em; } .area-usuario-articulo .btns .seguir-tema-articulo p i { color: #EBCC1D; } .area-usuario-articulo .btns .seguir-tema-articulo p i + i { display: none; } /* *****guardar nota */ .area-usuario-articulo .btns .guardar-nota-articulo { display: block; position: relative; text-align: center; cursor: pointer; border: 1px solid #151F2C; padding: 10px; -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -ms-border-radius: 0px 4px 4px 0px; -o-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; } .area-usuario-articulo .btns .guardar-nota-articulo p { font-family: 'Darwin Pro Regular'; font-size: 1.8em; border-left: 0px solid #151F2C; } .area-usuario-articulo .btns .guardar-nota-articulo p { display: inline-block; } .area-usuario-articulo .btns .guardar-nota-articulo p i { color: #E22146; display: inline-block; } .area-usuario-articulo .btns .guardar-nota-articulo p + p { display: none; } .area-usuario-articulo .btns .guardar-nota-articulo p + p i { color: #E22146; } .area-usuario-articulo .btns .guardar-nota-articulo.on p { display: none; } .area-usuario-articulo .btns .guardar-nota-articulo.on p i { color: #E22146; } .area-usuario-articulo .btns .guardar-nota-articulo.on p + p { display: inline-block; } .area-usuario-articulo .btns .guardar-nota-articulo.on p + p i { color: #E22146; display: inline-block; } /*variables*/ .area-usuario-articulo .btns .seguir-tema-articulo { -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -ms-border-radius: 4px 4px 0px 0px; -o-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; } .area-usuario-articulo .btns .user-save-note { -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .area-usuario-articulo .btns .seguir-tema-articulo + .user-save-note { -webkit-border-radius: 0px 4px 0px 0px; -moz-border-radius: 0px 4px 0px 0px; -ms-border-radius: 0px 4px 0px 0px; -o-border-radius: 0px 4px 0px 0px; border-radius: 0px 4px 0px 0px; } /* *****temas */ .area-usuario-articulo .contenedor-temas { display: none; position: relative; width: 100%; height: auto; border: 1px solid #c2c8d0; border-top: 0px; border-radius: 0px 0px 4px 4px; padding: 10px 10px 4px 10px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .area-usuario-articulo .contenedor-temas ul { display: block; position: relative; width: 100%; } .area-usuario-articulo .contenedor-temas ul li { display: inline-block; padding-right: 8px; padding-bottom: 8px; } .area-usuario-articulo .contenedor-temas ul li a { border: 1px solid #151F2C; border-radius: 4px; padding: 8px 10px 8px 8px; display: block; font-family: 'Darwin Pro Regular'; font-size: 1.2em; color: #151F2C; cursor: pointer; } .area-usuario-articulo .contenedor-temas ul li.mensaje { font-family: 'Darwin Pro Regular'; color: #151F2C; font-size: 1.6em; } .area-usuario-articulo .contenedor-temas ul li a i { color: #EBCC1D; display: none } .area-usuario-articulo .contenedor-temas ul li a i + i { display: none; } /* *****variables***** */ /* *****tema guardado */ .area-usuario-articulo .contenedor-temas ul li a.on { background-color: #EBCC1D; color: #151e2b; border: 1px solid #EBCC1D; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .area-usuario-articulo .contenedor-temas ul li a.on i { color: #FFF; display: none; } .area-usuario-articulo .contenedor-temas ul li a.on i + i { display: none; color: #151e2b; } /* *****seguir activado */ .area-usuario-articulo .contenedor-temas { display: block; animation: opacity .3s ease-out; -webkit-animation: opacity .3s ease-out; -moz-animation: opacity .3s ease-out; } .area-usuario-articulo .btns .seguir-tema-articulo { border-bottom: 0px; border-right: 1px solid #c2c8d0; } .area-usuario-articulo .btns .guardar-nota-articulo { border: 0px; border-right: 0px solid #151F2C; border-top: 0px solid #151F2C; border-bottom: 1px solid #c2c8d0; } .area-usuario-articulo .btns .guardar-nota-articulo p { border: 0px; } .area-usuario-articulo .btns .seguir-nota-articulo p i { display: none; } .area-usuario-articulo .btns .seguir-nota-articulo p i + i { display: inline-block; } /* *****nota guardada */ .area-usuario-articulo .btns .guardar-nota-articulo.on p i { color: #E22146; display: none; } .area-usuario-articulo .btns .guardar-nota-articulo.on p i + i { display: inline-block; color: #E22146; } /*44. ------Player: Sticky articulo ----------------------------------------------*/ #articulo article .contenido-nota .player-sticky { display: block; position: relative; margin: 60px 0px; } #articulo article .contenido-nota .player-sticky .video-box { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #articulo article .contenido-nota .player-sticky .video-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-bottom: 0px !important; margin-top: 0px !important; } #articulo article .contenido-nota .player-sticky .video-box.sticky-video { position: fixed !important; bottom: 40px; right: 40px; width: 420px !important; height: 236px !important; padding-bottom: 0px !important; padding-top: 0px; overflow: unset; z-index: 9999999; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } /*45. ------Player: Sticky articulo video ----------------------------------------------*/ #black.articulo-video article .contenido-video .video-principal .player-sticky { display: block; position: relative; margin: 0px; } #black.articulo-video article .contenido-video .video-principal .player-sticky .video-box { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #black.articulo-video article .contenido-video .video-principal .player-sticky .video-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-bottom: 0px !important; margin-top: 0px !important; } #black.articulo-video article .contenido-video .video-principal .player-sticky .video-box.sticky-video { position: fixed !important; bottom: 40px; right: 40px; width: 420px !important; height: 236px !important; padding-bottom: 0px !important; padding-top: 0px; overflow: unset; z-index: 9999999; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } /*46. ------Sidebar: Temas que sigues ----------------------------------------------*/ aside .temas-que-sigues { display: block; position: relative; margin-bottom: 30px; } aside .temas-que-sigues h3 { font-family: 'Darwin Pro Bold'; font-size: 2.2em; color: #151F2C; margin-bottom: 20px; } aside .temas-que-sigues h3 span { font-family: 'Darwin Pro Bold'; color: #EBCC1D; } aside .temas-que-sigues .row { margin-bottom: 20px; font-size: 1.5em; } aside .temas-que-sigues .row .opciones { display: block; text-align: left; width: 150px; } aside .temas-que-sigues .row .opciones i { color: #EBCC1D; } aside .temas-que-sigues .row .opciones a:hover { -webkit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; } aside .temas-que-sigues .row .sin-leer { display: block; text-align: right; } aside .temas-que-sigues .row .sin-leer a { background-color: #EBCC1D; color: #151F2C; padding: 6px 10px; border-radius: 4px; } aside .temas-que-sigues .row .sin-leer a:hover { -webkit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; } aside .temas-que-sigues .sin-articulos p { font-family: 'Darwin Pro Regular'; font-size: 1.5em; color: #151F2C; background-color: #EBCC1D; text-align: center; padding: 20px 0px; margin-bottom: 20px; border-radius: 6px; } aside .temas-que-sigues .sin-articulos p span { font-family: 'Darwin Pro Bold'; text-transform: uppercase; } aside .temas-que-sigues article { display: inline-block; height: auto; margin-bottom: 20px; } aside .temas-que-sigues article figure { display: block; position: relative; width: 100%; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } aside .temas-que-sigues article figure img { display: block; position: relative; float: left; width: 45%; padding-right: 12px; } aside .temas-que-sigues article figure figcaption { display: block; position: relative; float: left; width: 55%; height: 92px; } aside .temas-que-sigues article figure figcaption h2 { font-family: 'Darwin Pro Regular'; font-size: 1.5em; color: #151F2C; line-height: 1.35em; } aside .temas-que-sigues article figure figcaption h2:hover { color: #454E5C; } aside .temas-que-sigues article span.recomendado { font-family: 'Darwin Pro SemiBold'; font-size: 1.2em; background-color: #EBCC1D; color: #151F2C; padding: 2px 10px; border-radius: 4px; position: absolute; z-index: 99; left: 16px; top: -10px; } aside .temas-que-sigues .cargando, aside .temas-que-sigues .cargando:before, aside .temas-que-sigues .cargando:after { border-radius: 50%; width: 1.5em; height: 1.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } aside .temas-que-sigues .cargando { color: #24AF8E; font-size: 10px; margin: 2px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; margin-top: 20px; margin-bottom: 80px; } aside .temas-que-sigues .cargando:before, aside .temas-que-sigues .cargando:after { content: ''; position: absolute; top: 0; } aside .temas-que-sigues .cargando:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } aside .temas-que-sigues .cargando:after { left: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } /*47. ------Sidebar: Lo ultimo ----------------------------------------------*/ aside .ultimas-noticias { display: block; position: relative; margin-bottom: 30px; } aside .ultimas-noticias h3 { font-family: 'Darwin Pro Bold'; font-size: 2.2em; color: #151F2C; margin-bottom: 20px; } aside .ultimas-noticias h3 span { font-family: 'Darwin Pro Bold'; color: #24AF8E; } aside .ultimas-noticias .row { margin-bottom: 20px; font-size: 1.5em; } aside .ultimas-noticias .row .opciones { display: block; text-align: left; } aside .ultimas-noticias .row .opciones i { color: #24AF8E; } aside .ultimas-noticias .row .opciones a:hover { -webkit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; } aside .ultimas-noticias article { display: inline-block; height: auto; margin-bottom: 20px; } aside .ultimas-noticias article figure { display: block; position: relative; width: 100%; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } aside .ultimas-noticias article figure img { display: block; position: relative; float: left; width: 45%; padding-right: 12px; } aside .ultimas-noticias article figure figcaption { display: block; position: relative; float: left; width: 55%; height: 92px; } aside .ultimas-noticias article figure figcaption h2 { font-family: 'Darwin Pro Regular'; font-size: 1.5em; color: #151F2C; line-height: 1.35em; } aside .ultimas-noticias article figure figcaption h2:hover { color: #454E5C; } /*48. ------Artículos: Noticias Recomendadas + más contenido ----------------------------------------------*/ #articulo article .container .cuerpo { border-bottom: 0px solid #071828; } #articulo article .container .cuerpo .lineaVerde { display: block; position: absolute; bottom: 0px; left: 0; height: 0px; width: 50px; background-color: #25af8e; z-index: 99; } #articulo article .contenido-nota { margin: 0px 0px; } #articulo article .contenedor-contenido { padding: 30px 30px 10px 30px; } #articulo article .container { margin-bottom: 10px; } #articulo .masContenido { display: inline-block; position: relative; width: 100%; padding: 0; margin: 0; } #articulo .masContenido .container .box { display: block; position: relative; width: 945px; float: left; background-color: transparent; padding: 0px; } #articulo .masContenido .container .box .notas { display: inline-block; margin: 20px 0px; } #articulo .masContenido .container .box .notas h3 { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #25af8e; margin-bottom: 20px; } #articulo .masContenido .container .box .notas article { display: block; position: relative; width: 450px; margin-right: 45px; float: left; margin-bottom: 20px; } #articulo .masContenido .container .box .notas article + article { display: block; position: relative; width: 450px; margin-right: 0px; float: left; } #articulo .masContenido .container .box .notas article + article + article { display: block; position: relative; width: 450px; margin-right: 45px; float: left; } #articulo .masContenido .container .box .notas article + article + article + article { display: block; position: relative; width: 450px; margin-right: 0px; float: left; } #articulo .masContenido .container .box .notas article + article + article + article + article { display: block; position: relative; width: 450px; margin-right: 45px; float: left; } #articulo .masContenido .container .box .notas article + article + article + article + article + article { display: block; position: relative; width: 450px; margin-right: 0px; float: left; } #articulo .masContenido .container .box .notas article + article + article + article + article + article + article { display: block; position: relative; width: 450px; margin-right: 45px; float: left; } #articulo .masContenido .container .box .notas article + article + article + article + article + article + article + article { display: block; position: relative; width: 450px; margin-right: 0px; float: left; } #articulo .masContenido .container .box .notas article + article + article + article + article + article + article + article + article { display: block; position: relative; width: 450px; margin-right: 45px; float: left; } #articulo .masContenido .container .box .notas article + article + article + article + article + article + article + article + article + article { display: block; position: relative; width: 450px; margin-right: 0px; float: left; } #articulo .masContenido .container .box .notas article + article + article + article + article + article + article + article + article + article + article { display: block; position: relative; width: 450px; margin-right: 45px; float: left; } #articulo .masContenido .container .box .notas article + article + article + article + article + article + article + article + article + article + article + article { display: block; position: relative; width: 450px; margin-right: 0px; float: left; } #articulo .masContenido .container .box .notas article figure { display: inline-block; position: relative; background-color: #fff; height: 110px; overflow: hidden; } #articulo .masContenido .container .box .notas article figure .left { display: block; position: relative; width: 110px; float: left; } #articulo .masContenido .container .box .notas article figure .right { display: block; position: relative; width: 340px; float: left; padding: 10px; } #articulo .masContenido .container .box .notas article figure .right h2 { font-family: 'Darwin Pro SemiBold'; color: #151F2C; font-size: 1.8em; line-height: 1.4em; padding: 0; margin: 0; } #articulo .masContenido .container .box .notas article figure:hover .right h2 { color: #454E5C; } /* ads */ .boxAds { display: block; position: relative; margin: 10px 0px; } .boxAds .section-dfp.bottom1, .boxAds .section-dfp.bottom2, .boxAds .section-dfp.bottom3 { text-align: left; } .boxAds .section-dfp.bottom1 .box, .boxAds .section-dfp.bottom2 .box, .boxAds .section-dfp.bottom3 .box { margin: 0; } /*49. ------Sidebar: Redes sociales ----------------------------------------------*/ aside .rrss { display: block; position: relative; margin-bottom: 30px; } aside .rrss h3 { font-family: 'Darwin Pro Bold'; font-size: 2.2em; color: #151F2C; margin-bottom: 20px; } aside .rrss h3 span { font-family: 'Darwin Pro Bold'; } aside .rrss li { display: inline-block; font-size: 2em; line-height: 1em; padding: 0px 0px 10px 0px; margin-right: 6px; } aside .rrss li a { color: #151F2C; } aside .rrss li a:hover { color: #454E5C; } /*50. ------Sidebar: Temas populares ----------------------------------------------*/ aside .temas-populares { display: block; position: relative; margin-bottom: 30px; } aside .temas-populares h3 { font-family: 'Darwin Pro Bold'; font-size: 2.2em; color: #151F2C; margin-bottom: 20px; } aside .temas-populares h3 span { font-family: 'Darwin Pro Bold'; } aside .temas-populares li { display: block; font-size: 1.8em; line-height: 1em; padding: 0px 0px 16px 0px; } aside .temas-populares li a { font-family: 'Darwin Pro Regular Italic'; color: #151F2C; } aside .temas-populares li a:hover { color: #454E5C; } aside .temas-populares li a:before { font-family: "mn-icons"; content: '\e800'; margin-right: 6px; } /*51. ------Sidebar: TCalendario Dato util ----------------------------------------------*/ .calendario { width: 290px; margin-bottom: 30px; } .calendario h3 { font-size: 1.9em; color: #141f2c; margin-bottom: 10px; background-color: #fff900; } .calendario h3 span { font-family: 'Darwin Pro Black'; color: #141f2c; } .calendario .calendar__month { font-size: 20px; font-weight: 800; padding: 4px 0; border-top: 1px solid #eff1f3; border-bottom: 1px solid #eff1f3; width: 100%; position: relative; } .calendario .cal-month__previous, .calendario .cal-month__next { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; width: 20px; height: 20px; text-align: center; background-color: #151f2c; color: #fff900; line-height: 0; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .calendario .cal-month__previous i:before, .calendario .cal-month__next i:before { margin: 0px; } .calendario .cal-month__previous:hover, .calendario .cal-month__next:hover { width: 20px; height: 20px; text-align: center; background-color: #fff900; color: #151f2c; } .calendario .cal-month__next { right: 0; } .calendario .cal-month__current { text-align: center; color: #151F2C; font-family: 'Darwin Pro Bold'; text-transform: uppercase; } .calendario .cal-head__day, .calendario .cal-body__day { display: inline-block; width: 40px; height: 40px; float: left; text-align: center; font-family: 'Darwin Pro Bold'; color: #b6bbbf; font-size: 1.4em; } .calendario .cal-body__week, .calendario .calendar__head { display: block; height: 40px; width: 290px; } .calendario .calendar__head { line-height: 50px; position: relative; } .calendario .cal-body__day { color: #b6bbbf; line-height: 40px; text-align: center; cursor: initial; font-family: 'Darwin Pro Light'; font-size: 1.4em; } .calendario .cal-day__month--current { color: #151F2C; font-family: 'Darwin Pro Bold'; font-size: 1.4em; } .calendario .cal-day__day--today { font-family: 'Darwin Pro Black'; color: #13a789; background-color: #eff1f3; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /* *****fecha marcada */ .calendario .cal-body__day.fecha { font-family: 'Darwin Pro Black'; color: #141f2c; background-color: #fff900; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; cursor:pointer; display: block; position: relative; } /* *****tooltip fecha */ .calendario .fecha:hover .calendario-nota { visibility: visible; top: -70px; left: -90px; z-index: 99; } .calendario .fecha .calendario-nota { background: none repeat scroll 0 0 #222; /*-- some basic styling */ color: #F0B015; font-family: 'Helvetica'; font-weight: normal; line-height: 1.5em; padding: 10px; width: 240px; top: -70px; left: -90px; margin-left: 0; visibility: hidden; position: absolute; text-align: center; z-index: 2; text-transform: none; } .calendario .fecha .calendario-nota:after { border-color: #222 rgba(0, 0, 0, 0); border-style: solid; border-width: 15px 15px 0; bottom: -15px; content: ""; display: block; left: 100px; position: absolute; width: 0; } .calendario .fecha:hover .calendario-nota h2 { text-align: left; color: #FFF; font-family: 'Darwin Pro SemiBold'; font-size: 1.1em; line-height: 1.2em; border-left: 1px solid transparent; padding-left: 10px; } .calendario .fecha:hover .calendario-nota h2:hover { color: #fff900; border-left: 1px solid #fff900; } /* *****tooltip por posicion*/ /* ***** sabado*/ .calendario .cal-body__week .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day.fecha:hover .calendario-nota { visibility: visible; top: -70px; left: -236px; height: 92px; z-index: 99; bottom: 0; position: relative; } .calendario .cal-body__week .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day.fecha .calendario-nota { visibility: hidden; top: -54px; left: -236px; height: 92px; z-index: 99; bottom: 0; position: relative; } .calendario .cal-body__week .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day .calendario-nota:after{ border-color: #222 rgba(0, 0, 0, 0); border-style: solid; border-width: 15px 15px 0; bottom: 30px; content: ""; display: block; right: -23px; position: absolute; width: 0; border-left: 18px solid #222222; border-top: 12px solid transparent; border-bottom: 12px solid transparent; left: unset; } /* ***** domingo*/ .calendario .cal-body__week .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day.fecha:hover .calendario-nota { visibility: visible; top: -70px; left: -238px; z-index: 99; height: 92px; bottom: 0; position: relative; } .calendario .cal-body__week .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day.fecha .calendario-nota { visibility: hidden; top: -70px; left: -238px; height: 92px; z-index: 99; bottom: 0; position: relative; } .calendario .cal-body__week .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day + .cal-body__day .calendario-nota:after{ border-color: #222 rgba(0, 0, 0, 0); border-style: solid; border-width: 15px 15px 0; bottom: 30px; content: ""; display: block; right: -25px; position: absolute; width: 0; border-left: 18px solid #222222; border-top: 12px solid transparent; border-bottom: 12px solid transparent; left: unset; } /* ***** lunes*/ .calendario .cal-body__week .cal-body__day.fecha:hover .calendario-nota { visibility: visible; top: -62px; left: 36px; height: 92px; z-index: 99; bottom: 0px; position: relative; } .calendario .cal-body__week .cal-body__day.fecha .calendario-nota { visibility: hidden; top: -54px; left: 36px; height: 92px; z-index: 99; bottom: 0px; position: relative; } .calendario .cal-body__week .cal-body__day.fecha .calendario-nota:after { border-color: #222 rgba(0, 0, 0, 0); border-style: solid; border-width: 15px 15px 0; bottom: 38px; content: ""; display: block; right: unset; position: absolute; width: 0; border-right: 18px solid #222222; border-top: 12px solid transparent; border-bottom: 12px solid transparent; left: -24px; } /* ***** martes*/ .calendario .cal-body__week .cal-body__day + .cal-body__day.fecha:hover .calendario-nota { visibility: visible; top: -62px; left: 36px; height: 92px; z-index: 99; bottom: 0px; position: relative; } .calendario .cal-body__week .cal-body__day + .cal-body__day.fecha .calendario-nota { visibility: hidden; top: -54px; left: 36px; height: 92px; z-index: 99; bottom: 0px; position: relative; } .calendario .cal-body__week .cal-body__day + .cal-body__day.fecha .calendario-nota:after { border-color: #222 rgba(0, 0, 0, 0); border-style: solid; border-width: 15px 15px 0; bottom: 38px; content: ""; display: block; right: unset; position: absolute; width: 0; border-right: 18px solid #222222; border-top: 12px solid transparent; border-bottom: 12px solid transparent; left: -24px; } /* ***** miercoles - jueves - viernes*/ .calendario .cal-body__week .cal-body__day + .cal-body__day + .cal-body__day.fecha:hover .calendario-nota { visibility: visible; top: -133px; left: -90px; height: 92px; z-index: 99; bottom: 50px; position: relative; } .calendario .cal-body__week .cal-body__day + .cal-body__day + .cal-body__day.fecha .calendario-nota { visibility: hidden; top: -133px; left: -90px; z-index: 99; height: 92px; bottom: 50px; position: relative; } .calendario .cal-body__week .cal-body__day + .cal-body__day + .cal-body__day.fecha .calendario-nota:after { border-color: #222 rgba(0, 0, 0, 0); border-style: solid; border-width: 15px 15px 0; bottom: -12px; content: ""; display: block; left: 95px; position: absolute; width: 0; } /*52. ------Sidebar: Links de interes Dato util ----------------------------------------------*/ .links-de-interes { display: block; position: relative; margin-bottom: 30px; } .links-de-interes h3 { font-size: 2.2em; color: #151F2C; margin-bottom: 10px; } .links-de-interes h3 span { font-family: 'Darwin Pro Black'; color: #151F2C; } .links-de-interes ul li { display: block; position: relative; background-color: #FFF; padding: 5px 45px 5px 10px; margin-bottom: 10px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .links-de-interes ul li:hover{ background-color: #fff600; } .links-de-interes ul a { font-family: 'Darwin Pro SemiBold'; color: #434e5c; font-size: 2em; } .links-de-interes ul a span { display: block; position: absolute; right: 0px; top: 0; width: 38px; height: 38px; line-height: 38px; text-align: center; background-color: #141f2c; color: #fff900; } /*53. ------Secciones: Pagina generica ----------------------------------------------*/ #white .contenedor-articulos { display: block; position: relative; background-color: #f8f9fa; } #white .contenedor-articulos .container { display: flex; background-color: #f8f9fa; height: auto; padding-top: 10px; padding-bottom: 70px; } #white .contenedor-articulos .container .notas { display: block; position: relative; width: 945px; float: left; background-color: #f8f9fa; padding: 0px; } #white .contenedor-articulos .notas .box-articulos { display: inline-block; position: relative; margin-top: 0px; } #white .contenedor-articulos .notas .box-articulos h3 { font-size: 2.2em; color: #FFF; margin-bottom: 20px; } #white .contenedor-articulos .notas .box-articulos h3 span { font-family: 'Darwin Pro Black'; color: #24AF8E; } #white .contenedor-articulos .notas .box-articulos article { float: left; margin-right: 20px; } #white .contenedor-articulos .notas .box-articulos article + article { float: left; margin-right: 20px; } #white .contenedor-articulos .notas .box-articulos article + article + article { float: left; margin-right: 0px; } #white .contenedor-articulos .notas .box-articulos article + article + article + article { float: left; margin-right: 20px; margin-top: 10px; } #white .contenedor-articulos .notas .box-articulos article + article + article + article + article { float: left; margin-right: 20px; margin-top: 10px; } #white .contenedor-articulos .notas .box-articulos article + article + article + article + article + article { float: left; margin-right: 0px; margin-top: 10px; } #white .contenedor-articulos .notas .box-articulos article + article + article + article + article + article + article { float: left; margin-right: 20px; margin-top: 10px; } #white .contenedor-articulos .notas .box-articulos article + article + article + article + article + article + article + article { float: left; margin-right: 20px; margin-top: 10px; } #white .contenedor-articulos .notas .box-articulos article + article + article + article + article + article + article + article + article { float: left; margin-right: 0px; margin-top: 10px; } #white .contenedor-articulos .notas .box-articulos article + article + article + article + article + article + article + article + article + article { float: left; margin-right: 20px; margin-top: 10px; } #white .contenedor-articulos .notas .box-articulos article + article + article + article + article + article + article + article + article + article + article { float: left; margin-right: 20px; margin-top: 10px; } #white .contenedor-articulos .notas .box-articulos article + article + article + article + article + article + article + article + article + article + article + article { float: left; margin-right: 0px; margin-top: 10px; } #white .contenedor-articulos .notas .box-articulos p.sin-resultados { font-family: 'Darwin Pro Light'; color: #151F2C; font-size: 2.3em; line-height: 1.6em; margin: 20px; } #white .contenedor-articulos .notas .box-articulos p.sin-resultados span { font-family: 'Darwin Pro Bold'; } #white.deportes .contenedor-articulos .notas .box-articulos + .box-articulos { margin-top: 10px; } #white .contenedor-articulos .container aside.right { display: block; position: relative; width: 300px; float: right; margin: 0px 0px 0px 50px; background-color: #f8f9fa; } #white .contenedor-articulos .container .notas .box-articulos h2.titulo { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #151F2C; padding-left: 0px !important; } #white.mis-guardadas .contenedor-articulos .container .notas .box-articulos h2.titulo { text-transform: initial; } #white.mis-guardadas .contenedor-articulos .container .notas .box-articulos h2.titulo i { color: #E22146; display: none; } #white.mis-noticias .contenedor-articulos .container .notas .box-articulos h2.titulo i { color: #E22146; display: none; } #white.mis-noticias .contenedor-articulos .container .notas .box-articulos h2.titulo { text-transform: initial; } /* *****reloj */ #white .contenedor-articulos .container .notas .box-articulos h2.titulo .reloj { position: absolute; top: -2px; left: 5px; margin: auto; width: 50px; height: 50px; border: 1px solid transparent; z-index: 9999; } #white .contenedor-articulos .container .notas .box-articulos h2.titulo .reloj .borde { width: 80%; height: 80%; border: 4px solid #ea303b; border-radius: 50%; position: absolute; bottom: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; } #white .contenedor-articulos .container .notas .box-articulos h2.titulo .reloj .borde .puntero { width: 12px; height: 2px; background: #ea303b; position: absolute; top: 14px; left: 3px; transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; -webkit-animation: horas 10s linear 0s infinite; animation: horas 10s linear 0s infinite; } /* *****Chrome, Safari, Opera */ @-webkit-keyframes horas { from { } to { -webkit-transform:rotate(360deg); } } /* *****Standard syntax */ @keyframes horas { from { } to { -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); } } #white .contenedor-articulos .container .notas .box-articulos .linea-seccion { display: block; position: relative; width: 40px; height: 4px; background-color: #24AF8E; margin-bottom: 30px; } /*54. ------Secciones: Paginador ----------------------------------------------*/ .paginador { display: inline-block; position: relative; width: 100%; margin: 40px 0px; } .paginador ul { text-align: center; } .paginador ul li { display: inline-block; color: #d4d8dd; font-family: 'Darwin Pro SemiBold'; font-size: 2.4em; padding: 0px 10px; cursor: pointer; } .paginador ul li.off { -webkit-opacity: 0.2; -moz-opacity: 0.2; -ms-opacity: 0.2; -o-opacity: 0.2; opacity: 0.2; cursor: inherit; } .paginador ul li.on { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } .paginador ul li.activo { color: #24AF8E; } .paginador ul li.on:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } /* *****secciones genericas */ #white .paginador { display: inline-block; background-color: #FFF; padding: 10px 0px; } /*55. ------Secciones: Taxonomica ----------------------------------------------*/ #white .contenedor-articulos .container .notas .titulo-taxonomico { display: inline-block; position: relative; width: 100%; height: auto; } #white .contenedor-articulos .container .notas .titulo-taxonomico .titulo { display: block; position: relative; float: left; } #white .contenedor-articulos .container .notas .titulo-taxonomico .titulo p { font-family: 'Darwin Pro Regular'; font-size: 2em; color: #151F2C; margin-left: 0px; } #white .contenedor-articulos .container .notas .titulo-taxonomico .titulo p span { font-family: 'Darwin Pro SemiBold'; color: #24AF8E; } #white .contenedor-articulos .container .notas .titulo-taxonomico .titulo h1, #white .contenedor-articulos .container .notas .titulo-taxonomico .titulo h2 { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #151F2C; padding-left: 26px; } #white .contenedor-articulos .container .notas .titulo-taxonomico .titulo .linea-seccion { display: block; position: relative; width: 40px; height: 4px; background-color: #24AF8E; margin-bottom: 30px; margin-left: 26px; } #white .contenedor-articulos .container .notas .titulo-taxonomico .seguir-tema { display: block; position: relative; float: left; margin-left: 20px; padding-top: 31px; } /* *****seguir tema */ #white .contenedor-articulos .container .notas .titulo-taxonomico .seguir-tema ul { display: block; position: relative; width: 100%; } #white .contenedor-articulos .container .notas .titulo-taxonomico .seguir-tema ul li { display: inline-block; padding-right: 0px; } #white .contenedor-articulos .container .notas .titulo-taxonomico .seguir-tema ul li a.seguir { border: 1px solid #151F2C; border-radius: 4px; padding: 8px 20px; display: block; font-family: 'Darwin Pro Regular'; font-size: 1.6em; color: #151F2C; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; } #white .contenedor-articulos .container .notas .titulo-taxonomico .seguir-tema ul li a.seguir:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } /* *****guardado */ #white .contenedor-articulos .container .notas .titulo-taxonomico .seguir-tema ul li a.seguir.on { border-radius: 4px; padding: 8px 20px; display: block; font-family: 'Darwin Pro Regular'; font-size: 1.6em; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; background-color: #EBCC1D; color: #151e2b; border: 1px solid #EBCC1D; cursor: pointer; } /* *****variables***** */ #white .contenedor-articulos .container .notas .titulo-taxonomico .seguir-tema ul li a.seguir i { display: inline-block; } #white .contenedor-articulos .container .notas .titulo-taxonomico .seguir-tema ul li a.seguir span { display: inline-block; } #white .contenedor-articulos .container .notas .titulo-taxonomico .seguir-tema ul li a.seguir span + span { display: none; } /*---*/ #white .contenedor-articulos .container .notas .titulo-taxonomico .seguir-tema ul li a.seguir.on i { display: inline-block; } #white .contenedor-articulos .container .notas .titulo-taxonomico .seguir-tema ul li a.seguir.on span { display: none; } #white .contenedor-articulos .container .notas .titulo-taxonomico .seguir-tema ul li a.seguir.on span + span { display: inline-block; } /*56. ------Usuario: Registro ----------------------------------------------*/ body#registro #menu-usuario { display: none; } body#registro #main { margin-top: 0px; } /* *****hero header */ body#registro .hero-header { display: block; position: relative; background: url(../../login/images/img-10.jpg); background-position: top; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; width: 100%; height: auto; padding: 100px 0px; } body#registro .hero-header .box { display: block; position: relative; width: 1290px; margin: 0 auto; } body#registro .hero-header .box .texto { width: 750px; } body#registro .hero-header .box .texto h1 { font-family: 'Darwin Pro Light'; font-size: 6em; color: #fff; line-height: 1em; } body#registro .hero-header .box .texto h1 span { font-family: 'Darwin Pro Bold Italic'; background-color: #24AF8E; padding: 1px 10px; } body#registro .hero-header .box .texto p { font-family: 'Darwin Pro Light'; font-size: 1.8em; color: #fff; line-height: 1.4em; margin-top: 40px; } body#registro .hero-header .box .texto p span { font-family: 'Darwin Pro Bold Italic'; } /* *****24/7 */ body#registro .veinticuatrosiete { display: block; position: relative; width: 100%; height: auto; margin: 20px 0px; } body#registro .veinticuatrosiete .box { display: block; position: relative; width: 1290px; margin: 0 auto; } body#registro .veinticuatrosiete .box .top-header { display: inline-block; position: relative; height: auto; width: 100%; background-color: #394252; padding: 10px; } body#registro .veinticuatrosiete .box .top-header img { float: left; height: 72px; } body#registro .veinticuatrosiete .box .top-header p { display: block; position: absolute; width: 100%; text-align: center; height: 40px; bottom: -65px; z-index: 9; } body#registro .veinticuatrosiete .box .top-header p span.triangulo { border-top: 30px solid #394152; border-left: 30px solid #0000; border-right: 30px solid #0000; } body#registro .veinticuatrosiete .box .contenido { display: inline-block; position: relative; width: 100%; background: url(../../login/images/img-02.jpg); background-position: top; background-repeat: no-repeat; background-size: cover; margin-top: -5px; padding: 120px 40px; } body#registro .veinticuatrosiete .box .contenido .left { display: block; position: relative; float: left; width: 75%; } body#registro .veinticuatrosiete .box .contenido .right { display: block; position: relative; float: left; width: 25%; } body#registro .veinticuatrosiete .box .contenido .left .texto { display: block; position: relative; float: right; width: 350px; margin: 50px; background-color: #FFF; padding: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2); } body#registro .veinticuatrosiete .box .contenido .left .texto h2 { font-family: 'Darwin Pro SemiBold'; font-size: 1.8em; color: #151F2C; line-height: 1.2em; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 2px; } body#registro .veinticuatrosiete .box .contenido .left .texto p { font-family: 'Darwin Pro Light'; font-size: 1.6em; line-height: 1.4em; color: #151F2C; margin-bottom: 30px; } body#registro .veinticuatrosiete .box .contenido .left .texto span.cuadrado { display: block; position: absolute; width: 30px; height: 30px; background-color: #00a182; top: -15px; left: -15px; } body#registro .veinticuatrosiete .box .contenido .right .rrss { display: block; position: relative; width: 250px; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2); } body#registro .veinticuatrosiete .box .contenido .right .rrss .titulo { display: block; position: relative; padding: 10px; background-color: #dee0e3; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -ms-border-radius: 3px 3px 0px 0px; -o-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } body#registro .veinticuatrosiete .box .contenido .right .rrss .titulo h3 { font-family: 'Darwin Pro SemiBold'; font-size: 1.6em; color: #151F2C; letter-spacing: 2px; text-align: center; } body#registro .veinticuatrosiete .box .contenido .right .rrss .texto { display: block; position: relative; background-color: #FFF; padding: 20px; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -ms-border-radius: 0px 0px 3px 3px; -o-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; } body#registro .veinticuatrosiete .box .contenido .right .rrss .texto ul li { font-family: 'Darwin Pro Light'; font-size: 1.8em; line-height: 1.4em; color: #151F2C; letter-spacing: 1px; margin-bottom: 10px; } body#registro .veinticuatrosiete .box .contenido .right .rrss .texto ul li img { width: 32px; position: absolute; } body#registro .veinticuatrosiete .box .contenido .right .rrss .texto ul li a { color: #151F2C; padding: 0px 0px 0px 40px; height: 32px; line-height: 32px; } body#registro .veinticuatrosiete .box .contenido .right .rrss .texto ul li a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } /* *****select */ body#registro .select { display: block; position: relative; width: 100%; height: auto; margin: 20px 0px; } body#registro .select .box { display: block; position: relative; width: 1290px; margin: 0 auto; } body#registro .select .box .top-header { display: inline-block; position: relative; height: auto; width: 100%; background-color: #394252; padding: 10px; } body#registro .select .box .top-header img { float: left; height: 72px; } body#registro .select .box .top-header p { display: block; position: absolute; width: 100%; text-align: center; height: 40px; bottom: -65px; z-index: 9; } body#registro .select .box .top-header p span.triangulo { border-top: 30px solid #394152; border-left: 30px solid #0000; border-right: 30px solid #0000; } body#registro .select .box .contenido .top{ display: inline-block; position: relative; width: 100%; } body#registro .select .box .contenido .top .presentacion { display: inline-block; position: relative; width: 100%; background: url(../../login/images/dots.png); background-position: top; background-repeat: no-repeat; background-size: contain; } body#registro .select .box .contenido .top .presentacion .left { display: block; position: relative; float: left; width: 50%; } body#registro .select .box .contenido .top .presentacion .right { display: block; position: relative; float: left; width: 50%; } body#registro .select .box .contenido .top .presentacion .right .box { display: block; position: relative; width: 500px; margin: 0 auto; padding-top: 180px; } body#registro .select .box .contenido .top .presentacion .right .box h2 { font-family: 'Darwin Pro Light'; font-size: 4em; line-height: 1.4em; color: #151F2C; } body#registro .select .box .contenido .top .presentacion .right .box h2 span { font-family: 'Darwin Pro Bold'; } body#registro .select .box .contenido .top .presentacion .right .box p { font-family: 'Darwin Pro Light'; font-size: 1.8em; line-height: 1.4em; color: #151F2C; margin-top: 10px; } body#registro .select .box .contenido .top .presentacion .right .box span.cuadrado { display: block; position: absolute; width: 20px; height: 20px; background-color: #00ac8f; bottom: -70px; left: 150px; animation-duration: 3s; animation-name: slidein; animation-iteration-count: infinite; animation-direction: alternate; } @keyframes slidein { from { left: 0; width: 20px; } to { left: -300px; width: 20px; } } body#registro .select .box .contenido .top .caracteristicas { display: inline-block; position: relative; width: 100%; padding: 50px 0px; } body#registro .select .box .contenido .top .caracteristicas .box { display: block; position: relative; width: 900px; margin: 0 auto; } body#registro .select .box .contenido .top .caracteristicas .box .columna3 { display: block; position: relative; width: 22%; float: left; margin-right: 4%; } body#registro .select .box .contenido .top .caracteristicas .box .columna3 + .columna3 { margin-right: 4%; } body#registro .select .box .contenido .top .caracteristicas .box .columna3 + .columna3 + .columna3 { margin-right: 4%; } body#registro .select .box .contenido .top .caracteristicas .box .columna3 + .columna3 + .columna3 + .columna3 { margin-right: 0%; } body#registro .select .box .contenido .top .caracteristicas .box .columna3 .item { display: block; position: relative; width: 100%; height: 330px; margin: 0 auto; background-color: #fff; padding: 20px; border-radius: 3px; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); text-align: center; transition: 0.3s; } body#registro .select .box .contenido .top .caracteristicas .box .columna3 .item h3 { font-family: 'Darwin Pro Bold'; font-size: 2em; color: #151F2C; letter-spacing: 2px; text-align: center; margin-bottom: 4px; height: 54px; } body#registro .select .box .contenido .top .caracteristicas .box .columna3 .item p { font-family: 'Darwin Pro Light'; font-size: 1.5em; line-height: 1.4em; color: #151F2C; text-align: center; } body#registro .select .box .contenido .top .caracteristicas .box .columna3 .item img { width: 86px; padding: 0px 0px 20px 0px; } body#registro .select .box .contenido .top .caracteristicas span.bg-diagonal { display: block; position: absolute; width: 100%; height: 210px; bottom: 0; left: 0; background-color: #394152; z-index: -1; } body#registro .select .box .contenido .top .caracteristicas .box .columna3 .item:hover { transform: scale(1.1); box-shadow: 2px 2px 20px rgba(0,0,0,0.1); } body#registro .select .box .contenido .bottom { display: inline-block; position: relative; width: 100%; background: #1bae8d; background: -moz-linear-gradient(45deg, rgba(27,174,141,1) 0%, rgba(57,64,82,1) 23%); background: -webkit-linear-gradient(45deg, #1bae8d 0%,#394052 23%); background: linear-gradient(45deg, #1bae8d 0%,#394052 23%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1bae8d', endColorstr='#394052',GradientType=1 ); margin-top: -10px; padding: 0px 50px; z-index: 0; } body#registro .select .box .contenido .bottom .left { display: block; position: relative; width: 55%; float: left; } body#registro .select .box .contenido .bottom .right { display: block; position: relative; width: 45%; float: left; } body#registro .select .box .contenido .bottom .left .formulario { display: block; position: relative; } body#registro .select .box .contenido .bottom .left .formulario h2 { font-family: 'Darwin Pro Bold'; font-size: 4em; line-height: 1.4em; color: #fff; } body#registro .select .box .contenido .bottom .left .formulario p { font-family: 'Darwin Pro Light'; font-size: 1.8em; line-height: 1.4em; color: #fff; width: 600px; } body#registro .select .box .contenido .bottom .right img { padding-top: 80px; padding-left: 60px; } body#registro .select .box .contenido .bottom .right img.bg { position: absolute; bottom: 0; right: 0; z-index: -1; padding-left: 60px; } body#registro .select .box .contenido .bottom .left .formulario .btn { display: block; position: relative; margin: 30px 0px; text-align: center; margin-top: 100px; } body#registro .select .box .contenido .bottom .left .formulario .btn a { background-color: #fdfc00; color: #454e5c; padding: 10px 30px; font-family: 'Darwin Pro Bold'; font-size: 5em; margin-top: 7%; border-bottom: 4px solid #ffcd01; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } body#registro .select .box .contenido .bottom .left .formulario .btn a:hover { background-color: #ffcd01; border-bottom: 4px solid #fdfc00; } /* *****urgente */ body#registro .urgente { display: block; position: relative; width: 100%; height: auto; margin: 20px 0px; } body#registro .urgente .box { display: block; position: relative; width: 1290px; margin: 0 auto; } body#registro .urgente .box .top-header { display: inline-block; position: relative; height: auto; width: 100%; background-color: #394252; padding: 10px; } body#registro .urgente .box .top-header img { float: left; height: 72px; } body#registro .urgente .box .top-header p { display: block; position: absolute; width: 100%; text-align: center; height: 40px; bottom: -65px; z-index: 9; } body#registro .urgente .box .top-header p span.triangulo { border-top: 30px solid #394152; border-left: 30px solid #0000; border-right: 30px solid #0000; } body#registro .urgente .box .contenido { display: inline-block; position: relative; width: 100%; background: url(../../login/images/img-05.jpg); background-position: top; background-repeat: no-repeat; background-size: cover; margin-top: -5px; padding: 80px 40px; } body#registro .urgente .box .contenido .left { display: block; position: relative; width: 50%; float: left; } body#registro .urgente .box .contenido .right { display: block; position: relative; width: 50%; float: left; } body#registro .urgente .box .contenido .right .box { display: block; position: relative; width: 500px; background-color: #394152; padding: 30px; margin-top: 70px; } body#registro .urgente .box .contenido .right .box h3 { font-family: 'Darwin Pro Light'; font-size: 3.4em; line-height: 1.4em; color: #fff; } body#registro .urgente .box .contenido .right .box h3 span { font-family: 'Darwin Pro Bold'; } body#registro .urgente .box .contenido .right .box p { font-family: 'Darwin Pro Light'; font-size: 1.8em; line-height: 1.4em; color: #fff; margin-top: 10px; } /* *****trending */ body#registro .trending { display: block; position: relative; width: 100%; height: auto; margin: 20px 0px; } body#registro .trending .box { display: block; position: relative; width: 1290px; margin: 0 auto; } body#registro .trending .box .top-header { display: inline-block; position: relative; height: auto; width: 100%; background-color: #394252; padding: 10px; } body#registro .trending .box .top-header img { float: left; height: 72px; } body#registro .trending .box .top-header p { display: block; position: absolute; width: 100%; text-align: center; height: 40px; bottom: -65px; z-index: 9; } body#registro .trending .box .top-header p span.triangulo { border-top: 30px solid #394152; border-left: 30px solid #0000; border-right: 30px solid #0000; } body#registro .trending .box .contenido { display: inline-block; position: relative; width: 100%; background-color: #FFF; margin-top: -5px; padding: 70px 50px; } body#registro .trending .box .contenido .left { display: block; position: relative; width: 70%; float: left; text-align: center; } body#registro .trending .box .contenido .left img { width: 600px; } body#registro .trending .box .contenido .right { display: block; position: relative; width: 30%; float: left; } body#registro .trending .box .contenido .right .box { display: block; position: relative; width: 100%; background-color: #ffdc00; padding: 20px; margin: 0; } body#registro .trending .box .contenido .right .box p { font-family: 'Darwin Pro Light'; font-size: 1.8em; line-height: 1.4em; color: #151F2C; margin-top: 10px; } body#registro .trending .box .contenido .right .box p span { font-family: 'Darwin Pro Bold Italic'; } body#registro .trending .box .contenido .right .video { display: block; position: relative; margin: 20px 0px; } body#registro .trending .box .contenido .right .video .cover { text-align: right; } body#registro .trending .box .contenido .right .video .cover img + img { border: 6px solid #229f81; } body#registro .trending .box .contenido .right .creditos { display: inline-block; position: relative; width: 100%; } body#registro .trending .box .contenido .right .creditos p { font-family: 'Darwin Pro Light'; font-size: 1.4em; line-height: 1.4em; color: #151F2C; } body#registro .trending .box .contenido .right .creditos p + p { font-family: 'Darwin Pro Bold'; font-size: 1.6em; line-height: 1.4em; color: #151F2C; letter-spacing: 6px; text-transform: uppercase; } /* *****hora cero */ body#registro .hora-cero { display: block; position: relative; width: 100%; height: auto; margin: 20px 0px; } body#registro .hora-cero .box { display: block; position: relative; width: 1290px; margin: 0 auto; } body#registro .hora-cero .box .top-header { display: inline-block; position: relative; height: auto; width: 100%; background-color: #394252; padding: 10px; } body#registro .hora-cero .box .top-header img { float: left; height: 72px; } body#registro .hora-cero .box .top-header p { display: block; position: absolute; width: 100%; text-align: center; height: 40px; bottom: -65px; z-index: 9; } body#registro .hora-cero .box .top-header p span.triangulo { border-top: 30px solid #394152; border-left: 30px solid #0000; border-right: 30px solid #0000; } body#registro .hora-cero .box .contenido { display: inline-block; position: relative; width: 100%; background-color: #FFF; margin-top: -5px; padding: 70px 50px; } body#registro .hora-cero .box .contenido .left { display: block; position: relative; width: 50%; float: left; } body#registro .hora-cero .box .contenido .right { display: block; position: relative; width: 50%; float: left; text-align: center; } body#registro .hora-cero .box .contenido .right img { width: 400px; } body#registro .hora-cero .box .contenido .left .box { display: block; position: relative; width: 400px; margin: 0 auto; background-color: #394152; padding: 20px; margin-top: 100px; } body#registro .hora-cero .box .contenido .left .box p { font-family: 'Darwin Pro Light'; font-size: 1.8em; line-height: 1.4em; color: #fff; margin-top: 10px; } /* *****megamedia */ body#registro .megamedia { display: block; position: relative; width: 100%; height: auto; margin: 20px 0px; } body#registro .megamedia .box { display: block; position: relative; width: 1290px; margin: 0 auto; } body#registro .megamedia .box .top-header { display: inline-block; position: relative; height: auto; width: 100%; background-color: #394252; text-align: center; padding: 0px; } body#registro .megamedia .box .top-header img { height: 120px; } body#registro .megamedia .box .top-header p { display: block; position: absolute; width: 100%; text-align: center; height: 40px; bottom: -26px; z-index: 9; } body#registro .megamedia .box .top-header span { font-family: 'Darwin Pro Light'; font-size: 3.4em; line-height: 1.4em; color: #fff; padding-left: 30px; height: 120px; line-height: 120px; } body#registro .megamedia .box .top-header span b { font-family: 'Darwin Pro Bold'; } body#registro .megamedia .box .top-header p span.triangulo { border-top: 30px solid #394152; border-left: 30px solid #0000; border-right: 30px solid #0000; padding: unset; height: unset; line-height: 120px; } body#registro .megamedia .box .contenido { display: block; position: relative; background-color: #FFF; padding: 50px 80px; } body#registro .megamedia .box .contenido .item { padding: 30px; } /* *****formulario */ body#registro #main #formulario-registro { display: inline-block; position: relative; background-color: transparent; width: 100%; margin: 0px; padding: 0px; overflow: hidden; margin-top: -50px; } body#registro #main #formulario-registro h2 { font-family: 'Darwin Pro ExtraLight'; font-size: 4.2em; color: #151F2C; } body#registro #main #formulario-registro .linea { display: block; position: relative; width: 90px; height: 2px; background-color: #151F2C; margin-bottom: 30px; margin-top: 6px; } body#registro #main #formulario-registro h3 { font-family: 'Darwin Pro Light'; color: #151F2C; font-size: 2em; } body#registro #main #formulario-registro form fieldset { display: block; position: relative; border: 0px; padding: 0px; margin: 0px; } body#registro #main #formulario-registro form fieldset .top { display: inline-block; position: relative; width: 100%; } body#registro #main #formulario-registro form .left { display: block; position: relative; float: left; width: 48%; margin-right: 2% } body#registro #main #formulario-registro form .right { display: block; position: relative; float: left; width: 48%; margin-left: 2%; } body#registro #main #formulario-registro form .left p, body#registro #main #formulario-registro form .right p { padding: 10px 0px; } body#registro #main #formulario-registro form .top input { font-family: 'Darwin Pro Regular'; width: 100%; padding: 16px; font-size: 1.6em; color: #434e5c; border: 1px solid #abb7c5; } body#registro #main #formulario-registro form .top input, body#registro #main #formulario-registro form .top textarea, body#registro #main #formulario-registro form .top select, body#registro #main #formulario-registro form .top input::placeholder, body#registro #main #formulario-registro form .top input:-ms-input-placeholder, body#registro #main #formulario-registro form .top input::-ms-input-placeholder { color: #434e5c !important; } body#registro #main #formulario-registro form .top input:focus { font-family: 'Darwin Pro Regular'; color: #151F2C; outline: none !important; border: 1px solid #0dad8c; background-color: #eff1f3; } body#registro #main #formulario-registro form span { font-family: 'Darwin Pro Light'; font-size: 1.6em; padding-top: 6px; display: block; color: #434e5c; } body#registro #main #formulario-registro form .bottom { display: inline-block; position: relative; width: 100%; } body#registro #main #formulario-registro form .bottom input { display: inline-block; position: relative; } body#registro #main #formulario-registro form .bottom span { display: inline-block; position: relative; font-size: 1.4em; padding-left: 6px; } body#registro #main #formulario-registro form .bottom span span a { font-size: 0.8em; font-family: 'Darwin Pro SemiBold Italic'; color: #ed3338; } body#registro #main #formulario-registro form .bottom span span a:hover { color: #0dad8c; } body#registro #main #formulario-registro form .bottom button { margin-top: 30px; background-color: #1bae8d; padding: 14px 30px; border: 0px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 2em; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } body#registro #main #formulario-registro form .bottom button:hover { background-color: #434e5c; } /*iframe*/ body#registro #main #formulario-registro iframe { width: 100%; height: 750px; border: none; overflow: hidden; touch-action: unset; } body#registro #main #formulario-registro .ingresa-aqui { display: none; position: relative; width: 100%; } body#registro #main #formulario-registro .ingresa-aqui .contenedor { text-align: center; } body#registro #main #formulario-registro .ingresa-aqui .contenedor p { font-family: 'Darwin Pro Regular'; color: #151F2C; font-size: 1.4em; } body#registro #main #formulario-registro .ingresa-aqui .contenedor p span { font-family: 'Darwin Pro Bold'; cursor: pointer; } body#registro #main #formulario-registro .ingresa-aqui .contenedor p span:hover { color: #454E5C; } header#header .log-iframe-wrap .close-button { top: 30px !important; right: 30px !important; padding: 0px !important; color: #151F2C !important; font-size: 2em !important; background-color: transparent !important; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } header#header .log-iframe-wrap .close-button:hover { color: #0dad8c !important; } header#header .log-iframe-wrap .iframe-content { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } body.log-show .close-bg { background-color: rgb(35, 40, 47) !important; -webkit-opacity: 0.5 !important; -moz-opacity: 0.5 !important; -ms-opacity: 0.5 !important; -o-opacity: 0.5 !important; opacity: 0.5 !important; } body#registro .select .box .contenido .bottom .left { width: 70%; } body#registro .select .box .contenido .bottom .right { width: 30%; } body#registro .select .box .contenido .bottom .right img { padding-top: 0px; padding-left: 0px; } body#registro .select .box .contenido .bottom .left .formulario h2 { padding-top: 50px; } /*suscripcion*/ body#registro.suscripcion #main { margin-top: 50px; } body#registro.suscripcion .select .box .contenido .bottom { padding: 50px; } body#registro.suscripcion .select .box .contenido .bottom .left { width: 55%; } body#registro.suscripcion .select .box .contenido .bottom .right { width: 45%; } body#registro.suscripcion .select .box .contenido .bottom .right img { padding-top: 80px; padding-left: 60px; } body#registro.suscripcion .select .box .contenido .bottom .left .formulario h2 { padding-top: 0px; } /*57. ------Usuario: Login ----------------------------------------------*/ body#login { background-image: url(./_static/_common/images/lbg-login.jpg) ; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #999; min-height: 100vh; } body#login .box-0 { height: 100%; width: 25%; background-color: #FFF; max-width: 100%; min-height: 100vh; right: 0; top: 0; bottom: 0; z-index: -1; position: fixed; } body#login .box-1 { display: table; position: relative; width: 1290px; min-height: 100vh; margin: 0 auto; } body#login .box-1 .contenido-login { display: table-cell; vertical-align: middle; position: relative; width: 1290px; } body#login .box-1 .contenido-login .left { display: block; position: relative; float: left; width: 65%; padding-left: 15%; padding-top: 11%; } body#login .box-1 .contenido-login .right { display: block; position: relative; float: left; width: 35%; } /* *****contenido left */ body#login .box-1 .contenido-login .left p { font-family: 'Darwin Pro ExtraLight'; font-size: 4.2em; color: #151F2C; } body#login .box-1 .contenido-login .left p span { background-color: #FFF; padding: 10px 30px; } body#login .box-1 .contenido-login .left p + p { font-family: 'Darwin Pro Bold'; font-size: 4.2em; color: #151F2C; margin-bottom: 30px; } body#login .box-1 .contenido-login .left p + p span { background-color: #FFF; padding: 10px 30px; } body#login .box-1 .contenido-login .left a { margin-top: 30px; background-color: #1bae8d; padding: 10px 30px; border: 0px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 2em; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; } body#login .box-1 .contenido-login .left a:hover { background-color: #151F2C; } /* *****contenido right */ body#login .box-1 .contenido-login .right .box-login { display: block; position: relative; background-color: #FFF; padding: 20px; } body#login .box-1 .contenido-login .right .box-login h1 { font-family: 'Darwin Pro Bold'; font-size: 4.2em; color: #151F2C; } body#login .box-1 .contenido-login.right .box-login .linea { display: block; position: relative; width: 90px; height: 2px; background-color: #151F2C; margin-bottom: 30px; } /* *****formulario : login */ body#login .box-1 .contenido-login .right .box-login form fieldset { display: block; position: relative; border: 0px; padding: 0px; margin: 0px; } body#login .box-1 .contenido-login .right .box-login form fieldset input { font-family: 'Darwin Pro Regular'; width: 100%; padding: 16px; font-size: 1.6em; color: #434e5c; border: 1px solid #abb7c5; margin-bottom: 20px; } body#login .box-1 .contenido-login .right .box-login form fieldset input:focus { font-family: 'Darwin Pro Regular'; outline: 2px solid #0dad8c; background-color: #eff1f3; } body#login .box-1 .contenido-login .right .box-login form fieldset span { font-family: 'Darwin Pro Light'; font-size: 1.6em; padding-top: 6px; display: block; color: #434e5c; margin-top: -20px; padding-bottom: 10px; } body#login .box-1 .contenido-login .right .box-login form fieldset span span { display: inline-block; position: relative; font-size: 1.4em; padding-left: 6px; } body#login .box-1 .contenido-login .right .box-login form fieldset span span a { font-size: 0.8em; font-family: 'Darwin Pro SemiBold Italic'; color: #ed3338; } body#login .box-1 .contenido-login .right .box-login form fieldset span span a:hover { color: #0dad8c; } body#login .box-1 .contenido-login .right .box-login form fieldset button { margin-top: 10px; background-color: #1bae8d; padding: 10px 30px; border: 0px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 2em; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; } body#login .box-1 .contenido-login .right .box-login form fieldset button:hover { background-color: #151F2C; } /* *****formulario: recuperar pass */ body#login .box-1 .contenido-login .right .box-pass { display: none; position: relative; background-color: #FFF; padding: 20px; } body#login .box-1 .contenido-login .right .box-pass h2 { font-family: 'Darwin Pro Bold'; font-size: 3.2em; color: #151F2C; } body#login .box-1 .contenido-login .right .box-pass .linea { display: block; position: relative; width: 90px; height: 2px; background-color: #151F2C; margin-bottom: 30px; } body#login .box-1 .contenido-login .right .box-pass form fieldset { display: block; position: relative; border: 0px; padding: 0px; margin: 0px; } body#login .box-1 .contenido-login .right .box-pass form fieldset input { font-family: 'Darwin Pro Regular'; width: 100%; padding: 16px; font-size: 1.6em; color: #434e5c; border: 1px solid #abb7c5; margin-bottom: 20px; } body#login .box-1 .contenido-login .right .box-pass form fieldset input:focus { font-family: 'Darwin Pro Regular'; outline: 2px solid #0dad8c; background-color: #eff1f3; } body#login .box-1 .contenido-login .right .box-pass form fieldset span { font-family: 'Darwin Pro Light'; font-size: 1.6em; padding-top: 6px; display: block; color: #434e5c; margin-top: -20px; padding-bottom: 10px; } body#login .box-1 .contenido-login .right .box-pass form fieldset span span { display: inline-block; position: relative; font-size: 1.4em; padding-left: 6px; } body#login .box-1 .contenido-login .right .box-pass form fieldset span span a { font-size: 0.8em; font-family: 'Darwin Pro SemiBold Italic'; color: #ed3338; } body#login .box-1 .contenido-login .right .box-pass form fieldset span span a:hover { color: #0dad8c; } body#login .box-1 .contenido-login .right .box-pass form fieldset button { margin-top: 10px; margin-bottom: 10px; background-color: #1bae8d; padding: 10px 30px; border: 0px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 2em; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; } body#login .box-1 .contenido-login .right .box-pass form fieldset button:hover { background-color: #151F2C; } body#login .box-1 .contenido-login .right .box-pass a.recuperar-pass { font-size: 1.4em; font-family: 'Darwin Pro SemiBold'; color: #151F2C; cursor: pointer; } body#login .box-1 .contenido-login .right .box-pass a.recuperar-pass:hover { color: #0dad8c; } /* *****variables formularios: iniciar sesion/recuperar contraseña */ body#login .box-1 .contenido-login.pass .right .box-pass { display: block; } body#login .box-1 .contenido-login.pass .right .box-login { display: none; } body#login .box-1 .contenido-login.pass .left { padding-top: 8%; } /* *****modal login */ .modaal-outer-wrapper.ingresar .modaal-container { width: 500px; background: transparent; } .modaal-overlay.ingresar { background: rgba(0,0,0,0.4) !important; } .modaal-outer-wrapper.ingresar .modaal-container span.cerrar { display: block; position: absolute; top: -70px; right: -4px; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .modaal-outer-wrapper.ingresar .modaal-container span.cerrar:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } .modaal-outer-wrapper.ingresar .modaal-content-container { padding: 0px; } .modaal-outer-wrapper.ingresar .modaal-wrapper .modaal-close { display: none; } .modaal-outer-wrapper.ingresar .modaal-container .box-login { display: block; position: relative; background-color: #FFF; padding: 40px; } .modaal-outer-wrapper.ingresar .modaal-container .box-login h2 { font-family: 'Darwin Pro Bold'; font-size: 4.2em; color: #151F2C; } .modaal-outer-wrapper.ingresar .modaal-container .box-login .linea { display: block; position: relative; width: 90px; height: 2px; background-color: #151F2C; margin-bottom: 30px; } /* *****formulario : login */ .modaal-outer-wrapper.ingresar .modaal-container .box-login form fieldset { display: block; position: relative; border: 0px; padding: 0px; margin: 0px; } .modaal-outer-wrapper.ingresar .modaal-container .box-login form fieldset p.texto { font-size: 1.4em; font-family: 'Darwin Pro SemiBold'; color: #151F2C; display: block; margin-top: 10px; } .modaal-outer-wrapper.ingresar .modaal-container .box-login form fieldset p.texto a { color: #0dad8c; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .modaal-outer-wrapper.ingresar .modaal-container .box-login form fieldset p.texto a:hover { color: #0dad8c; -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } .modaal-outer-wrapper.ingresar .modaal-container .box-login form fieldset input { font-family: 'Darwin Pro Regular'; width: 100%; padding: 16px; font-size: 1.6em; color: #434e5c; border: 1px solid #abb7c5; margin-bottom: 20px; } .modaal-outer-wrapper.ingresar .modaal-container .box-login form fieldset input:focus { font-family: 'Darwin Pro Regular'; outline: 2px solid #0dad8c; background-color: #eff1f3; } .modaal-outer-wrapper.ingresar .modaal-container .box-login form fieldset span { font-family: 'Darwin Pro Light'; font-size: 1.6em; padding-top: 6px; display: block; color: #434e5c; margin-top: -20px; padding-bottom: 10px; } .modaal-outer-wrapper.ingresar .modaal-container .box-login form fieldset span span { display: inline-block; position: relative; font-size: 1.4em; padding-left: 6px; } .modaal-outer-wrapper.ingresar .modaal-container .box-login form fieldset span span a { font-size: 0.8em; font-family: 'Darwin Pro SemiBold'; color: #0dad8c; } .modaal-outer-wrapper.ingresar .modaal-container .box-login form fieldset span span a:hover { color: #0dad8c; } .modaal-outer-wrapper.ingresar .modaal-container .box-login form fieldset button { margin-top: 10px; background-color: #1bae8d; padding: 14px 30px; border: 0px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 2em; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .modaal-outer-wrapper.ingresar .modaal-container .box-login form fieldset button:hover { background-color: #151F2C; } /* *****formulario: recuperar pass */ .modaal-outer-wrapper.ingresar .modaal-container .box-pass { display: none; position: relative; background-color: #FFF; padding: 40px; } .modaal-outer-wrapper.ingresar .modaal-container .box-pass h2 { font-family: 'Darwin Pro Bold'; font-size: 3.2em; color: #151F2C; } .modaal-outer-wrapper.ingresar .modaal-container .box-pass .linea { display: block; position: relative; width: 90px; height: 2px; background-color: #151F2C; margin-bottom: 30px; } .modaal-outer-wrapper.ingresar .modaal-container .box-pass form fieldset { display: block; position: relative; border: 0px; padding: 0px; margin: 0px; } .modaal-outer-wrapper.ingresar .modaal-container .box-pass form fieldset input { font-family: 'Darwin Pro Regular'; width: 100%; padding: 16px; font-size: 1.6em; color: #434e5c; border: 1px solid #abb7c5; margin-bottom: 20px; } .modaal-outer-wrapper.ingresar .modaal-container .box-pass form fieldset input:focus { font-family: 'Darwin Pro Regular'; outline: 2px solid #0dad8c; background-color: #eff1f3; } .modaal-outer-wrapper.ingresar .modaal-container .box-pass form fieldset span { font-family: 'Darwin Pro Light'; font-size: 1.6em; padding-top: 6px; display: block; color: #434e5c; margin-top: -20px; padding-bottom: 10px; } .modaal-outer-wrapper.ingresar .modaal-container .box-pass form fieldset span span { display: inline-block; position: relative; font-size: 1.4em; padding-left: 6px; } .modaal-outer-wrapper.ingresar .modaal-container .box-pass form fieldset span span a { font-size: 0.8em; font-family: 'Darwin Pro SemiBold Italic'; color: #ed3338; } .modaal-outer-wrapper.ingresar .modaal-container .box-pass form fieldset span span a:hover { color: #0dad8c; } .modaal-outer-wrapper.ingresar .modaal-container .box-pass form fieldset button { margin-top: 10px; margin-bottom: 10px; background-color: #1bae8d; padding: 10px 30px; border: 0px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 2em; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; } .modaal-outer-wrapper.ingresar .modaal-container .box-pass form fieldset button:hover { background-color: #151F2C; } .modaal-outer-wrapper.ingresar .modaal-container .box-pass a.recuperar-pass { font-size: 1.4em; font-family: 'Darwin Pro SemiBold'; color: #151F2C; cursor: pointer; } .modaal-outer-wrapper.ingresar .modaal-container .box-pass a.recuperar-pass:hover { color: #0dad8c; } /* *****variables formularios: iniciar sesion/recuperar contraseña */ .modaal-outer-wrapper.ingresar.pass .box-pass { display: block; } .modaal-outer-wrapper.ingresar.pass .box-login { display: none; } .modaal-outer-wrapper.ingresar .modaal-container .box-pass { padding-top: 8%; } /*58. ------Usuario: Mi cuenta ----------------------------------------------*/ /* *****top menu */ body#mi-cuenta #main .top-menu { display: block; position: relative; padding: 30px 0px; height: inherit; background-color: transparent; text-align: inherit; } body#mi-cuenta #main .top-menu ul { display: inline-block; position: relative; } body#mi-cuenta #main .top-menu ul li { display: inline-block; position: relative; margin-right: 20px; } body#mi-cuenta #main .top-menu ul li a { font-family: 'Darwin Pro SemiBold'; color: #151F2C; font-size: 1.6em; background-color: #FFF; padding: 20px 30px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } body#mi-cuenta #main .top-menu ul li a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#mi-cuenta #main .top-menu ul li i { color: #15ae8f; } body#mi-cuenta #main .top-menu ul li + li i { color: #15ae8f; } body#mi-cuenta #main .top-menu ul li + li + li i { color: #e42644; } body#mi-cuenta #main .top-menu ul li + li + li + li i { color: #151F2C; } body#mi-cuenta #main .top-menu ul li + li + li + li { display: none; } /* *****contenido */ body#mi-cuenta #main .contenido { display: inline-block; position: relative; width: 1290px; padding: 0px 0px 30px 0px; } body#mi-cuenta #main .contenido .left { display: block; position: relative; float: left; width: 48%; margin-right: 1%; } body#mi-cuenta #main .contenido .right { display: block; position: relative; float: left; width: 48%; margin-left: 1%; } /* *****contenido left */ /* *****bienvenido */ body#mi-cuenta #main .contenido .left .bienvenido { display: block; position: relative; background-color: #FFF; padding: 30px 50px; margin-bottom: 40px; } body#mi-cuenta #main .contenido .left .bienvenido .cuenta { display: inline-block; position: relative; margin-bottom: 20px; } body#mi-cuenta #main .contenido .left .bienvenido .user h2 { font-family: 'Darwin Pro ExtraLight'; font-size: 3.6em; color: #151F2C; } body#mi-cuenta #main .contenido .left .bienvenido .user .linea { display: block; position: relative; width: 40px; height: 2px; background-color: #151F2C; margin-bottom: 30px; margin-top: 6px; } body#mi-cuenta #main .contenido .left .bienvenido .datos-usuario { display: block; position: relative; width: 519px; } body#mi-cuenta #main .contenido .left .bienvenido .datos-usuario .avatar { display: block; position: relative; float: left; width: 15%; } body#mi-cuenta #main .contenido .left .bienvenido .datos-usuario .avatar .rombo { width: 50px; height: 50px; background: #13a789; border-radius: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } body#mi-cuenta #main .contenido .left .bienvenido .datos-usuario .avatar .rombo p { font-family: 'Darwin Pro Regular'; text-transform: uppercase; text-align: center; font-size: 3em; margin-left: -4px; padding-top: 7px; color: #FFF; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } body#mi-cuenta #main .contenido .left .bienvenido .datos-usuario .usuario { display: block; position: relative; width: 85%; float: left; } body#mi-cuenta #main .contenido .left .bienvenido .datos-usuario .usuario p.nombre { font-family: 'Darwin Pro Regular'; color: #151F2C; font-size: 1.8em; text-transform: capitalize; } body#mi-cuenta #main .contenido .left .bienvenido .datos-usuario .usuario p.apellido { font-family: 'Darwin Pro Regular'; color: #151F2C; font-size: 1.8em; text-transform: capitalize; } /* *****configurar cuenta */ body#mi-cuenta #main .contenido .left .bienvenido .configurar { display: inline-block; width: 100%; position: relative; margin: 20px 0px; } body#mi-cuenta #main .contenido .left .bienvenido .configurar h2 { font-family: 'Darwin Pro ExtraLight'; font-size: 3.6em; color: #151F2C; } body#mi-cuenta #main .contenido .left .bienvenido .configurar h2 i { color: #00a687; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .linea { display: block; position: relative; width: 90px; height: 2px; background-color: #151F2C; margin-bottom: 30px; margin-top: 6px; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info .btn-titulo { display: block; position: relative; width: 100%; background-color: #434e5c; cursor: pointer; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info .btn-titulo:hover { background-color: #4a5563; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info .btn-titulo p { color: #FFF; padding: 20px; font-family: 'Darwin Pro Regular'; font-size: 1.6em; width: 100%; text-align: center; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info .btn-titulo p span.iconos { position: absolute; right: 30px; top: 10px; font-size: 2em; } /* *****variables iconos */ /* *****normal */ body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info .btn-titulo p span.iconos i { display: inline-block; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info .btn-titulo p span.iconos i + i { display: none; } /* *****activo */ body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info.on .btn-titulo p span.iconos i { display: none; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info.on .btn-titulo p span.iconos i + i { display: inline-block; font-size: 0.6em; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info.on .formulario { display: block !important; } /* *****formulario */ body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info .formulario { display: none; position: relative; background-color: #424e5c; margin: 0; padding: 24px; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info .formulario form fieldset { border: 0px; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info .formulario form fieldset input { font-family: 'Darwin Pro Regular'; font-size: 1.6em; border: 0px; width: 100%; margin-bottom: 14px; padding: 14px; background-color: #37424e; color: #FFF; border: 1px solid #37424e; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info .formulario form fieldset input:focus { border: 1px solid #FFF; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info .formulario form fieldset p.btn { text-align: right; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info .formulario form fieldset button { margin-top: 0px; background-color: #1bae8d; padding: 14px 30px; border: 0px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 2em; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info .formulario form fieldset button:hover { color: #434e5c; background-color: #FFF; } body#mi-cuenta #main .contenido .left .bienvenido .configurar .editar-info .formulario form fieldset p.guardar { font-family: 'Darwin Pro Regular'; color: #FFF; font-size: 1.6em; padding-bottom: 10px; } /* *****newsletters */ body#mi-cuenta #main .contenido .left .newsletter { display: block; position: relative; background-color: #FFF; padding: 30px 50px; margin-bottom: 40px; } body#mi-cuenta #main .contenido .left .newsletter .box { display: inline-block; position: relative; } body#mi-cuenta #main .contenido .left .newsletter h2 { font-family: 'Darwin Pro ExtraLight'; font-size: 3.6em; color: #151F2C; } body#mi-cuenta #main .contenido .left .newsletter h2 i { color: #00a687; } body#mi-cuenta #main .contenido .left .newsletter .linea { display: block; position: relative; width: 90px; height: 2px; background-color: #151F2C; margin-bottom: 30px; margin-top: 6px; } body#mi-cuenta #main .contenido .left .newsletter .box-items { display: block; position: relative; } body#mi-cuenta #main .contenido .left .newsletter .box-items .item { display: inline-block; position: relative; width: 519px; margin-bottom: 20px; border-bottom: 1px solid #eff1f3; padding-bottom: 10px; } body#mi-cuenta #main .contenido .left .newsletter .box-items .item .left { display: block; position: relative; float: left; width: 80%; margin: 0px; margin-right: 10%; } body#mi-cuenta #main .contenido .left .newsletter .box-items .item .right { display: block; position: relative; float: left; width: 10%; margin: 0px; } body#mi-cuenta #main .contenido .left .newsletter .box-items .item .left p { font-family: 'Darwin Pro SemiBold'; color: #151F2C; font-size: 1.8em; } body#mi-cuenta #main .contenido .left .newsletter .box-items .item .left p + p { font-family: 'Darwin Pro Regular'; color: #7e848e; font-size: 1.6em; } /* *****checkbox */ body#mi-cuenta #main .contenido .left .newsletter .box-items .item .right .switch { text-align: left; padding-top: 10px; } body#mi-cuenta #main .contenido .left .newsletter .box-items .item .right .switch label { color: #444; cursor: pointer; display: inline-block; } body#mi-cuenta #main .contenido .left .newsletter .box-items .item .right .switch label .switchbox { display: inline-block; border-width: 0; padding: 0; font-size: 0; min-width: 4.25rem; height: 2.25rem; background: rgba(0, 0, 0, 0.12); border-radius: 3.125rem; vertical-align: bottom; margin-right: 0.625rem; float: left; position: relative; top: -0.125rem; } body#mi-cuenta #main .contenido .left .newsletter .box-items .item .right .switch label input { display: none !important; } body#mi-cuenta #main .contenido .left .newsletter .box-items .item .right .switch label .switchbox:after { content: ""; width: 1.7rem; height: 1.7rem; background: #fff; display: inline-block; padding: 0; border-radius: 0.875rem; margin: 0.27rem; transition: transform 0.25s; transition-timing-function: cubic-bezier(0.23, 2.01, 0.43, 0.66); } body#mi-cuenta #main .contenido .left .newsletter .box-items .item .right .switch label input[type="checkbox"]:checked + .switchbox { background: #1bae8d; } body#mi-cuenta #main .contenido .left .newsletter .box-items .item .right .switch label input[type="checkbox"]:checked + .switchbox:after { transform: translateX(2.1rem); } /* *****contenido right */ body#mi-cuenta #main .contenido .right .preferencias { display: block; position: relative; background-color: #FFF; padding: 30px 50px; margin-bottom: 40px; height: auto; z-index: 99; } body#mi-cuenta #main .contenido .right .preferencias h2 { font-family: 'Darwin Pro ExtraLight'; font-size: 3.6em; color: #151F2C; } body#mi-cuenta #main .contenido .right .preferencias h2 i { color: #00a687; } body#mi-cuenta #main .contenido .right .preferencias .linea { display: block; position: relative; width: 40px; height: 2px; background-color: #151F2C; margin-bottom: 30px; margin-top: 8px; } body#mi-cuenta #main .contenido .right .preferencias .linea2 { display: block; position: absolute; width: 90px; height: 2px; background-color: #FFF; margin-bottom: 30px; margin-top: 6px; top: 240px; z-index: 99; } body#mi-cuenta #main .contenido .right .preferencias p { font-family: 'Darwin Pro Regular'; color: #7e848e; font-size: 1.6em; line-height: 1.6em; } body#mi-cuenta #main .contenido .right .preferencias p a { font-family: 'Darwin Pro Bold'; color: #151F2C; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#mi-cuenta #main .contenido .right .preferencias p a:hover { color: #00a586; } body#mi-cuenta #main .contenido .right .preferencias p i { color: #151F2C; } body#mi-cuenta #main .contenido .right .preferencias span.titulo { display: block; position: absolute; width: 560px; background-color: #151F2C; left: 30px; padding: 10px; margin-top: 20px; } body#mi-cuenta #main .contenido .right .preferencias span.titulo h3 { font-family: 'Darwin Pro Bold'; color: #FFF; font-size: 1.8em; padding-left: 10px; } body#mi-cuenta #main .contenido .right .preferencias span.titulo h3 span.temas { color: #00a586; } /* *****temas que sigues */ body#mi-cuenta #main .contenido .right .box-temas { display: block; position: relative; background-color: #fff; width: 100%; padding: 10px 0px; top: 0px; z-index: 9; } body#mi-cuenta #main .contenido .right .box-temas ul { display: block; } body#mi-cuenta #main .contenido .right .box-temas ul li { display: inline-block; text-align: center; margin: 0px 0px 10px 10px; } body#mi-cuenta #main .contenido .right .box-temas ul li a { display: block; font-family: 'Darwin Pro Light Italic'; color: #151F2C; border: 1px solid #151F2C; padding: 6px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 1.8em; cursor: pointer; } body#mi-cuenta #main .contenido .right .box-temas ul li a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#mi-cuenta #main .contenido .right .box-temas .tus-notificaciones { display: block; position: relative; margin: 20px 0px; } body#mi-cuenta #main .contenido .right .box-temas .tus-notificaciones h3 { font-family: 'Darwin Pro Bold'; color: #FFF; font-size: 1.8em; padding-left: 0px; } body#mi-cuenta #main .contenido .right .box-temas .tus-notificaciones .linea { display: block; position: relative; width: 90px; height: 2px; background-color: #FFF; margin-bottom: 30px; margin-top: 6px; } body#mi-cuenta #main .contenido .right .box-temas .tus-notificaciones ul.notificaciones { display: block; } body#mi-cuenta #main .contenido .right .box-temas .tus-notificaciones ul.notificaciones li { display: inline-block; text-align: center; margin: 0px 0px 10px 10px; } body#mi-cuenta #main .contenido .right .box-temas .tus-notificaciones ul.notificaciones li a { display: block; font-family: 'Darwin Pro Light Italic'; color: #FFF; border: 1px solid #FFF; padding: 6px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 1.8em; } body#mi-cuenta #main .contenido .right .box-temas .tus-notificaciones ul.notificaciones li a:hover { background-color: #FFF; color: #151F2C; } body#mi-cuenta #main .contenido .right .box-temas .boton { display: block; position: relative; text-align: center; } body#mi-cuenta #main .contenido .right .box-temas .boton a.actualizar { margin-top: 30px; background-color: #1bae8d; padding: 14px 30px; border: 0px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 2em; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } body#mi-cuenta #main .contenido .right .box-temas .boton a.actualizar:hover { color: #434e5c; background-color: #FFF; } /*59. ------Usuario: Mis noticias ----------------------------------------------*/ #white.mis-noticias .contenedor-articulos .container .notas .box-articulos h2.titulo { text-transform: initial; } #white.mis-noticias .contenedor-articulos .container .notas .box-articulos h2.titulo i { color: #24AF8E; } /* *****custom box */ #white.mis-noticias article.box-generica .bottom .eliminar-tema { display: block; position: relative; padding-top: 10px; text-align: center; } #white.mis-noticias article.box-generica .bottom .eliminar-tema p { font-family: 'Darwin Pro Regular'; font-size: 1.2em; color: #E22146; cursor: pointer; } #white.mis-noticias article.box-generica .bottom .eliminar-tema p span { font-family: 'Darwin Pro Bold'; } #white.mis-noticias article.box-generica.normal .top .categoria { display: block; } #white.mis-noticias article.box-generica.normal .top .categoria .bg .contenido p, #white.mis-noticias article.box-generica.video .top .categoria .bg .contenido p, #white.mis-noticias article.box-generica.galeria .top .categoria .bg .contenido p { position: relative; bottom: 0; color: #151F2C; padding-top: 6px; font-size: 1.7em; } #white.mis-noticias article.box-generica.normal .top .categoria .bg .contenido p i, #white.mis-noticias article.box-generica.video .top .categoria .bg .contenido p i, #white.mis-noticias article.box-generica.galeria .top .categoria .bg .contenido p i { font-size: 1.25em; font-size: 1.25em; padding-right: 2px; border-right: 1px solid #eff1f3; margin-right: 6px; } #white.mis-noticias article.box-generica.normal .top .categoria .bg .contenido p i + i, #white.mis-noticias article.box-generica.video .top .categoria .bg .contenido p i + i, #white.mis-noticias article.box-generica.galeria .top .categoria .bg .contenido p i + i { font-size: 1.25em; font-size: 1.25em; padding-right: 2px; border-right: 1px solid #eff1f3; margin-right: 6px; } /*60. ------Usuario: Mis noticias guardadas ----------------------------------------------*/ #white.mis-guardadas .contenedor-articulos .container .notas .box-articulos h2.titulo { text-transform: initial; } #white.mis-guardadas .contenedor-articulos .container .notas .box-articulos h2.titulo i { color: #E22146; } /* *****custom box */ #white.mis-guardadas article.box-generica .bottom .box .usuario ul.acciones li.borrar-nota-guardada { color: #E22146; } #white.mis-guardadas article.box-generica.normal .top .categoria { display: block; } #white.mis-guardadas article.box-generica.normal .top .categoria .bg .contenido p, #white.mis-guardadas article.box-generica.video .top .categoria .bg .contenido p, #white.mis-guardadas article.box-generica.galeria .top .categoria .bg .contenido p { position: relative; bottom: 0; color: #151F2C; padding-top: 6px; font-size: 1.7em; } #white.mis-guardadas article.box-generica.normal .top .categoria .bg .contenido p i, #white.mis-guardadas article.box-generica.video .top .categoria .bg .contenido p i, #white.mis-guardadas article.box-generica.galeria .top .categoria .bg .contenido p i { font-size: 1.25em; font-size: 1.25em; padding-right: 2px; border-right: 1px solid #eff1f3; margin-right: 6px; } #white.mis-guardadas article.box-generica.normal .top .categoria .bg .contenido p i + i, #white.mis-guardadas article.box-generica.video .top .categoria .bg .contenido p i + i, #white.mis-guardadas article.box-generica.galeria .top .categoria .bg .contenido p i + i { font-size: 1.25em; font-size: 1.25em; padding-right: 2px; border-right: 1px solid #eff1f3; margin-right: 6px; } /*61. ------Box arti­culo: Generico ----------------------------------------------*/ article.box-generica { display: block; position: relative; width: 300px; height: 370px; padding: 0px; margin: 0px; } /* *****top */ article.box-generica .top { display: block; position: relative; width: 100%; } article.box-generica .top img { width: 100%; } article.box-generica .top .categoria { display: block; position: absolute; z-index: 9; bottom: -4px; left: 40px; height: 40px; } article.box-generica .top .categoria .bg { display: block; height: 40px; background-color: #FFF; width: 220px; } article.box-generica .top .categoria .bg ,contenido { text-align: center; } article.box-generica .top .categoria .bg .contenido i { display: block; position: relative; color: #151F2C; font-size: 2.8em; left: 0; } article.box-generica .top .categoria .bg .contenido p { display: block; position: absolute; width: 100%; text-align: center; color: #FFF; font-family: 'Darwin Pro Regular'; font-size: 1.4em; bottom: 16px; } article.box-generica .top span.overlay { display: none; } article.box-generica .top:hover span.overlay { display: none; } /* *****bottom */ article.box-generica .bottom { display: block; position: absolute; width: 100%; height: 195px; background-color: #FFF; padding: 16px; margin-top: -6px; } article.box-generica .bottom figcaption { display: block; position: relative; height: 90px; } article.box-generica .bottom figcaption a { font-family: 'Darwin Pro SemiBold'; font-size: 1.2em; color: #151F2C; line-height: 1.7em; } article.box-generica .bottom figcaption a:hover { color: #454E5C; } article.box-generica .bottom .box { display: block; position: relative; width: 268px; height: 30px; } article.box-generica .bottom .box .fecha { display: block; position: relative; float: left; width: 68px; } article.box-generica .bottom .box .fecha p { font-family: 'Darwin Pro SemiBold'; font-size: 1.4em; color: #151F2C; text-align: left; } article.box-generica .bottom .box .usuario { display: block; position: relative; float: left; width: 200px; } article.box-generica .bottom .box .usuario ul.acciones { display: block; position: relative; text-align: right; } article.box-generica .bottom .box .usuario ul.acciones li { display: inline-block; position: relative; font-family: 'Darwin Pro SemiBold'; font-size: 1.4em; color: #151F2C; cursor: pointer; } /* *****guardar nota */ article.box-generica .bottom .box .usuario ul.acciones li.guardar-nota-seccion span.guardada { display: none; } article.box-generica .bottom .box .usuario ul.acciones li.guardar-nota-seccion span.guardar { display: inline-block; } /* *****variables***** */ article.box-generica .bottom .box .usuario ul.acciones li.guardar-nota-seccion.on span.guardada { display: inline-block; } article.box-generica .bottom .box .usuario ul.acciones li.guardar-nota-seccion.on span.guardada i { color: #e32644; } article.box-generica .bottom .box .usuario ul.acciones li.guardar-nota-seccion.on span.guardar { display: none; } /* *****compartir rrss */ article.box-generica .bottom .box .usuario ul.acciones li.compartir-rrss { border-left: 1px solid #1e2d3a; padding-left: 6px; } article.box-generica .bottom .box .usuario li.compartir-rrss ul.social { display: none; width: 100%; position: absolute; text-align: right; background-color: #FFF; top: 0; height: 20px; animation: opacity .3s ease-out; -webkit-animation: opacity .3s ease-out; -moz-animation: opacity .3s ease-out; } article.box-generica .bottom .box .usuario li.compartir-rrss ul.social li { display: inline-block; padding: 0px 4px; font-size: 0.7em; } article.box-generica .bottom .box .usuario li.compartir-rrss ul.social li.cerrar { border-left: 1px solid #eff1f3; } article.box-generica .bottom .box .usuario li.compartir-rrss ul.social li a { color: #151F2C; font-size: 1.4em; -webklit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; } article.box-generica .bottom .box .usuario li.compartir-rrss ul.social li a:hover { -webklit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } /* *****variables***** */ article.box-generica .bottom .box .usuario ul.acciones li.compartir-rrss.on ul.social { display: block; width: 200px; left: -170px; } /* *****separador */ article.box-generica .bottom .linea { display: block; width: 100px; height: 1px; background-color: #eff1f3; bottom: 0px; z-index: 1; margin: 0 auto; } /* *****patrocinador */ article.box-generica .bottom .patrocinador { display: block; position: relative; padding-top: 10px; text-align: center; } article.box-generica .bottom .patrocinador p { font-family: 'Darwin Pro Regular'; font-size: 1.2em; color: #151F2C; } article.box-generica .bottom .patrocinador p span { font-family: 'Darwin Pro Bold'; color: #151F2C; } article.box-generica .bottom .patrocinador p span a { color: #151F2C; } article.box-generica .bottom .patrocinador p span a:hover { color: #454E5C; } /* *****variables***** */ article.box-generica .bottom .patrocinador.off { /*sin patrocinador se debe agregar la clase off*/ display: none; height: 22px; } /* *****variables por tipo de caja seccion generica***** */ /* *****normal */ article.box-generica .top .categoria .bg .contenido i { display: none; } article.box-generica .top .categoria { display: none; } /* *****video */ article.box-generica.video .top .categoria { display: block; } article.box-generica.video .top .categoria .bg .contenido i { display: inline-block; } article.box-generica.video .top .categoria .bg .contenido i + i { display: none; } /* *****galería */ article.box-generica.galeria .top .categoria { display: block; } article.box-generica.galeria .top .categoria .bg .contenido i { display: none; } article.box-generica.galeria .top .categoria .bg .contenido i + i { display: inline-block; } /*62. ------Box arti­culo: Destacado ----------------------------------------------*/ article.box-destacado { float: inherit !important; margin-right: 0px !important; } article.box-destacado figure a img { width: 66%; float: left; display: block; } article.box-destacado figure .titulares { width: 34%; float: left; display: block; position: relative; background-color: #FFF; height: 350px; } article.box-destacado figure .titulares .contenido { display: block; text-align: center; } article.box-destacado figure .titulares .contenido i { color: #151F2C; font-size: 4em; } /* *****variables de iconos */ article.box-destacado.video figure .titulares .contenido i { display: inline-block; margin-top: -30px; } article.box-destacado.video figure .titulares .contenido i + i { display: none; } article.box-destacado.galeria figure .titulares .contenido i { display: none; } article.box-destacado.galeria figure .titulares .contenido i + i { display: inline-block; margin-top: -30px; } article.box-destacado figure .titulares .contenido i { display: none; } article.box-destacado figure .titulares .contenido i + i { display: none; } /*--*/ article.box-destacado figure .titulares .box-texto { display: block; position: absolute; z-index: 99; background-color: #FFF; width: 380px; height: 270px; left: -60px; top: 11%; padding: 18px 18px 18px 24px; } article.box-destacado figure .titulares .box-texto figcaption h1 { font-family: 'Darwin Pro SemiBold'; font-size: 3.4em; color: #151F2C; line-height: 1.2em; margin-bottom: 20px; background: transparent; overflow: initial; } article.box-destacado figure .titulares .box-texto figcaption h1:hover { color: #454E5C; text-decoration: none; border: none; background: transparent; } article.box-destacado figure .titulares .box-texto a:hover { text-decoration: none; } /* *****patrocinado */ article.box-destacado figure .titulares .box-bottom { display: block; position: absolute; bottom: 8px; right: 0px; width: 319px; height: 30px; } article.box-destacado figure .titulares .box-bottom .patrocinador { display: block; position: relative; padding-top: 10px; text-align: center; } article.box-destacado figure .titulares .box-bottom .patrocinador p { font-family: 'Darwin Pro Regular'; font-size: 1.2em; color: #151F2C; } article.box-destacado figure .titulares .box-bottom .patrocinador p span { font-family: 'Darwin Pro Bold'; color: #151F2C; } article.box-destacado figure .titulares .box-bottom .patrocinador p span a { color: #151F2C; } article.box-destacado figure .titulares .box-bottom .patrocinador p span a:hover { color: #454E5C; } article.box-destacado figure .titulares .box-bottom .linea { display: block; width: 100px; height: 1px; background-color: #eff1f3; bottom: 0px; z-index: 1; margin: 0 auto; } /* *****rrss + guardar */ article.box-destacado .box { display: block; position: absolute; width: 380px; bottom: 12px; right: 0px; padding: 0px 20px; } article.box-destacado .box .fecha { display: block; position: relative; float: left; width: 68px; } article.box-destacado .box .fecha p { font-family: 'Darwin Pro SemiBold'; font-size: 1.6em; color: #151F2C; text-align: left; padding: 0px; } article.box-destacado .box .usuario { display: block; position: relative; float: right; width: 200px; } article.box-destacado .box .usuario ul.acciones { display: block; position: relative; text-align: right; } article.box-destacado .box .usuario ul.acciones li { display: inline-block; position: relative; font-family: 'Darwin Pro SemiBold'; font-size: 1.6em; color: #151F2C; cursor: pointer; } /* *****guardar nota */ article.box-destacado .box .usuario ul.acciones li.guardar-nota-seccion span.guardada { display: none; } article.box-destacado .box .usuario ul.acciones li.guardar-nota-seccion span.guardar { display: inline-block; } /* *****variables***** */ article.box-destacado .box .usuario ul.acciones li.guardar-nota-seccion.on span.guardada { display: inline-block; font-size: initial; } article.box-destacado .box .usuario ul.acciones li.guardar-nota-seccion.on span.guardada i { color: #e32644; } article.box-destacado .box .usuario ul.acciones li.guardar-nota-seccion.on span.guardar { display: none; } /* *****compartir rrss */ article.box-destacado .box .usuario ul.acciones li.compartir-rrss { border-left: 1px solid #1e2d3a; padding-left: 6px; } article.box-destacado .box .usuario li.compartir-rrss ul.social { display: none; width: 100%; position: absolute; text-align: right; background-color: #FFF; top: 0; height: 20px; animation: opacity .3s ease-out; -webkit-animation: opacity .3s ease-out; -moz-animation: opacity .3s ease-out; } article.box-destacado .box .usuario li.compartir-rrss ul.social li { display: inline-block; padding: 0px 4px; font-size: 0.7em; } article.box-destacado .box .usuario li.compartir-rrss ul.social li.cerrar { border-left: 1px solid #eff1f3; } article.box-destacado .box .usuario li.compartir-rrss ul.social li a { color: #151F2C; font-size: 1.4em; -webklit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; } article.box-destacado .box .usuario li.compartir-rrss ul.social li a:hover { -webklit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } /* *****variables***** */ article.box-destacado .box .usuario ul.acciones li.compartir-rrss.on ul.social { display: block; width: 200px; left: -170px; } /*63. ------Box arti­culo: Generico Home ----------------------------------------------*/ article.box-generica-home { display: block; position: relative; width: 300px; height: 370px; padding: 0px; margin: 0px; } /* *****top */ article.box-generica-home .top { display: block; position: relative; width: 100%; } article.box-generica-home .top img { width: 100%; } /* *****bottom */ article.box-generica-home .bottom { display: block; position: absolute; width: 100%; height: 170px; background-color: #FFF; padding: 16px; margin-top: -6px; } article.box-generica-home .bottom figcaption { display: block; position: relative; height: 80px; } article.box-generica-home .bottom figcaption a { font-family: 'Darwin Pro SemiBold'; font-size: 1.2em; color: #151F2C; line-height: 1.7em; } article.box-generica-home .bottom figcaption a:hover { color: #454E5C; } /* *****separador */ article.box-generica-home .bottom .linea { display: block; width: 100px; height: 1px; background-color: #eff1f3; bottom: 0px; z-index: 1; margin: 0 auto; } /* *****patrocinador */ article.box-generica-home .bottom .patrocinador { display: block; position: relative; padding-top: 10px; text-align: center; } article.box-generica-home .bottom .patrocinador p { font-family: 'Darwin Pro Regular'; font-size: 1.2em; color: #151F2C; } article.box-generica-home .bottom .patrocinador p span { font-family: 'Darwin Pro Bold'; color: #151F2C; } article.box-generica-home .bottom .patrocinador p span a { color: #151F2C; } /* *****relacionados */ article.box-generica-home .bottom .relacionados ul li { padding: 8px 0px; } article.box-generica-home .bottom .relacionados ul li i { color: #24AF8E; float: left; background-color: transparent; font-size: 1.6em; margin-right: 2px; } article.box-generica-home .bottom .relacionados ul li a { display: flex; font-family: 'Darwin Pro Regular'; font-size: 1em; color: #151F2C; line-height: 1.6em; } article.box-generica-home .bottom .relacionados ul li a:hover { color: #454E5C; } /* *****top nota */ article.box-generica-home .top .box-top { display: block; position: absolute; z-index: 9; bottom: -4px; left: 40px; height: 40px; } article.box-generica-home .top .box-top .top-nota { display: block; position: relative; } article.box-generica-home .top .box-top .top-nota .box { display: block; height: 40px; background-color: #FFF; width: 220px; } article.box-generica-home .top .box-top .top-nota .box ul { position: relative; padding: 4px; margin-top: -8px; } article.box-generica-home .top .box-top .top-nota .box ul li { display: inline-block; position: relative; width: 15%; text-align: left; font-size: 2.4em; } article.box-generica-home .top .box-top .top-nota .box ul li.categoria { width: 68%; text-align: center; font-size: 1.4em; } article.box-generica-home .top .box-top .top-nota .box ul li a.categoria { font-family: 'Darwin Pro Regular'; color: #151F2C; } article.box-generica-home .top .box-top .top-nota .box ul li a.categoria:hover { color: #454E5C; } article.box-generica-home .usuario { display: block; position: relative; float: inherit; width: 100%; right: 28px; } article.box-generica-home .usuario ul.acciones { display: block; position: relative; text-align: right; padding: 10px 0px !important; } article.box-generica-home .usuario ul.acciones li { display: inline-block; position: relative; font-family: 'Darwin Pro SemiBold'; font-size: 1em !important; color: #151F2C; cursor: pointer; width: inherit; } /* *****guardar nota */ article.box-generica-home .usuario ul.acciones li.guardar-nota-seccion span.guardada { display: none; } article.box-generica-home .usuario ul.acciones li.guardar-nota-seccion span.guardar { display: inline-block; } /* *****variables***** */ article.box-generica-home .usuario ul.acciones li.guardar-nota-seccion.on span.guardada { display: inline-block; } article.box-generica-home .usuario ul.acciones li.guardar-nota-seccion.on span.guardada i { color: #e32644; } article.box-generica-home .usuario ul.acciones li.guardar-nota-seccion.on span.guardar { display: none; } article.box-generica-home.normal .usuario { right: -8px; } article.box-generica-home.normal .top .box-top .top-nota .box ul { padding: 4px 10px; } /* *****variables***** */ article.box-generica-home .bottom .patrocinador.off { /*sin patrocinador se debe agregar la clase off*/ display: none; height: 22px; } /* *****variables tipo de nota */ /* *****normal */ article.box-generica-home.normal .top .box-top .top-nota .box ul li.tipo-nota { display: none; } article.box-generica-home.normal .top .box-top .top-nota .box ul li.tipo-nota + li { text-align: left; } article.box-generica-home.normal .top .box-top .top-nota .box ul li { width: 49%; } article.box-generica-home.normal .top .box-top .top-nota .box .usuario ul li { width: auto; } article.box-generica-home.normal .usuario ul.acciones li.compartir-rrss.on ul.social { left: -180px; } /* *****video */ article.box-generica-home.video .top .box-top .top-nota .box ul li.tipo-nota i { display: inline-block; } article.box-generica-home.video .top .box-top .top-nota .box ul li.tipo-nota i + i { display: none; } /* *****galeria */ article.box-generica-home.galeria .top .box-top .top-nota .box ul li.tipo-nota i { display: none; } article.box-generica-home.galeria .top .box-top .top-nota .box ul li.tipo-nota i + i { display: inline-block; } /*64. ------Box arti­culo: Generico Home ----------------------------------------------*/ #destacado-home article { float: inherit !important; margin-right: 0px !important; } #destacado-home article figure a img { width: 630px; float: left; display: block; } #destacado-home article figure .titulares { width: 330px; float: left; display: block; position: relative; background-color: #FFF; height: 356px; } #destacado-home article figure .titulares .contenido { display: block; text-align: center; } #destacado-home article figure .titulares .contenido i { color: #151F2C; font-size: 4em; } #destacado-home article figure .titulares .box-texto { display: block; position: absolute; z-index: 99; background-color: #FFF; width: 390px; height: 260px; left: -60px; top: 14%; padding: 10px 16px 10px 20px; } #destacado-home article figure .titulares .box-texto figcaption h2 { font-family: 'Darwin Pro SemiBold'; font-size: 3.6em; color: #151F2C; line-height: 1.1em; margin-bottom: 4px; } #destacado-home article figure .titulares .box-texto figcaption h2:hover { color: #454E5C; } #destacado-home article figure .titulares .box-texto figcaption h1 { font-family: 'Darwin Pro SemiBold'; font-size: 3.6em; color: #151F2C; line-height: 1.1em; margin-bottom: 4px; } #destacado-home article figure .titulares .box-texto figcaption h1:hover { color: #454E5C; } #destacado-home article figure .titulares .box-texto .relacionados li { padding: 4px 0px; } #destacado-home article figure .titulares .box-texto .relacionados li i { color: #24AF8E; float: left; background-color: transparent; font-size: 1.6em; margin-right: 2px; } #destacado-home article figure .titulares .box-texto .relacionados li a { display: flex; font-family: 'Darwin Pro Regular'; font-size: 1.1em; color: #151F2C; line-height: 1.6em; } #destacado-home article figure .titulares .box-texto .relacionados li a:hover { color: #454E5C; } /* *****top nota: tipo de nota + categoria + guardar */ #destacado-home article figure .titulares .top-nota { display: block; position: relative; } #destacado-home article figure .titulares .top-nota ul { display: block; position: relative; width: 326px; padding: 4px 10px; } #destacado-home article figure .titulares .top-nota ul li { font-family: 'Darwin Pro SemiBold'; display: inline-block; position: relative; width: 15%; text-align: left; font-size: 2.8em; } #destacado-home article figure .titulares .top-nota ul li + li { text-align: center; } #destacado-home article figure .titulares .top-nota ul li + li + li { text-align: right; display: inline-block; position: relative; } #destacado-home article figure .titulares .top-nota ul li.categoria { width: 68%; text-align: center; font-size: 2em; } #destacado-home article figure .titulares .top-nota ul li a.categoria { font-family: 'Darwin Pro SemiBold'; color: #151F2C; } #destacado-home article figure .titulares .top-nota ul li a.categoria:hover { color: #454E5C; } /* *****bottom nota: patrocinado */ #destacado-home article figure .titulares .box-bottom { display: block; position: absolute; bottom: 8px; right: 0px; width: 326px; height: 30px; } #destacado-home article figure .titulares .box-bottom .patrocinador { display: block; position: relative; padding-top: 10px; text-align: center; } #destacado-home article figure .titulares .box-bottom .patrocinador p { font-family: 'Darwin Pro Regular'; font-size: 1.2em; color: #151F2C; } #destacado-home article figure .titulares .box-bottom .patrocinador p span { font-family: 'Darwin Pro Bold'; color: #151F2C; } #destacado-home article figure .titulares .box-bottom .patrocinador p span a { color: #151F2C; } #destacado-home article figure .titulares .box-bottom .patrocinador p span a:hover { color: #454E5C; } #destacado-home article figure .titulares .box-bottom .linea { display: block; width: 100px; height: 1px; background-color: #eff1f3; bottom: 0px; z-index: 1; margin: 0 auto; } /* *****variables de iconos */ /* *****video */ #destacado-home article.video li.tipo-nota i { display: inline-block; margin-top: -30px; } #destacado-home article.video li.tipo-nota i + i { display: none; } /* *****galeria */ #destacado-home article.galeria li.tipo-nota i { display: none; } #destacado-home article.galeria li.tipo-nota i + i { display: inline-block; margin-top: -30px; } /* *****normal = solo foto */ #destacado-home article.normal .top-nota li { width: 49% !important; } #destacado-home article.normal li.tipo-nota { display: none !important; } #destacado-home article.normal figure .titulares .top-nota ul li.categoria { text-align: left !important; padding-top: 6px; } #destacado-home article.normal figure .titulares .top-nota ul li.guardar-nota { text-align: right !important; float: right; } #destacado-home article.normal figure .titulares .top-nota span.usuario { top: 0px; right: 0px; } #destacado-home article.normal .usuario ul.acciones li.compartir-rrss.on ul.social { width: 200px; left: -156px; } #destacado-home article.normal figure .titulares .top-nota ul.acciones li { float: left; } /* *****rrss + guardar */ #destacado-home .usuario { display: block; position: relative; float: inherit; right: 20px; } #destacado-home .usuario ul.acciones { display: block; position: relative; text-align: right; width: 100% !important; } #destacado-home .usuario ul.acciones li { display: inline-block; position: relative; font-family: 'Darwin Pro SemiBold'; font-size: 1em !important; color: #151F2C; cursor: pointer; text-align: right; } /* *****guardar nota */ #destacado-home .usuario ul.acciones li.guardar-nota-seccion span.guardada { display: none; } #destacado-home .usuario ul.acciones li.guardar-nota-seccion span.guardar { display: inline-block; } /* *****variables**** */ #destacado-home .usuario ul.acciones li.guardar-nota-seccion.on span.guardada { display: inline-block; } #destacado-home .usuario ul.acciones li.guardar-nota-seccion.on span.guardada i { color: #e32644; } #destacado-home .usuario ul.acciones li.guardar-nota-seccion.on span.guardar { display: none; } /*65. ------Box arti­culo: Etiquetas: minuto a minuto + en vivo + exclusivo ----------------------------------------------*/ #destacado-home article figure p.etiquetas span, article.box-generica-home figure .top p.etiquetas span, body#portada section.cobertura-especial .notas article figure p.etiquetas span { display: none; background-color: #e62a42; padding: 5px 10px 5px 24px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: 0px; left: 0; } /* *****punto */ #destacado-home article figure p.etiquetas span span.punto , article.box-generica-home figure .top p.etiquetas span span.punto, body#portada section.cobertura-especial .notas article figure p.etiquetas span span.punto { display: none; width: 10px; height: 10px; background-color: #FFF; border-radius: 50%; position: absolute; top: 7px; left: 8px; padding: 0; animation-name: live; animation-duration: 1s; animation-delay: 1s; animation-iteration-count: infinite; animation-timing-function: linear; animation-direction: alternate; } #destacado-home article figure.minuto-a-minuto p.etiquetas span, article.box-generica-home figure.minuto-a-minuto .top p.etiquetas span, body#portada section.cobertura-especial .notas article figure.minuto-a-minuto p.etiquetas span, #destacado-home article figure.urgente p.etiquetas span, article.box-generica-home figure.urgente .top p.etiquetas span, body#portada section.cobertura-especial .notas article figure.urgente p.etiquetas span, #destacado-home article figure.en-vivo p.etiquetas span, article.box-generica-home figure.en-vivo .top p.etiquetas span, body#portada section.cobertura-especial .notas article figure.en-vivo p.etiquetas span, #destacado-home article figure.exclusivo p.etiquetas span, article.box-generica-home figure.exclusivo .top p.etiquetas span, body#portada section.cobertura-especial .notas article figure.exclusivo p.etiquetas span { display: inline; } /* *****punto */ #destacado-home article figure.minuto-a-minuto p.etiquetas span span.punto , article.box-generica-home figure.minuto-a-minuto .top p.etiquetas span span.punto, body#portada section.cobertura-especial .notas article figure.minuto-a-minuto p.etiquetas span span.punto, #destacado-home article figure.urgente p.etiquetas span span.punto, article.box-generica-home figure.urgente .top p.etiquetas span span.punto, body#portada section.cobertura-especial .notas article figure.urgente p.etiquetas span span.punto, #destacado-home article figure.en-vivo p.etiquetas span span.punto, article.box-generica-home figure.en-vivo .top p.etiquetas span span.punto, body#portada section.cobertura-especial .notas article figure.en-vivo p.etiquetas span span.punto, #destacado-home article figure.exclusivo p.etiquetas span span.punto, article.box-generica-home figure.exclusivo .top p.etiquetas span span.punto, body#portada section.cobertura-especial .notas article figure.exclusivo p.etiquetas span span.punto { display: inline; } /*DATO uTIL*/ #destacado-home article figure.dato-util p.etiquetas span, article.box-generica-home figure.dato-util .top p.etiquetas span, body#portada section.cobertura-especial .notas article.dato-util figure p.etiquetas span { display: inline-block; background-color: #fff600; color: #131f2c; padding: 5px 10px; } /* *****punto */ #destacado-home article figure.dato-util p.etiquetas span span.punto , article.box-generica-home figure.dato-util .top p.etiquetas span span.punto, body#portada section.cobertura-especial .notas article figure.dato-util p.etiquetas span span.punto { display: none; } /*CORONAVIRUS*/ #destacado-home article figure.coronavirus p.etiquetas span, article.box-generica-home figure.coronavirus .top p.etiquetas span, body#portada section.cobertura-especial .notas article.coronavirus figure p.etiquetas span { display: inline-block; background-color: #011961; color: #FFF; } /* *****punto */ #destacado-home article figure.coronavirus p.etiquetas span span.punto , article.box-generica-home figure.coronavirus .top p.etiquetas span span.punto, body#portada section.cobertura-especial .notas article figure.coronavirus p.etiquetas span span.punto { display: inline; } /*PATROCINADO*/ #destacado-home article figure.patrocinado p.etiquetas span, article.box-generica-home figure.patrocinado .top p.etiquetas span, body#portada section.cobertura-especial .notas article.patrocinado figure p.etiquetas span { display: inline-block; background-color: #1da88b; color: #FFF; padding-left: 10px; } /* *****icono */ #destacado-home article figure.patrocinado p.etiquetas span:before, article.box-generica-home figure.patrocinado .top p.etiquetas span:before, body#portada section.cobertura-especial .notas article.patrocinado figure p.etiquetas span:before { font-family: "mn-icons"; content: '\f105'; margin-right: 4px; } /* *****punto */ #destacado-home article figure.patrocinado p.etiquetas span span.punto , article.box-generica-home figure.patrocinado .top p.etiquetas span span.punto, body#portada section.cobertura-especial .notas article figure.patrocinado p.etiquetas span span.punto { display: none; } /*PLEBICITO 2020*/ #destacado-home article figure.plebiscito-2020 p.etiquetas span, article.box-generica-home figure.plebiscito-2020 .top p.etiquetas span, body#portada section.cobertura-especial .notas article.plebiscito-2020 figure p.etiquetas span { display: inline-block; background-color: #162133; color: #FFF; } /* *****punto */ #destacado-home article figure.plebiscito-2020 p.etiquetas span span.punto , article.box-generica-home figure.plebiscito-2020 .top p.etiquetas span span.punto, body#portada section.cobertura-especial .notas article figure.plebiscito-2020 p.etiquetas span span.punto { display: inline; background-color: #1da88b; } /*FRANJA TV APRUEBO*/ #destacado-home article figure.franja-tv-apruebo p.etiquetas span, article.box-generica-home figure.franja-tv-apruebo .top p.etiquetas span, body#portada section.cobertura-especial .notas article.franja-tv-apruebo figure p.etiquetas span { display: inline-block; background-color: #162133; color: #FFF; padding-left: 24px; } /* *****punto */ #destacado-home article figure.franja-tv-apruebo p.etiquetas span span.punto , article.box-generica-home figure.franja-tv-apruebo .top p.etiquetas span span.punto, body#portada section.cobertura-especial .notas article figure.franja-tv-apruebo p.etiquetas span span.punto { display: inline; background-color: #d63f1d; animation-name: unset; animation-duration: 1s; animation-delay: 1s; animation-iteration-count: infinite; animation-timing-function: linear; animation-direction: alternate; } /*FRANJA TV RECHAZO*/ #destacado-home article figure.franja-tv-rechazo p.etiquetas span, article.box-generica-home figure.franja-tv-rechazo .top p.etiquetas span, body#portada section.cobertura-especial .notas article.franja-tv-rechazo figure p.etiquetas span { display: inline-block; background-color: #162133; color: #FFF; padding-left: 24px; } /* *****punto */ #destacado-home article figure.franja-tv-rechazo p.etiquetas span span.punto , article.box-generica-home figure.franja-tv-rechazo .top p.etiquetas span span.punto, body#portada section.cobertura-especial .notas article figure.franja-tv-rechazo p.etiquetas span span.punto { display: inline; background-color: #d63f1d; animation-name: unset; animation-duration: 1s; animation-delay: 1s; animation-iteration-count: infinite; animation-timing-function: linear; animation-direction: alternate; } /* *****deportes */ body#portada section.deportes #destacado-home article figure p.etiquetas span, body#portada section.deportes article.box-generica-home figure .top p.etiquetas span { background-color: #FFF; color: #d01231; z-index: 999; } body#portada section.deportes #destacado-home article figure p.etiquetas span span.punto , body#portada section.deportes article.box-generica-home figure .top p.etiquetas span span.punto { display: inline; width: 10px; height: 10px; background-color: #d01231; border-radius: 50%; position: absolute; top: 7px; left: 8px; padding: 0; animation-name: live; animation-duration: 1s; animation-delay: 1s; animation-iteration-count: infinite; animation-timing-function: linear; animation-direction: alternate; } /* *****señal en vivo */ body#portada section.noticias.envivo .articulos #destacado-home .media-container p.etiquetas span { background-color: #e62a42; padding: 5px 10px 5px 24px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: 0px; left: 0; z-index: 999; } body#portada section.noticias.envivo .articulos #destacado-home .media-container p.etiquetas span span.punto { display: inline; width: 10px; height: 10px; background-color: #FFF; border-radius: 50%; position: absolute; top: 7px; left: 8px; padding: 0; animation-name: live; animation-duration: 1s; animation-delay: 1s; animation-iteration-count: infinite; animation-timing-function: linear; animation-direction: alternate; } @keyframes live { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } /*66. ------Pagina: Lo ultimo ----------------------------------------------*/ .linea-tiempo { position: relative; max-width: 945px; margin: 0 auto; } .linea-tiempo h2 { font-family: 'Darwin Pro Bold'; font-size: 4.2em; color: #151F2C; padding-left: 60px !important; } .linea-tiempo h2 i { color: #e62a42; } .linea-tiempo::after { content: ''; position: absolute; width: 4px; background-color: #e42644; top: 44px; bottom: 0; left: 0; margin-left: 28px; } .linea-tiempo article.item-lt { padding: 10px; position: relative; background-color: inherit; width: 100%; float: inherit !important; margin-left: 28px !important; } .linea-tiempo article.item-lt::after { content: ''; position: absolute; width: 15px; height: 15px; right: 0; background-color: #e42644; border: 4px solid #e42644; top: 44%; border-radius: 50%; z-index: 1; left: -6px; } .linea-tiempo article.item-lt::before { content: " "; height: 0; position: absolute; top: 43%; width: 0; z-index: 2; left: 2px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } .linea-tiempo article.item-lt .contenido { padding: 0px; background-color: white; position: relative; width: 900px; height: 180px; } .linea-tiempo article.item-lt .contenido .hora { display: block; float: left; } .linea-tiempo article.item-lt .contenido .hora time { display: block; padding: 60px 20px 10px 20px; } .linea-tiempo article.item-lt .contenido .hora time p { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #e62a42; } .linea-tiempo article.item-lt .contenido .hora time p + p { font-family: 'Darwin Pro Bold'; font-size: 2em; color: #151F2C; text-transform: uppercase; letter-spacing: 2px; margin-top: -10px; } .linea-tiempo article.item-lt .contenido figure { display: inline-block; width: 780px; } .linea-tiempo article.item-lt .contenido figure .imagen { display: block; float: left; width: 40%; } .linea-tiempo article.item-lt .contenido figure .texto { display: block; float: left; width: 60%; } .linea-tiempo article.item-lt .contenido figure .imagen img { height: 180px; } .linea-tiempo article.item-lt .contenido figure .texto figcaption { padding: 20px; } .linea-tiempo article.item-lt .contenido figure .texto figcaption h2 { font-family: 'Darwin Pro SemiBold'; font-size: 2em; color: #151F2C; padding-left: 0px !important; } .linea-tiempo article.item-lt .contenido figure .texto figcaption h2:hover { color: #454E5C; } .linea-tiempo article.item-lt .contenido figure .texto figcaption h1 { font-family: 'Darwin Pro SemiBold'; font-size: 2em; color: #151F2C; } .linea-tiempo article.item-lt .contenido figure .texto figcaption h1:hover { color: #454E5C; } /* *****compartir/rrss/usuario */ .linea-tiempo article.item-lt .contenido figure .texto .usuario { display: block; position: absolute; bottom: 20px; right: 20px; } .linea-tiempo article.item-lt .contenido figure .texto .usuario ul.acciones { display: block; position: relative; text-align: right; } .linea-tiempo article.item-lt .contenido figure .texto .usuario ul.acciones li { display: inline-block; position: relative; font-family: 'Darwin Pro SemiBold'; font-size: 2em; color: #151F2C; cursor: pointer; } /* *****guardar nota */ .linea-tiempo article.item-lt .contenido figure .texto .usuario ul.acciones li.guardar-nota-seccion span.guardada { display: none; } .linea-tiempo article.item-lt .contenido figure .texto .usuario ul.acciones li.guardar-nota-seccion span.guardar { display: inline-block; } /* *****variables***** */ .linea-tiempo article.item-lt .contenido figure .texto .usuario ul.acciones li.guardar-nota-seccion.on span.guardada { display: inline-block; } .linea-tiempo article.item-lt .contenido figure .texto .usuario ul.acciones li.guardar-nota-seccion.on span.guardada i { color: #e32644; } .linea-tiempo article.item-lt .contenido figure .texto .usuario ul.acciones li.guardar-nota-seccion.on span.guardar { display: none; } /* *****compartir rrss */ .linea-tiempo article.item-lt .contenido figure .texto .usuario ul.acciones li.compartir-rrss { border-left: 1px solid #1e2d3a; padding-left: 6px; } .linea-tiempo article.item-lt .contenido figure .texto .usuario li.compartir-rrss ul.social { display: none; width: 100%; position: absolute; text-align: right; background-color: #FFF; top: 0; height: 20px; animation: opacity .3s ease-out; -webkit-animation: opacity .3s ease-out; -moz-animation: opacity .3s ease-out; } .linea-tiempo article.item-lt .contenido figure .texto .usuario li.compartir-rrss ul.social li { display: inline-block; padding: 0px 4px; font-size: 0.7em; } .linea-tiempo article.item-lt .contenido figure .texto .usuario li.compartir-rrss ul.social li.cerrar { border-left: 1px solid #eff1f3; } .linea-tiempo article.item-lt .contenido figure .texto .usuario li.compartir-rrss ul.social li a { color: #151F2C; font-size: 1.4em; -webklit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; } .linea-tiempo article.item-lt .contenido figure .texto .usuario li.compartir-rrss ul.social li a:hover { -webklit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } /* *****variables***** */ .linea-tiempo article.item-lt .contenido figure .texto .usuario ul.acciones li.compartir-rrss.on ul.social { display: block; width: 250px; left: -210px; height: 30px; } /* *****cargando***** */ .linea-tiempo .cargando, .linea-tiempo .cargando:before, .linea-tiempo .cargando:after { border-radius: 50%; width: 1.5em; height: 1.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } .linea-tiempo .cargando { color: #24AF8E; font-size: 10px; margin: 2px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; margin-top: 20px; } .linea-tiempo .cargando:before, .linea-tiempo .cargando:after { content: ''; position: absolute; top: 0; } .linea-tiempo .cargando:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .linea-tiempo .cargando:after { left: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } /* *****Media queries - Responsive timeline on screens less than 600px wide */ @media screen and (max-width: 600px) { /* Place the timelime to the left */ .linea-tiempo::after { left: 31px; } /* *****Full-width containers */ article.item-lt .contenido { width: 100%; padding-left: 70px; padding-right: 25px; } /* *****Make sure that all arrows are pointing leftwards */ article.item-lt .contenido::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } /* *****Make sure all circles are at the same spot */ article.item-lt::after { left: 15px; } } /*reloader*/ #white .contenedor-articulos .container .reload-content { display: block; position: absolute; width: 100%; height: 50px; bottom: 0; } /*67. ------Pagina: Minuto a minuto ----------------------------------------------*/ body#white.minuto-a-minuto .box-principal .contenido h2 { font-family: 'Darwin Pro Bold'; font-size: 2.4em; text-transform: uppercase; color: #FFF; } body#white.minuto-a-minuto .box-principal .contenido h2 span { background-color: #ea303b; padding: 10px 20px; } body#white.minuto-a-minuto .box-principal .contenido h1 { font-family: 'Darwin Pro SemiBold'; font-size: 4em; line-height: 1.2em; margin-top: 20px; } body#white.minuto-a-minuto .box-principal .contenido .creditos { margin: 10px 0px 20px 0px; } body#white.minuto-a-minuto .box-principal .contenido .creditos ul { display: block; position: relative; font-size: 1.4em; } body#white.minuto-a-minuto .box-principal .contenido .creditos ul li { display: inline-block; } body#white.minuto-a-minuto .box-principal .contenido .creditos ul li span.periodista { font-family: 'Darwin Pro Regular Italic'; } /* *****player video */ body#white.minuto-a-minuto .box-principal .contenido .player-sticky { display: block; position: relative; margin: 0px; } body#white.minuto-a-minuto .box-principal .contenido .player-sticky .video-box { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } body#white.minuto-a-minuto .box-principal .contenido .player-sticky .video-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-bottom: 0px !important; margin-top: 0px !important; } body#white.minuto-a-minuto .box-principal .contenido .player-sticky .video-box.sticky-video { position: fixed !important; bottom: 40px; right: 40px; width: 420px !important; height: 236px !important; padding-bottom: 0px !important; padding-top: 0px; overflow: unset; z-index: 9999999; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } /* *****relacionados */ body#white.minuto-a-minuto .box-principal .contenido .articulos-relacionados { margin-top: 20px; } body#white.minuto-a-minuto .box-principal .contenido .articulos-relacionados ul { display: block; position: relative; } body#white.minuto-a-minuto .box-principal .contenido .articulos-relacionados ul li { display: block; font-size: 2em; line-height: 1.4em; margin-bottom: 10px; } body#white.minuto-a-minuto .box-principal .contenido .articulos-relacionados ul li i { color: #ed3338; float: left; } body#white.minuto-a-minuto .box-principal .contenido .articulos-relacionados ul li a { color: #151F2C; display: flex; line-height: 1.8em; } body#white.minuto-a-minuto .box-principal .contenido .articulos-relacionados ul li a h2 { font-family: 'Darwin Pro SemiBold'; padding-bottom: 0px; color: #151F2C; text-transform: none; font-size: 1em; } body#white.minuto-a-minuto .box-principal .contenido .articulos-relacionados ul li a h2:hover { color: #566477; } body#white.minuto-a-minuto .box-principal .contenido .articulos-relacionados ul li a h2:hover span { border-bottom: 1px solid #566477; } body#white.minuto-a-minuto .box-principal .contenido .articulos-relacionados ul li a h2 span { border-bottom: 1px solid #151F2C; padding-bottom: 2px; background-color: transparent; padding: 0px; } /* *****linea de tiempo */ .linea-tiempo.minuto-a-minuto { display: inline-block; position: relative; max-width: 945px; margin: 40px 0px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido { padding: 10px 20px 20px 20px; background-color: #f8f9fa; position: relative; width: 900px; height: auto; border: 1px solid #e4e6e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .linea-tiempo.minuto-a-minuto::after { content: ''; position: absolute; width: 4px; background-color: #e42644; top: 10px; bottom: 46px; left: 0; margin-left: 10px; } .linea-tiempo.minuto-a-minuto article.item-lt::before { content: " "; height: 0; position: absolute; top: 43%; width: 0; z-index: 2; left: 2px; border: medium solid transparent; border-width: 10px 10px 10px 0; border-color: transparent; } .linea-tiempo.minuto-a-minuto article.item-lt::after { content: ''; position: absolute; width: 15px; height: 15px; right: 0; background-color: #e42644; border: 4px solid #e42644; top: 30px; border-radius: 50%; z-index: 1; left: -23px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .fecha-hora { display: block; position: relative; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .fecha-hora p { font-family: 'Darwin Pro SemiBold Italic'; color: #e62a42; font-size: 2.4em; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .fecha-hora p + p { font-family: 'Darwin Pro SemiBold Italic'; color: #151F2C; font-size: 1.4em; margin-top: -6px; } /* *****cuerpo de item minuto a minuto */ .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo { display: block; position: relative; margin: 20px 0px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo h2.titulo { font-family: 'Darwin Pro SemiBold'; font-size: 2.6em; line-height: 1.2em; margin: 10px 0px; color: #151F2C; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo h2.titulo:before { font-family: ""; content:''; margin-right: 0px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo p { font-family: 'Darwin Pro Light'; color: #151F2C; font-size: 2em; line-height: 1.6em; margin: 20px 0px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo p em { font-family: 'Darwin Pro Light Italic'; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo p strong { font-family: 'Darwin Pro SemiBold'; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo p u { font-family: 'Darwin Pro Light Italic'; text-decoration: solid; background-color: #FFF500; padding: 4px 8px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo p em strong { font-family: 'Darwin Pro SemiBold Italic'; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo h2, .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo h3 { font-family: 'Darwin Pro SemiBold'; font-size: 2.2em; color: #434e5c; margin: 40px 0px 10px 0px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo h2:before, .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo h3:before { font-family: "mn-icons"; content:'\f105'; color: #151F2C; margin-right: 10px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo a { font-family: 'Darwin Pro SemiBold'; color: #24AF8E; background-color: #FFF; padding: 4px 6px; border-bottom: 1px solid #24AF8E; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo a:hover { color: #24AF8E; border-bottom: 1px solid #24AF8E; background-color: #e5e8ea; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo ul { display: block; position: relative; padding: 20px 0px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo ul li { font-family: 'Darwin Pro Light'; color: #151F2C; font-size: 2em; line-height: 1.6em; margin: 6px 60px; list-style-type: disc; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo ol { display: block; position: relative; padding: 20px 0px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo ol li { font-family: 'Darwin Pro Light'; color: #151F2C; font-size: 2em; line-height: 1.6em; margin: 6px 60px; list-style-type: upper-greek; } /* *****cita en cuerpo minuto a minuto */ .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo #widget { margin: 0px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo #widget.cita.foto .contenedor-widget, .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo #widget.cita .contenedor-widget { display: block; position: relative; border-left: 0px solid #24AF8E; padding-left: 0px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo #widget.cita.foto .contenedor-widget h3, .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo #widget.cita .contenedor-widget h3 { font-family: 'Darwin Pro Thin Italic'; color: #151F2C; font-size: 2.4em; line-height: 1.4em; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo #widget.cita.foto .contenedor-widget h3:before, .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo #widget.cita .contenedor-widget h3:before { font-family: ""; content:''; margin-right: 0px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo #widget.cita.foto .contenedor-widget h3 span, .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo #widget.cita .contenedor-widget h3 span { font-family: 'Darwin Pro Thin Italic'; color: #151F2C; line-height: 1.4em; } /* *****player en cuerpo minuto a minuto */ .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo .media-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; display: block; margin-bottom: 20px; margin-top: 20px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo .media-container iframe { position: absolute!important; width: 0!important; height: 0!important; min-height: 100%!important; min-width: 100%!important; margin-bottom: 20px !important; margin-top: 20px !important; } /* *****iframes */ .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo iframe.instagram-media { margin: 0 auto !important; margin-bottom: 20px !important; margin-top: 20px !important; display: table!important; position: static!important; width: 100%!important; max-width: 100% !important; min-width: 100% !important; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo .fb_iframe_widget_fluid_desktop, .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo .fb_iframe_widget_fluid_desktop span, .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo .fb_iframe_widget_fluid_desktop iframe { width: 100%!important; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo .twitter-video.twitter-video-rendered { margin: 0 auto !important; margin-bottom: 20px !important; margin-top: 20px !important; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo #twitter-widget-0.twitter-video-rendered { margin: 0 auto !important; margin-bottom: 20px !important; margin-top: 20px !important; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo .twitter-tweet.twitter-tweet-rendered { margin: 0 auto !important; margin-bottom: 20px !important; margin-top: 20px !important; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo #twitter-widget-0.twitter-tweet-rendered { margin: 0 auto !important; margin-bottom: 20px !important; margin-top: 20px !important; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo .fb-post { margin: 0 auto !important; margin-bottom: 20px !important; margin-top: 20px !important; } /* *****galeria */ .linea-tiempo.minuto-a-minuto article.item-lt .contenido .cuerpo #widget.galeria { display: block; margin: 0 auto !important; position: relative; width: 605px; margin-top: 20px !important; margin-bottom: 20px !important; } /* *****compartir rrss */ .linea-tiempo.minuto-a-minuto article.item-lt .contenido .compartir { display: block; position: relative; width: 100%; text-align: right; padding-top: 10px; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .compartir ul li { display: inline-block; font-size: 3em; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .compartir ul li a { color: #151F2C; } /* *****variables rrss */ /* *****rrss */ .linea-tiempo.minuto-a-minuto article.item-lt .contenido .compartir ul.compartir-nota li.icon { display: none; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .compartir ul.compartir-nota li.contraer { display: none; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .compartir ul.compartir-nota li.expandir { cursor: pointer; } /*---*/ .linea-tiempo.minuto-a-minuto article.item-lt .contenido .compartir ul.compartir-nota.on li.icon { display: inline-block; animation: opacity .3s ease-out; -webkit-animation: opacity .3s ease-out; -moz-animation: opacity .3s ease-out; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .compartir ul.compartir-nota.on li.contraer { display: inline-block; cursor: pointer; animation: opacity .3s ease-out; -webkit-animation: opacity .3s ease-out; -moz-animation: opacity .3s ease-out; } .linea-tiempo.minuto-a-minuto article.item-lt .contenido .compartir ul.compartir-nota.on li.expandir { display: none; } /*68. ------Pagina: Dato util ----------------------------------------------*/ /* *****presets nav */ .priority-nav { white-space: nowrap; } .priority-nav ul { display: inline-block; } .priority-nav li { display: inline-block; } .priority-nav__wrapper { position: relative; } .priority-nav__dropdown { position: absolute; } .priority-nav-is-visible { visibility: visible; } .priority-nav-is-hidden { visibility: hidden; } /* *****format base tabs */ .dato-util .ui-widget-header { border: 0px; background: #161f2c; color: #fff; } .dato-util .ui-tabs .ui-tabs-panel { padding: 0px; } .dato-util .ui-tabs .ui-tabs-nav { float: left; display: inline-block; padding: 0px; margin-bottom: 20px; } .dato-util .ui-widget.ui-widget-content { display: inline-block; border: 0px; padding: 0px; background: transparent; } .dato-util .ui-widget.ui-widget-content nav { background-color: #151f2c; } .dato-util #portada:target { } .dato-util .ui-corner-all, .dato-util .ui-corner-bottom, .dato-util .ui-corner-right, .dato-util .ui-corner-br { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .dato-util .ui-state-default, .dato-util .ui-widget-content .ui-state-default, .dato-util .ui-widget-header .ui-state-default { border: 0px; background: #151f2c; font-weight: normal; color: #fff; border-bottom: 4px solid transparent; } .dato-util .ui-state-default a, .dato-util .ui-state-default a:link, .dato-util .ui-state-default a:visited, .dato-util a.ui-button, .dato-util a:link.ui-button, .dato-util a:visited.ui-button, .dato-util .ui-button { font-family: 'Darwin Pro Light'; font-size: 1.6em; color: #fff; } .dato-util .ui-tabs .ui-tabs-nav li.ui-tabs-active { color: #FFFF02; } .dato-util .ui-tabs .ui-tabs-nav li.ui-tabs-active a { font-family: 'Darwin Pro Bold'; color: #FFFF02; } .dato-util .ui-state-default:hover a, .dato-util .ui-widget-content .ui-state-default:hover a, .dato-util .ui-widget-header .ui-state-default:hover a { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } .dato-util .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0px 12px 0px 12px; } .dato-util .ui-tabs .ui-tabs-nav li.portada-dato-util.ui-tabs-active, .dato-util .ui-tabs .ui-tabs-nav li.portada-dato-util { position: absolute; top: -56px; left: 20px; background-color: #ffff02; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .dato-util .ui-tabs .ui-tabs-nav li.portada-dato-util { border-bottom: 0px solid #151f2c; } .dato-util .ui-tabs .ui-tabs-nav li.portada-dato-util.ui-tabs-active a, .dato-util .ui-tabs .ui-tabs-nav li.portada-dato-util a { font-family: 'Darwin Pro Bold'; color: #151f2c; padding: 0px; cursor: pointer; font-size: 2.4em; } .dato-util .ui-tabs .ui-tabs-nav li.portada-dato-util.ui-tabs-active a span.linea-seccion , .dato-util .ui-tabs .ui-tabs-nav li.portada-dato-util a span.linea-seccion { display: block; position: relative; width: 40px; height: 4px; background-color: #141e2b; margin-bottom: 0px; } .dato-util #tabs-dato-util button.nav__dropdown-toggle { font-family: 'Darwin Pro Light'; padding: 0px 16px; font-size: 1.6em; color: #fff900; border: 0px; background-color: transparent; cursor: pointer; } .dato-util #tabs-dato-util button.nav__dropdown-toggle:after { font-family: "mn-icons"; content: '\f103'; margin-left: 6px; } .dato-util #tabs-dato-util .priority-nav { white-space: nowrap; background-color: #151f2c; padding: 6px 16px 10px 16px; width: 940px; display: block; height: 36px; } .dato-util #tabs-dato-util .nav__dropdown { padding: 2rem; white-space: nowrap; top: 26px; right: -16px; background-color: #151f2c; transition: 300ms cubic-bezier(0.25, 2, 0.25, 1); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-transform: rotateX(-30deg); transform: rotateX(-30deg); opacity: 0; } .dato-util #tabs-dato-util .nav__dropdown.show { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; visibility: visible; box-shadow: 0 0 20px 0 rgba(49, 49, 49, 0.25); transition: 300ms cubic-bezier(0.25, 2, 0.25, 1), box-shadow 1000ms cubic-bezier(0.25, 2, 0.25, 1); z-index: 9999; top: 30px; } .dato-util #tabs-dato-util .priority-nav__dropdown { position: absolute; visibility: hidden; } .dato-util #tabs-dato-util .priority-nav__dropdown li { display: block; padding: 6px 10px; } .dato-util #tabs-dato-util .priority-nav__dropdown.show li { display: block; padding: 6px 10px; background-color: transparent; } .dato-util #tabs-dato-util .priority-nav__dropdown.show li a { color: rgba(255,255,255,0.75) } .dato-util #tabs-dato-util .priority-nav__dropdown.show li a:hover { color: rgba(255,255,255,1) } .dato-util #tabs-dato-util .nav__dropdown:after { content: ''; display: block; position: absolute; height: 0; width: 0; border-bottom: 6px solid #151f2c; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ''; top: -4px; right: 4rem; } /* *****titulo */ .dato-util .box-du { display: block; position: relative; background-color: #FFFF02; padding: 10px 20px; width: 100%; height: 64px; } .dato-util .box-du .titulo { display: block; position: relative; float: left; width: 20%; } .dato-util .box-du .titulo h1 { font-family: 'Darwin Pro Bold'; font-size: 4em; color: #141f2c; } /* *****buscador dato util */ .dato-util .du:before, .dato-util .du:after{ content:""; display:table; } .dato-util .du:after{ clear:both; } .dato-util .du{ zoom:1; } .dato-util .buscador { width: 80%; margin: 0px; float: right; } .dato-util .buscador input { width: 100%; height: 40px; padding: 10px 20px; float: left; font-family: 'Darwin Pro Light'; border: 0; background: #FFF; font-size: 1.6em; border: 1px solid #141e2b; } .dato-util .buscador input:focus { outline: 0; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,.8) inset; } .dato-util .buscador input::-webkit-input-placeholder { color: #999; font-weight: normal; } .dato-util .buscador input:-moz-placeholder { color: #999; font-weight: normal; } .dato-util .buscador input:-ms-input-placeholder { color: #999; font-weight: normal; font-style: italic; } .dato-util .buscador button { overflow: visible; position: absolute; z-index: 9; right: 20px; border: 0; padding: 0; cursor: pointer; height: 40px; width: 50px; color: #141e2b; text-transform: uppercase; background: transparent; font-size: 1.8em; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; transition: .3s; } .dato-util .buscador button:hover{ background: #24AF8E; color: #FFF; } .dato-util .buscador button:active, .dato-util .buscador button:focus{ background: #24AF8E; outline: 0; } .dato-util .buscador button:hover:before{ border-right-color: #24AF8E; } .dato-util .buscador button:focus:before, .dato-util .buscador button:active:before{ border-right-color: #24AF8E; } .dato-util .buscador button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; } /* *****articulo destacado dato util */ #destacado-dato-util { display: block; position: relative; width: 100%; margin-bottom: 20px; height: 350px; } #destacado-dato-util article { float: inherit !important; margin-right: 0px !important; } #destacado-dato-util article figure a img { width: 66%; float: left; display: block; } #destacado-dato-util article figure .titulares { width: 34%; float: left; display: block; position: relative; background-color: #FFF; height: 350px; } #destacado-dato-util article figure .titulares .contenido { display: block; text-align: center; margin-top: 0px; width: 100%; text-align: center; } #destacado-dato-util article figure .titulares .contenido i { color: #151F2C; font-size: 4em; } /* *****variables de iconos */ #destacado-dato-util article.video figure .titulares .contenido i { display: inline-block; margin-top: -30px; font-size: 3em; } #destacado-dato-util article.video figure .titulares .contenido i + i { display: none; } #destacado-dato-util article.galeria figure .titulares .contenido i { display: none; } #destacado-dato-util article.galeria figure .titulares .contenido i + i { display: inline-block; margin-top: -30px; font-size: 3em; } #destacado-dato-util article figure .titulares .contenido i { display: none; } #destacado-dato-util article figure .titulares .contenido i + i { display: none; } /*--*/ #destacado-dato-util article figure .titulares .box-texto { display: block; position: absolute; z-index: 99; background-color: #FFF; width: 380px; left: -60px; top: 11%; padding: 18px 18px 18px 24px; } #destacado-dato-util article figure .titulares .box-texto figcaption h1 { font-family: 'Darwin Pro SemiBold'; font-size: 2.6em; color: #151F2C; line-height: 1.2em; margin-bottom: 10px; } #destacado-dato-util article figure .titulares .box-texto figcaption h1:hover { color: #454E5C; } #destacado-dato-util article figure .titulares .box-texto .relacionados li { padding: 5px 0px; } #destacado-dato-util article figure .titulares .box-texto .relacionados li i { color: #fff900; float: left; background-color: #141f2c; font-size: 1.2em; line-height: 9px; margin-right: 10px; margin-top: 2.7px; height: 12px; } #destacado-dato-util article figure .titulares .box-texto .relacionados li a { display: flex; font-family: 'Darwin Pro Regular'; font-size: 1.1em; color: #151F2C; line-height: 1.6em; } #destacado-dato-util article figure .titulares .box-texto .relacionados li a:hover { color: #454E5C; } /* *****rrss + guardar */ #destacado-dato-util .usuario { display: block; position: absolute; float: inherit; width: 200px; right: 20px; bottom: 14px; } #destacado-dato-util .usuario ul.acciones { display: block; position: relative; text-align: right; } #destacado-dato-util .usuario ul.acciones li { display: inline-block; position: relative; font-family: 'Darwin Pro SemiBold'; font-size: 2em; color: #151F2C; cursor: pointer; } /* *****guardar nota */ #destacado-dato-util .usuario ul.acciones li.guardar-nota-seccion span.guardada { display: none; } #destacado-dato-util .usuario ul.acciones li.guardar-nota-seccion span.guardar { display: inline-block; } /* ******variables***** */ #destacado-dato-util .usuario ul.acciones li.guardar-nota-seccion.on span.guardada { display: inline-block; } #destacado-dato-util .usuario ul.acciones li.guardar-nota-seccion.on span.guardada i { color: #e32644; } #destacado-dato-util .usuario ul.acciones li.guardar-nota-seccion.on span.guardar { display: none; } /* *****compartir rrss */ #destacado-dato-util .usuario ul.acciones li.compartir-rrss { border-left: 1px solid #1e2d3a; padding-left: 6px; } #destacado-dato-util .usuario li.compartir-rrss ul.social { display: none; width: 100%; position: absolute; text-align: right; background-color: #FFF; top: 0; height: 20px; animation: opacity .3s ease-out; -webkit-animation: opacity .3s ease-out; -moz-animation: opacity .3s ease-out; } #destacado-dato-util .usuario li.compartir-rrss ul.social li { display: inline-block; padding: 0px 4px; font-size: 0.7em; } #destacado-dato-util .usuario li.compartir-rrss ul.social li.cerrar { border-left: 1px solid #eff1f3; } #destacado-dato-util .usuario li.compartir-rrss ul.social li a { color: #151F2C; font-size: 1.4em; -webklit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; } #destacado-dato-util .usuario li.compartir-rrss ul.social li a:hover { -webklit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } /*69. ------Pagina: Mega Deportes ----------------------------------------------*/ /*header*/ body#white.deportes header img.logo-mg-3 { width: 400px; cursor: pointer; shape-rendering: geometricPrecision; display: inline-block; margin-top: -5px; } body#white.deportes header img.logo-mg { display: none; } /* *****articulo destacado deportes */ #destacado-deportes { display: inline-block; position: relative; width: 100%; margin-bottom: 14px; height: 350px;; } #destacado-deportes.opta { height: auto; } #destacado-deportes.opta article.box-destacado .box .fecha { width: 120px; } #destacado-deportes article.box-destacado .box .fecha { width: 120px; } /* *****opta pagina deportes */ #white.deportes .contenedor-articulos .notas .widgets-opta { display: none; position: relative; width: 100%; height: 600px; padding: 40px 0px; } #white.deportes .contenedor-articulos .notas .widgets-opta h2.titulo { font-family: 'Darwin Pro Bold'; text-align: center; color: #151F2C; font-size: 2.4em; margin-bottom: 10px; } #white.deportes .contenedor-articulos .notas .widgets-opta h2.titulo span { color: #CE0033; } #white.deportes .contenedor-articulos .notas .widgets-opta .item-opta { width: 300px; float: left; margin-right: 20px; } #white.deportes .contenedor-articulos .notas .widgets-opta .item-opta + .item-opta { width: 300px; float: left; margin-right: 20px; } #white.deportes .contenedor-articulos .notas .widgets-opta .item-opta + .item-opta + .item-opta { width: 300px; float: left; margin-right: 0px; } /* *****format opta */ #white.deportes .contenedor-articulos .notas .widgets-opta .Opta>.Opta_W { margin: 0px; } /* *****opta marcador */ .item-opta.marcador .Opta .Opta_W.Opta_F_ML_N .Opta-FootballPitch, .item-opta.marcador .Opta_F_MA .Opta-Visualisation-Holder { display: none; } .item-opta.marcador .Opta .Opta-MatchHeader .Opta-Score.Opta-Away .Opta-Team-Score { background-color: transparent; font-size: 3.6em; font-family: 'Darwin Pro Bold'; color: #2c313a; } .item-opta.marcador .Opta .Opta-MatchHeader .Opta-Score .Opta-Team-Score{ background-color: transparent; font-size: 3em; font-family: 'Darwin Pro Bold'; color: #2c313a; } .item-opta.marcador .Opta-Wide .Opta-MatchHeader.Opta-MatchHeader-Crested td.Opta-Team, .item-opta.marcador .Opta-Wide .Opta-MatchHeader.Opta-MatchHeader-Crested td.Opta-Team a { font-family: 'Darwin Pro SemiBold'; font-size: 2em; color: #2c313a; text-align: center; } .item-opta.marcador .Opta .Opta-MatchHeader tbody tr:first-child .Opta-Home { font-family: 'Darwin Pro SemiBold'; font-size: 2em; color: #2c313a; text-align: center; } .item-opta.marcador .Opta .Opta-MatchHeader tr.Opta-Score-Extras td { font-family: 'Darwin Pro SemiBold'; font-size: 2em; color: #808d9e; } .item-opta.marcador .Opta .Opta-Matchdata { font-family: 'Darwin Pro Light'; color: #2c313a; background-color: #FFF; border-bottom: 4px solid #CE0033; border-top: 1px solid #eff1f3; margin-bottom: 0px; } .item-opta.marcador .Opta .Opta-Matchdata dt { font-size: 1.2em; font-family: 'Darwin Pro SemiBold'; } .item-opta.marcador .Opta .Opta-Matchdata dd { font-size: 1.2em; } .item-opta.marcador .Opta .Opta-MatchHeader div.Opta-MatchHeader-Details span, .item-opta.marcador .Opta .Opta-MatchHeader tr.Opta-MatchHeader-Details td span { font-family: 'Darwin Pro Light'; color: #2c313a; font-size: 1.2em; } .item-opta.marcador .Opta .Opta-MatchHeader div.Opta-MatchHeader-Details>div, .item-opta.marcador .Opta .Opta-MatchHeader tr.Opta-MatchHeader-Details td>div { background-color: transparent; } .item-opta.marcador .Opta .Opta-MatchHeader tr.Opta-MatchHeader-Details td span.Opta-Date:before { font-family: "mn-icons"; content: '\e8b6'; margin-right: 6px; } /* *****opta tabla de posiciones */ .item-opta.tabla-posiciones { height: 464px; overflow-y: scroll; } .item-opta.tabla-posiciones .Opta .Opta-H2, .item-opta.tabla-posiciones .Opta h2 { font-family: 'Darwin Pro SemiBold'; font-size: 1.2em; color: #FFF; background: #CE0033; text-align: center; } .item-opta.tabla-posiciones .Opta h2 .Opta-Title { font-size: 1.4em; font-weight: inherit; } .item-opta.tabla-posiciones .Opta tfoot th, .item-opta.tabla-posiciones .Opta thead th { background-color: #fff; border-bottom: 1px solid #e6e6e6; font-family: 'Darwin Pro Bold'; color: #2c313a; } .item-opta.tabla-posiciones .Opta .Opta-Even td, .item-opta.tabla-posiciones .Opta .Opta-Even th, .item-opta.tabla-posiciones .Opta .Opta-Striped li:nth-child(even), .item-opta.tabla-posiciones .Opta .Opta-Striped tbody tr:nth-child(even) td, .item-opta.tabla-posiciones .Opta .Opta-Striped tbody tr:nth-child(even) th, .item-opta.tabla-posiciones .Opta div.Opta-Even, .item-opta.tabla-posiciones .Opta li.Opta-Even { background-color: #fff; font-family: 'Darwin Pro'; color: #2c313a; } .item-opta.tabla-posiciones .Opta .Opta-Odd td, .item-opta.tabla-posiciones .Opta .Opta-Odd th, .item-opta.tabla-posiciones .Opta .Opta-Striped li:nth-child(odd), .item-opta.tabla-posiciones .Opta .Opta-Striped tbody tr:nth-child(odd) td, .item-opta.tabla-posiciones .Opta .Opta-Striped tbody tr:nth-child(odd) th, .item-opta.tabla-posiciones .Opta div.Opta-Odd, .item-opta.tabla-posiciones .Opta li.Opta-Odd { background-color: #FFF; font-family: 'Darwin Pro'; color: #2c313a; } .item-opta.tabla-posiciones .Opta td, .item-opta.tabla-posiciones .Opta th { padding: 4px; } .item-opta.tabla-posiciones .Opta .Opta-Striped tbody tr:nth-child(odd) td.Opta-points, .item-opta.tabla-posiciones .Opta .Opta-Striped tbody tr:nth-child(even) td.Opta-points { font-family: 'Darwin Pro Bold'; font-size: 1.2em; } /* *****opta fixture */ .item-opta.fixture { height: 420px; } .item-opta.fixture .Opta .Opta-H2, .item-opta.fixture .Opta h2 { font-family: 'Darwin Pro SemiBold'; font-size: 1.2em; color: #FFF; background: #CE0033; text-align: center; } .item-opta.fixture .Opta h2 .Opta-Title { font-size: 1.4em; font-weight: inherit; } .item-opta.fixture .Opta .Opta-H3, .item-opta.fixture .Opta h3 { background-color: #fff; border-bottom: 1px solid #e6e6e6; font-family: 'Darwin Pro Bold'; color: #2c313a; margin-top: 10px; } .item-opta.fixture .Opta h3>span { font-size: 1em; text-transform: capitalize; } .item-opta.fixture .Opta .Opta_F_F.Opta_F_F_N .Opta-Scoreline .Opta-Outer { background-color: #FFF; font-family: 'Darwin Pro'; color: #2c313a; } .item-opta.fixture .Opta .Opta_F_F.Opta_F_F_N .Opta-Scoreline .Opta-Home, .item-opta.fixture .Opta .Opta_F_F.Opta_F_F_N .Opta-Scoreline .Opta-Team { background-color: #FFF; font-family: 'Darwin Pro'; color: #2c313a; } .item-opta.fixture .Opta .Opta_F_F.Opta_F_F_N .Opta-Scoreline .Opta-Divider, .item-opta.fixture .Opta .Opta_F_F.Opta_F_F_N .Opta-Scoreline .Opta-Score { background-color: #FFF; font-family: 'Darwin Pro Bold'; color: #2c313a; } .item-opta.fixture .Opta span { font-size: 1.2em; } .item-opta.fixture .Opta h3>span:before { font-family: "mn-icons"; content: '\e8b6'; margin-right: 6px; } /* *****opta goleadores */ .item-opta.goleadores { height: 420px; } .item-opta.goleadores .Opta .Opta-H2, .item-opta.goleadores .Opta h2 { font-family: 'Darwin Pro SemiBold'; font-size: 1.2em; color: #FFF; background: #CE0033; text-align: center; } .item-opta.goleadores .Opta h2 .Opta-Title { font-size: 1.4em; font-weight: inherit; } .item-opta.goleadores .Opta .Opta-Ranking .Opta-FeatureHeader td, .item-opta.goleadores .Opta .Opta-Ranking .Opta-FeatureHeader th { font-family: 'Darwin Pro'; background-color: #fff; color: #2c313a; border-bottom: 1px solid #e6e6e6; } .item-opta.goleadores .Opta .Opta-Ranking .Opta-FeatureHeader td .Opta-PlayerName { font-family: 'Darwin Pro'; color: #2c313a; } .item-opta.goleadores .Opta .Opta-Ranking .Opta-FeatureHeader td .Opta-Team, .item-opta.goleadores .Opta .Opta-Ranking .Opta-FeatureHeader td .Opta-Team a, .item-opta.goleadores .Opta .Opta-Ranking .Opta-FeatureHeader th .Opta-Team, .item-opta.goleadores .Opta .Opta-Ranking .Opta-FeatureHeader th .Opta-Team a { color: #2c313a; } .item-opta.goleadores .Opta abbr { text-decoration: none; color: #2c313a; } .item-opta.goleadores .Opta .Opta-Ranking .Opta-FeatureHeader td.Opta-Games div, .item-opta.goleadores .Opta .Opta-Ranking .Opta-FeatureHeader td.Opta-Score div, .item-opta.goleadores .Opta .Opta-Ranking .Opta-FeatureHeader th.Opta-Games div, .item-opta.goleadores .Opta .Opta-Ranking .Opta-FeatureHeader th.Opta-Score div { color: #2c313a; } .item-opta.goleadores .Opta .Opta-Even td, .item-opta.goleadores .Opta .Opta-Even th, .item-opta.goleadores .Opta .Opta-Striped li:nth-child(even), .item-opta.goleadores .Opta .Opta-Striped tbody tr:nth-child(even) td, .item-opta.goleadores .Opta .Opta-Striped tbody tr:nth-child(even) th, .item-opta.goleadores .Opta div.Opta-Even, .item-opta.goleadores .Opta li.Opta-Even { background-color: #fff; } .item-opta.goleadores .Opta div { font-family: 'Darwin Pro'; color: #2c313a; } .item-opta.goleadores .Opta .Opta-Ranking .Opta-Games, .item-opta.goleadores .Opta .Opta-Ranking .Opta-Team { font-family: 'Darwin Pro'; color: #2c313a; } .item-opta.goleadores .Opta .Opta-Ranking .Opta-FeatureHeader td.Opta-Score { font-family: 'Darwin Pro Bold'; } .item-opta.goleadores .Opta .Opta-Even td.Opta-Score { font-family: 'Darwin Pro Bold'; font-size: 1.2em; } .item-opta.goleadores .Opta .Opta-Odd td.Opta-Score { font-family: 'Darwin Pro Bold'; font-size: 1.2em; } /*70. ------Pagina: Señal en vivo ----------------------------------------------*/ body#black main#main { background-color: #0d141e; } body#black.seccion-video.senal-en-vivo .contenido-video .container { padding: 20px 0px 20px 0px; } body#black.seccion-video.senal-en-vivo .contenido-video .video-principal h1.titulo { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #FFF; padding-top: 0px; } body#black.seccion-video.senal-en-vivo .contenido-video .video-principal .linea-seccion { display: block; position: relative; width: 40px; height: 4px; background-color: #FFF; margin-bottom: 30px; } body#black.seccion-video.senal-en-vivo .contenido-video .video-principal h2 { font-family: 'Darwin Pro Bold'; font-size: 3.4em; line-height: 1.2; color: #FFF; margin-top: 10px; z-index: 99; width: 75%; float: left; } body#black.seccion-video.senal-en-vivo .contenido-video .video-principal .box { display: block; position: relative; width: 25%; float: left; } body#black.seccion-video.senal-en-vivo .contenido-video .video-principal .box .usuario { width: 100%; } /* *****mas señales */ body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .ad-provisorio { display: block; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .ad-provisorio.mobile { display: none; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales { display: block; position: relative; width: 300px; height:auto; overflow-y: hidden; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales .item { display: inline-block; width: 100%; position: relative; margin: 0px 0px 10px 0px; cursor: pointer; background-color: #172331; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); padding: 12px 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales .item:hover { -webkit-opacity: 0.9; -moz-opacity: 0.9; -ms-opacity: 0.9; -o-opacity: 0.9; opacity: 0.9; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales .item .datos { display: block; position: relative; width: 100%; z-index: 99; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales .item .datos .left { display: table; height: 70px; position: relative; float: left; width: 80%; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales .item .datos .left .box { display: table-cell; vertical-align: middle; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales .item .datos .right { display: table; height: 70px; position: relative; float: left; text-align: right; width: 20%; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales .item .datos .left span { display: inline; position: relative; font-family: 'Darwin Pro SemiBold'; font-size: 1em; text-transform: uppercase; letter-spacing: 1px; background-color: #e62a42; padding: 5px 15px; color: #FFF; border-radius: 2px; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales .item span.gradiente { display: block; position: absolute; width: 100%; height: 100%; bottom: 0; z-index: 9; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,0c141f+100&0+0,1+74 */ background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(41,63,83,1) 74%, rgba(12,20,31,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(41,63,83,1) 74%,rgba(12,20,31,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(41,63,83,1) 74%,rgba(12,20,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#0c141f',GradientType=0 ); /* IE6-9 */ } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales .item .datos .left p { font-family: 'Darwin Pro SemiBold'; font-size: 1.8em; line-height: 1.2em; color: #FFF; margin-top: 6px; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales .item .datos .right i { display: table-cell; vertical-align: middle; font-size: 3em; color: #FFF; } /* *****scrollbar */ body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales::-webkit-scrollbar { width: 8px; height: 8px; padding: 2px; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales::-webkit-scrollbar-button { width: 0px; height: 0px; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales::-webkit-scrollbar-thumb { background: rgb(43, 64, 87); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding: 2px; margin: 4px; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales::-webkit-scrollbar-thumb:hover { background: rgb(43, 64, 87); padding: 2px; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales::-webkit-scrollbar-thumb:active { background: rgb(43, 64, 87); padding: 2px; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales::-webkit-scrollbar-track { background: rgb(22, 35, 50); border: 0px none #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales::-webkit-scrollbar-track:hover { background: rgb(22, 35, 50); } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales::-webkit-scrollbar-track:active { background: rgb(22, 35, 50); } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .senales::-webkit-scrollbar-corner { background: transparent; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .box-senales h3 { font-size: 2.2em; color: #FFF; margin-bottom: 4px; } body#black.seccion-video.senal-en-vivo .contenido-video .aside-top .box-senales h3 a { font-family: 'Darwin Pro Black'; color: #e82e3f; } /*71. ------Pagina: Error 404 ----------------------------------------------*/ section.error404 { display: block; position: relative; width: 1290px; margin: 0 auto; } section.error404 .box { display: inline-block; position: relative; width: 100%; margin: 0 auto; padding: 0px 200px; margin-top: 100px; } section.error404 .box .left { display: block; position: relative; width: 35%; float: left; text-align: right; padding-right: 0px; } section.error404 .box .right { display: block; position: relative; width: 65%; float: left; } section.error404 .box .right .buscador { display: inline-block; position: relative; width: 100%; text-align: left; margin-top: 40px; } section.error404 .box .left i { font-size: 20em; color: #0dad8c; } section.error404 .box .right h1 { font-family: 'Darwin Pro SemiBold'; font-size: 2.4em; color: #01ad8d; } section.error404 .box .right h2 { font-family: 'Darwin Pro Regular'; font-size: 4em; color: #151F2C; } section.error404 .box .right h2 a { font-family: 'Darwin Pro SemiBold'; color: #24AF8E; border-bottom: 1px solid #24AF8E; } section.error404 .box .right h2 a:hover { color: #24AF8E; border-bottom: 1px solid #24AF8E; background-color: #e5e8ea; } section.error404 .box .right .buscador a { margin-top: 30px; background-color: #b7babd; padding: 14px 30px; border: 0px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 2em; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; cursor: pointer; } section.error404 .box .right .buscador a:hover { background-color: #434e5c; } /*72. ------Especiales: Box deporte en deportes ----------------------------------------------*/ #especial-deportes { display: block; position: relative; width: 100%; margin: 40px 0px; } #especial-deportes .box-especial { display: block; position: relative; width: 100%; height: 550px; background-color: #2a2a2a; padding: 20px; } #especial-deportes .box-especial .top { display: inline-block; position: relative; width: 100%; } #especial-deportes .box-especial .top .titulo { display: block; position: relative; float: left; padding: 30px 0px 40px 0px; } #especial-deportes .box-especial .top .titulo h2 { font-family: 'Darwin Pro Black Italic'; font-size: 4em; color: #CE0033; } #especial-deportes .box-especial .top .titulo h3 { font-family: 'Darwin Pro SemiBold'; font-size: 2em; color: #fff; margin-top: -10px; } #especial-deportes .box-especial .top .presentado-por { display: block; position: relative; float: right; padding: 20px 0px 20px 0px; } #especial-deportes .box-especial .top .presentado-por p { font-family: 'Darwin Pro SemiBold'; font-size: 1.2em; color: #fff; } #especial-deportes .box-especial .top .presentado-por p span { display: block; text-align: right; } #especial-deportes .box-especial .top .presentado-por p span img { height: 60px; padding-top: 4px; } #especial-deportes .notas-deportes { display: block; position: relative; width: 100%; background-color: #2a2a2a; } #especial-deportes .notas-deportes .destacada { display: block; position: relative; float: left; width: 600px; } #especial-deportes .notas-deportes .nota { display: block; position: relative; float: left; width: 300px; } /* *****box */ #especial-deportes article.box-destacado { width:600px; } #especial-deportes article.box-destacado figure a img { width: 340px; } #especial-deportes article.box-destacado .box-texto { background-color: #353535; width: 270px; height: 264px; left: -30px; padding: 14px; } #especial-deportes article.box-destacado .box-texto figcaption h2 { font-family: 'Darwin Pro SemiBold'; font-size: 2em; color: #fff; line-height: 1.2em; margin-bottom: 20px; } #especial-deportes article.box-destacado figure .titulares .contenido i { color: #fff; } #especial-deportes article.box-destacado figure .titulares { width: 240px; float: left; display: block; position: relative; background-color: #353535; height: 340px; } #especial-deportes article.box-destacado .box-texto .box { background-color: #353535; padding: 10px; position: absolute; bottom: 0px; width: 270px; } #especial-deportes article.box-destacado figure .titulares .box-bottom { width: 270px; } #especial-deportes article.box-destacado figure .titulares .box-bottom .patrocinador p, #especial-deportes article.box-destacado figure .titulares .box-bottom .patrocinador p span, #especial-deportes article.box-generica .bottom .patrocinador p, #especial-deportes article.box-generica .bottom .patrocinador p span { color: #fff; } #especial-deportes article.box-destacado .box .fecha p, #especial-deportes article.box-destacado .box .usuario ul.acciones li { color: #fff; font-size: 1.4em; } #especial-deportes article.box-destacado .box .usuario ul.acciones li + li { color: #fff; font-size: 1.4em; border-left: 1px solid #464646; } #especial-deportes article.box-destacado .box .usuario { width: 178px; } #especial-deportes article.box-destacado figure .titulares .box-bottom .linea, #especial-deportes article.box-generica .bottom .linea { background-color: #464646; } #especial-deportes article.box-generica .bottom { background-color: #353535; } #especial-deportes article.box-generica .bottom figcaption a, #especial-deportes article.box-generica .bottom .box .fecha p, #especial-deportes article.box-generica .bottom .box .usuario ul.acciones li, #especial-deportes article.box-generica .bottom .box .usuario ul.acciones li + li { color: #fff; } #especial-deportes article.box-generica .bottom .box .usuario ul.acciones li + li { border-left: 1px solid #464646; padding: 0px 2px; } #especial-deportes article.box-generica .bottom .box .usuario li.compartir-rrss ul.social, #especial-deportes article.box-destacado .box .usuario li.compartir-rrss ul.social { background-color: #353535; } #especial-deportes article.box-generica .bottom .box .usuario li.compartir-rrss ul.social li a { color: #fff; } #especial-deportes article.box-destacado .box .usuario li.compartir-rrss ul.social li a { color: #fff; font-size: 0.7em; } #especial-deportes article.box-destacado .box .usuario ul.acciones li.compartir-rrss.on ul.social { width: 184px; left: -156px; top: -4px; } /*73. ------Alertas: Mensajes para usuario ----------------------------------------------*/ /* *****Modal mensajes */ .modaal-outer-wrapper.mensajes .modaal-container { width: 400px; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); } .modaal-outer-wrapper.mensajes .modaal-inner-wrapper { background-color: rgba(0,0,0,0.3); } .modaal-overlay.mensajes { background: transparent !important; } .modaal-outer-wrapper.mensajes .modaal-container .modaal-close { display: none; } .modaal-outer-wrapper.mensajes .modaal-content-container { padding: 0px; } .modaal-outer-wrapper.mensajes .modaal-content-container .modaal-confirm-content { padding: 40px 20px 40px 20px; } .modaal-outer-wrapper.mensajes .modaal-content-container .modaal-confirm-content p { font-family: 'Darwin Pro Light'; font-size: 2.4em; color: #151F2C; } .modaal-outer-wrapper.mensajes .modaal-content-container h1 { font-family: 'Darwin Pro SemiBold'; font-size: 3em; color: #151F2C; padding: 30px 20px 10px 20px; display: none; } .modaal-outer-wrapper.mensajes .modaal-confirm-wrap { display: block; width: 100%; padding: 0px; } .modaal-outer-wrapper.mensajes .modaal-confirm-wrap .modaal-confirm-btn.modaal-ok { width: 50%; float: left; margin: 0px; background: #eee; border-radius: 0px; font-family: 'Darwin Pro Regular'; display: block; padding: 20px 30px; color: #24AF8E; text-transform: inherit; text-decoration: none; font-size: 16px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .modaal-outer-wrapper.mensajes .modaal-confirm-wrap .modaal-confirm-btn.modaal-ok:hover { background: #24AF8E; color: #FFF; } .modaal-outer-wrapper.mensajes .modaal-confirm-wrap .modaal-confirm-btn.modaal-cancel { width: 50%; float: left; margin: 0px; background: #ddd; border-radius: 0px; font-family: 'Darwin Pro Regular'; display: block; padding: 20px 30px; color: #E22146; text-transform: inherit; text-decoration: none; font-size: 16px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .modaal-outer-wrapper.mensajes .modaal-confirm-wrap .modaal-confirm-btn.modaal-cancel:hover { background: #E22146; color: #FFF; } /*74. ------Animaciones: Predefinidas ----------------------------------------------*/ /*animacion de seguir/guardar tema en articulo*/ @keyframes opacity { 0% { opacity: 0; -webkit-transform: translateY(0px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-webkit-keyframes opacity { 0% { opacity: 0; -webkit-transform: translateY(0px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes opacity { 0% { opacity: 0; -moz-transform: translateY(0px); } 100% { opacity: 1; -moz-transform: translateY(0); } } /*75. ------Notificaciones: Registro ----------------------------------------------*/ .modaal-outer-wrapper.registro .modaal-container { width: 900px; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); background-color: #1d283a; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .modaal-outer-wrapper.registro .modaal-inner-wrapper { background-color: rgba(0,0,0,0.3); } .modaal-overlay.registro { background: transparent !important; } .modaal-outer-wrapper.registro .modaal-container .modaal-close { display: inline-block; } .modaal-outer-wrapper.registro .modaal-content-container { padding: 0px; } /* *****top contenido */ .modaal-outer-wrapper.registro .modaal-container .box { display: block; position: relative; padding: 20px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido { display: block; position: relative; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .titulo { display: block; position: relative; background-color: #1bae8d; padding: 20px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .titulo h2 { font-family: 'Darwin Pro SemiBold'; color: #fff; font-size: 2.4em; text-transform: uppercase; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .titulo h2 span { font-family: 'Darwin Pro Black'; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .titulo span.cerrar-reg-notificaciones { display: block; position: absolute; right: 10px; top: 24px; color: yellow; font-size: 2em; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .titulo span.cerrar-reg-notificaciones:hover { color: #FFF; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario { display: inline-block; width: 100%; position: relative; padding: 20px 0px 0px 0px; } /* *****paso 1 */ .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 { display: block; position: relative; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .left { display: block; position: relative; float: left; width: 50%; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right { display: block; position: relative; float: left; width: 50%; background-color: #192331; border-radius: 5px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .left .icono { display: block; position: relative; float: left; width: 50%; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .left .icono img { width: 200px; padding-top: 20px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .left .texto { display: block; position: relative; float: left; width: 50%; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .left .texto p { font-family: 'Darwin Pro Bold Italic'; color: #FFF; font-size: 2.6em; line-height: 1.2em; padding-top: 80px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .left .texto p:before { font-family: "mn-icons"; content: '\f101'; margin-left: 6px; color: #fff900; position: absolute; left: -30px; top: 94px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box h3 { font-family: 'Darwin Pro Bold'; color: #FFF; font-size: 2em; margin-bottom:10px; } /* *****item input */ .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box .item { display: inline-block; position: relative; width: 100%; margin-bottom: 4px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box .item .left { display: block; position: relative; float: left; width: 80%; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box .item .left p { font-family: 'Darwin Pro Regular'; color: #FFF; font-size: 1.8em; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box .item .right { display: block; position: relative; float: left; width: 20%; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box .item .right label { font-family: 'Darwin Pro Regular'; color: #FFF; font-size: 1.6em; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box .boton { display: inline-block; position: relative; width: 100%; text-align: center; margin-top: 10px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box .boton a.next-registro { background-color: #1bae8d; padding: 10px 30px; border: 0px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 2em; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; margin-top: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box .boton a.next-registro:hover { background-color: #434e5c; } /* *****checkbox */ .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box .item .right .round { position: relative; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box .item .right .round label { background-color: #fff; border: 1px solid #ccc; border-radius: 50%; cursor: pointer; height: 20px; left: 0; position: absolute; top: 0; width: 20px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box .item .right .round label:after { border: 2px solid #fff; border-top: none; border-right: none; content: ""; height: 6px; left: 3px; opacity: 0; position: absolute; top: 4px; transform: rotate(-45deg); width: 12px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box .item .right .round input[type="checkbox"] { visibility: hidden; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box .item .right .round input[type="checkbox"]:checked + label { background-color: #0dad8c; border-color: #0dad8c; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso1 .right .box .item .right .round input[type="checkbox"]:checked + label:after { opacity: 1; } .round span { font-family: 'Darwin Pro Regular'; color: #FFF; font-size: 1.8em; padding-left: 6px; } /* *****paso 2 */ .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 { display: block; position: relative; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .left { display: block; position: relative; float: left; width: 50%; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right { display: block; position: relative; float: left; width: 50%; background-color: #0e1723; border-radius: 5px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .left .icono { display: block; position: relative; float: left; width: 50%; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .left .icono img { width: 200px; padding-top: 34px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .left .texto { display: block; position: relative; float: left; width: 50%; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .left .texto p { font-family: 'Darwin Pro Bold Italic'; color: #FFF; font-size: 2.6em; line-height: 1.2em; padding-top: 80px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .left .texto p:before { font-family: "mn-icons"; content: '\f101'; margin-left: 6px; color: #fff900; position: absolute; left: -30px; top: 110px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box h3 { font-family: 'Darwin Pro Bold'; color: #FFF; font-size: 2em; margin-bottom:10px; } /* *****item input */ .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .item { display: inline-block; position: relative; width: 100%; margin-bottom: 4px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .item .left { display: block; position: relative; float: left; width: 85%; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .item .left p { font-family: 'Darwin Pro Regular'; color: #FFF; font-size: 1.8em; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .item .right { display: block; position: relative; float: left; width: 15%; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .item .right label { font-family: 'Darwin Pro Regular'; color: #FFF; font-size: 1.6em; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .boton { display: inline-block; position: relative; width: 100%; text-align: center; margin-top: 10px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .boton .btn { background-color: #1bae8d; padding: 10px; border: 0px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 2em; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .boton .btn:hover { background-color: #FFF; color: #0d1623; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .boton a.back-registro { background-color: #434e5c; padding: 14px 10px; border: 0px; color: #FFF; font-family: 'Darwin Pro Bold'; font-size: 2em; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; margin-top: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-right: 20px; display: none; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .boton a.back-registro:hover { background-color: #1bae8d; } /* *****checkbox */ .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .item .right .round { position: relative; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .item .right .round label { background-color: #fff; border: 1px solid #ccc; border-radius: 50%; cursor: pointer; height: 20px; left: 0; position: absolute; top: 0; width: 20px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .item .right .round label:after { border: 2px solid #fff; border-top: none; border-right: none; content: ""; height: 6px; left: 3px; opacity: 0; position: absolute; top: 4px; transform: rotate(-45deg); width: 12px; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .item .right .round input[type="checkbox"] { visibility: hidden; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .item .right .round input[type="checkbox"]:checked + label { background-color: #0dad8c; border-color: #0dad8c; } .modaal-outer-wrapper.registro .modaal-container .box .contenido .formulario .paso2 .right .box .item .right .round input[type="checkbox"]:checked + label:after { opacity: 1; } .round span { font-family: 'Darwin Pro Regular'; color: #FFF; font-size: 1.8em; padding-left: 6px; } /*76. ------Player sticky: versiones ----------------------------------------------*/ /* *****top video player*/ .top-video-player { display: none; } .ui-widget-content { border: 0px; background: transparent; } /* *****Player sticky: urgente 1 */ body#portada section.noticias.envivo.urgente .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video { position: fixed !important; bottom: 40px; right: 40px; width: 420px !important; height: 236px !important; padding-bottom: 0px !important; padding-top: 0px; overflow: unset; z-index: 9999999; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } body#portada section.noticias.envivo.urgente .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video .top-video-player { display: block; background-color: #141f2c; height: 30px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video .top-video-player .left { height: 30px; width: 95%; float: left; text-align: left; cursor: move; padding-top: 0px; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video .top-video-player .left span { font-size: 2em; color: #FFF; line-height: 30px; text-align: left; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video .top-video-player .right { height: 30px; width: 5%; float: left; text-align: right; padding-right: 10px; padding-top: 0px; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video .top-video-player .right span { font-size: 1.6em; color: #FFF; line-height: 30px; text-align: right; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.noticias.envivo.urgente .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video .top-video-player .right span:hover { color: #DDD; } /*cerrar*/ body#portada section.noticias.envivo.urgente .articulos #destacado-home .media-container .mdstrm-player.player-cerrado { top: 0px !important; left: 0px !important; } /* *****Player sticky: urgente 2*/ body#portada section.urgente .container.contenido .box .right .player .media-container .mdstrm-player.video-box.sticky-video { position: fixed !important; bottom: 40px; right: 40px; width: 420px !important; height: 236px !important; padding-bottom: 0px !important; padding-top: 0px; overflow: unset; z-index: 9999; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); border: none transparent; } body#portada section.urgente .container.contenido .box .right .player .media-container .mdstrm-player.video-box.sticky-video .top-video-player { display: block; background-color: #141f2c; height: 30px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } body#portada section.urgente .container.contenido .box .right .player .media-container .mdstrm-player.video-box.sticky-video .top-video-player .left { height: 30px; width: 95%; float: left; text-align: left; cursor: move; margin-right: 0px; padding-top: 0px; } body#portada section.urgente .container.contenido .box .right .player .media-container .mdstrm-player.video-box.sticky-video .top-video-player .left span { font-size: 2em; color: #FFF; line-height: 30px; text-align: left; } body#portada section.urgente .container.contenido .box .right .player .media-container .mdstrm-player.video-box.sticky-video .top-video-player .right { height: 30px; width: 5%; float: left; text-align: right; padding-right: 10px; margin-left: 0px; padding-top: 0px; } body#portada section.urgente .container.contenido .box .right .player .media-container .mdstrm-player.video-box.sticky-video .top-video-player .right span { font-size: 1.6em; color: #FFF; line-height: 30px; text-align: right; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.urgente .container.contenido .box .right .player .media-container .mdstrm-player.video-box.sticky-video .top-video-player .right span:hover { color: #DDD; } /*cerrar*/ body#portada section.urgente .container.contenido .box .right .player .media-container .mdstrm-player.player-cerrado { top: 0px !important; left: 0px !important; } /* *****Player sticky: señal en vivo */ body#portada section.noticias.envivo .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video { position: fixed !important; bottom: 40px; right: 40px; width: 420px !important; height: 236px !important; padding-bottom: 0px !important; padding-top: 0px; overflow: unset; z-index: 9999999; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } body#portada section.noticias.envivo .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video .top-video-player { display: block; background-color: #141f2c; height: 30px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } body#portada section.noticias.envivo .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video .top-video-player .left { height: 30px; width: 95%; float: left; text-align: left; cursor: move; padding-top: 0px; } body#portada section.noticias.envivo .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video .top-video-player .left span { font-size: 2em; color: #FFF; line-height: 30px; text-align: left; } body#portada section.noticias.envivo .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video .top-video-player .right { height: 30px; width: 5%; float: left; text-align: right; padding-right: 10px; padding-top: 0px; } body#portada section.noticias.envivo .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video .top-video-player .right span { font-size: 1.6em; color: #FFF; line-height: 30px; text-align: right; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.noticias.envivo .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video .top-video-player .right span:hover { color: #DDD; } /*cerrar*/ body#portada section.noticias.envivo .articulos #destacado-home .media-container .mdstrm-player.player-cerrado { top: 0px !important; left: 0px !important; } /* *****Player sticky: categoria video */ #black.seccion-video .contenido-video .video-principal .video-destacado.video-box.sticky-video { position: fixed !important; bottom: 40px; right: 40px; width: 420px !important; height: 236px !important; padding-bottom: 0px !important; padding-top: 0px; overflow: unset; z-index: 9999999; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } #black.seccion-video .contenido-video .video-principal .video-destacado.video-box.sticky-video .top-video-player { display: block; background-color: #151F2C; height: 30px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } #black.seccion-video .contenido-video .video-principal .video-destacado.video-box.sticky-video .top-video-player .left { height: 30px; width: 95%; float: left; text-align: left; cursor: move; padding-top: 4px; } #black.seccion-video .contenido-video .video-principal .video-destacado.video-box.sticky-video .top-video-player .left span { font-size: 2em; color: #FFF; line-height: 30px; text-align: left; } #black.seccion-video .contenido-video .video-principal .video-destacado.video-box.sticky-video .top-video-player .right { height: 30px; width: 5%; float: left; text-align: right; padding-right: 10px; padding-top: 4px; } #black.seccion-video .contenido-video .video-principal .video-destacado.video-box.sticky-video .top-video-player .right span { font-size: 1.6em; color: #FFF; line-height: 30px; text-align: right; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } #black.seccion-video .contenido-video .video-principal .video-destacado.video-box.sticky-video .top-video-player .right span:hover { color: #DDD; } /*cerrar*/ #black.seccion-video .contenido-video .video-principal .video-destacado.player-cerrado { top: 0px !important; left: 0px !important; } /* *****Player sticky: secciones: reportajes - noticieros - entrevistas */ #black.seccion-video.entrevistas .contenido-video .video-principal .video-destacado.video-box.sticky-video .top-video-player .left, #black.seccion-video.noticieros .contenido-video .video-principal .video-destacado.video-box.sticky-video .top-video-player .left, #black.seccion-video.reportajes .contenido-video .video-principal .video-destacado.video-box.sticky-video .top-video-player .left { padding-top: 0px; } #black.seccion-video.entrevistas .contenido-video .video-principal .video-destacado.video-box.sticky-video .top-video-player .right, #black.seccion-video.noticieros .contenido-video .video-principal .video-destacado.video-box.sticky-video .top-video-player .right, #black.seccion-video.reportajes .contenido-video .video-principal .video-destacado.video-box.sticky-video .top-video-player .right { padding-top: 0px; } /* *****Player sticky: articulos de video */ #black.articulo-video article .contenido-video .video-principal .player-sticky .video-destacado.video-box.sticky-video { position: fixed !important; bottom: 40px; right: 40px; width: 420px !important; height: 236px !important; padding-bottom: 0px !important; padding-top: 0px; overflow: unset; z-index: 9999999; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } #black.articulo-video article .contenido-video .video-principal .player-sticky .video-destacado.video-box.sticky-video iframe { top: inherit; left: inherit; } #black.articulo-video article .contenido-video .video-principal .player-sticky .video-destacado.video-box.sticky-video .top-video-player { display: block; background-color: #141e2d; height: 30px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } #black.articulo-video article .contenido-video .video-principal .player-sticky .video-destacado.video-box.sticky-video .top-video-player .left { height: 30px; width: 95%; float: left; text-align: left; cursor: move; padding-top: 4px; } #black.articulo-video article .contenido-video .video-principal .player-sticky .video-destacado.video-box.sticky-video .top-video-player .left span { font-size: 2em; color: #FFF; line-height: 30px; text-align: left; } #black.articulo-video article .contenido-video .video-principal .player-sticky .video-destacado.video-box.sticky-video .top-video-player .right { height: 30px; width: 5%; float: left; text-align: right; padding-right: 10px; padding-top: 4px; } #black.articulo-video article .contenido-video .video-principal .player-sticky .video-destacado.video-box.sticky-video .top-video-player .right span { font-size: 1.6em; color: #FFF; line-height: 30px; text-align: right; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } #black.articulo-video article .contenido-video .video-principal .player-sticky .video-destacado.video-box.sticky-video .top-video-player .right span:hover { color: #DDD; } /*cerrar*/ #black.articulo-video .contenido-video .video-principal .video-destacado.player-cerrado { top: 0px !important; left: 0px !important; } /*player con solo imagen: urgente completo*/ body#portada section.urgente .container.contenido .box .right .player.image-player .media-container .mdstrm-player.video-box.sticky-video { display: none; } /*77. ------DFP ----------------------------------------------*/ /*top*/ .section-dfp.top { display: flex; width: 1290px; position: relative; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; } .section-dfp.top .box { width: auto; min-width: 728px; margin: 0 auto; height: auto; min-height: 0px; text-align: center; position: relative; } .section-dfp.top .box .top { background-image: linear-gradient(45deg, #eff1f3 41.67%, #FFF 41.67%, #FFF 50%, #eff1f3 50%, #eff1f3 91.67%, #FFF 91.67%, #FFF 100%); background-size: 8.49px 8.49px; min-width: 728px; width: auto; min-height: 0px; height: auto; display: block; text-align: center; padding: 0; } /*topRight*/ .section-dfp.topright { display: flex; width: 100%; position: relative; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; } .section-dfp.topright .box { width: auto; min-width: 300px; margin: 0 auto; height: auto; min-height: 0px; text-align: center; position: relative; } .section-dfp.topright .box .topright { background-image: linear-gradient(45deg, #eff1f3 41.67%, #FFF 41.67%, #FFF 50%, #eff1f3 50%, #eff1f3 91.67%, #FFF 91.67%, #FFF 100%); background-size: 8.49px 8.49px; min-width: 300px; width: auto; min-height: 0px; height: auto; display: block; text-align: center; padding: 0; } /*right*/ .section-dfp.right { display: flex; width: 100%; position: relative; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; } .section-dfp.right .box { width: auto; min-width: 300px; margin: 0 auto; height: auto; min-height: 0px; text-align: center; position: relative; } .section-dfp.right .box .right { background-image: linear-gradient(45deg, #eff1f3 41.67%, #FFF 41.67%, #FFF 50%, #eff1f3 50%, #eff1f3 91.67%, #FFF 91.67%, #FFF 100%); background-size: 8.49px 8.49px; min-width: 300px; width: auto; min-height: 0px; height: auto; display: block; text-align: center; padding: 0; } /*bottom 1 , 2 y 3*/ .section-dfp.bottom1, .section-dfp.bottom2, .section-dfp.bottom3 { display: flex; width: 1290px; position: relative; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; } .section-dfp.bottom1 .box, .section-dfp.bottom2 .box, .section-dfp.bottom3 .box { width: auto; min-width: 728px; margin: 0 auto; height: auto; min-height: 0px; text-align: center; position: relative; } .section-dfp.bottom1 .box .bottom1, .section-dfp.bottom2 .box .bottom2, .section-dfp.bottom3 .box .bottom3 { background-image: linear-gradient(45deg, #eff1f3 41.67%, #FFF 41.67%, #FFF 50%, #eff1f3 50%, #eff1f3 91.67%, #FFF 91.67%, #FFF 100%); background-size: 8.49px 8.49px; min-width: 728px; width: auto; min-height: 0px; height: auto; display: block; text-align: center; padding: 0; } /*78. ------DFP: custom ----------------------------------------------*/ /*home*/ body#portada section.mas-noticias .notas article + article + article + article .section-dfp.right { margin: 0px; } body#portada section.noticias .lo-ultimo.home .section-dfp.topright { margin-top: 0px; } /*black theme*/ #black.seccion-video .contenido-video .aside-top .section-dfp.topright { margin-top: 0px; } body#black .section-dfp.bottom1 .box { margin-bottom: 20px; } /*dato util*/ #white.secciones .section-dfp.topright { margin-top: 0px; } /*articulo*/ body#articulo .section-dfp.topright { margin-top: 0px; } /*articulo de video*/ body#black .section-dfp.topright { margin-top: 0px; } /*79. ------Mega Testigo - iframe ----------------------------------------------*/ body.form-megatestigo main { margin-bottom: 0px; } iframe#megatestigo { display: block; position: relative; width: 100%; overflow: hidden; border: 0; margin-top: -50px; height: 1400px; } @media (min-width: 320px) and (max-width: 767px) { iframe#megatestigo { height: 1200px; } } /*80. ------Mapa del sitio ----------------------------------------------*/ body.sitemap main { display: block; position: relative; z-index: 2; background-color: #f8f9fa; margin-bottom: 50px; margin-top: 50px; } body.sitemap .contenido-sitio { display: table; position: relative; margin: 0 auto; height: auto; padding-top: 20px; width: 1290px; } body.sitemap .contenido-sitio h1 { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #151F2C; padding-left: 0px !important; } body.sitemap .contenido-sitio .linea-seccion { display: block; position: relative; width: 40px; height: 4px; background-color: #24AF8E; margin-bottom: 30px; } body.sitemap .contenido-sitio .item { display: block; position: relative; width: 19.2%; margin-right: 1%; float: left; margin-bottom: 50px; background-color: #fff; padding: 20px; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item { margin-right: 0%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item { margin-right: 1%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item + .item { margin-right: 1%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item + .item + .item { margin-right: 1%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item + .item + .item + .item { margin-right: 1%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item + .item + .item + .item + .item { margin-right: 0%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item { margin-right: 1%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item { margin-right: 1%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item { margin-right: 1%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{ margin-right: 1%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{ margin-right: 0%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{ margin-right: 1%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{ margin-right: 1%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{ margin-right: 1%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{ margin-right: 1%; } body.sitemap .contenido-sitio .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{ margin-right: 0%; } body.sitemap .contenido-sitio .item h3.tema { border-bottom: 1px solid #eff1f3; margin-bottom: 10px; font-size: 1.4em; } body.sitemap .contenido-sitio .item h3.tema a { font-family: 'Darwin Pro SemiBold'; color: #24af8d; font-size: 1.4em; } body.sitemap .contenido-sitio .item h3.tema a:hover { color: #27caa6; font-size: 1.4em; } body.sitemap .contenido-sitio .item h3.noURL { font-family: 'Darwin Pro SemiBold'; color: #151F2C; font-size: 2em; border-bottom: 1px solid #eff1f3; margin-bottom: 10px; } body.sitemap .contenido-sitio .item ul li { padding: 2px 0px; } body.sitemap .contenido-sitio .item ul li a { font-family: 'Darwin Pro Regular'; color: #151F2C; font-size: 1em; } body.sitemap .contenido-sitio .item ul li a:hover { color: #454E5C; } /*81. ------Breadcrumb ----------------------------------------------*/ .breadcrumb { display: block; background-color: #f2f3f4; width: 1290px; margin: 0 auto; padding: 0px 20px; margin-top: 56px; } .breadcrumb ol { display: inline-block; padding-left: 0; margin: 0px; } .breadcrumb ol li { display: inline-block; } .breadcrumb ol li a { font-family: 'Darwin Pro Regular'; font-size: 1.4em; color: #8C8F94; line-height: 2em; transition: .3s; } .breadcrumb ol li a:hover { color: #151F2C; } .breadcrumb ol li span { font-family: 'Darwin Pro Bold'; font-size: 1.4em; color: #151F2C; line-height: 2em; } .breadcrumb ol li a:after { content: ">"; padding: 0 10px; } /*variables*/ main#main .alertas + .breadcrumb { margin-top: 10px; } main#main .temas-de-momento + .breadcrumb { margin-top: 10px; } /*articulos*/ #articulo .breadcrumb ol li + li a:after, #black .breadcrumb ol li + li a:after { content: "" !important; } /*82. ------Sticker arti­culo ----------------------------------------------*/ #articulo article .contenedor-contenido #sticker { width: 100% !important; padding: 0 38% 0 38%; } /*83. ------Quienes somos ----------------------------------------------*/ body.quienesSomos main { display: block; position: relative; z-index: 2; background-color: #f8f9fa; margin-bottom: 50px; margin-top: 50px; } body.quienesSomos .contenido-sitio { display: table; position: relative; margin: 0 auto; height: auto; padding-top: 20px; width: 1290px; } body.quienesSomos .contenido-sitio .titulo h1 { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #151F2C; padding-left: 0px !important; } body.quienesSomos .contenido-sitio .titulo .linea-seccion { display: block; position: relative; width: 40px; height: 4px; background-color: #24AF8E; margin-bottom: 30px; } body.quienesSomos .contenido-sitio .columna { display: block; position: relative; width: 32%; margin-right: 2%; float: left; margin-bottom: 0px; background-color: #fff; padding: 0px; } body.quienesSomos .contenido-sitio .columna + .columna + .columna { margin-right: 0%; } body.quienesSomos .contenido-sitio .item { display: inline-block; position: relative; background-color: #FFF; width: 100%; padding: 30px; } body.quienesSomos .contenido-sitio .item h3 { font-family: 'Darwin Pro SemiBold'; color: #24af8d; font-size: 2em; border-bottom: 1px solid #eff1f3; margin-bottom: 20px; } body.quienesSomos .contenido-sitio .item .columna .integrante { display: block; position: relative; padding-bottom: 10px; } body.quienesSomos .contenido-sitio .item .columna .integrante p { font-family: 'Darwin Pro Bold'; color: #151F2C; font-size: 1.6em; } body.quienesSomos .contenido-sitio .item .columna .integrante p + p { font-family: 'Darwin Pro Regular'; color: #151F2C; font-size: 1.6em; } /*body.quienesSomos .contenido-sitio .item .integrante:before { content: '\e811'; font-family: "mn-icons"; background-color: #e2e5e8; width: 40px; height: 40px; display: block; position: absolute; color: #FFF; border-radius: 50px; text-align: center; font-size: 2.4em; padding-top: 8px; }*/ /*84. ------Especial 3 home ----------------------------------------------*/ body#portada section.especialTres { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #f8f9fa; height: auto; padding-top: 20px; padding-bottom: 20px; width: 1290px; } body#portada section.especialTres .container.contenido { display: block; position: relative; background-color: #24282E; } body#portada section.especialTres .container.contenido .box .left { display: inline-block; position: relative; float: right; margin-bottom: 10px; } body#portada section.especialTres .container.contenido .box .left .btnes { display: block; position: absolute; width: auto; padding-top: 6px; top: -10px; right: 0px; } /*Boton seguir*/ body#portada section.especialTres .container.contenido .box .left .btnes a.seguir { border: 1px solid #FFF; border-radius: 4px; padding: 8px 20px; display: inline-block; width: auto; font-family: 'Darwin Pro Regular Italic'; font-size: 1.6em; color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; } body#portada section.especialTres .container.contenido .box .left .btnes a.seguir:hover { background-color: #FFF; color: #20a889; } /*sin seguir*/ body#portada section.especialTres .container.contenido .box .left .btnes a.seguir span { display: inline; padding-right: 4px; } body#portada section.especialTres .container.contenido .box .left .btnes a.seguir span + span { display: none; } body#portada section.especialTres .container.contenido .box .left .btnes a.seguir span + span + span { display: inline; } /*siguiendo*/ body#portada section.especialTres .container.contenido .box .left .btnes a.seguir.on { background-color: #FFF; color: #1ea88a; } body#portada section.especialTres .container.contenido .box .left .btnes a.seguir.on span { display: none; } body#portada section.especialTres .container.contenido .box .left .btnes a.seguir.on span + span { display: inline; } body#portada section.especialTres .container.contenido .box .left .btnes a.seguir.on span + span + span { display: inline; } body#portada section.especialTres .container.contenido .box .left .btnes a.seguir.on .icon-mn-mas:before { content: '\e8a0' !important; } /*Boton ver especial*/ body#portada section.especialTres .container.contenido .box .left .btnes a.ver-mas { border: 1px solid #FFF; border-radius: 4px; padding: 8px 20px; display: inline-block; width: auto; font-family: 'Darwin Pro Regular Italic'; font-size: 1.6em; color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; margin-right: 10px; } body#portada section.especialTres .container.contenido .box .left .btnes a.ver-mas:hover { background-color: #FFF; color: #20a889; } body#portada section.especialTres .container.contenido .box { display: inline-block; position: relative; margin-top: 10px; padding: 30px 60px; } /* *****contenido left */ body#portada section.especialTres .container.contenido .box .left { display: block; position: relative; width: 48%; float: left; margin-right: 2%; } body#portada section.especialTres .container.contenido .box .left .titulo { display: block; position: relative; margin-top: -10px; height: auto; width: 75%; } body#portada section.especialTres .container.contenido .box .left .titulo h2.etiquetas { display: inline-block; position: relative; } body#portada section.especialTres .container.contenido .box .left .titulo h2.etiquetas span { /*background-color: #FFF;*/ padding: 0px; color: #1ea88a; font-family: 'Darwin Pro Black'; font-size: 2.6em; line-height: 1em; text-transform: uppercase; letter-spacing: 0px; position: relative; top: 0px; left: 0; } body#portada section.especialTres .container.contenido .box .left .titulo .linea { display: block; background-color: #1ea88a; height: 8px; width: 80px; margin: 14px 0px 0px 0px; } body#portada section.especialTres .container.contenido .box .left .relacionados { display: block; position: relative; padding-top: 30px; } body#portada section.especialTres .container.contenido .box .left .relacionados a.titulo-principal { font-family: 'Darwin Pro SemiBold'; font-size: 2.8em; line-height: 1.6em; color: #FFF; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.especialTres .container.contenido .box .left .relacionados a.titulo-principal:hover { color: #ffffffbf; } body#portada section.especialTres .container.contenido .box .left .relacionados ul { padding: 30px 0px 6px 0px; } body#portada section.especialTres .container.contenido .box .left .relacionados li { padding: 5px 0px 20px 0px; } body#portada section.especialTres .container.contenido .box .left .relacionados li i { color: #FFF; float: left; background-color: transparent; font-size: 1.6em; margin-right: 2px; } body#portada section.especialTres .container.contenido .box .left .relacionados li a { display: flex; font-family: 'Darwin Pro SemiBold'; font-size: 1.6em; color: #FFF; line-height: 1.6em; } body#portada section.especialTres .container.contenido .box .left .relacionados li a:hover { color: #ffffffbf; } /* *****articulos */ body#portada section.especialTres .container.contenido .box .right { display: block; position: relative; width: 48%; float: left; margin-right: 0%; } body#portada section.especialTres .container.contenido .box .right .articulos { display: inline-block; position: relative; width: 561px; margin-top: 20px; } body#portada section.especialTres .container.contenido .box .right .articulos article { display: inline-block; height: auto; width: 273px; margin-right: 15px; float: left; background-color: #1E2126; padding: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } body#portada section.especialTres .container.contenido .box .right .articulos article + article { margin-right: 0px; } body#portada section.especialTres .container.contenido .box .right .articulos article figure { display: block; position: relative; width: 100%; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.especialTres .container.contenido .box .right .articulos article figure img { display: block; position: relative; float: left; width: 45%; padding-right: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } body#portada section.especialTres .container.contenido .box .right .articulos article figure figcaption { display: block; position: relative; float: left; width: 55%; height: 92px; } body#portada section.especialTres .container.contenido .box .right .articulos article figure figcaption h2 { font-family: 'Darwin Pro Regular'; font-size: 1.6em; color: #FFF; line-height: 1.2em; padding: 4px 10px 10px 0px; } body#portada section.especialTres .container.contenido .box .right .articulos article figure figcaption h2:hover { color: #ffffffbf; } /* *****variables de players + tema a seguir */ body#portada section.especialTres .container.contenido .box .left .player-mobile { display: none; } body#portada section.especialTres .container.contenido .box .left .seguir-mobile { display: none; } /* *****contenido right */ body#portada section.especialTres .container.contenido .box .right { display: block; position: relative; width: 48%; float: right; margin-left: 1%; } body#portada section.especialTres .container.contenido .box .right .player { display: block; position: relative; width: 100%; } body#portada section.especialTres .container.contenido .box .right .player .media-container { display: block; position: relative; width: 561px; height: auto; float: left; margin-right: 30px; } body#portada section.especialTres .container.contenido .box .right .player .media-container .mdstrm-player { width: 100%!important; height: 0!important; padding-bottom: 56.25%!important; position: relative!important; } body#portada section.especialTres .container.contenido .box .right .player .mdstrm-player iframe { position: absolute!important; width: 0!important; height: 0!important; min-height: 100%!important; min-width: 100%!important; left: 0 !important; } /* *****Player sticky: especial 3*/ body#portada section.especialTres .container.contenido .box .right .player .media-container .mdstrm-player.video-box.especial.sticky-video { position: fixed !important; bottom: 40px; right: 40px; width: 420px !important; height: 236px !important; padding-bottom: 0px !important; padding-top: 0px; overflow: unset; z-index: 9999; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); border: none transparent; } body#portada section.especialTres .container.contenido .box .right .player .media-container .mdstrm-player.video-box.especial.sticky-video img { display: none; } body#portada section.especialTres .container.contenido .box .right .player .media-container .mdstrm-player.video-box.especial.sticky-video .top-video-player { display: block; background-color: #141f2c; height: 30px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } body#portada section.especialTres .container.contenido .box .right .player .media-container .mdstrm-player.video-box.especial.sticky-video .top-video-player .left { height: 30px; width: 95%; float: left; text-align: left; cursor: move; margin-right: 0px; padding-top: 0px; } body#portada section.especialTres .container.contenido .box .right .player .media-container .mdstrm-player.video-box.especial.sticky-video .top-video-player .left span { font-size: 2em; color: #FFF; line-height: 30px; text-align: left; } body#portada section.especialTres .container.contenido .box .right .player .media-container .mdstrm-player.video-box.especial.sticky-video .top-video-player .right { height: 30px; width: 5%; float: left; text-align: right; padding-right: 10px; margin-left: 0px; padding-top: 0px; } body#portada section.especialTres .container.contenido .box .right .player .media-container .mdstrm-player.video-box.especial.sticky-video .top-video-player .right span { font-size: 1.6em; color: #FFF; line-height: 30px; text-align: right; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.especialTres .container.contenido .box .right .player .media-container .mdstrm-player.video-box.especial.sticky-video .top-video-player .right span:hover { color: #DDD; } /*cerrar*/ body#portada section.especialTres .container.contenido .box .right .player .media-container .mdstrm-player.player-cerrado { top: 0px !important; left: 0px !important; } /*box2 especial 3*/ body#portada section.especialTres .box2 { display: inline-block; position: relative; width: 100%; background-color: #222429; padding: 30px 60px; } body#portada section.especialTres .box2 article { width: 23.5%; float: left; margin-right: 2%; height: 280px; } body#portada section.especialTres .box2 article + article + article + article { margin-right: 0%; } body#portada section.especialTres .box2 article.box-generica-home .bottom { background-color: #0000; height: 130px; } body#portada section.especialTres .box2 article.box-generica-home .bottom figcaption { height: 100px; } body#portada section.especialTres .box2 article.box-generica-home .bottom figcaption a { color: #FFF; } body#portada section.especialTres .box2 article.box-generica-home .bottom figcaption a:hover h2 { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.especialTres .box2 article.box-generica-home .top .box-top .top-nota .box { background-color: #222429; padding: 0px; } body#portada section.especialTres .box2 article.box-generica-home .top .box-top .top-nota .box ul li a.categoria { color: #FFF; } body#portada section.especialTres .box2 article.box-generica-home .usuario ul.acciones li { color: #FFF; } body#portada section.especialTres .box2 article.box-generica-home .top .box-top { bottom: 0px; left: 28px; } body#portada section.especialTres .box2 article.box-generica-home .top .box-top .top-nota .box ul { margin-top: -6px; } body#portada section.especialTres .box2 article.box-generica-home .top img { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } body#portada section.especialTres .box2 article.box-generica-home.video .top .box-top .top-nota .box ul li.tipo-nota i, body#portada section.especialTres .box2 article.box-generica-home.galeria .top .box-top .top-nota .box ul li.tipo-nota i { color: #FFF; } /*box3 especial 3*/ body#portada section.especialTres .box3 { display: inline-block; position: relative; width: 100%; background-color: #1e2025; padding: 30px 60px; margin-top: -6px; } body#portada section.especialTres .box3 article { width: 23.5%; float: left; margin-right: 2%; height: 280px; } body#portada section.especialTres .box3 article + article + article + article { margin-right: 0%; } body#portada section.especialTres .box3 article.box-generica-home .bottom { background-color: #0000; height: 130px; } body#portada section.especialTres .box3 article.box-generica-home .bottom figcaption { height: 100px; } body#portada section.especialTres .box3 article.box-generica-home .bottom figcaption a { color: #FFF; } body#portada section.especialTres .box3 article.box-generica-home .bottom figcaption a:hover h2 { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.especialTres .box3 article.box-generica-home .top .box-top .top-nota .box { background-color: #1e2025; padding: 0px; } body#portada section.especialTres .box3 article.box-generica-home .top .box-top .top-nota .box ul li a.categoria { color: #FFF; } body#portada section.especialTres .box3 article.box-generica-home .usuario ul.acciones li { color: #FFF; } body#portada section.especialTres .box3 article.box-generica-home .top .box-top { bottom: 0px; left: 28px; } body#portada section.especialTres .box3 article.box-generica-home .top .box-top .top-nota .box ul { margin-top: -6px; } body#portada section.especialTres .box3 article.box-generica-home .top img { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } body#portada section.especialTres .box3 article.box-generica-home.video .top .box-top .top-nota .box ul li.tipo-nota i, body#portada section.especialTres .box3 article.box-generica-home.galeria .top .box-top .top-nota .box ul li.tipo-nota i { color: #FFF; } /*box-temas especial 3*/ body#portada section.especialTres .box-temas { display: inline-block; position: relative; width: 100%; background-color: #0000; padding: 16px 60px 6px 60px; margin-top: -6px; } body#portada section.especialTres .box-temas div { text-align: center; } body#portada section.especialTres .box-temas div li { display: inline-block; text-align: center; margin: 0px 0px 10px 10px; } body#portada section.especialTres .box-temas div li a { border: 1px solid #FFF; border-radius: 4px; padding: 8px 20px; display: inline-block; width: auto; font-family: 'Darwin Pro Regular Italic'; font-size: 1em; color: #FFF; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; } body#portada section.especialTres .box-temas div li a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } /*ARTICULO LINKS*/ #articulo article .contenido-nota ul.links-mn { display: block; position: relative; padding: 0px; } #articulo article .contenido-nota ul.links-mn li { font-family: 'Darwin Pro Light'; color: #151F2C; font-size: 2em; line-height: 1.6em; margin: 0px 0px; list-style-type: none; } #articulo article .contenido-nota ul.links-mn li a { color: #151F2C; text-decoration: none; border-bottom: 0px; } #articulo article .contenido-nota ul.links-mn li a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } #articulo article .contenido-nota ul.links-mn li:before { font-family: "mn-icons"; content: '\e87b'; color: #EA2F3B; margin-right: 4px; } #articulo article .contenido-nota ul.links-mn li + li:before { font-family: "mn-icons"; content: '\e81b'; color: #EA2F3B; margin-right: 4px; } #articulo article .contenido-nota ul.links-mn li + li + li:before { font-family: "mn-icons"; content: '\e810'; color: #EA2F3B; margin-right: 4px; } /*85. ------Botones ----------------------------------------------*/ /* btn cobertura */ a.btn-cobertura { display: block !important; text-align: center !important; width: 100% !important; border: 0px !important; background-color: #141f2c !important; color: #FFF !important; font-size: 0.8em !important; padding: 10px 0px !important; border-radius: 6px !important; } a.btn-cobertura:hover { -webkit-opacity: 0.85 !important; -moz-opacity: 0.85 !important; -ms-opacity: 0.85!important; -o-opacity: 0.85!important; opacity: 0.85!important; } a.btn-cobertura:before { font-family: "mn-icons"; content: '\f0c5'; padding-right: 10px; } /* btn google news */ .boxGoogleNews { display: flex; flex-direction: column; width: 100%; position: relative; margin: 20px 0px; } .boxGoogleNews a.btnGoogleNews { display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; width: 100% !important; border: 0px !important; background-color: #141f2c !important; color: #FFF !important; font-size: 1.8em !important; padding: 14px 0px !important; border-radius: 6px !important; } .boxGoogleNews a.btnGoogleNews:hover { -webkit-opacity: 0.85 !important; -moz-opacity: 0.85 !important; -ms-opacity: 0.85!important; -o-opacity: 0.85!important; opacity: 0.85!important; } .boxGoogleNews a.btnGoogleNews img { height: 40px; width: 40px; margin-right: 8px; } /* btn youtube */ .boxYoutube { display: flex; flex-direction: column; width: 100%; position: relative; } .boxYoutube a.btnYoutube { display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; width: 100% !important; border: 0px !important; background-color: #ea2f3b !important; color: #FFF !important; font-size: 1.8em !important; padding: 14px 0px !important; border-radius: 6px !important; } .boxYoutube a.btnYoutube:hover { -webkit-opacity: 0.85 !important; -moz-opacity: 0.85 !important; -ms-opacity: 0.85!important; -o-opacity: 0.85!important; opacity: 0.85!important; } .boxYoutube a.btnYoutube img { height: 40px; width: 40px; margin-right: 8px; } /*86. ------Arti­culo patrocinado ----------------------------------------------*/ #articulo.articulo-patrocinado article .contenedor-contenido { margin: 30px 240px 30px 240px; margin-top: -100px; } #articulo.articulo-patrocinado article .container .cuerpo { width: 1290px; } #articulo.articulo-patrocinado article .container .cuerpo .imagen-destacada { margin: 0 auto; text-align: center; margin: 0px 170px 0px 170px; } #articulo.articulo-patrocinado article .portada-video.destacado-articulo { height: 421px; } /*87. ------Variables player sticky ----------------------------------------------*/ /* Se elimina de dispositivos iOS */ /* Secciones y Señal en vivo */ #black.seccion-video .contenido-video .video-principal .video-destacado.video-box.sticky-video.remove { display:none !important; } /* articulo */ #articulo article .portada-video.destacado-articulo #drag-video.sticky-video.remove { display: none !important; } /* articulo de video */ #black.articulo-video article .contenido-video .video-principal .player-sticky .video-destacado.video-box.sticky-video.remove { display:none !important; } /* Señal en vivo: Home + Especial 3 + Urgente completo */ body#portada section.noticias.envivo.urgente .articulos #destacado-home .media-container .mdstrm-player.video-box.sticky-video.remove { display:none !important; } body#portada section.especialTres .container.contenido .box .right .player .media-container .mdstrm-player.video-box.especial.sticky-video.remove { display:none !important; } /*88. ------Carousel de articulos ----------------------------------------------*/ .carouselArticulosHome { display: block; position: relative; width: 1290px; margin: 0 auto; margin-bottom: 6px; transition: .3s; } .carouselArticulosHome .box { display: block; position: relative; background-color: #efdc00; padding: 6px 20px 6px 20px; text-align: center; border-radius: 4px 4px 0px 0px; width: 100%; } .carouselArticulosHome .box .left { display: block; position: relative; width: 100%; height: 32px; float: left; text-align: left; } .carouselArticulosHome .box .right { display: block; position: relative; width: 78%; height: 32px; float: left; text-align: left; } .carouselArticulosHome .box .left h2 { font-family: 'Darwin Pro Bold'; text-transform: uppercase; font-size: 2.4em; color: #151F2C; } .carouselArticulosHome .box span { font-size: 1.6em; color: #e82e3f; height: 34px; line-height: 34px; justify-content: center; align-items: center; margin-top: -6px; width: 100%; } .carouselArticulosHome .box span span { font-family: 'Darwin Pro Bold'; font-size: 1.6em; padding: 0px; } .carouselArticulosHome .box span.fallecidos, .carouselArticulosHome .box span.recuperados { padding-left: 10px; } .carouselArticulosHome .box hr { display: block; width: 100%; color: #FFF; border: 1px solid #FFF; box-shadow: unset; border-bottom: 0; } .carouselArticulosHome .box .boxArticulosCarousel { display: inline-block; position: relative; width: 100%; height: auto; overflow: hidden; } .carouselArticulosHome .box .boxArticulosCarousel .slider { display: block; position: relative; width: 100%; height: 40px; padding: 4px 18px 0px 18px; overflow: hidden; } .carouselArticulosHome .box .boxArticulosCarousel .slider .item { display: block; position: relative; height: 36px; padding: 0px 4px; overflow: hidden; } .carouselArticulosHome .box .boxArticulosCarousel .slider .item .left { display: block; position: relative; width: 25%; float: left; text-align: left; } .carouselArticulosHome .box .boxArticulosCarousel .slider .item .right { display: flex; justify-content: center; align-content: center; flex-direction: column; position: relative; width: 75%; float: left; text-align: left; height: 36px; } .carouselArticulosHome .box .boxArticulosCarousel .slider .item .left img { width: 36px; } .carouselArticulosHome .box .boxArticulosCarousel .slider .item .right h2 { font-family: 'Darwin Pro SemiBold'; font-size: 1.4em; line-height: 1.2em; color: #151F2C; } .carouselArticulosHome .box .boxArticulosCarousel .slider .item.loUltimo h2 { padding-top: 8px; } .boxArticulosCarousel .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 2px; left: 0px; z-index: 9999; margin: 0; } .boxArticulosCarousel .owl-carousel .owl-nav button.owl-next { position: absolute; top: 2px; right: 0px; z-index: 9999; margin: 0; } .boxArticulosCarousel .owl-theme .owl-nav [class*='owl-']:hover { background: transparent; } .boxArticulosCarousel .owl-carousel .owl-nav button i { color: #FFF; font-size: 3em; } .boxArticulosCarousel .owl-carousel .owl-nav button i:before { width: unset; margin: 0; } #carouselHome .owl-dots { margin-top: 0px; height: 14px; background-color: #eedc00; z-index: 9999; } #carouselHome .owl-dots .owl-dot span { background: #07172770; width: 6px; height: 6px; } #carouselHome .owl-dots .owl-dot.active span, #carouselHome .owl-dots .owl-dot:hover span { background: #071727; width: 6px; height: 6px; } /*89. ------Home > especial 3 + lo ultimo ----------------------------------------------*/ body#portada section.especialTres .masNotasLoUltimo { display: inline-block; position: relative; width: 100%; padding: 0px 60px 30px 60px; background-color: #23272e; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas { display: inline-block; position: relative; float: left; width: 840px; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial { display: inline-block; position: relative; float: left; width: 300px; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article { width: 32%; float:left; margin-right: 2%; height: 330px; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article + article { margin-right: 2%; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article + article + article { margin-right: 0%; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article + article + article + article { margin-right: 2%; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article + article + article + article + article { margin-right: 2%; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article + article + article + article + article + article { margin-right: 0%; } /*articulo*/ body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article .top .box-top .top-nota .box { padding: 4px 10px; background-color: #222429; margin-top: 0px; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article .bottom { background-color: #222429; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article .bottom figcaption a { color: #FFF; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article .bottom figcaption a:hover { opacity: 0.75; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article .top .box-top .top-nota .box ul li a.categoria { color: #FFF; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article .usuario ul.acciones li { color: #FFF; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article .top .box-top { left: 24px; } /*lo ultimo especial*/ body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial { display: block; position: relative; width: 300px; margin-left: 30px; float: left; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo { position: relative; max-width: 945px; margin: 0 auto; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo .boton { display: block; position: relative; margin-top: 10px; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo .boton a { border: 1px solid #e62a42; padding: 10px 20px; font-family: 'Darwin Pro SemiBold'; color: #e82e3f; font-size: 1.4em; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo .boton a:hover { -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo h3.titulo { font-family: 'Darwin Pro Bold'; font-size: 2.6em; color: #151F2C; padding-left: 50px; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo h3.titulo p { color: #FFF; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo h3.titulo p span { color: #FFF; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.hespecial .linea-tiempo h3.titulo i { color: #e62a42; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo h3.titulo a { color: #151F2C; } /* *****reloj*/ body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo .reloj { position: absolute; top: -13px; left: -5px; margin: auto; width: 50px; height: 50px; border: 1px solid transparent; z-index: 999; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo .reloj .borde { width: 80%; height: 80%; border: 4px solid #ea303b; border-radius: 50%; position: absolute; bottom: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo .reloj .borde .puntero { width: 12px; height: 2px; background: #ea303b; position: absolute; top: 14px; left: 3px; transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; -webkit-animation: horas 10s linear 0s infinite; animation: horas 10s linear 0s infinite; } /* Chrome, Safari, Opera */ @-webkit-keyframes horas { from { } to { -webkit-transform:rotate(360deg); } } /* Standard syntax */ @keyframes horas { from { } to { -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); } } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo::after { content: ''; position: absolute; width: 4px; background-color: #e42644; top: 32px; bottom: 40px; left: 2px; margin-left: 14px; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt { padding: 10px; position: relative; background-color: inherit; width: 100%; float: inherit !important; margin-left: 16px !important; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt::after { content: ''; position: absolute; width: 15px; height: 15px; right: 0; background-color: #e42644; border: 4px solid #e42644; top: 11%; border-radius: 50%; z-index: 1; left: -5px; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt::before { content: " "; height: 0; position: absolute; top: 9%; width: 0; z-index: 2; left: 2px; border: medium solid #212329; border-width: 10px 10px 10px 0; border-color: transparent #212329 transparent transparent; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido { padding: 0px; background-color: #212329; position: relative; width: 260px; height: 110px; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido .hora { display: block; float: left; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido .hora time { display: block; padding: 60px 20px 10px 20px; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido .hora time p { font-family: 'Darwin Pro Bold'; font-size: 3em; color: #151F2C; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido .hora time p + p { font-family: 'Darwin Pro Bold'; font-size: 2em; color: #151F2C; text-transform: uppercase; letter-spacing: 2px; margin-top: -10px; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido figure { display: inline-block; width: 274px; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido figure .imagen { display: block; position: relative; float: left; width: 40%; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido figure .imagen span { position: absolute; bottom: 0px; left: 0px; background-color: #202229; color: #FFF; width: 30px; height: 30px; text-align: center; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido figure .texto { display: block; float: left; width: 60%; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido figure .imagen img { height: auto; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido figure .texto figcaption { padding: 4px 10px; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido figure .texto figcaption h2 { font-family: 'Darwin Pro Regular'; font-size: 1.4em; color: #FFF; line-height: 1.3em; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido figure .texto figcaption h2:hover { opacity: 0.75; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido figure .texto figcaption h1 { font-family: 'Darwin Pro Regular'; font-size: 1.4em; color: #151F2C; line-height: 1.3em; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido figure .texto figcaption h1:hover { color: #454E5C; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido figure .texto figcaption p.hora { font-family: 'Darwin Pro Bold'; font-size: 1.4em; color: #e52941; line-height: 1.2em; width: 100%; display: block; padding-bottom: 2px; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial article.item-lt .contenido { width: 100%; padding-left: 70px; padding-right: 25px; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial article.item-lt .contenido::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial article.item-lt::after { left: 15px; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt .contenido figure .imagen span { display: block; position: absolute; bottom: 0px; width: 30px; height: 30px; background-color: #FFF; color: #1bae8d; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt.normal .contenido figure .imagen span { display: none; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt.video .contenido figure .imagen span i { display: inline-block; font-size: 2.2em; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt.video .contenido figure .imagen span i + i { display: none; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt.galeria .contenido figure .imagen span i { display: none; } body#portada section.especialTres .masNotasLoUltimo .loUltimoEspecial .lo-ultimo.especial .linea-tiempo article.item-lt.galeria .contenido figure .imagen span i + i { display: inline-block; font-size: 1.8em; padding-top: 4px; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article .top .box-top .top-nota .box i { color: #FFF; } body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article.video .top .box-top .top-nota .box ul li.guardar-nota, body#portada section.especialTres .masNotasLoUltimo .boxMasNotas article.galeria .top .box-top .top-nota .box ul li.guardar-nota { width: 13%; } /*90. ------Widgets Coronavirus: Tabla de contagiados ----------------------------------------------*/ .contadorCoronavirusArticulo { display: block; position: relative; width: 100%; margin-bottom: 30px; z-index: 9999999; transition: .3s; } .contadorCoronavirusArticulo .top { display: block; position: relative; background-color: #efdc00; padding: 6px 10px 6px 10px; text-align: center; border-radius: 4px 4px 0px 0px; } .contadorCoronavirusArticulo .top h2 { font-family: 'Darwin Pro SemiBold' !important; text-transform: uppercase !important; font-size: 3em !important; color: #151F2C !important; margin: 0 !important; } .contadorCoronavirusArticulo .top p { font-size: 1.6em; color: #151F2C; height: 34px; line-height: 34px; display: flex; justify-content: center; align-items: center; margin-top: -6px; width: 100%; margin: 4px 0px !important; } .contadorCoronavirusArticulo .top p span { font-family: 'Darwin Pro Bold'; font-size: 1.6em; padding: 0px 4px; } .contadorCoronavirusArticulo .top p { color: #e82e3f; text-align: center; } .contadorCoronavirusArticulo .top p.datosCoronavirus { font-size: 2em !important; height: 24px; color: #151F2C; } .contadorCoronavirusArticulo .top span.textoActualizacion { display: inline-block; height: auto; font-size: 1.2em; line-height: 1.2em; padding: 0px 40px; color: #151F2C; } .contadorCoronavirusArticulo .top p strong { padding-left: 10px; padding-right: 4px; } .contadorCoronavirusArticulo .middle { display: block; position: relative; width: 100%; height: auto !important; padding-top: 4px; background-color: #f8f9fa; overflow: hidden; transition: .3s; } .contadorCoronavirusArticulo .middle table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; margin-top: -4px; } .contadorCoronavirusArticulo .middle table tr { border-bottom: 1px solid #ddd; height: 28px; } .contadorCoronavirusArticulo .middle table tr.titulo { background-color: #fdf8bf; } .contadorCoronavirusArticulo .middle table tr.titulo td { font-family: 'Darwin Pro Bold'; line-height: 1em; } .contadorCoronavirusArticulo .middle table tr.total td { font-family: 'Darwin Pro Bold'; } .contadorCoronavirusArticulo .middle table th, .contadorCoronavirusArticulo .middle table td { text-align: left; position: relative; } .contadorCoronavirusArticulo .middle table tr td { font-family: 'Darwin Pro Regular'; font-size: 1.4em; padding-left: 10px; } .contadorCoronavirusArticulo .middle table tr td + td { text-align: center; font-family: 'Darwin Pro Regular'; font-size: 1.4em; padding-left: 10px; } .contadorCoronavirusArticulo .bottom { display: inline-block; position: relative; width: 100%; text-align: center; margin-top: 0px; background-color: #efdc00; padding: 8px; border-radius: 0px 0px 4px 4px; } .contadorCoronavirusArticulo .bottom .left { display: block; position: relative; width: 50%; float: left; text-align: left; } .contadorCoronavirusArticulo .bottom .right { display: block; position: relative; width: 50%; float: left; text-align: right; } .contadorCoronavirusArticulo .bottom .left a { font-family: 'Darwin Pro SemiBold'; text-transform: uppercase; font-size: 1.2em; background-color: #151F2C; color: #FFF; display: inline; padding: 6px 12px; width: auto; border-radius: 4px; } .contadorCoronavirusArticulo .bottom .left a:hover { opacity: 0.75; } .contadorCoronavirusArticulo .bottom .left a:before { font-family: "mn-icons"; content: '\f107'; color: #fff; margin-right: 5px; font-size: 1.2em; } .contadorCoronavirusArticulo .bottom .right a { font-family: 'Darwin Pro SemiBold'; text-transform: uppercase; font-size: 1.2em; color: #151F2C; } .contadorCoronavirusArticulo .bottom .right a:hover { opacity: 0.75; } .contadorCoronavirusArticulo .bottom .right a:after { font-family: "mn-icons"; content: '\f105'; color: #151F2C; margin-left: 5px; font-size: 1.2em; } /*91. ------Charts: Evolucion de coronavirus ----------------------------------------------*/ .coronavirusEvolucion { display: flex; flex-direction: column; font-size: 1.6em; position: relative; margin: 0 auto; background-color: #eef2f3; height: auto; padding:10px 20px; width: 1290px; margin-top: 10px; margin-bottom: 30px; } .coronavirusEvolucion h2.etiqueta { font-family: 'Darwin Pro Regular'; text-transform: uppercase; display: inline-block; position: absolute; margin: 0; padding: 4px 14px; color: #efdc00; background-color: #23272e; font-size: 1em; top: -14px; } .coronavirusEvolucion .boxTop { display: inline-block; position: relative; width: 100%; padding-bottom: 4px; } .coronavirusEvolucion .boxTop .boxSwitch { text-align: right; } /* Switch claro-oscuro */ .coronavirusEvolucion .boxTop .boxSwitch .switch { display: inline-block; position: relative; width: 50px; height: 25px; border-radius: 20px; background: #e4e5e7; transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); vertical-align: middle; cursor: pointer; } .coronavirusEvolucion .boxTop .boxSwitch .switch::before { content: ''; position: absolute; top: 2px; left: 3px; width: 20px; height: 20px; background: #fafafa; border-radius: 50%; transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); } .coronavirusEvolucion .boxTop .boxSwitch .switch:active::before { box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1); } .coronavirusEvolucion .boxTop .boxSwitch input:checked + .switch { background: #22262e; } .coronavirusEvolucion .boxTop .boxSwitch input:checked + .switch::before { left: 27px; background: #fff; } .coronavirusEvolucion .boxTop .boxSwitch input:checked + .switch:active::before { box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2); } .coronavirusEvolucion .boxMiddle { display: inline-block; position: relative; width: 100%; } .coronavirusEvolucion .boxMiddle .left { display: block; position: relative; width: 49%; float: left; margin-right: 2%; } .coronavirusEvolucion .boxMiddle .right { display: block; position: relative; width: 49%; float: left; } .coronavirusEvolucion .boxMiddle .left .titulo { display: block; position: relative; text-align: center; } .coronavirusEvolucion .boxMiddle .left .titulo h2 { font-family: 'Darwin Pro Regular'; font-size: 2.4em; color: #23272e; text-transform: uppercase; margin: 30px 0px 40px 0px; } .coronavirusEvolucion .boxMiddle .left .titulo h2 span { font-family: 'Darwin Pro Bold'; } .coronavirusEvolucion .boxMiddle .left .datos { display: block; position: relative; width: 100%; } .coronavirusEvolucion .boxMiddle .left .datos .itemDatos { display: block; position: relative; width: 31%; float: left; margin-right: 3.5%; background-color: #ecedef; } .coronavirusEvolucion .boxMiddle .left .datos .itemDatos + .itemDatos { display: block; position: relative; width: 31%; float: left; margin-right: 3.5%; background-color: #ecedef; } .coronavirusEvolucion .boxMiddle .left .datos .itemDatos + .itemDatos + .itemDatos { display: block; position: relative; width: 31%; float: left; margin-right: 0%; background-color: #ecedef; } .coronavirusEvolucion .boxMiddle .left .datos .itemDatos p.dato { display: block; position: relative; font-family: 'Darwin Pro Regular'; font-size: 1em; padding: 10px 10px 4px 10px; color: #23272e; margin: 0; text-transform: uppercase; text-align: center; } .coronavirusEvolucion .boxMiddle .left .datos .itemDatos p.cantidadTotal { display: block; position: relative; font-family: 'Darwin Pro Regular'; font-size: 3em; padding: 0px 10px; color: #23272e; margin: 0; text-transform: uppercase; text-align: right; } .coronavirusEvolucion .boxMiddle .left .datos .itemDatos .aumento { display: block; position: relative; background-color: #e4e5e7; padding: 0; margin: 0; text-align: right; } .coronavirusEvolucion .boxMiddle .left .datos .itemDatos .aumento p.cantidadAumentoDiario { font-family: 'Darwin Pro Regular'; font-size: 1.4em; padding: 0px 10px; color: #23272e; margin: 0; text-transform: uppercase; border-left: 6px solid #c3c3c3; } .coronavirusEvolucion .boxMiddle .left .datos .itemDatos .aumento p.cantidadAumentoDiario span { position: relative; } .coronavirusEvolucion .boxMiddle .left .datos .itemDatos .aumento p.cantidadAumentoDiario span:before { content: "HOY"; font-size: 0.6em; position: absolute; left: -30px; top: 3px; } /*colores*/ .coronavirusEvolucion .boxMiddle .left .datos .itemDatos.contagiados .aumento p.cantidadAumentoDiario { border-left: 6px solid #fa333b; } .coronavirusEvolucion .boxMiddle .left .datos .itemDatos.recuperados .aumento p.cantidadAumentoDiario { border-left: 6px solid #01d37b; } .coronavirusEvolucion .boxMiddle .left .datos .itemDatos.fallecidos .aumento p.cantidadAumentoDiario { border-left: 6px solid #00bcd6; } /*tabs*/ .coronavirusEvolucion .boxMiddle .right .ui-widget.ui-widget-content { border: 1px solid transparent; background: transparent; } .coronavirusEvolucion .boxMiddle .right .ui-tabs .ui-tabs-nav { border: 1px solid transparent; background: transparent; } .coronavirusEvolucion .boxMiddle .right .ui-state-active, .coronavirusEvolucion .boxMiddle .right .ui-widget-content .ui-state-active, .coronavirusEvolucion .boxMiddle .right .ui-widget-header .ui-state-active { border: 1px solid transparent; background: transparent !important; color: #22262e; } .coronavirusEvolucion .boxMiddle .right .ui-state-active a, .coronavirusEvolucion .boxMiddle .right .ui-state-active a:link, .coronavirusEvolucion .boxMiddle .right .ui-state-active a:visited, .coronavirusEvolucion .boxMiddle .right .ui-state-active a:focus, { font-family: 'Darwin Pro SemiBold'; font-size: 0.9em; text-transform: uppercase; color: #23272e; background: transparent !important; outline: 0; } .coronavirusEvolucion .boxMiddle .right .ui-state-default a, .coronavirusEvolucion .boxMiddle .right .ui-state-default a:link, .coronavirusEvolucion .boxMiddle .right .ui-state-default a:visited, .coronavirusEvolucion .boxMiddle .right .ui-state-default a:focus { font-family: 'Darwin Pro Regular'; font-size: 1em; text-transform: uppercase; color: #23272e; background: transparent; outline: 0; } .coronavirusEvolucion .boxMiddle .right .ui-tabs .ui-tabs-nav li { margin: 0; } .coronavirusEvolucion .boxMiddle .right .ui-state-default, .coronavirusEvolucion .boxMiddle .right .ui-widget-content .ui-state-default, .coronavirusEvolucion .boxMiddle .right .ui-widget-header .ui-state-default { border: 1px solid transparent; background: #e4e5e7; } .coronavirusEvolucion .boxBottom { display: inline-block; position: relative; width: 100%; } .coronavirusEvolucion .boxBottom p { font-family: 'Darwin Pro Regular'; font-size: 0.8em; color: #23272e; padding: 0; margin: 0; } .coronavirusEvolucion .boxBottom p a { color: #23272e; text-decoration: none; font-family: 'Darwin Pro Bold'; } /*92. ------Home > Especial 4 ----------------------------------------------*/ body#portada section.especialCuatro { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #f8f9fa; height: auto; padding-top: 20px; padding-bottom: 20px; width: 1290px; } body#portada section.especialCuatro .notas { display: block; position: relative; margin-top: 0px; padding-bottom: 30px; } body#portada section.especialCuatro .notas .box-header { display: inline-block; position: relative; width: 100%; } body#portada section.especialCuatro .notas .box-header .titulo { display: block; position: relative; width: 40%; float: left; } body#portada section.especialCuatro .notas .box-header .titulo h3 { font-family: 'Darwin Pro Regular'; font-size: 3em; color: #151F2C; text-transform: uppercase; display: inline; } body#portada section.especialCuatro .notas .box-header .titulo h3 span { font-family: 'Darwin Pro Bold'; color: #151F2C; } body#portada section.especialCuatro .notas .box-header .titulo h3 span:after { font-family: 'mn-icons'; content: '\e800'; margin: 0px 4px 0px 10px; } body#portada section.especialCuatro .notas .box-header .linea-seccion { display: block; position: relative; width: 40px; height: 4px; background-color: #eedc00; margin-bottom: 30px; } body#portada section.especialCuatro .notas .box-header .carouselTop { display: block; position: relative; width: 60%; float: left; } body#portada section.especialCuatro .notas .box-header .carouselTop .carouselEspecialCuatro { display: block; position: relative; width: 100%; height: 40px; padding: 4px 40px 0px 40px; overflow: hidden; } body#portada section.especialCuatro .notas .box-header .carouselTop .carouselEspecialCuatro .item { display: block; position: relative; height: 36px; padding: 0px 4px; overflow: hidden; } body#portada section.especialCuatro .notas .box-header .carouselTop .carouselEspecialCuatro .item .left { display: block; position: relative; width: 25%; float: left; text-align: left; } body#portada section.especialCuatro .notas .box-header .carouselTop .carouselEspecialCuatro .item .right { display: flex; justify-content: center; align-content: center; flex-direction: column; position: relative; width: 75%; float: left; text-align: left; height: 36px; } body#portada section.especialCuatro .notas .box-header .carouselTop .carouselEspecialCuatro .item .left img { width: 36px; } body#portada section.especialCuatro .notas .box-header .carouselTop .carouselEspecialCuatro .item .right h2 { font-family: 'Darwin Pro SemiBold'; font-size: 1.4em; line-height: 1.2em; color: #151F2C; } body#portada section.especialCuatro .notas .box-header .carouselTop .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 2px; left: 0px; z-index: 9999; margin: 0; } body#portada section.especialCuatro .notas .box-header .carouselTop .owl-carousel .owl-nav button.owl-next { position: absolute; top: 2px; right: 0px; z-index: 9999; margin: 0; } body#portada section.especialCuatro .notas .box-header .carouselTop .owl-carousel .owl-nav button i { color: #001023; font-size: 3em; } body#portada section.especialCuatro .notas .box-header .carouselTop .owl-carousel .owl-nav button i:before { margin: 0; } body#portada section.especialCuatro .notas .box-header .carouselTop .owl-theme .owl-nav [class*='owl-']:hover { background: transparent; } body#portada section.especialCuatro .notas .box { display: inline-block; position: relative; width: 100%; } body#portada section.especialCuatro .notas .box article { float: left; margin-right: 30px; height: 310px; } body#portada section.especialCuatro .notas .box article + article { float: left; margin-right: 30px; } body#portada section.especialCuatro .notas .box article + article + article { float: left; margin-right: 30px; } body#portada section.especialCuatro .notas .box article + article + article + article { float: left; margin-right: 0px; } body#portada section.especialCuatro .notas .box article .bottom { height: 142px; } body#portada section.especialCuatro .notas .box article .bottom .linea { width: 30px; background-color: #eedc00; height: 4px; } body#portada section.especialCuatro .notas .box article .bottom figcaption { height: 100px; } body#portada section.especialCuatro .notas .box article .top .box-top .top-nota .box ul { margin-top: -6px; } body#portada section.especialCuatro .notas .box article .top .box-top .top-nota .box { width: 220px; background-color: #fff; padding: 0px; } /*93. ------Arti­culo: Graficos Qlik ----------------------------------------------*/ #articulo article .contenido-nota iframe.Qlik { margin-bottom: 30px !important; margin-top: -10px !important; border: 0px !important; } #articulo article .contenido-nota iframe.Qlik.grafico1 { height: 130px; } #articulo article .contenido-nota iframe.Qlik.grafico2 { height: 130px; } #articulo article .contenido-nota iframe.Qlik.grafico3 { height: 500px; } #articulo article .contenido-nota iframe.Qlik.grafico4 { height: 130px; } #articulo article .contenido-nota iframe.Qlik.grafico5 { height: 130px; } #articulo article .contenido-nota iframe.Qlik.grafico6 { height: 500px; } #articulo article .contenido-nota iframe.Qlik.grafico7 { height: 130px; } #articulo article .contenido-nota iframe.Qlik.grafico8 { height: 130px; } #articulo article .contenido-nota iframe.Qlik.grafico9 { height: 500px; } #articulo article .contenido-nota iframe.Qlik.grafico10 { height: 130px; } #articulo article .contenido-nota iframe.Qlik.grafico11 { height: 130px; } #articulo article .contenido-nota iframe.Qlik.grafico12 { height: 500px; } #articulo article .contenido-nota iframe.Qlik.grafico13 { height: 130px; } #articulo article .contenido-nota iframe.Qlik.grafico14 { height: 500px; } #articulo article .contenido-nota iframe.Qlik.grafico15 { height: 130px; } #articulo article .contenido-nota iframe.Qlik.grafico16 { height: 130px; } #articulo article .contenido-nota iframe.Qlik.grafico17 { height: 500px; } #articulo article .contenido-nota iframe.Qlik.grafico18 { height: 500px; } #articulo article .contenido-nota iframe.Qlik.grafico19 { height: 600px; } #articulo article .contenido-nota iframe.Qlik.grafico20 { height: 500px; } #articulo article .contenido-nota iframe.Qlik.grafico21 { height: 600px; } #articulo article .contenido-nota iframe.Qlik.grafico22 { height: 500px; } #articulo article .contenido-nota iframe.Qlik.grafico23 { height: 600px; } #articulo article .contenido-nota iframe.Qlik.grafico24 { height: 500px; } /*94. ------Arti­culo: Coronavirus ----------------------------------------------*/ #articulo.coronavirus, #articulo.coronavirus main { background-color: #FFF; } #articulo.coronavirus article .topArticle { display: inline-block; position: relative; width: 100%; background-color: #efdd00; text-align: center; padding: 80px 0px 50px 0px; margin-top: -50px; } #articulo.coronavirus article .topArticle .box { display: block; position: relative; width: 900px; margin: 0 auto; } #articulo.coronavirus article .topArticle .box img { position: absolute; z-index: 9; left: -450px; bottom: -200px; } #articulo.coronavirus article .topArticle h2 { font-family: 'Darwin Pro Regular'; text-transform: uppercase ; font-size: 3.4em ; color: #151F2C; } #articulo.coronavirus article .topArticle h2 span { font-family: 'Darwin Pro Bold'; } #articulo.coronavirus article .topArticle h1 { font-family: 'Darwin Pro Regular'; font-size: 6em; line-height: 1.2em; color: #151F2C; margin-top: 20px; } #articulo.coronavirus article .topArticle .linea { display: block; margin: 0 auto; width: 100px; height: 4px; background-color: #FFF; margin-top: 10px; } #articulo.coronavirus article .container { width: 900px; background-color: #FFF; } #articulo.coronavirus article .container .cuerpo { width: 100%; background-color:#0000; } /*95. ------Graficos ----------------------------------------------*/ /* Evolucion de coronavirus en chile */ iframe.graph_coronavirusEvolucion { height: 670px; overflow: hidden; margin-bottom: 20px !important; margin-top: 20px !important; } body#articulo.coronavirus iframe.graph_coronavirusEvolucion { height: 720px; } /* Coronavirus: Casos activos vs recuperados */ iframe.graph_coronavirusActivosRecuperados { height: 670px; overflow: hidden; margin-bottom: 20px !important; margin-top: 20px !important; } body#articulo.coronavirus iframe.graph_coronavirusActivosRecuperados { height: 720px; } /* Coronavirus: Información de resumen */ iframe.graph_coronavirusResumen { height: 330px; overflow: hidden; margin-bottom: 20px !important; margin-top: 20px !important; } body#articulo.coronavirus iframe.graph_coronavirusResumen { height: 380px; } /* Coronavirus: Gráficos en home */ #graficosCoronavirusHome { display: flex; flex-direction: column; position: relative; margin: 0 auto; background-color: #fff; height: auto; width: 1290px; margin-top: 0px; margin-bottom: 30px; } #graficosCoronavirusHome #tabsCoronavirus { display: block; position: relative; width: 100%; height: auto; border: 0; } #graficosCoronavirusHome .left { display: block; position: relative; width: 75%; float: left; } #graficosCoronavirusHome .right { display: block; position: relative; width: 25%; float: left; padding-right: 40px; } /* iframes */ iframe.home_coronavirusEvolucion { width: 100%; height: 720px; } iframe.home_coronavirusActivosRecuperados { width: 100%; height: 720px; } iframe.home_coronavirusResumen { width: 100%; height: 380px; } /* tabs */ #graficosCoronavirusHome .ui-tabs .ui-tabs-panel { padding: 0; } #graficosCoronavirusHome .ui-tabs .ui-tabs-nav { padding: 0; border: 0; background-color: #fff; margin-top: 87px; } #graficosCoronavirusHome .ui-tabs .ui-tabs-nav li.ui-tabs-active , #graficosCoronavirusHome .ui-tabs .ui-tabs-nav li { background-color: transparent; margin: 0; padding: 0; border: 0; width: 100%; } #graficosCoronavirusHome .ui-tabs .ui-tabs-nav li.ui-tabs-active a, #graficosCoronavirusHome .ui-tabs .ui-tabs-nav li a{ display: block; position: relative; height: auto; width: 100%; float: unset; top: unset; margin: 10px 0; padding: 14px 10px; font-family: 'Darwin Pro Bold'; font-size: 1.6em; color: #23272e; text-transform: uppercase; text-align: left; border-radius: 0; border: 1px solid #e4e5e7; border-left: 6px solid #ecedef; background-color: #FFF; } #graficosCoronavirusHome .ui-tabs .ui-tabs-nav li.ui-tabs-active a { background-color: #ecedef; border-left: 6px solid #eedc00; } #graficosCoronavirusHome .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: unset; } @keyframes sliderVertical { 0% {margin-top:-150px;} 5% {margin-top:-100px;} /* 5% delay */ 33% {margin-top:-100px;} 38% {margin-top:-50px;} /* 5% delay */ 66% {margin-top:-50px;} 71% {margin-top:0px;} /* 5% delay */ 100% {margin-top:0px;} }