@font-face{ font-family:"Roboto Condensed"; font-style:italic; font-weight:300; src:local("Roboto Condensed Light Italic"),local(RobotoCondensed-LightItalic),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoY9Nd.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEobdNZ.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoY9Nf.woff) format("woff"); } @font-face{ font-family:"Roboto Condensed"; font-style:italic; font-weight:400; src:local("Roboto Condensed Italic"),local(RobotoCondensed-Italic),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM5.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM7.woff) format("woff"); } @font-face{ font-family:"Roboto Condensed"; font-style:italic; font-weight:700; src:local("Roboto Condensed Bold Italic"),local(RobotoCondensed-BoldItalic),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoY9Nd.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNZ.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoY9Nf.woff) format("woff"); } @font-face{ font-family:"Roboto Condensed"; font-style:normal; font-weight:300; src:local("Roboto Condensed Light"),local(RobotoCondensed-Light),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYaw.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYaQ.woff) format("woff"); } @font-face{ font-family:"Roboto Condensed"; font-style:normal; font-weight:400; src:local("Roboto Condensed"),local(RobotoCondensed-Regular),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7CQ.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7Cw.woff) format("woff"); } @font-face{ font-family:"Roboto Condensed"; font-style:normal; font-weight:700; src:local("Roboto Condensed Bold"),local(RobotoCondensed-Bold),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYaw.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYaQ.woff) format("woff"); } @font-face{ font-family:Roboto; font-style:italic; font-weight:100; src:local("Roboto Thin Italic"),local(Roboto-ThinItalic),url(//fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz4dKw.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz4dKQ.woff) format("woff"); } @font-face{ font-family:Roboto; font-style:italic; font-weight:300; src:local("Roboto Light Italic"),local(Roboto-LightItalic),url(//fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc0CsA.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc0CsI.woff) format("woff"); } @font-face{ font-family:Roboto; font-style:italic; font-weight:400; src:local("Roboto Italic"),local(Roboto-Italic),url(//fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzY.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzQ.woff) format("woff"); } @font-face{ font-family:Roboto; font-style:italic; font-weight:500; src:local("Roboto Medium Italic"),local(Roboto-MediumItalic),url(//fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsA.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsI.woff) format("woff"); } @font-face{ font-family:Roboto; font-style:italic; font-weight:700; src:local("Roboto Bold Italic"),local(Roboto-BoldItalic),url(//fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsA.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsI.woff) format("woff"); } @font-face{ font-family:Roboto; font-style:italic; font-weight:900; src:local("Roboto Black Italic"),local(Roboto-BlackItalic),url(//fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc0CsA.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc0CsI.woff) format("woff"); } @font-face{ font-family:Roboto; font-style:normal; font-weight:100; src:local("Roboto Thin"),local(Roboto-Thin),url(//fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxGIzY.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxGIzQ.woff) format("woff"); } @font-face{ font-family:Roboto; font-style:normal; font-weight:300; src:local("Roboto Light"),local(Roboto-Light),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc8.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc-.woff) format("woff"); } @font-face{ font-family:Roboto; font-style:normal; font-weight:400; src:local(Roboto),local(Roboto-Regular),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxO.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxM.woff) format("woff"); } @font-face{ font-family:Roboto; font-style:normal; font-weight:500; src:local("Roboto Medium"),local(Roboto-Medium),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc8.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc-.woff) format("woff"); } @font-face{ font-family:Roboto; font-style:normal; font-weight:700; src:local("Roboto Bold"),local(Roboto-Bold),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc8.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc-.woff) format("woff"); } @font-face{ font-family:Roboto; font-style:normal; font-weight:900; src:local("Roboto Black"),local(Roboto-Black),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc8.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc-.woff) format("woff"); } @font-face{ font-family:"Roboto Slab"; font-style:normal; font-weight:100; src:local("Roboto Slab Thin"),local(RobotoSlab-Thin),url(//fonts.gstatic.com/s/robotoslab/v9/BngOUXZYTXPIvIBgJJSb6u-u1qmh4A.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotoslab/v9/BngOUXZYTXPIvIBgJJSb6u-u1qeh5A.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotoslab/v9/BngOUXZYTXPIvIBgJJSb6u-u1qmh4g.woff) format("woff"); } @font-face{ font-family:"Roboto Slab"; font-style:normal; font-weight:300; src:local("Roboto Slab Light"),local(RobotoSlab-Light),url(//fonts.gstatic.com/s/robotoslab/v9/BngRUXZYTXPIvIBgJJSb6u9mxLCIwRk.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotoslab/v9/BngRUXZYTXPIvIBgJJSb6u9mxLCGwR0.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotoslab/v9/BngRUXZYTXPIvIBgJJSb6u9mxLCIwRs.woff) format("woff"); } @font-face{ font-family:"Roboto Slab"; font-style:normal; font-weight:400; src:local("Roboto Slab Regular"),local(RobotoSlab-Regular),url(//fonts.gstatic.com/s/robotoslab/v9/BngMUXZYTXPIvIBgJJSb6ufD5qE.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotoslab/v9/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotoslab/v9/BngMUXZYTXPIvIBgJJSb6ufD5qM.woff) format("woff"); } @font-face{ font-family:"Roboto Slab"; font-style:normal; font-weight:700; src:local("Roboto Slab Bold"),local(RobotoSlab-Bold),url(//fonts.gstatic.com/s/robotoslab/v9/BngRUXZYTXPIvIBgJJSb6u92w7CIwRk.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotoslab/v9/BngRUXZYTXPIvIBgJJSb6u92w7CGwR0.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotoslab/v9/BngRUXZYTXPIvIBgJJSb6u92w7CIwRs.woff) format("woff"); } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:300; src:local("Open Sans Light Italic"),local(OpenSans-LightItalic),url(//fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hlIqc.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hrIqM.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hlIqU.woff) format("woff"); } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:400; src:local("Open Sans Italic"),local(OpenSans-Italic),url(//fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Xdck.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Xdcs.woff) format("woff"); } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:600; src:local("Open Sans SemiBold Italic"),local(OpenSans-SemiBoldItalic),url(//fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhlIqc.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhrIqM.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhlIqU.woff) format("woff"); } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:700; src:local("Open Sans Bold Italic"),local(OpenSans-BoldItalic),url(//fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhlIqc.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhlIqU.woff) format("woff"); } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:800; src:local("Open Sans ExtraBold Italic"),local(OpenSans-ExtraBoldItalic),url(//fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hlIqc.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hrIqM.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hlIqU.woff) format("woff"); } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:300; src:local("Open Sans Light"),local(OpenSans-Light),url(//fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXOht.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXOhv.woff) format("woff"); } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:400; src:local("Open Sans Regular"),local(OpenSans-Regular),url(//fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50f.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50d.woff) format("woff"); } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:600; src:local("Open Sans SemiBold"),local(OpenSans-SemiBold),url(//fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOht.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOhv.woff) format("woff"); } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:700; src:local("Open Sans Bold"),local(OpenSans-Bold),url(//fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOht.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOhv.woff) format("woff"); } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:800; src:local("Open Sans ExtraBold"),local(OpenSans-ExtraBold),url(//fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXOht.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXOhv.woff) format("woff"); } [data-tadevel-template="web/article-comments"] .fb-comments:not([fb-xfbml-state="rendered"])::before{ content:'Cargando comentarios...'; font-size:0.8em; } [data-tadevel-template="web/article-gallery"] x-carousel{ padding:0; } [data-tadevel-template="web/article-gallery"] .x-carousel-content{ height:60vh; padding:0; } [data-tadevel-template="web/article-gallery"] .item{ position:relative; width:100%; } [data-tadevel-template="web/article-gallery"] x-multimedia-container .description{ position:absolute; top:0; width:100%; color:white; padding:8px 16px; background:linear-gradient(180deg, black, transparent); opacity:0; transition:all 0.2s ease-in; } [data-tadevel-template="web/article-gallery"] x-multimedia-container:hover .description{ opacity:1; } [data-tadevel-template="web/article-related"] .items{ margin:8px -8px; } [data-tadevel-template="web/article-related"] .items > *{ margin:8px; } @media (min-width: 768px){ [data-tadevel-template="web/article-related"] .items > *{ width:calc(33.333% - 16px); } } [data-tadevel-template="web/article-small"] article{ display:flex; width:100%; align-items:center; padding:8px 0; } [data-tadevel-template="web/article-small"] article h1{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size:14px; font-weight:bold; overflow:hidden; margin:0; } [data-tadevel-template="web/frame-breaking-news"]{ background-color:#B00020; color:white; } [data-tadevel-template="web/frame-breaking-news"] .container{ padding:8px; } [data-tadevel-template="web/frame-breaking-news"] .item{ display:flex; flex-wrap:wrap; padding:0; } [data-tadevel-template="web/frame-breaking-news"] .thumb{ margin:8px; width:240px; flex-shrink:0; flex-grow:1; } [data-tadevel-template="web/frame-breaking-news"] .sizer{ padding-bottom:56.25%; position:relative; } [data-tadevel-template="web/frame-breaking-news"] .sizer > div{ position:absolute; top:0; right:0; bottom:0; left:0; } [data-tadevel-template="web/frame-breaking-news"] .detail{ margin:8px; width:640px; flex-grow:1; } [data-tadevel-template="web/frame-breaking-news"] h1{ margin:0; font-size:24px; } [data-tadevel-template="web/frame-breaking-news"] x-multimedia-container[fullbleed] x-multimedia-raw .picture-container img{ font-family:"object-fit:cover"; object-fit:cover; } [data-tadevel-template="web/front/multimedia"]{ margin-left:-12px; margin-right:-12px; display:block; margin-top:16px; margin-bottom:16px; } @media (min-width: 768px){ [data-tadevel-template="web/front/multimedia"]{ margin-left:-16px; margin-right:-16px; } } [data-tadevel-template="web/front/multimedia"] title-header{ padding-left:12px; padding-right:12px; } @media (min-width: 768px){ [data-tadevel-template="web/front/multimedia"] title-header{ padding-left:16px; padding-right:16px; } } [data-tadevel-template="web/front/multimedia"] .sizer{ position:relative; } [data-tadevel-template="web/front/multimedia"] x-multimedia-container .description{ padding:8px 16px; } [data-tadevel-template="web/front/multimedia"] x-multimedia-container x-multimedia-raw[set-size] .wrapper > .content{ height:400px; padding:0; } [data-tadevel-template="web/front/multimedia"] x-multimedia-container .player-container{ padding:0; height:400px; } [data-tadevel-template="web/front/row"] [class*=paper-carousel_controls_arrow].paper-carousel_controls_arrow--disabled{ display:none; } [data-tadevel-template="web/search"] h1{ margin-bottom:0; } [data-tadevel-template="web/search"] .sorting{ font-size:13px; color:#333; } [data-tadevel-template="web/search"] .sorting .label{ font-weight:bold; text-transform:uppercase; } [data-tadevel-template="web/search"] .sorting .active{ font-weight:bold; } [data-tadevel-template="web/toolbar-wrapper"]{ z-index:3; position:fixed; bottom:0; margin:auto; left:0; right:0; background:white; width:100%; max-width:480px; filter:drop-shadow(2px 4px 6px black); color:#333; overflow:hidden; transform:translateY(48px); transition:transform 0.2s ease-in; } [data-tadevel-template="web/toolbar-wrapper"][data-show]{ transform:translateY(0); } [data-tadevel-template="web/toolbar-wrapper"] view-toolbar{ display:block; min-height:48px; } @media (min-width: 768px){ } [data-tadevel-template="web/widget/article"]{ position:relative; } [data-tadevel-template="web/widget/article"] .video-preview{ position:absolute; top:0; right:0; bottom:0; left:0; font-family:"object-fit:cover"; object-fit:cover; width:100%; height:100%; transition:all 0.2s ease-in; opacity:0; } [data-tadevel-template="web/widget/article"]:hover .video-preview{ opacity:1; } [data-tadevel-template="web/widget/article"] .badge{ position:absolute; bottom:0; background:rgba(0, 0, 0, 0.5); width:100%; padding:8px; color:white; } [data-tadevel-template="web/widget/article"] .offline{ display:none; position:absolute; top:0; left:0; z-index:1; background:#d32f2f; color:white; font-size:12px; padding:8px 16px; width:-moz-max-content; width:max-content; font-weight:bold; text-transform:uppercase; } [data-tadevel-template="web/widget/article"][data-tadevel-offline]:not([data-tadevel-cached]){ pointer-events:none; display:block; } [data-tadevel-template="web/widget/article"][data-tadevel-offline]:not([data-tadevel-cached]) widget-article .photo picture img{ filter:grayscale(1); } [data-tadevel-template="web/widget/article"][data-tadevel-offline]:not([data-tadevel-cached]) .offline{ display:block; } [data-tadevel-template="web/widget/most-read"]{ display:block; border-radius:0px; } [data-tadevel-template="web/widget/numeric-variables"]{ display:block; height:100%; background:#ececeb; color:#333333; padding:0 16px 8px 16px; } [data-tadevel-template="web/widget/numeric-variables"] title-header{ border-bottom:1px solid #ccc; } [data-tadevel-template="web/widget/numeric-variables"] .numeric-variables-items{ display:flex; flex-wrap:wrap; } [data-tadevel-template="web/widget/numeric-variables"] .numeric-variables-items .item{ font-size:16px; display:flex; align-items:center; border-bottom:1px solid #ccc; padding:8px 0; flex-grow:1; flex-basis:300px; } [data-tadevel-template="web/widget/numeric-variables"] .numeric-variables-items .item-name{ text-transform:uppercase; font-weight:bold; flex-grow:1; margin-right:16px; } [data-tadevel-template="web/widget/numeric-variables"] .numeric-variables-items .values{ display:flex; } [data-tadevel-template="web/widget/numeric-variables"] .numeric-variables-items .value{ padding:0 8px; text-align:center; } [data-tadevel-template="web/widget/numeric-variables"] .numeric-variables-items .value-name{ text-transform:uppercase; font-size:13px; font-weight:bold; } [data-tadevel-template="web/widget/numeric-variables"] .numeric-variables-items .value-value{ white-space:nowrap; } [data-tadevel-template="web/widget/survey"].wrapper{ border:1px solid #CCC; border-radius:4px; padding:16px; } [data-tadevel-template="web/widget/survey"] h1{ margin:0; } [data-tadevel-template="web/article"] most-read{ color:#003b6f; } [data-tadevel-template="web/article"] title-header{ color:#003b6f; } [data-tadevel-template="web/article"] .article-body a{ color:var(--color-accent); } [data-tadevel-template="web/article-body"] .related .label{ text-transform:uppercase; font-size:13px; font-family:'Open Sans'; font-weight:bold; color:var(--primary-color); } [data-tadevel-template="web/frame"] body{ font-family:'Roboto Slab'; } [data-tadevel-template="web/frame"] .top-nav{ background-image:url('data:image/png;base64,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'); background-size:contain; background-repeat:repeat; } [data-tadevel-template="web/frame"] .top-nav .logo{ padding:4px; } [data-tadevel-template="web/frame"] .menu-nav{ background:#0f5293; text-transform:uppercase; font-size:14px; line-height:2; color:white; box-shadow:0 1px 2px grey; z-index:1; font-weight:bold; } @media (min-width: 768px){ [data-tadevel-template="web/frame"] .menu-nav{ display:block; } } [data-tadevel-template="web/frame"] menu-nav-dropdown{ display:none !important; } [data-tadevel-template="web/frame"] page-front{ border-top:none; } [data-tadevel-template="web/frame"] .videoCube_aspect{ padding-bottom:50% !important; } @media (min-width: 768px){ [data-tadevel-template="web/frame"] .videoCube:nth-child(n+4){ display:none !important; } } @media (max-width: 768px){ [data-tadevel-template="web/frame"]{ } [data-tadevel-template="web/frame"] .videoCube:nth-child(n+7){ display:none !important; } } [data-tadevel-template="web/frame"] span.trc_rbox_header_span{ color:#003b6f; display:block; font-family:"Roboto Slab"; font-size:28px; font-weight:600; line-height:50.4px; margin-bottom:16px; text-transform:uppercase; } @media (max-width: 768px){ [data-tadevel-template="web/frame"] .trc_header_ext{ margin-bottom:24px; } } @media (max-width: 768px){ [data-tadevel-template="web/frame"] #onesignal-popover-container, [data-tadevel-template="web/frame"] #onesignal-bell-container{ z-index:1 !important; } [data-tadevel-template="web/frame"] #onesignal-bell-container.onesignal-reset.onesignal-bell-container-bottom-right{ bottom:54px; } } [data-tadevel-template="web/front"] > :first-child{ margin-left:-12px; margin-right:-12px; color:#003b6f; } @media (min-width: 768px){ [data-tadevel-template="web/front"] > :first-child{ margin-left:-16px; margin-right:-16px; } } [data-tadevel-template="web/front"] > :first-child .main widget-article .detail{ padding:16px; } [data-tadevel-template="web/front"] > :first-child .main widget-article .title{ font-size:24px; font-weight:bold; } [data-tadevel-template="web/front"] > :first-child .main widget-article .deck{ font-size:15px; } [data-tadevel-template="web/front"] > :not([data-color]) widget-article{ color:#003b6f; } [data-tadevel-template="web/front/headline"]{ margin-left:-12px; margin-right:-12px; color:#003b6f; } @media (min-width: 768px){ [data-tadevel-template="web/front/headline"]{ margin-left:-16px; margin-right:-16px; } } [data-tadevel-template="web/front/headline"] widget-article .detail{ padding:16px; } [data-tadevel-template="web/front/headline"] widget-article .title{ font-size:24px; font-weight:bold; } [data-tadevel-template="web/front/headline"] widget-article .deck{ font-size:15px; } @media (min-width: 768px){ [data-tadevel-template="web/front/headline"] widget-article .photo{ min-height:300px; } } [data-tadevel-template="web/front/headline"][length="1"] widget-article .title{ font-size:30px; } @media (min-width: 768px){ [data-tadevel-template="web/front/headline"][length="1"] widget-article .photo{ padding-bottom:40%; } } [data-tadevel-template="web/front/html"]{ overflow:initial; } [data-tadevel-template="web/front/row"]:nth-of-type(-1){ padding-top:16px; } [data-tadevel-template="web/front/row"]:nth-of-type(1){ margin-left:-12px; margin-right:-12px; color:#003b6f; } @media (min-width: 768px){ [data-tadevel-template="web/front/row"]:nth-of-type(1){ margin-left:-16px; margin-right:-16px; } } [data-tadevel-template="web/front/row"]:nth-of-type(1) widget-article .detail{ padding:16px; } [data-tadevel-template="web/front/row"]:nth-of-type(1) widget-article .title{ font-size:24px; font-weight:bold; } [data-tadevel-template="web/front/row"]:nth-of-type(1) widget-article .deck{ font-size:15px; } @media (min-width: 768px){ [data-tadevel-template="web/front/row"]:nth-of-type(1) widget-article .photo{ min-height:300px; } } [data-tadevel-template="web/front/row"]:nth-of-type(1)[length="1"] widget-article .title{ font-size:30px; } @media (min-width: 768px){ [data-tadevel-template="web/front/row"]:nth-of-type(1)[length="1"] widget-article .photo{ padding-bottom:40%; } } @media (min-width: 768px){ [data-tadevel-template="web/front/row"] .starred{ padding:16px 8px 0; } [data-tadevel-template="web/front/row"] .starred .main .title span{ font-size:26px !important; font-weight:bold !important; } [data-tadevel-template="web/front/row"] .starred .aux .title span{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; } } @media (min-width: 768px){ [data-tadevel-template="web/front/section"] .items{ padding:16px 8px; } } [data-tadevel-template="web/front/slider"] widget-article-opinion{ background:#62778a; border-bottom:4px solid #002546; color:white; } [data-tadevel-template="web/widget/article"] widget-article .kicker{ color:inherit; } *{ box-sizing:border-box; } body{ margin:0; font-family:Open Sans, sans-serif; --spacing-horizontal:12px; } @media (min-width: 768px){ body{ --spacing-horizontal:16px; } } body[my-unresolved] app-drawer{ display:none; } a, a:hover, a:active{ text-decoration:inherit; color:inherit; } img.emoji{ height:1em; width:1em; margin:0 0.05em 0 0.1em; vertical-align:-0.1em; } iframe[id^="google_ads_iframe_"]{ display:block; margin:auto; } .clearfix:after{ content:" "; display:block; clear:both; } .spacing-padding{ padding:8px; } .spacing-margin{ margin:8px; } .padding{ padding-left:12px; padding-right:12px; } @media (min-width: 768px){ .padding{ padding-left:16px; padding-right:16px; } } .row{ margin-left:-12px; margin-right:-12px; } @media (min-width: 768px){ .row{ margin-left:-16px; margin-right:-16px; } } .singleline{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .flex{ display:flex; } @media (max-width: 767px){ .if-nsm{ display:none; } } @media (min-width: 768px){ .if-sm{ display:none; } } app-drawer{ --app-drawer-width:280px; z-index:3; } @media (min-width: 360px){ app-drawer{ --app-drawer-width:320px; } } app-drawer .drawer-content{ position:relative; height:100%; background-color:white; color:#747474; display:flex; flex-direction:column; overflow-y:auto; } app-drawer .drawer-footer img{ font-family:"object-fit:contain"; object-fit:contain; padding:16px; width:100%; max-height:64px; } app-drawer paper-item, app-drawer paper-icon-item{ font-family:inherit; border-bottom:1px solid #f0f0f0; } app-drawer .categories{ list-style:none; padding:0; margin:0; flex-grow:1; } app-header{ background-color:#f6f6f6; box-shadow:0 0 4px gray; } body:not([simple]){ padding-top:64px; } @media (min-width: 768px){ body:not([simple]){ padding-top:74px; } } #top-nav-inverse{ position:fixed; top:0; width:100%; z-index:2; transition:transform 0.2s ease-in; } .top-nav{ position:fixed; top:0; width:100%; height:64px; background-color:#f6f6f6; box-shadow:0 0 4px gray; transition:transform 0.2s ease-in; z-index:2; } .top-nav > .container{ height:100%; padding:0; display:flex; align-items:center; } .top-nav paper-icon-button{ margin:12px; } @media (min-width: 768px){ .top-nav{ height:74px; } } .top-nav .top-nav-left-bar{ position:absolute; left:0; display:flex; align-items:center; } .top-nav .top-nav-right-bar{ position:absolute; right:0; display:none; } .top-nav .center-bar{ position:absolute; top:0; right:64px; bottom:0; left:64px; text-align:center; } .top-nav .logo{ height:100%; max-width:100%; font-family:"object-fit:contain"; object-fit:contain; } .top-nav .logo-aux{ border:1px solid black; width:180px; height:70px; right:15px; position:absolute; background:url(/img/uade.png); background-size:80%; background-color:#272a65; border:none; background-repeat:no-repeat; background-position:center center; top:2px; } @media (max-width: 767px){ .top-nav .logo-aux{ display:none; } } .top-nav.nav-hidden, #top-nav-inverse.nav-hidden{ transform:translateY(-100%) translateY(-4px); } .menu-nav{ display:none; position:relative; } .menu-nav ul{ list-style:none; margin:0; padding:0; text-align:center; } .menu-nav ul li{ display:inline-block; margin:4px 8px; } .menu-nav ul li menu-nav-dropdown{ display:none; height:300px; background:#f6f6f6; box-shadow:0 2px 4px rgba(0, 0, 0, 0.6); position:absolute; left:0; right:0; top:48px; z-index:1; text-transform:initial; color:initial; text-align:initial; font-weight:initial; } .menu-nav ul li:hover menu-nav-dropdown{ display:block; } .centered-content > div{ display:block !important; margin:auto !important; text-align:center; } .img{ display:block; box-shadow:0px 2px 4px gray; } @media (max-width: 768px){ .img{ margin-left:-12px; margin-right:-12px; } } @media (max-width: 768px) and (min-width: 768px){ .img{ margin-left:-16px; margin-right:-16px; } } .photo{ position:relative; padding-bottom:52%; background-color:#CCC; background-size:cover; background-position:center center; } @media (max-width: 768px){ .photo{ } } @media (min-width: 768px){ .page-content{ border-left:1px solid #eee; border-right:1px solid #eee; } } page-article .container{ border-top:1px solid transparent; border-bottom:1px solid transparent; } page-article share-button-set{ display:block; height:32px; } page-article .gallery{ background-color:#333; } page-article .gallery view-gallery{ display:block; max-width:calc(970px + 32px); margin:auto; } page-article .top-photo img{ width:100%; height:300px; font-family:"object-fit:cover"; object-fit:cover; } @media (min-width: 768px){ page-article .column-aux{ border-left:1px solid #eee; } } page-article .article-aux-widget{ margin-bottom:16px; } page-article .article-badge{ background:#333; color:white; display:inline-block; padding:4px 8px 2px; border-radius:4px; text-transform:uppercase; font-weight:bold; font-family:Arial; line-height:1.5; font-size:18px; } page-article .article-header{ } page-article .article-kicker{ text-transform:uppercase; font-size:15px; margin:8px 0; } page-article .article-title{ font-weight:normal; font-size:30px; margin:8px 0; } page-article .article-deck{ font-weight:normal; font-size:20px; margin:8px 0; } @media (max-width: 768px){ page-article .article-title{ font-size:24px; } page-article .article-deck{ font-size:16px; } } page-article .article-date{ display:block; text-transform:uppercase; font-size:13px; color:#747474; margin:8px 0; } page-article .article-body{ font-size:16px; } page-article .article-body a{ text-decoration:underline; } page-article .author{ display:flex; margin:16px 0; } page-article .author .more{ font-size:13px; text-transform:uppercase; text-decoration:underline; } page-article .author .imgwrap{ display:block; margin-right:16px; } page-article .author .imgwrap img{ width:64px; height:64px; font-family:"object-fit:cover;object-position:center center"; object-fit:cover; object-position:center center; border-radius:50%; box-shadow:0 0 8px -1px black; } page-article .author .textwrap{ width:360px; flex-grow:1; } page-article .author .textwrap .name{ text-transform:uppercase; font-weight:bold; font-size:16px; } page-article .author .textwrap .bio{ font-size:13px; color:#747474; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; } page-article .page-content x-multimedia-container{ display:block; margin-bottom:16px; } page-article .page-content x-player{ display:block; } @media (max-width: 767px){ page-article .page-content .player-container{ margin:0 -12px; } } page-article .page-content x-multimedia, page-article .page-content x-multimedia-raw{ display:block; } @media (max-width: 767px){ page-article .page-content x-multimedia picture img, page-article .page-content x-multimedia-raw picture img{ margin:0 -12px; width:calc(100% + 24px); } page-article .page-content x-multimedia x-multimedia-html[set-size], page-article .page-content x-multimedia-raw x-multimedia-html[set-size]{ margin:0 -12px; } page-article .page-content x-multimedia .player-wrapper, page-article .page-content x-multimedia-raw .player-wrapper{ margin:0 -12px; } } page-article .attachments .item{ text-transform:uppercase; font-size:14px; margin:8px 0; display:flex; align-items:center; } page-article .attachments img[src=""]{ display:none; } page-article .attachments img{ width:32px; } page-article .attachments .name{ padding:8px; } page-article article-related title-header{ margin-bottom:16px; } page-article article-related .items{ display:flex; flex-wrap:wrap; margin:0 -8px; } page-article article-related .items .article{ padding:0 8px; margin-bottom:16px; width:100%; } page-article article-related .items .article a{ display:block; position:relative; } page-article article-related .items .article .photo img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; font-family:"object-fit:cover;object-position:center center"; object-fit:cover; object-position:center center; } page-article article-related .items .article .title{ font-size:16px; font-weight:bold; line-height:24px; max-height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; } @media (min-width: 768px){ page-article article-related .items .article{ width:33.3333%; } page-article article-related .items .article:nth-child(n+4){ display:none; } page-article article-related .items .article .detail{ position:absolute; top:0; right:0; bottom:0; left:0; } page-article article-related .items .article .title{ position:absolute; bottom:12px; left:12px; right:12px; color:white; text-transform:uppercase; font-size:20px; } page-article article-related .items .article .overlay{ position:absolute; top:0; right:0; bottom:0; left:0; pointer-events:none; background-image:linear-gradient(transparent 50%, rgba(0, 0, 0, 0.5)); } } @media (max-width: 768px){ page-article article-related .items .article a{ display:flex; } page-article article-related .items .article .photo{ padding:0; width:96px; height:64px; flex-shrink:0; } page-article article-related .items .article .detail{ padding:0 8px; display:flex; align-items:center; } } page-article football-game{ margin:16px 0; } @media (max-width: 767px){ page-article football-game{ margin:16px -12px; } } @media (max-width: 767px){ body:not([simple]){ padding-bottom:100px; } } .columns{ position:relative; margin-left:-12px; margin-right:-12px; } @media (min-width: 768px){ .columns{ margin-left:-16px; margin-right:-16px; } } .columns .column-main{ padding:16px 12px 0; margin:0; } @media (min-width: 970px){ .columns .column-main{ padding:16px 16px 0; width:calc(100% - 332px); } } .columns .column-aux > *{ margin-bottom:16px; } @media (max-width: 768px){ .columns .column-aux{ padding:16px 12px 0; } } @media (min-width: 970px){ .columns .column-aux{ width:300px; box-sizing:content-box; padding:16px 16px 0; } } @media (min-width: 970px){ .columns{ display:flex; } .columns > *{ flex-shrink:0; } } .container{ padding-left:12px; padding-right:12px; position:relative; margin:auto; } @media (min-width: 768px){ .container{ padding-left:16px; padding-right:16px; } } @media (min-width: 1004px){ .container{ width:1004px; } } view-foo{ display:block; overflow:hidden; max-width:970px; margin:32px auto 0; color:#747474; font-size:14px; padding:16px 0; background:#EEE; max-width:10000px; margin:0; box-shadow:0 0 3px #CCC; } view-foo .container{ display:flex; flex-wrap:wrap; } view-foo .content{ min-width:240px; width:0; flex-grow:1; text-align:center; } @media (min-width: 768px){ view-foo .content{ text-align:right; } } view-foo .text{ padding:4px 0; } view-foo .link{ text-decoration:underline; padding:4px 0; } view-foo nav{ min-width:100px; width:0; flex-grow:1; text-transform:uppercase; } view-foo nav ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:row; flex-wrap:wrap; } view-foo nav ul li{ width:100%; } view-foo nav p{ font-weight:bold; margin:0; } view-foo .foo-logo{ margin:16px; height:74px; margin:0 32px; filter:grayscale(1); flex-grow:1; font-family:"object-fit:contain;object-position:center"; object-fit:contain; object-position:center; } @media (max-width: 768px){ view-foo .foo-logo{ display:none; } } view-foo .tm{ height:32px; object-position:right; } title-header{ display:block; text-transform:uppercase; font-weight:600; font-size:28px; line-height:1.8; } view-header{ display:block; height:300px; background-color:#CCC; background-position:center center; background-size:cover; box-shadow:0 0 3px gray; } view-header .container{ height:100%; color:white; padding:0; } view-header .text{ position:absolute; bottom:16px; left:16px; right:16px; } @media (max-width: 767px){ view-header .text{ bottom:12px; left:12px; right:12px; } } view-header .text .kicker{ text-transform:uppercase; font-weight:bold; text-shadow:0 0 4px black; font-size:13px; } @media (max-width: 767px){ view-header .text .kicker{ font-size:12px; } } view-header .text .title{ font-size:36px; text-shadow:0 0 8px black; font-weight:bold; } @media (max-width: 767px){ view-header .text .title{ font-size:28px; line-height:1.1; } } view-header .text .deck{ font-weight:bold; text-shadow:0 0 4px black; } @media (max-width: 767px){ view-header .text .deck{ font-size:16px; line-height:1.1; } } view-tags{ display:block; } view-tags > div{ padding:8px 0; display:flex; flex-wrap:wrap; } view-tags .tag{ border-radius:2px; color:white; text-transform:uppercase; font-size:14px; padding:4px 8px; display:block; font-weight:bold; margin:0 8px 8px 0; } view-tags .tag.tag-current{ background-color:var(--color-accent); } widget-article{ position:relative; display:block; } widget-article .kicker{ text-transform:uppercase; color:#747474; font-size:13px; font-weight:bold; } widget-article .detail{ padding:8px 0; } widget-article .overlay{ position:absolute; top:0; right:0; bottom:0; left:0; } widget-article .indicator{ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:96px; height:96px; filter:drop-shadow(0 0 3px black); } widget-article .title{ font-weight:500; font-size:18px; line-height:1.3; } widget-article .deck{ display:none; font-size:13px; line-height:1.3; } widget-article share-button-set{ position:absolute; right:0; top:0; } widget-article .photo > picture > img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; font-family:"object-fit:cover;object-position:center center"; object-fit:cover; object-position:center center; } widget-article .photo > .football-game{ background-color:rgba(13, 38, 73, 0.66); position:absolute; bottom:0; height:74px; width:100%; } .widget-article-small{ display:flex; margin-bottom:8px; } .widget-article-small .photo{ width:30%; padding:0; } .widget-article-small .detail{ width:70%; padding:4px 12px; } .widget-article-small .title{ font-size:14px; font-weight:normal; line-height:18px; height:calc(18px * 3); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; padding-top:1.125px; padding-bottom:1.125px; max-height:calc(18px * 3 + 18px/8); padding:0; text-transform:initial; } .widget-article-small .deck, .widget-article-small share-button-set, .widget-article-small .kicker, .widget-article-small .overlay, .widget-article-small football-game-front{ display:none !important; } .widget-article-small football-game-front{ display:flex !important; height:100%; padding:8px 0; } .widget-article-small football-game-front .logo{ height:20px; } .widget-article-small football-game-front .scores{ font-size:16px; } .widget-article-small football-game-front .bottom{ display:none; } widget-article-opinion{ display:flex; flex-direction:column; background:#eee; padding:16px; height:100%; border-bottom:2px solid #0d2649; } widget-article-opinion .detail{ flex-grow:1; } widget-article-opinion .detail .title{ font-weight:300; font-size:20px; line-height:1.4; margin:8px 0; } widget-article-opinion .detail .kicker{ text-transform:uppercase; color:#747474; font-size:13px; font-weight:bold; } widget-article-opinion share-button-set{ float:right; height:36px; margin-left:8px; margin-bottom:8px; } widget-article-opinion .author{ margin-top:16px; display:flex; align-items:flex-end; } widget-article-opinion .author .name{ flex-grow:1; line-height:1.5; font-size:18px; } widget-article-opinion .author img{ width:64px; height:64px; margin-right:16px; border-radius:50%; object-position:center; font-family:"object-fit:cover;object-position:center"; object-fit:cover; } page-front{ border-top:1px solid transparent; display:block; } page-front > *{ } page-front .more{ text-align:center; margin-bottom:16px; } page-front .more button{ cursor:pointer; font-size:24px; padding:8px 16px; border-radius:2px; border:none; color:white; } component-row{ display:block; margin-left:-12px; margin-right:-12px; padding-left:12px; padding-right:12px; padding-bottom:0.1px; margin-bottom:16px; } @media (min-width: 768px){ component-row{ margin-left:-16px; margin-right:-16px; } } @media (min-width: 768px){ component-row{ padding-left:16px; padding-right:16px; } } component-row[show-deck] widget-article .deck{ display:block !important; } component-row .auxiliar-item{ margin-bottom:16px; } component-row .starred .main > *, component-row .starred .aux > *{ margin-bottom:16px; } component-row x-carousel.component-row-slider{ margin-bottom:16px; } component-row x-carousel.component-row-slider .x-carousel-content{ margin:0 calc(-1 * var(--spacing-horizontal)); padding-right:var(--spacing-horizontal); } @media (min-width: 768px){ component-row x-carousel.component-row-slider .x-carousel-content::before{ content:'\A'; position:absolute; top:0; right:calc(-1 * var(--spacing-horizontal)); width:var(--spacing-horizontal); bottom:0; background:linear-gradient(-90deg, var(--background-color), transparent); } component-row x-carousel.component-row-slider .x-carousel-content::after{ content:'\A'; position:absolute; top:0; left:calc(-1 * var(--spacing-horizontal)); width:var(--spacing-horizontal); bottom:0; background:linear-gradient(90deg, var(--background-color), transparent); } } component-row x-carousel.component-row-slider .x-carousel-content .item{ width:80%; padding-left:var(--spacing-horizontal); } component-row x-carousel.component-row-slider .x-carousel-content .end{ width:var(--spacing-horizontal); } @media (min-width: 768px){ component-row[columns="3"] x-carousel.component-row-slider .x-carousel-content .item{ width:33.3333%; } component-row[columns="4"] x-carousel.component-row-slider .x-carousel-content .item{ width:25%; } component-row[columns="5"] x-carousel.component-row-slider .x-carousel-content .item{ width:20%; } component-row[columns="6"] x-carousel.component-row-slider .x-carousel-content .item{ width:16,666666%; } component-row .starred{ margin-left:-12px; margin-right:-12px; display:flex; padding:0 8px; } component-row .starred .main{ width:66.6666%; padding:0 8px; } component-row .starred .aux{ width:33.3333%; padding:0 8px; display:flex; flex-direction:column; } component-row .starred .aux > *{ flex-grow:1; flex-shrink:1; flex-basis:1px; position:relative; } component-row .starred .aux a{ position:static; } component-row .starred .aux widget-article{ display:flex; flex-direction:column; position:absolute; top:0; bottom:0; left:0; right:0; } component-row .starred .aux widget-article .photo{ padding-bottom:0; flex-grow:1; } component-row .starred .aux widget-article .detail{ flex-grow:0; } component-row .starred[length="1"] .main{ width:100%; } component-row .starred[length="1"] .aux{ display:none; } component-row .starred[length="4"] .aux > div + div, component-row .starred[length="5"] .aux > div + div{ border-top:1px solid #eeeeed; } component-row .starred[length="4"] .aux widget-article .photo, component-row .starred[length="5"] .aux widget-article .photo{ display:none; } component-row .starred[length="4"] .aux widget-article .detail, component-row .starred[length="5"] .aux widget-article .detail{ flex-grow:1; } component-row[data-layout="STARRED_REVERSE"] .starred{ flex-direction:row-reverse; } } @media (min-width: 768px) and (min-width: 768px){ component-row .starred{ margin-left:-16px; margin-right:-16px; } } component-row .items{ display:flex; flex-wrap:wrap; margin:0 -8px; } component-row .items > *{ width:100%; padding:0 8px; margin-bottom:16px; } @media (min-width: 768px){ component-row .items[length="2"] > *{ width:50%; } component-row .items[length="3"] > *{ width:33.3333%; } component-row .items[length="4"] > *{ width:25%; } component-row .items[length="4"] > * widget-article .title{ font-size:16px; } component-row .items[length="4"] > * widget-article .deck{ font-size:12px; } component-row .items[length="5"] > *{ width:20%; } component-row .items[length="5"] > * widget-article .title{ font-size:14px; } component-row .items[length="5"] > * widget-article .deck{ display:none; } component-row .items[length="6"] > *{ width:16.6666%; } component-row .items[length="6"] > * widget-article .title{ font-size:14px; } component-row .items[length="6"] > * widget-article .deck{ display:none; } } component-section{ display:block; margin-left:-12px; margin-right:-12px; margin-top:16px; margin-bottom:16px; } @media (min-width: 768px){ component-section{ margin-left:-16px; margin-right:-16px; } } component-section title-header{ margin:0 16px; } @media (max-width: 768px){ component-section .aux-main-title, component-section hr{ display:none; } component-section .items{ padding-left:12px; padding-right:12px; } } @media (max-width: 768px) and (min-width: 768px){ component-section .items{ padding-left:16px; padding-right:16px; } } @media (min-width: 768px){ component-section{ } component-section > .items{ display:flex; padding:0 8px; } component-section > .items widget-article .deck{ display:none !important; } component-section > .items > .main{ width:66.6666%; padding:0 8px; } component-section > .items > .main widget-article .title{ font-size:26px; line-height:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; padding-top:1.875px; padding-bottom:1.875px; max-height:calc(30px * 2 + 30px/8); } component-section > .items > .main widget-article .photo{ padding:0; height:360px; } component-section > .items > .aux{ width:33.3333%; padding:0 8px; } component-section > .items > .aux .aux-main-title{ font-size:30px; line-height:34px; margin:8px 0; font-weight:bold; } component-section > .items > .aux widget-article .photo{ padding:0; height:138px; } component-section[length="1"] > .items > .main .title, component-section[length="2"] > .items > .main .title{ display:none; } component-section[length="2"] .aux-main-title-content{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; padding-top:2.125px; padding-bottom:2.125px; max-height:calc(34px * 3 + 34px/8); } component-section:not([length="1"]):not([length="2"]) .aux-main-title{ display:none; } component-section[length="4"] .aux .aux-item:not(:last-child) widget-article::after{ content:'\A'; height:1px; display:block; background-color:black; margin:16px 0; } component-section[length="4"] .aux widget-article .photo{ display:none; } component-section[length="4"] .aux widget-article .title{ font-size:22px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:24px; overflow:hidden; padding-top:0.1875; padding-bottom:0.1875; max-height:calc(3 * 24px + 3/8); } } -component-section{ display:block; margin-left:-12px; margin-right:-12px; } @media (min-width: 768px){ -component-section{ margin-left:-16px; margin-right:-16px; } } -component-section > .head{ text-transform:uppercase; font-size:30px; font-weight:bold; padding:12px 16px; line-height:1; } -component-section widget-articlee .kicker{ } -component-section widget-articlee .detail{ position:absolute; bottom:0; left:0; right:0; padding:8px; } -component-section widget-articlee .title{ text-transform:initial; } -component-section widget-articlee .overlay{ background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent 70%); } -component-section widget-articlee football-game-front{ display:none; } -component-section .items{ background-color:rgba(255, 255, 255, 0.3); } -component-section .items > .aux{ padding:8px; } -component-section .items .aux-item{ padding:8px; } -component-section .aux > a{ display:none; } @media (max-width: 768px){ -component-section .items > .main widget-article .photo{ padding:0; height:300px; } } @media (min-width: 768px){ -component-section .aux > *{ display:block; height:100%; } -component-section .aux widget-article{ height:100%; } -component-section .items .main widget-article .detail{ padding:16px !important; } -component-section .items .main widget-article .title{ font-size:24px !important; } -component-section:not([length="1"]) .items{ display:flex; position:relative; } -component-section:not([length="1"]) .items .main{ width:70%; } -component-section:not([length="1"]) .items .aux{ width:calc(30% - 0px); position:absolute; height:calc(100% - 0px); right:0; } -component-section:not([length="1"]) .items .aux .aux-item{ } -component-section:not([length="1"]) .items .aux .aux-item .photo{ display:block; } -component-section:not([length="1"]) .items .aux .aux-item .title{ } -component-section:not([length="1"]) .items .aux .photo{ padding:64px; } -component-section[length="2"] .main .title{ display:none; } -component-section[length="2"] .aux > a{ display:block; height:50%; } -component-section[length="2"] .aux-main-title{ display:block; padding:8px; height:100%; } -component-section[length="2"] .aux-main-title .aux-main-title-content{ font-size:30px; font-weight:bold; line-height:34px; max-height:calc(34px * 5); height:100%; overflow:hidden; border-bottom:1px solid white; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; } -component-section[length="2"] .aux-item{ height:50%; } -component-section[length="3"] .aux-item{ height:50%; } -component-section[length="4"] .main widget-article .photo{ padding-bottom:70% !important; } -component-section[length="4"] .aux-item{ height:33.3333%; } } component-headline{ display:block; overflow:hidden; } component-headline .items{ margin:0 -8px; } component-headline .items .item{ padding:0 8px; margin-bottom:16px; } component-headline[show-deck] widget-article .deck{ display:block; } @media (min-width: 768px){ component-headline widget-article .title{ font-size:24px; } component-headline .items{ display:flex; } component-headline .items .item{ flex-grow:1; width:0; } } body[my-unresolved] component-slider paper-carousel, body[my-unresolved] component-row[data-layout="SLIDER"] paper-carousel{ display:flex; overflow:hidden; } body[my-unresolved] component-slider paper-carousel > *, body[my-unresolved] component-row[data-layout="SLIDER"] paper-carousel > *{ width:50%; } body[my-unresolved] component-slider paper-carousel[items="3"] > *, body[my-unresolved] component-row[data-layout="SLIDER"] paper-carousel[items="3"] > *{ width:33.3333%; } body[my-unresolved] component-slider paper-carousel[items="4"] > *, body[my-unresolved] component-row[data-layout="SLIDER"] paper-carousel[items="4"] > *{ width:25%; } body[my-unresolved] component-slider paper-carousel[items="5"] > *, body[my-unresolved] component-row[data-layout="SLIDER"] paper-carousel[items="5"] > *{ width:20%; } body[my-unresolved] component-slider paper-carousel > *, body[my-unresolved] component-row[data-layout="SLIDER"] paper-carousel > *{ flex-shrink:0; flex-grow:0; } @media (max-width: 768px){ body[my-unresolved] component-slider paper-carousel > *, body[my-unresolved] component-row[data-layout="SLIDER"] paper-carousel > *{ width:75% !important; } } component-html{ display:block; margin:16px 0; overflow:hidden; } page-search .container{ padding-top:16px; padding-bottom:16px; } page-search .filters{ display:flex; flex-wrap:wrap; padding-top:8px; } page-search .filters .filter{ background-color:black; color:white; font-size:13px; text-transform:uppercase; padding:8px; border-radius:2px; margin:0 8px 8px 0; cursor:pointer; } page-search .filters .filter::after{ content:'x'; padding:0 8px; font-weight:bold; } page-search h1{ } page-search form{ display:flex; height:48px; } page-search form input[type="text"]{ width:0; flex-grow:1; font-size:24px; border:1px solid #CCC; margin-right:4px; border-radius:2px; padding:0 16px; } page-search form button{ background:none; border:1px solid #CCC; font-size:19px; padding:0 16px; color:#555; border-radius:2px; } page-search .item{ margin:32px 0; display:flex; } page-search .item img{ display:none; width:128px; height:96px; font-family:"object-fit:cover"; object-fit:cover; } page-search .item .detail .date{ text-transform:uppercase; font-size:13px; } page-search .item .detail .title{ font-weight:bold; font-size:22px; } page-search .item .detail .deck{ font-size:15px; } @media (min-width: 768px){ page-search .item img{ display:block; } page-search .item .detail{ padding:4px 16px; } } page-search .empty{ text-align:center; color:#333; padding:64px 0; } page-search .block-author{ display:flex; margin-bottom:16px; border:1px solid #ddd; border-radius:2px; } page-search .block-author img{ width:128px; height:128px; font-family:"object-fit:cover"; object-fit:cover; display:block; } page-search .block-author .detail{ flex-grow:1; padding:16px; } page-search .block-author .detail .name{ font-size:24px; font-weight:bold; } page-error{ display:block; text-align:center; padding:128px 0; color:#747474; font-size:24px; } page-error img{ display:block; height:64px; margin:32px auto; filter:grayscale(1) brightness(1); } .btn{ width:100%; color:white; border:none; border-radius:2px; text-transform:uppercase; font-weight:bold; font-size:18px; padding:8px; } frame-pages, frame-page{ display:block; } view-gallery{ display:block; overflow:hidden; background-color:#333; height:80vh; } view-gallery x-multimedia-container .description{ pointer-events:none; opacity:1; transition:all 0.2s ease-in; } view-gallery x-multimedia-container:hover .description{ opacity:0; } view-gallery x-multimedia, view-gallery x-multimedia-html, view-gallery x-multimedia-container, view-gallery x-multimedia-raw, view-gallery x-player, view-gallery .wrapper, view-gallery .content{ display:block; padding:0 !important; height:100%; position:relative; } view-gallery x-multimedia-raw[set-size] .content{ position:relative; } view-gallery x-multimedia-raw[set-size] .content > *{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; } view-gallery .description{ position:absolute; width:100%; bottom:0; left:0; right:0; color:white !important; background-image:linear-gradient(transparent, rgba(0, 0, 0, 0.5)); white-space:normal; padding-left:12px !important; padding-right:12px !important; } view-gallery .l2t-paper-slider-0 .slider__dots.l2t-paper-slider{ bottom:auto; top:5%; } view-gallery paper-slide{ position:relative; } page-macro .wrapper{ display:flex; flex-wrap:wrap; margin:0 -8px; } page-macro .wrapper > *{ margin:0 8px; padding:16px 0; width:calc(50% - 16px); flex-grow:1; min-width:300px; } page-macro view-macro{ display:block; border:1px solid #eee; border-radius:2px; } page-macro view-macro .loading{ text-transform:uppercase; color:#747474; font-size:14px; text-align:center; padding:32px 0; } page-macro-embed view-macro{ border:1px solid #eee; border-radius:2px; } .loader, .loader:before, .loader:after{ background:#ffffff; -webkit-animation:load1 1s infinite ease-in-out; animation:load1 1s infinite ease-in-out; width:1em; height:4em; } .loader{ filter:drop-shadow(2px 4px 6px black); color:#ffffff; text-indent:-9999em; margin:88px auto; position:relative; font-size:11px; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); -webkit-animation-delay:-0.16s; animation-delay:-0.16s; } .loader:before, .loader:after{ position:absolute; top:0; content:''; } .loader:before{ left:-1.5em; -webkit-animation-delay:-0.32s; animation-delay:-0.32s; } .loader:after{ left:1.5em; } @-webkit-keyframes load1{ 0%, 80%, 100%{ box-shadow:0 0; height:4em; } 40%{ box-shadow:0 -2em; height:5em; } } @keyframes load1{ 0%, 80%, 100%{ box-shadow:0 0; height:4em; } 40%{ box-shadow:0 -2em; height:5em; } } body[my-unresolved] x-multimedia{ position:relative; } body[my-unresolved] x-multimedia .loader-wrapper:not([fullbleed]){ padding-bottom:56.25%; } body[my-unresolved] x-multimedia .loader{ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; } body[my-unresolved] x-multimedia[type="video"]{ background-color:black; } body[my-unresolved] x-multimedia:not([type="video"]) .loader, body[my-unresolved] x-multimedia:not([type="video"]) .loader:before, body[my-unresolved] x-multimedia:not([type="video"]) .loader:after{ color:black; background-color:black; } x-multimedia, x-multimedia-raw{ display:block; } x-multimedia-container .picture-container .overlay{ background:rgba(255, 255, 255, 0.75); } @media (prefers-color-scheme: dark){ x-multimedia-container .picture-container .overlay{ background:rgba(0, 0, 0, 0.75); } } x-multimedia-container .description{ color:#747474; font-size:13px; padding:8px 0; text-overflow:ellipsis; overflow:hidden; } x-multimedia-container .loader{ margin:auto; position:absolute; top:0; right:0; left:0; bottom:0; } x-multimedia-container x-multimedia-raw{ } x-multimedia-container x-multimedia-raw img{ display:block; width:100%; } x-multimedia-container x-multimedia-raw:not([set-size]) .loader, x-multimedia-container x-multimedia-raw:not([set-size]) .loader:before, x-multimedia-container x-multimedia-raw:not([set-size]) .loader:after{ color:black; background-color:black; } x-multimedia-container x-multimedia-raw[set-size] .content{ position:relative; padding-bottom:56.25%; } x-multimedia-container x-multimedia-raw[set-size] .content > *{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; } x-multimedia-container x-multimedia-raw[set-size] .wrapper{ background-color:black; position:relative; } @media (max-width: 768px){ x-multimedia-container x-multimedia-raw[set-size] .wrapper{ margin-left:-12px; margin-right:-12px; } } @media (max-width: 768px) and (min-width: 768px){ x-multimedia-container x-multimedia-raw[set-size] .wrapper{ margin-left:-16px; margin-right:-16px; } } x-multimedia-container .player-container{ padding-bottom:56.25%; position:relative; min-height:360px; } x-multimedia-container .player-container x-player{ background:black; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; } x-multimedia-container[fullbleed]{ position:static; } x-multimedia-container[fullbleed] x-multimedia-raw, x-multimedia-container[fullbleed] .wrapper, x-multimedia-container[fullbleed] .content, x-multimedia-container[fullbleed] .player-container{ position:static !important; padding:0 !important; } x-multimedia-container[fullbleed] x-multimedia-raw .picture-container img{ left:0; position:absolute; top:0; bottom:0; right:0; font-family:"object-fit:contain"; object-fit:contain; height:100%; width:100%; } x-floating{ --top-fixed-up:90px; --top-fixed-down:16px; position:relative; display:block; height:100%; } x-floating[size="BIGGER"]{ overflow:hidden; } x-floating::-webkit-scrollbar-track{ -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3); background-color:#F5F5F5; } x-floating::-webkit-scrollbar{ width:4px; background-color:#F5F5F5; } x-floating::-webkit-scrollbar-thumb{ background-color:#747474; } x-floating x-floating-content{ display:block; position:relative; will-change:transform; } x-floating[status="TOP"] x-floating-content{ position:absolute; top:0; } x-floating[status="BOTTOM"] x-floating-content{ position:absolute; bottom:0; } x-floating[status="BOTTOMFIXED"] x-floating-content{ position:fixed; bottom:0; } x-floating[status="TOPFIXED"] x-floating-content{ position:fixed; top:0px; } x-floating[status="MIDDLE"] x-floating-content{ position:absolute; } @media (max-width: 768px){ x-floating[status] x-floating-content{ position:static; } x-floating[size="BIGGER"]{ overflow:initial; } } share-button-set{ opacity:0; transition:opacity 0.2s ease-in; } body:not([my-unresolved]) share-button-set{ opacity:1; } body[my-unresolved] page-article-survey{ display:block; height:200px; } page-article-survey .loader{ margin:auto; position:absolute; top:0; right:0; left:0; bottom:0; color:#747474; } page-article-survey .loader, page-article-survey .loader:before, page-article-survey .loader:after{ background-color:#747474; } view-offline{ padding:8px 16px; background:#d32f2f; color:white; text-transform:uppercase; font-size:14px; font-weight:bold; text-align:center; box-shadow:0 2px 4px grey; display:none; } body.offline view-offline{ display:block; } body.debugging [data-tadevel-template]{ border:4px solid blue; } body.debugging [data-tadevel-template] .hint{ position:absolute; top:0; left:0; color:blue; text-transform:uppercase; font-weight:bold; background:white; font-size:12px; } view-weather, paper-icon-button{ transition:opacity 0.2s ease-in; } x-carousel{ position:relative; display:block; } x-carousel .x-carousel-content{ display:flex; flex-direction:row; -ms-scroll-snap-type:x mandatory; scroll-snap-type:x mandatory; overflow-x:scroll; overflow-y:hidden; padding-bottom:4px; } x-carousel .x-carousel-content::-webkit-scrollbar{ width:2px; height:2px; } x-carousel .x-carousel-content::-webkit-scrollbar-track{ background:rgba(0, 0, 0, 0.1); } x-carousel .x-carousel-content::-webkit-scrollbar-thumb{ background:rgba(0, 0, 0, 0.5); } x-carousel .x-carousel-content > *{ flex-shrink:0; scroll-snap-align:start; } #onesignal-popover-container{ z-index:3 !important; } view-firebase-prompt{ will-change:transform; top:initial; bottom:0; transition:transform 0.2s ease-in; transform:translateY(100%); filter:none; } view-firebase-prompt[shown]{ filter:drop-shadow(0px 2px 4px #00000088); transform:translateY(0); } @media (min-width: 768px){ view-firebase-prompt{ top:0; bottom:initial; transform:translateY(-100%); } view-firebase-prompt[shown]{ filter:drop-shadow(0px -2px 4px #00000088); transform:translateY(0); } } body[my-unresolved] view-weather, body[my-unresolved] paper-icon-button{ opacity:0; } [data-widget-id="5d4ee1c08d4d6c1889e732f9"] input, [data-widget-id="5d4ee1c08d4d6c1889e732f9"] button, [data-widget-id="5d4ee1c08d4d6c1889e732f9"] select{ display:block; } [data-widget-id="5d4ee1c08d4d6c1889e732f9"] input, [data-widget-id="5d4ee1c08d4d6c1889e732f9"] select{ border:1px solid #CCC; background:transparent; width:100%; padding:4px 8px; margin:8px 0; } [data-widget-id="5d4ee1c08d4d6c1889e732f9"] button{ border:none; color:white; padding:8px 16px; border-radius:4px; text-transform:uppercase; font-weight:bold; width:100%; } [data-widget-id="5d4ee1c08d4d6c1889e732f9"] .page{ display:none; } [data-widget-id="5d4ee1c08d4d6c1889e732f9"]:not([data-page]) #pageForm{ display:block; } [data-widget-id="5d4ee1c08d4d6c1889e732f9"][data-page="captcha"] #pageCaptcha{ display:block; } [data-widget-id="5d4ee1c08d4d6c1889e732f9"][data-page="results"] #pageResults{ display:block; } [data-widget-id="5d4ee1c08d4d6c1889e732f9"] .by{ font-size:12px; text-transform:uppercase; display:flex; align-items:center; margin:8px 0; } [data-widget-id="5d4ee1c08d4d6c1889e732f9"] .by img{ height:24px; margin-left:8px; } [data-widget-id="5d5025588d4d6c1889e7a5ab"]{ display:block; font-family:'Roboto'; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] h1{ margin-bottom:0; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] h2{ font-size:18px; font-weight:bold; margin:0; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] h3{ margin:0; text-transform:uppercase; font-weight:bold; font-size:14px; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones{ display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:8px; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones-item{ width:112px; text-align:center; padding:8px 0; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones-item.grayscale .elecciones-photo img{ filter:grayscale(1); } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones-photo{ position:relative; width:108px; height:108px; margin:0 auto 8px; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones-photo progress-ring{ position:absolute; top:0; right:0; bottom:0; left:0; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones-photo img{ display:block; width:100%; height:100%; padding:8px; font-family:"object-fit:cover"; object-fit:cover; border-radius:100px; position:absolute; top:0; right:0; bottom:0; left:0; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones-photo .symbol{ font-size:40px; font-weight:bold; position:absolute; right:0; bottom:0; color:white; width:48px; height:48px; line-height:52px; border-radius:50px; filter:drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.5)); } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones-party{ font-size:11px; font-family:'Roboto Condensed'; font-weight:normal; font-stretch:condensed; text-transform:uppercase; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones-name{ font-weight:bold; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones-percent{ font-weight:bold; font-size:24px; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .by{ font-size:12px; text-transform:uppercase; display:flex; align-items:center; margin:8px 0; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .by img{ height:24px; margin-left:8px; } @media (min-width: 480px){ [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones-item:nth-child(n+9){ display:none; } } @media (max-width: 480px){ [data-widget-id="5d5025588d4d6c1889e7a5ab"]{ } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones-item{ width:50%; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones-item:nth-child(n+3){ width:33.3333%; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones-item:nth-child(n+3) .elecciones-photo{ zoom:0.5; } [data-widget-id="5d5025588d4d6c1889e7a5ab"] .elecciones-item:nth-child(n+3) .elecciones-percent{ font-size:20px; } } [data-widget-id="5d50256a8d4d6c1889e7a5c5"]{ display:block; font-family:'Roboto'; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] h1{ margin-bottom:0; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] h2{ font-size:18px; font-weight:bold; margin:0; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] h3{ margin:0; text-transform:uppercase; font-weight:bold; font-size:14px; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .elecciones{ display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:8px; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .elecciones-item{ width:112px; text-align:center; padding:8px 0; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .elecciones-item.grayscale .elecciones-photo img{ filter:grayscale(1); } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .elecciones-photo{ position:relative; width:108px; height:108px; margin:0 auto 8px; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .elecciones-photo progress-ring{ position:absolute; top:0; right:0; bottom:0; left:0; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .elecciones-photo img{ display:block; width:100%; height:100%; padding:8px; font-family:"object-fit:cover"; object-fit:cover; border-radius:100px; position:absolute; top:0; right:0; bottom:0; left:0; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .elecciones-photo .symbol{ font-size:40px; font-weight:bold; position:absolute; right:0; bottom:0; color:white; width:48px; height:48px; line-height:52px; border-radius:50px; filter:drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.5)); } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .elecciones-party{ font-size:11px; font-family:'Roboto Condensed'; font-weight:normal; font-stretch:condensed; text-transform:uppercase; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .elecciones-name{ font-weight:bold; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .elecciones-percent{ font-weight:bold; font-size:24px; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .by{ font-size:12px; text-transform:uppercase; display:flex; align-items:center; margin:8px 0; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .by img{ height:24px; margin-left:8px; } @media (max-width: 480px){ [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .elecciones-item{ width:50%; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .elecciones-item:nth-child(n+3){ width:33.3333%; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .elecciones-item:nth-child(n+3) .elecciones-photo{ zoom:0.5; } [data-widget-id="5d50256a8d4d6c1889e7a5c5"] .elecciones-item:nth-child(n+3) .elecciones-percent{ font-size:20px; } } [data-widget-id="5d50257e8d4d6c1889e7a5ef"]{ display:block; font-family:'Roboto'; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] h1{ margin-bottom:0; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] h2{ font-size:18px; font-weight:bold; margin:0; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] h3{ margin:0; text-transform:uppercase; font-weight:bold; font-size:14px; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .elecciones{ display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:8px; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .elecciones-item{ width:112px; text-align:center; padding:8px 0; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .elecciones-item.grayscale .elecciones-photo img{ filter:grayscale(1); } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .elecciones-photo{ position:relative; width:108px; height:108px; margin:0 auto 8px; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .elecciones-photo progress-ring{ position:absolute; top:0; right:0; bottom:0; left:0; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .elecciones-photo img{ display:block; width:100%; height:100%; padding:8px; font-family:"object-fit:cover"; object-fit:cover; border-radius:100px; position:absolute; top:0; right:0; bottom:0; left:0; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .elecciones-photo .symbol{ font-size:40px; font-weight:bold; position:absolute; right:0; bottom:0; color:white; width:48px; height:48px; line-height:52px; border-radius:50px; filter:drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.5)); } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .elecciones-party{ font-size:11px; font-family:'Roboto Condensed'; font-weight:normal; font-stretch:condensed; text-transform:uppercase; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .elecciones-name{ font-weight:bold; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .elecciones-percent{ font-weight:bold; font-size:24px; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .by{ font-size:12px; text-transform:uppercase; display:flex; align-items:center; margin:8px 0; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .by img{ height:24px; margin-left:8px; } @media (max-width: 480px){ [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .elecciones-item:nth-child(n+7){ display:none; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .elecciones-item{ width:33.3333%; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .elecciones-item:nth-child(n+4) .elecciones-photo{ zoom:0.5; } [data-widget-id="5d50257e8d4d6c1889e7a5ef"] .elecciones-item:nth-child(n+4) .elecciones-percent{ font-size:20px; } }