') no-repeat center / 30px 24px transparent; border:0; cursor:pointer; margin:auto; padding:0; width:64px; height:64px; } [data-tadevel-template="web/frame-nav"].top-nav .top-nav-left-bar{ position:absolute; left:0; top:0; bottom:0; display:flex; align-items:center; } [data-tadevel-template="web/frame-nav"].top-nav .top-nav-right-bar{ position:absolute; right:0; top:0; bottom:0; display:none; } [data-tadevel-template="web/frame-nav"].top-nav .center-bar{ position:absolute; top:0; right:64px; bottom:0; left:64px; text-align:center; } [data-tadevel-template="web/frame-nav"].top-nav .center-bar a{ display:block; height:100%; } [data-tadevel-template="web/frame-nav"].top-nav .center-bar a .logo{ position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto; --object-fit:contain; } @media (prefers-color-scheme: dark){ body[data-dark-available] [data-tadevel-template="web/frame-nav"].top-nav{ background-color:black; color:var(--primary-text-color); } body[data-dark-available] [data-tadevel-template="web/frame-nav"].top-nav .hamburger{ filter:contrast(0) brightness(2); } } @media print{ [data-tadevel-template="web/frame-nav"].top-nav .top-nav-left-bar, [data-tadevel-template="web/frame-nav"].top-nav .top-nav-right-bar{ display:none; } } [data-tadevel-template="web/frame-nav"].nav-hidden{ transform:translateY(-100%) translateY(-4px); } *{ box-sizing:border-box; } body{ --primary-background-color:#ffffff; --primary-text-color:#212121; --secondary-background-color:#eeeeee; --secondary-text-color:#6c6c6c; --primary-safe30-color:#26A680; --primary-safe45-color:#1E8466; --primary-safe71-color:#17634C; --accent-safe30-color:#26A680; --accent-safe45-color:#1E8466; --accent-safe71-color:#17634C; word-wrap:break-word; background-color:var(--primary-background-color); color:var(--primary-text-color); --spacing-horizontal:12px; --primary-color:#2ab78d; --primary-contrast-color:#212121; --accent-color:#2ab78d; --accent-contrast-color:#212121; --error-color:#dd2c00; } @media (min-width: 768px){ body{ --spacing-horizontal:16px; } } @media (prefers-color-scheme: dark){ body[data-dark-available]{ --primary-background-color:#212121; --primary-text-color:#ffffff; --secondary-background-color:black; --secondary-text-color:#acacac; --primary-safe30-color:#2AB78D; --primary-safe45-color:#2AB78D; --primary-safe71-color:#2DC497; --accent-safe30-color:#2AB78D; --accent-safe45-color:#2AB78D; --accent-safe71-color:#2DC497; } } body{ margin:0; --object-fit:contain; --object-position:center; } a, a:hover, a:active{ text-decoration:inherit; color:inherit; } img{ object-fit:var(--object-fit); object-position:var(--object-position); } img.emoji{ height:1em; width:1em; margin:0 0.05em 0 0.1em; vertical-align:-0.1em; } img[lazy-src]:not([alt=""]), img[lazy-srcset]:not([alt=""]), source[lazy-src] + img:not([alt=""]), source[lazy-srcset] + img:not([alt=""]){ opacity:0; } amp-img .amp-active{ display:none; } iframe[id^="google_ads_iframe_"]{ display:block; margin:auto; } .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:calc(-1 * var(--spacing-horizontal)); margin-right:calc(-1 * var(--spacing-horizontal)); } .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; } } .centered-content{ text-align:center; } .centered-content > div{ display:block !important; margin:auto !important; text-align:center; } @media (min-width: 768px){ .page-content{ border-left:1px solid #eee; border-right:1px solid #eee; } } @media (prefers-color-scheme: dark){ html[data-dark-available] .page-content{ border-color:black; } } .columns{ position:relative; margin-left:calc(-1 * var(--spacing-horizontal)); margin-right:calc(-1 * var(--spacing-horizontal)); } .columns .column-main{ padding:16px var(--spacing-horizontal) 0; margin:0; } @media (min-width: 970px){ .columns .column-main{ width:calc(100% - 300px - var(--spacing-horizontal) - var(--spacing-horizontal)); } } .columns .column-aux{ padding:16px var(--spacing-horizontal) 0; } .columns .column-aux > *{ margin-bottom:16px; } @media (min-width: 970px){ .columns .column-aux{ width:300px; box-sizing:content-box; } } @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: 1024px){ .container{ width:calc(970px + 16px + 16px); } } title-header, .title-header{ display:block; text-transform:uppercase; font-weight:600; font-size:28px; line-height:1.8; } .photo{ padding-bottom:56.25%; position:relative; background-size:cover; background-position:center; } #frame-content > .frame-separator{ height:8px; background-color:var(--secondary-background-color); } #frame-content > .frame-loading::before{ display:block; content:'Cargando contenido...'; text-align:center; padding:64px 64px 512px; color:var(--secondary-text-color); text-transform:uppercase; font-size:16px; } share-button-set{ opacity:0; transition:opacity 0.2s ease-in; } body:not([my-unresolved]) share-button-set{ opacity:1; } 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; } x-carousel{ position:relative; display:block; } x-carousel .x-carousel-content{ width:100%; 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, view-install-prompt{ will-change:transform; top:initial; bottom:0; transition:transform 0.2s ease-in; transform:translateY(100%); filter:none; } view-firebase-prompt[shown], view-install-prompt[shown]{ filter:drop-shadow(0px 2px 4px #00000088); transform:translateY(0); } @media (min-width: 768px){ view-firebase-prompt, view-install-prompt{ top:0; bottom:initial; transform:translateY(-100%); } view-firebase-prompt[shown], view-install-prompt[shown]{ filter:drop-shadow(0px -2px 4px #00000088); transform:translateY(0); } } [data-tadevel-template="web/front"] component-html{ display:block; margin:16px 0; } [data-tadevel-template="web/front"] component-row{ display:block; padding-bottom:0.1px; margin-bottom:16px; } [data-tadevel-template="web/front"] component-row[show-deck] widget-article .deck{ display:block !important; } [data-tadevel-template="web/front"] component-row .auxiliar-item{ margin-bottom:16px; } [data-tadevel-template="web/front"] component-row .starred .main > *, [data-tadevel-template="web/front"] component-row .starred .aux > *{ margin-bottom:16px; } [data-tadevel-template="web/front"] component-row x-carousel.component-row-slider{ margin-bottom:16px; } [data-tadevel-template="web/front"] component-row x-carousel.component-row-slider .x-carousel-content{ width:auto; margin:0 calc(-1 * var(--spacing-horizontal)); padding-right:var(--spacing-horizontal); } @media (min-width: 768px){ [data-tadevel-template="web/front"] 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); } [data-tadevel-template="web/front"] 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); } } [data-tadevel-template="web/front"] component-row x-carousel.component-row-slider .x-carousel-content .item{ width:80%; padding-left:var(--spacing-horizontal); } [data-tadevel-template="web/front"] component-row x-carousel.component-row-slider .x-carousel-content .end{ width:var(--spacing-horizontal); } [data-tadevel-template="web/front"] component-row[data-as-stories] x-carousel.component-row-slider .x-carousel-content .item{ width:60%; } @media (min-width: 768px){ [data-tadevel-template="web/front"] component-row[columns="2"] x-carousel.component-row-slider .x-carousel-content .item{ width:50%; } [data-tadevel-template="web/front"] component-row[columns="3"] x-carousel.component-row-slider .x-carousel-content .item{ width:33.3333%; } [data-tadevel-template="web/front"] component-row[columns="4"] x-carousel.component-row-slider .x-carousel-content .item{ width:25%; } [data-tadevel-template="web/front"] component-row[columns="5"] x-carousel.component-row-slider .x-carousel-content .item{ width:20%; } [data-tadevel-template="web/front"] component-row[columns="6"] x-carousel.component-row-slider .x-carousel-content .item{ width:16,666666%; } [data-tadevel-template="web/front"] component-row .starred{ margin-left:calc(-0.5 * var(--spacing-horizontal)); margin-right:calc(-0.5 * var(--spacing-horizontal)); display:flex; } [data-tadevel-template="web/front"] component-row .starred .main{ width:66.6666%; padding:0 calc(0.5 * var(--spacing-horizontal)); } [data-tadevel-template="web/front"] component-row .starred .aux{ width:33.3333%; padding:0 calc(0.5 * var(--spacing-horizontal)); display:flex; flex-direction:column; } [data-tadevel-template="web/front"] component-row .starred .aux > *{ flex-grow:1; flex-shrink:1; flex-basis:1px; position:relative; } [data-tadevel-template="web/front"] component-row .starred .aux a{ position:static; } [data-tadevel-template="web/front"] component-row .starred .aux widget-article{ display:flex; flex-direction:column; position:absolute; top:0; bottom:0; left:0; right:0; } [data-tadevel-template="web/front"] component-row .starred .aux widget-article .photo{ padding-bottom:0; flex-grow:1; } [data-tadevel-template="web/front"] component-row .starred .aux widget-article .detail{ flex-grow:0; } [data-tadevel-template="web/front"] component-row .starred[length="1"] .main{ width:100%; } [data-tadevel-template="web/front"] component-row .starred[length="1"] .aux{ display:none; } [data-tadevel-template="web/front"] component-row .starred[length="4"] .aux > div + div, [data-tadevel-template="web/front"] component-row .starred[length="5"] .aux > div + div{ border-top:1px solid #eeeeed; } [data-tadevel-template="web/front"] component-row .starred[length="4"] .aux widget-article .photo, [data-tadevel-template="web/front"] component-row .starred[length="5"] .aux widget-article .photo{ display:none; } [data-tadevel-template="web/front"] component-row .starred[length="4"] .aux widget-article .detail, [data-tadevel-template="web/front"] component-row .starred[length="5"] .aux widget-article .detail{ flex-grow:1; } [data-tadevel-template="web/front"] component-row[data-layout="STARRED_REVERSE"] .starred{ flex-direction:row-reverse; } } [data-tadevel-template="web/front"] component-row .items{ display:flex; flex-wrap:wrap; margin-left:calc(-0.5 * var(--spacing-horizontal)); margin-right:calc(-0.5 * var(--spacing-horizontal)); } [data-tadevel-template="web/front"] component-row .items > *{ width:100%; padding:0 calc(0.5 * var(--spacing-horizontal)); margin-bottom:16px; } @media (min-width: 768px){ [data-tadevel-template="web/front"] component-row .items[length="2"] > *{ width:50%; } [data-tadevel-template="web/front"] component-row .items[length="3"] > *{ width:33.3333%; } [data-tadevel-template="web/front"] component-row .items[length="4"] > *{ width:25%; } [data-tadevel-template="web/front"] component-row .items[length="4"] > * widget-article .title{ font-size:16px; } [data-tadevel-template="web/front"] component-row .items[length="4"] > * widget-article .deck{ font-size:12px; } [data-tadevel-template="web/front"] component-row .items[length="5"] > *{ width:20%; } [data-tadevel-template="web/front"] component-row .items[length="5"] > * widget-article .title{ font-size:14px; } [data-tadevel-template="web/front"] component-row .items[length="5"] > * widget-article .deck{ display:none; } [data-tadevel-template="web/front"] component-row .items[length="6"] > *{ width:16.6666%; } [data-tadevel-template="web/front"] component-row .items[length="6"] > * widget-article .title{ font-size:14px; } [data-tadevel-template="web/front"] component-row .items[length="6"] > * widget-article .deck{ display:none; } } page-front[data-tadevel-template="web/front"], [data-tadevel-template="web/front"][is="page-front"]{ border-top:1px solid transparent; display:block; } page-front[data-tadevel-template="web/front"] .more, [data-tadevel-template="web/front"][is="page-front"] .more{ text-align:center; margin-bottom:16px; } page-front[data-tadevel-template="web/front"] .more button, [data-tadevel-template="web/front"][is="page-front"] .more button{ cursor:pointer; font-size:24px; padding:8px 16px; border-radius:2px; border:none; color:white; } [data-tadevel-template="web/front/row"].front-row{ margin-left:calc(-1 * var(--spacing-horizontal)); margin-right:calc(-1 * var(--spacing-horizontal)); padding-left:calc(1 * var(--spacing-horizontal)); padding-right:calc(1 * var(--spacing-horizontal)); } [data-tadevel-template="web/front/row"].front-row[data-color]{ padding-top:16px; padding-bottom:16px; } [data-tadevel-template="web/front/row"] [class*=paper-carousel_controls_arrow].paper-carousel_controls_arrow--disabled{ display:none; } .front-row[data-color][data-tadevel-template="web/front/row"]{ background-color:var(--row-background-color); color:var(--row-text-color); border-color:var(--row-text-color); } body[my-unresolved] [data-tadevel-template="web/front/row"] .front-row[data-layout="SLIDER"] paper-carousel{ display:flex; overflow:hidden; } body[my-unresolved] [data-tadevel-template="web/front/row"] .front-row[data-layout="SLIDER"] paper-carousel > *{ width:50%; } body[my-unresolved] [data-tadevel-template="web/front/row"] .front-row[data-layout="SLIDER"] paper-carousel[items="3"] > *{ width:33.3333%; } body[my-unresolved] [data-tadevel-template="web/front/row"] .front-row[data-layout="SLIDER"] paper-carousel[items="4"] > *{ width:25%; } body[my-unresolved] [data-tadevel-template="web/front/row"] .front-row[data-layout="SLIDER"] paper-carousel[items="5"] > *{ width:20%; } body[my-unresolved] [data-tadevel-template="web/front/row"] .front-row[data-layout="SLIDER"] paper-carousel > *{ flex-shrink:0; flex-grow:0; } @media (max-width: 768px){ body[my-unresolved] [data-tadevel-template="web/front/row"] .front-row[data-layout="SLIDER"] paper-carousel > *{ width:75% !important; } } [data-tadevel-template="web/multimedia-facade"] .run{ background:none; border:none; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:100%; height:100%; cursor:pointer; padding:0; } [data-tadevel-template="web/multimedia-facade"] .run svg{ fill:var(--accent-color); filter:drop-shadow(2px 4px 6px black); width:96px; height:96px; max-height:100%; } [data-tadevel-template="web/multimedia-iframe"]{ --object-fit:cover; } [data-tadevel-template="web/multimedia-iframe"].backdrop{ background-color:black; } [data-tadevel-template="web/multimedia-iframe"].backdrop .loader{ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; } [data-tadevel-template="web/multimedia"]{ margin:0; } [data-tadevel-template="web/multimedia"] .caption{ padding:8px 0; font-size:0.8em; } [data-tadevel-template="web/multimedia"]:not([data-url*="facebook"]) .sizer[data-sizer="aspect-ratio"]{ height:0; --aspect-ratio-min-height:360px; padding-bottom:min(var(--aspect-ratio-min-height), var(--aspect-ratio, 56.25%)); } @media (min-width: 768px){ [data-tadevel-template="web/multimedia"]:not([data-url*="facebook"]) .sizer[data-sizer="aspect-ratio"]{ --aspect-ratio-min-height:480px; } } [data-tadevel-template="web/multimedia"] .sizer .spinner{ --spinner-color:white; margin:auto; top:0; right:0; bottom:0; left:0; position:absolute; } [data-tadevel-template="web/multimedia"] .sizer .backdrop{ background-color:black; } [data-tadevel-template="web/multimedia"] .sizer tadevel-sandbox iframe{ position:absolute; top:0; right:0; bottom:0; left:0; width:100% !important; height:100% !important; } [data-tadevel-template="web/multimedia"].multimedia[data-type="photo"] amp-img img{ object-fit:contain; } [data-tadevel-template="web/picture"].backdrop{ width:100%; height:100%; background-size:contain; background-position:center; background-repeat:repeat; } picture[data-tadevel-template="web/picture"]{ width:100%; height:100%; } picture[data-tadevel-template="web/picture"] img{ width:auto; max-width:100%; height:100%; display:block; margin:auto; } x-picture-helperpicture[data-tadevel-template="web/picture"]{ pointer-events:none; } amp-img[data-tadevel-template="web/picture"]{ cursor:zoom-in; } [data-tadevel-template="web/toolbar-wrapper"]{ z-index:3; position:fixed; bottom:0; margin:auto; left:0; right:0; background:white; width:100%; filter:drop-shadow(2px 4px 6px black); color:#333; transition:transform 0.2s ease-in; } [data-tadevel-template="web/toolbar-wrapper"] > #view-toolbar-wrapper-content{ position:absolute; top:100%; width:100%; background:white; } [data-tadevel-template="web/toolbar-wrapper"] view-toolbar{ display:block; min-height:48px; } @media (min-width: 768px){ [data-tadevel-template="web/toolbar-wrapper"]{ width:-moz-fit-content; width:fit-content; min-width:480px; } } [data-tadevel-template="web/widget/article"]{ position:relative; } [data-tadevel-template="web/widget/article"] widget-article{ position:relative; display:block; } [data-tadevel-template="web/widget/article"] h2, [data-tadevel-template="web/widget/article"] h3, [data-tadevel-template="web/widget/article"] h4{ margin:0; font-weight:initial; } [data-tadevel-template="web/widget/article"] .kicker{ text-transform:uppercase; color:#747474; font-size:13px; font-weight:bold; } [data-tadevel-template="web/widget/article"] .detail{ padding:8px 0; } [data-tadevel-template="web/widget/article"] .overlay{ position:absolute; top:0; right:0; bottom:0; left:0; } [data-tadevel-template="web/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); } [data-tadevel-template="web/widget/article"] .title{ font-weight:500; font-size:18px; line-height:1.3; } [data-tadevel-template="web/widget/article"] .deck{ display:none; font-size:13px; line-height:1.3; } [data-tadevel-template="web/widget/article"] share-button-set{ position:absolute; right:0; top:0; } [data-tadevel-template="web/widget/article"] .photo .backdrop{ position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover; } [data-tadevel-template="web/widget/article"] .photo picture img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; } [data-tadevel-template="web/widget/article"] .photo{ --object-fit:cover; } [data-tadevel-template="web/widget/article"] .photo video{ position:absolute; } [data-tadevel-template="web/widget/article"] .photo > .football-game{ background-color:rgba(13, 38, 73, 0.66); position:absolute; bottom:0; height:74px; width:100%; } [data-tadevel-template="web/widget/article"] .widget-article-small{ display:flex; margin-bottom:8px; } [data-tadevel-template="web/widget/article"] .widget-article-small .photo{ width:30%; padding:0; } [data-tadevel-template="web/widget/article"] .widget-article-small .detail{ width:70%; padding:4px 12px; } [data-tadevel-template="web/widget/article"] .widget-article-small .title{ font-size:14px; font-weight:normal; line-height:18px; height:calc(18px * 3); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; padding:0; text-transform:initial; } [data-tadevel-template="web/widget/article"] .widget-article-small .deck, [data-tadevel-template="web/widget/article"] .widget-article-small share-button-set, [data-tadevel-template="web/widget/article"] .widget-article-small .kicker, [data-tadevel-template="web/widget/article"] .widget-article-small .overlay, [data-tadevel-template="web/widget/article"] .widget-article-small football-game-front{ display:none !important; } [data-tadevel-template="web/widget/article"] .widget-article-small football-game-front{ display:flex !important; height:100%; padding:8px 0; } [data-tadevel-template="web/widget/article"] .widget-article-small football-game-front .logo{ height:20px; } [data-tadevel-template="web/widget/article"] .widget-article-small football-game-front .scores{ font-size:16px; } [data-tadevel-template="web/widget/article"] .widget-article-small football-game-front .bottom{ display:none; } [data-tadevel-template="web/widget/article"] .video-preview{ position:absolute; top:0; right:0; bottom:0; left:0; 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"] .article-live{ margin-bottom:4px; } [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: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/x-loader"].spinner{ margin:100px auto; max-width:50px; max-height:50px; text-align:center; font-size:10px; display:flex; } [data-tadevel-template="web/x-loader"].spinner > div{ background-color:var(--spinner-color, #333); height:100%; width:6px; display:inline-block; margin:0 4px; -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out; animation:sk-stretchdelay 1.2s infinite ease-in-out; } [data-tadevel-template="web/x-loader"].spinner .rect2{ -webkit-animation-delay:-1.1s; animation-delay:-1.1s; } [data-tadevel-template="web/x-loader"].spinner .rect3{ -webkit-animation-delay:-1s; animation-delay:-1s; } [data-tadevel-template="web/x-loader"].spinner .rect4{ -webkit-animation-delay:-0.9s; animation-delay:-0.9s; } [data-tadevel-template="web/x-loader"].spinner .rect5{ -webkit-animation-delay:-0.8s; animation-delay:-0.8s; } @-webkit-keyframes sk-stretchdelay{ 0%, 40%, 100%{ -webkit-transform:scaleY(0.4); } 20%{ -webkit-transform:scaleY(1); } } @keyframes sk-stretchdelay{ 0%, 40%, 100%{ transform:scaleY(0.4); -webkit-transform:scaleY(0.4); } 20%{ transform:scaleY(1); -webkit-transform:scaleY(1); } } [data-tadevel-template="web/frame"]{ font-family:'Open Sans', Arial; } [data-tadevel-template="web/frame"] body{ background-color:var(--secondary-background-color); } [data-tadevel-template="web/frame"] title-header{ font-weight:bold !important; } [data-tadevel-template="web/frame"] img.style-scope.frame-separator{ padding:12px !important; } [data-tadevel-template="web/frame"] .page-content{ background:var(--primary-background-color); padding-top:16px; } @media (min-width: 768px){ [data-tadevel-template="web/frame"] [data-tadevel-template="web/toolbar-wrapper"]{ max-width:initial; width:-moz-fit-content; width:fit-content; min-width:480px; } } [data-tadevel-template="web/frame"] view-weather .icon.view-weather img.view-weather{ height:32px; } [data-tadevel-template="web/frame"] view-weather .temp.view-weather{ font-size:20px; } [data-tadevel-template="web/frame"] view-weather .city.view-weather{ font-size:15px; font-weight:initial; } [data-tadevel-template="web/frame"] [data-tadevel-template="web/frame-nav"]{ background-color:var(--primary-background-color); background-image:linear-gradient(0deg, #CCCCCC44, rgba(204, 204, 204, 0)); } [data-tadevel-template="web/frame"] [data-tadevel-template="web/frame-nav"].top-nav .logo{ max-height:36px; } @media (min-width: 768px){ [data-tadevel-template="web/frame"] [data-tadevel-template="web/frame-nav"].top-nav{ transition:all 0.2s ease-in; } [data-tadevel-template="web/frame"] [data-tadevel-template="web/frame-nav"].top-nav:not(.floating){ height:96px; } [data-tadevel-template="web/frame"] [data-tadevel-template="web/frame-nav"].top-nav .logo{ transition:all 0.2s ease-in; max-height:48px; } [data-tadevel-template="web/frame"] [data-tadevel-template="web/frame-nav"].top-nav .top-nav-right-bar{ display:flex; align-items:center; } } @media (min-width: 1280px){ [data-tadevel-template="web/frame"] [data-tadevel-template="web/frame-nav"] .container{ width:1280px; } } [data-tadevel-template="web/frame"] [data-tadevel-template="web/article"] .article-live{ padding:6px 12px; } [data-tadevel-template="web/frame"] [data-tadevel-template="web/article"] .article-kicker{ display:inline-block; background:var(--primary-color); color:white; padding:4px 8px; font-size:12px; font-weight:bold; } [data-tadevel-template="web/frame"] [data-tadevel-template="web/article"] .article-title{ font-weight:bold; font-size:30px; line-height:1.5; } @media (min-width: 768px){ [data-tadevel-template="web/frame"] [data-tadevel-template="web/article"] .article-title{ font-size:52px; line-height:1.6; padding-right:128px; } } [data-tadevel-template="web/frame"] [data-tadevel-template="web/article"] .article-body{ font-size:17px; line-height:28px; } @media (prefers-color-scheme: light){ [data-tadevel-template="web/frame"] [data-tadevel-template="web/article"] .article-title{ color:#4f4f4f; } [data-tadevel-template="web/frame"] [data-tadevel-template="web/article"] .article-body{ color:#282828; } } @media (min-width: 1280px){ [data-tadevel-template="web/frame"] [data-tadevel-template="web/article"] .container{ width:1200px; } [data-tadevel-template="web/frame"] [data-tadevel-template="web/article"] .container .column-main{ padding:16px 64px 16px 16px; border-right:0; } [data-tadevel-template="web/frame"] [data-tadevel-template="web/article"] .container .column-aux{ border-left:0; } } @media (min-width: 768px){ [data-tadevel-template="web/frame"] [data-tadevel-template="web/article"] article-related .items > *{ width:calc(25% - 16px); } } [data-tadevel-template="web/frame"] body.front-flama, [data-tadevel-template="web/frame"] body.front-rosario-central, [data-tadevel-template="web/frame"] body.front-newells{ background:#2f2f2f; } [data-tadevel-template="web/frame"] body.front-flama .top-nav, [data-tadevel-template="web/frame"] body.front-rosario-central .top-nav, [data-tadevel-template="web/frame"] body.front-newells .top-nav{ color:white; box-shadow:0 0 4px black; } [data-tadevel-template="web/frame"] body.front-flama .page-content, [data-tadevel-template="web/frame"] body.front-rosario-central .page-content, [data-tadevel-template="web/frame"] body.front-newells .page-content{ border-color:black; background:none; } [data-tadevel-template="web/frame"] body.front-flama view-foo, [data-tadevel-template="web/frame"] body.front-rosario-central view-foo, [data-tadevel-template="web/frame"] body.front-newells view-foo{ background-color:#111; color:white; box-shadow:0 0 3px black; } [data-tadevel-template="web/frame"] body.front-flama view-foo img, [data-tadevel-template="web/frame"] body.front-rosario-central view-foo img, [data-tadevel-template="web/frame"] body.front-newells view-foo img{ filter:contrast(0) brightness(2); } [data-tadevel-template="web/frame"] body.front-flama .top-nav{ background-color:#232323; background-image:url(//www.rosarioplus.com/arte/trama-5.png); } [data-tadevel-template="web/frame"] body.front-flama .top-nav view-weather{ color:white; } [data-tadevel-template="web/frame"] body.front-flama .top-nav .logo{ filter:contrast(0) brightness(2); } [data-tadevel-template="web/frame"] body.front-rosario-central .top-nav, [data-tadevel-template="web/frame"] body.front-newells .top-nav, [data-tadevel-template="web/frame"] body.category-nob .top-nav, [data-tadevel-template="web/frame"] body.category-rc .top-nav{ background-color:#1e1e1e; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AgfFAYYJxLLQAAAAHdJREFUGNNtkLEOAjEMQx+nDhlZb/LMeCufAisb38cH+S9uZDmjUJ2lqK4bV04AqtVNEkDlBOpyECTttosGSTvACJkR3XYtEfNLN9l+AO9x5m6mJ7CNOceEV9y/KTrP/dD+VnDa3HeyAR9gnRuXFnYF7sA1wfP2BR1uJKRFpLQxAAAAAElFTkSuQmCC); } [data-tadevel-template="web/frame"] body.front-rosario-central .top-nav::after, [data-tadevel-template="web/frame"] body.front-newells .top-nav::after, [data-tadevel-template="web/frame"] body.category-nob .top-nav::after, [data-tadevel-template="web/frame"] body.category-rc .top-nav::after{ content:' '; display:block; background:var(--ribbon); height:3px; } [data-tadevel-template="web/frame"] body.front-rosario-central .top-nav view-weather, [data-tadevel-template="web/frame"] body.front-newells .top-nav view-weather, [data-tadevel-template="web/frame"] body.category-nob .top-nav view-weather, [data-tadevel-template="web/frame"] body.category-rc .top-nav view-weather{ display:none; } [data-tadevel-template="web/frame"] body.front-rosario-central .top-nav .logo, [data-tadevel-template="web/frame"] body.front-newells .top-nav .logo, [data-tadevel-template="web/frame"] body.category-nob .top-nav .logo, [data-tadevel-template="web/frame"] body.category-rc .top-nav .logo, [data-tadevel-template="web/frame"] body.front-rosario-central .top-nav .toggle-menu, [data-tadevel-template="web/frame"] body.front-newells .top-nav .toggle-menu, [data-tadevel-template="web/frame"] body.category-nob .top-nav .toggle-menu, [data-tadevel-template="web/frame"] body.category-rc .top-nav .toggle-menu{ filter:contrast(0) brightness(2) drop-shadow(2px 4px 6px black); } [data-tadevel-template="web/frame"] body.front-newells .top-nav, [data-tadevel-template="web/frame"] body.category-nob .top-nav{ --color-primary:#ee1d23; --color-background:#1e1e1e; --ribbon:linear-gradient(to right, #cf0202 50%, #000000 50%); } [data-tadevel-template="web/frame"] body.front-rosario-central .top-nav, [data-tadevel-template="web/frame"] body.category-rc .top-nav{ --color-primary:#f4bc22; --color-background:#163254; --ribbon:linear-gradient(to right, #f4bc22 0%, #f4bc22 14%, #234b7f 14%, #234b7f 28%, #f4bc22 28%, #f4bc22 42%, #234b7f 42%, #234b7f 56%, #f4bc22 56%, #f4bc22 70%, #234b7f 70%, #234b7f 86%, #f4bc22 86%, #f4bc22 100%); } [data-tadevel-template="web/frame"] [data-tadevel-template="web/frame-drawer"] paper-item{ min-height:40px; font-size:15px; } @media (prefers-color-scheme: dark){ [data-tadevel-template="web/frame"] body[data-dark-available] view-weather{ color:white; } [data-tadevel-template="web/frame"] body[data-dark-available] .page-content{ border-color:black; } } [data-tadevel-template="web/frame-body"]{ } @media (min-width: 1366px){ [data-tadevel-template="web/frame-body"] [is="page-front"]{ left:-150px; } [data-tadevel-template="web/frame-body"] .offset-target{ transform:translateX(-150px); } } [data-tadevel-template="web/frame-nav"].top-nav .date{ position:absolute; bottom:4px; left:0; right:0; font-size:12px; text-transform:uppercase; transition:all 0.2s ease-in; line-height:1; } @media (max-width: 768px){ [data-tadevel-template="web/frame-nav"].top-nav .date{ display:none; } } [data-tadevel-template="web/frame-nav"].top-nav.floating .logo{ padding-bottom:4px; } [data-tadevel-template="web/frame-nav"].top-nav.floating .date{ bottom:1px; } [data-tadevel-template="web/frame-nav"].top-nav .top-nav-right-bar{ display:flex; align-items:center; } [data-tadevel-template="web/front/row"]{ } [data-tadevel-template="web/front/row"].background{ } @media (min-width: 1280px){ [data-tadevel-template="web/front/row"].background{ margin-left:-128px; margin-right:-128px; padding-left:128px; padding-right:128px; padding-top:16px; padding-bottom:16px; } } [data-tadevel-template="web/front/row"].front-row[data-name]{ position:relative; } [data-tadevel-template="web/front/row"].front-row[data-name]::before{ content:'\A'; position:absolute; top:0; left:0; right:0; background:#0006; height:48px; } [data-tadevel-template="web/front/row"].front-row[data-name] title-header{ color:white; position:relative; display:flex; flex-wrap:wrap; height:48px; overflow:hidden; justify-content:space-evenly; gap:16px; font-family:Montserrat, Verdana; margin-bottom:16px; } [data-tadevel-template="web/front/row"].front-row[data-name] title-header > *{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } [data-tadevel-template="web/front/row"].front-row[data-name] title-header > .even{ font-weight:normal; } [data-tadevel-template="web/front/row"].front-row[data-name] title-header > .odd{ font-weight:900; } [data-tadevel-template="web/front/row"].front-row[data-name].background title-header, [data-tadevel-template="web/front/row"].front-row[data-name][data-color] title-header{ margin-top:-16px; } [data-tadevel-template="web/front/row"] .starred .aux > div + div{ border:none !important; } [data-tadevel-template="web/front/row"].row-style-encabezado .items [data-tadevel-template="web/widget/article"] widget-article .photo, [data-tadevel-template="web/front/row"].row-style-encabezado .main [data-tadevel-template="web/widget/article"] widget-article .photo{ padding-bottom:66%; } [data-tadevel-template="web/front/row"].row-style-encabezado[length="1"] .items [data-tadevel-template="web/widget/article"] widget-article .detail .kicker, [data-tadevel-template="web/front/row"].row-style-encabezado[length="1"] .main [data-tadevel-template="web/widget/article"] widget-article .detail .kicker{ font-size:14px; } [data-tadevel-template="web/front/row"].row-style-encabezado[length="1"] .items [data-tadevel-template="web/widget/article"] widget-article .detail .title, [data-tadevel-template="web/front/row"].row-style-encabezado[length="1"] .main [data-tadevel-template="web/widget/article"] widget-article .detail .title{ font-size:26px; } [data-tadevel-template="web/front/row"].row-style-encabezado[length="1"] .items [data-tadevel-template="web/widget/article"] widget-article .photo, [data-tadevel-template="web/front/row"].row-style-encabezado[length="1"] .main [data-tadevel-template="web/widget/article"] widget-article .photo{ padding-bottom:70vh; } @media (min-width: 768px){ [data-tadevel-template="web/front/row"].row-style-encabezado[length="1"] .items [data-tadevel-template="web/widget/article"] widget-article .photo, [data-tadevel-template="web/front/row"].row-style-encabezado[length="1"] .main [data-tadevel-template="web/widget/article"] widget-article .photo{ padding-bottom:50%; } } [data-tadevel-template="web/front/row"].row-style-encabezado [data-tadevel-template="web/widget/article"] widget-article .detail{ position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000000 100%); color:white; } [data-tadevel-template="web/front/row"].row-style-encabezado [data-tadevel-template="web/widget/article"] widget-article .detail::after{ content:initial; } [data-tadevel-template="web/front/row"].row-style-encabezado [data-tadevel-template="web/widget/article"] widget-article .detail .title, [data-tadevel-template="web/front/row"].row-style-encabezado [data-tadevel-template="web/widget/article"] widget-article .detail .deck{ text-shadow:0 0px 6px #00000088, 0 0px 6px #00000088, 0 0px 6px #00000088; } [data-tadevel-template="web/front/row"].row-style-encabezado [data-tadevel-template="web/widget/article"] widget-article:hover .detail{ color:var(--primary-color); } [data-tadevel-template="web/front/row"].row-style-encabezado [data-tadevel-template="web/widget/article"] widget-article:hover .detail .title, [data-tadevel-template="web/front/row"].row-style-encabezado [data-tadevel-template="web/widget/article"] widget-article:hover .detail .deck{ filter:brightness(1.3) contrast(1.3); } @media (min-width: 768px){ [data-tadevel-template="web/front/row"].row-style-encabezado .starred .main widget-article .detail .title{ font-size:28px !important; } } @media (min-width: 768px){ [data-tadevel-template="web/front/row"].row-style-encabezado .starred[length="4"] .aux widget-article .photo, [data-tadevel-template="web/front/row"].row-style-encabezado .starred[length="5"] .aux widget-article .photo{ display:block !important; padding:0 !important; } } [data-tadevel-template="web/front/row"].row-style-encabezado:first-child{ margin-top:-16px; } [data-tadevel-template="web/front/row"].row-style-encabezado:first-child .content > :first-child{ margin-left:calc(-1 * var(--spacing-horizontal)); margin-right:calc(-1 * var(--spacing-horizontal)); } @media (max-width: 768px){ [data-tadevel-template="web/front/row"].row-style-encabezado:first-child .items{ margin:0; } [data-tadevel-template="web/front/row"].row-style-encabezado:first-child .items > *{ padding:0; } } [data-tadevel-template="web/front/row"].row-style-encabezado:first-child .starred{ padding:0; margin-bottom:16px; } [data-tadevel-template="web/front/row"].row-style-encabezado:first-child .starred .main, [data-tadevel-template="web/front/row"].row-style-encabezado:first-child .starred .aux{ padding:0; } [data-tadevel-template="web/front/row"].row-style-encabezado:first-child .starred .main > *, [data-tadevel-template="web/front/row"].row-style-encabezado:first-child .starred .aux > *{ margin-bottom:0; } @media (max-width: 768px){ [data-tadevel-template="web/front/row"][length="1"]:not(.row-style-encabezado) [data-tadevel-template="web/widget/article"] [is="widget-article"] .photo{ padding-bottom:85%; } [data-tadevel-template="web/front/row"][length="1"]:not(.row-style-encabezado) [data-tadevel-template="web/widget/article"] [is="widget-article"] .detail .title{ font-size:24px; } } @media (min-width: 768px){ [data-tadevel-template="web/front/row"][length="1"]:not(.row-style-encabezado) [data-tadevel-template="web/widget/article"] [is="widget-article"] .detail{ padding:16px 16px 24px; } [data-tadevel-template="web/front/row"][length="1"]:not(.row-style-encabezado) [data-tadevel-template="web/widget/article"] [is="widget-article"] .detail .title{ font-size:28px; } } [data-tadevel-template="web/widget/article"] [is="widget-article"]{ height:100%; display:flex; flex-direction:column; background-color:white; z-index:0; --article-color:var(--row-color, var(--primary-color)); } [data-tadevel-template="web/widget/article"] [is="widget-article"] share-button-set{ transform:all 0.2s ease-in; opacity:0; pointer-events:none; right:8px; top:8px; } [data-tadevel-template="web/widget/article"] [is="widget-article"] .article-live{ padding:5px 12px; } [data-tadevel-template="web/widget/article"] [is="widget-article"] .indicator{ fill:var(--primary-color); } [data-tadevel-template="web/widget/article"] [is="widget-article"] .photo{ padding-bottom:56.25%; } @media (min-width: 768px){ [data-tadevel-template="web/widget/article"] [is="widget-article"] .photo{ padding-bottom:min(480px, 56.25%); } } [data-tadevel-template="web/widget/article"] [is="widget-article"] .photo .kicker{ position:absolute; bottom:8px; left:8px; } [data-tadevel-template="web/widget/article"] [is="widget-article"] .kicker{ background:var(--article-color); color:white; padding:4px 8px; font-size:11px; } [data-tadevel-template="web/widget/article"] [is="widget-article"] .detail{ flex-grow:1; padding:8px 16px 16px; position:relative; color:var(--article-color); transition:all 0.2s ease-in; } [data-tadevel-template="web/widget/article"] [is="widget-article"] .detail .title{ font-weight:700; font-size:20px; } [data-tadevel-template="web/widget/article"] [is="widget-article"] .detail::after{ content:'\A'; z-index:-1; height:2px; background:var(--article-color); display:block; position:absolute; bottom:0; right:0; left:0; transition:all 0.2s ease-in; } [data-tadevel-template="web/widget/article"] [is="widget-article"]:hover share-button-set{ opacity:1; pointer-events:all; } [data-tadevel-template="web/widget/article"] [is="widget-article"]:hover .detail{ color:white; } [data-tadevel-template="web/widget/article"] [is="widget-article"]:hover .detail::after{ height:100%; }