@font-face{ font-family:TheSans; font-style:normal; font-weight:400; src:url(//diario-assets.tadevel-cdn.com/602bdaff6a4c3a12a5e84feb/TheSans_B2_5_.eot?#) format("eot"),url(//diario-assets.tadevel-cdn.com/602bdaf86a4c3a12a5e84fe9/TheSans_B2_5_.mod.woff2) format("woff2"),url(//diario-assets.tadevel-cdn.com/602bdafb6a4c3a12a5e84fea/TheSans_B2_5_.woff) format("woff"); font-display:optional; } @font-face{ font-family:TheSans; font-style:normal; font-weight:700; src:url(//diario-assets.tadevel-cdn.com/602be7fec2d7ad23042797f5/TheSans_TT7_.eot?#) format("eot"),url(//diario-assets.tadevel-cdn.com/602be7f7c2d7ad23042797f3/TheSans_TT7_.woff2) format("woff2"),url(//diario-assets.tadevel-cdn.com/602be7fbc2d7ad23042797f4/TheSans_TT7_.woff) format("woff"); font-display:optional; } @font-face{ font-family:TheSans; font-style:italic; font-weight:400; src:url(//diario-assets.tadevel-cdn.com/602be7bbc2d7ad23042797e2/TheSans_B2_5i.eot?#) format("eot"),url(//diario-assets.tadevel-cdn.com/602be7b2c2d7ad23042797e0/TheSans_B2_5i.woff2) format("woff2"),url(//diario-assets.tadevel-cdn.com/602be7b8c2d7ad23042797e1/TheSans_B2_5i.woff) format("woff"); font-display:optional; } @font-face{ font-family:HelveticaNeue-Condensed; font-style:normal; font-weight:400; src:url(//diario-assets.tadevel-cdn.com/6042244f65d90d289b25bc3e/Henc____-webfont.eot?#) format("eot"),url(//diario-assets.tadevel-cdn.com/6042245965d90d289b25bc42/Henc____-webfont.woff2) format("woff2"),url(//diario-assets.tadevel-cdn.com/6042245765d90d289b25bc41/Henc____-webfont.woff) format("woff"); font-display:optional; } @font-face{ font-family:HelveticaNeue-Condensed; font-style:normal; font-weight:700; src:url(//diario-assets.tadevel-cdn.com/6042247065d90d289b25bc4b/Henbc___-webfont.eot?#) format("eot"),url(//diario-assets.tadevel-cdn.com/6042247c65d90d289b25bc4f/Henbc___-webfont.woff2) format("woff2"),url(//diario-assets.tadevel-cdn.com/6042247965d90d289b25bc4e/Henbc___-webfont.woff) format("woff"); font-display:optional; } [data-tadevel-template="web/coronavirus"]{ background:#747474; color:white; padding:0.1px; border-radius:2px; box-shadow:0 2px 4px -2px black; } [data-tadevel-template="web/coronavirus"] .title{ padding:16px 16px 0; font-size:32px; } [data-tadevel-template="web/coronavirus"] .arg{ font-size:0.5em; } [data-tadevel-template="web/coronavirus"] .arg::after{ content:' arg. / '; font-size:0.9em; } [data-tadevel-template="web/coronavirus"] .wrapper{ font-family:Roboto Condensed; display:flex; flex-wrap:wrap; padding:8px 0; } [data-tadevel-template="web/coronavirus"] .wrapper > *{ flex-grow:1; padding:8px 16px; font-size:40px; min-width:240px; } [data-tadevel-template="web/coronavirus"] .label{ text-transform:uppercase; font-size:16px; } [data-tadevel-template="web/frame-stories"]{ font-size:12px; font-family:'Trebuchet MS'; line-height:1.2; padding:16px 0 0; } [data-tadevel-template="web/frame-stories"] .head{ padding:0px 16px; } @keyframes frame-stories-loading{ 0%{ transform:translateX(-100%); } 100%{ transform:translateX(100%); } } [data-tadevel-template="web/frame-stories"] view-story-carousel{ display:block; height:128px; position:relative; } [data-tadevel-template="web/frame-stories"] view-story-carousel:not([loaded]){ background:radial-gradient(circle at center, #CCC 50%, rgba(204, 204, 204, 0) 51%); background-size:80px 80px; background-position:8px 0; background-repeat:repeat-x; overflow:hidden; } [data-tadevel-template="web/frame-stories"] view-story-carousel:not([loaded])::after{ content:'\A'; position:absolute; left:0%; height:100%; width:100%; background-image:linear-gradient(to left, rgba(251, 251, 251, 0) 10%, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0) 90%); animation:frame-stories-loading 1s infinite; } @media (min-width: 768px){ [data-tadevel-template="web/frame-stories"]{ display:none; } } [data-tadevel-template="web/widget/corona"].corona{ display:block; border:2px solid #76c8dc; padding:16px; border-radius:4px; height:100%; } [data-tadevel-template="web/widget/corona"].corona h2{ margin:-16px -16px 16px; padding:8px 16px; background:#76c8dc; color:white; font-size:22px; font-family:'HelveticaNeue-Condensed'; } [data-tadevel-template="web/widget/corona"].corona .item{ padding:2px 0; } [data-tadevel-template="web/widget/corona"].corona .item .rowa{ padding:8px 0; display:flex; align-items:center; } [data-tadevel-template="web/widget/corona"].corona .item .flag{ width:32px; height:32px; margin-right:16px; filter:drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5)); width:40px; height:40px; display:none; } [data-tadevel-template="web/widget/corona"].corona .item .name{ font-weight:bold; font-size:16px; text-transform:uppercase; font-size:24px; font-family:'HelveticaNeue-Condensed'; text-transform:none; } [data-tadevel-template="web/widget/corona"].corona .item .values{ display:flex; font-weight:300; font-size:17px; color:#555; font-family:'TheSans'; font-size:20px; } [data-tadevel-template="web/widget/corona"].corona .item .values > * + *{ margin-left:16px; } [data-tadevel-template="web/widget/corona"].corona .item .values .buy:before{ content:'Poblacion / Porcentaje'; display:block; text-transform:uppercase; font-size:11px; } [data-tadevel-template="web/widget/corona"].corona .item .values .sell:before{ content:'Venta'; display:block; text-transform:uppercase; font-size:11px; } [data-tadevel-template="web/widget/corona"].corona .updated{ text-transform:uppercase; font-weight:300; font-size:11px; color:#555; font-family:'TheSans'; } [data-tadevel-template="web/widget/corona"].corona .by{ font-size:12px; text-transform:uppercase; display:flex; align-items:center; margin:8px 0 0; } [data-tadevel-template="web/widget/corona"].corona .by img{ height:24px; margin-left:8px; } [data-tadevel-template="web/article-attachments"].attachments .item{ text-transform:uppercase; font-size:14px; margin:8px 0; display:flex; align-items:center; } [data-tadevel-template="web/article-attachments"].attachments img[src=""]{ display:none; } [data-tadevel-template="web/article-attachments"].attachments img{ width:32px; } [data-tadevel-template="web/article-attachments"].attachments .name{ padding:8px; } [data-tadevel-template="web/article-aux"] .article-tags{ display:block; margin-bottom:16px; } [data-tadevel-template="web/article-aux"] .article-tags > div{ padding:8px 0; display:flex; flex-wrap:wrap; } [data-tadevel-template="web/article-aux"] .article-tags .tag{ background-color:var(--primary-safe45-color); border-radius:2px; color:white; text-transform:uppercase; font-weight:bold; margin:0 8px 8px 0; display:block; height:32px; align-items:center; padding:0 16px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:32px; max-width:300px; } [data-tadevel-template="web/article-aux"] .article-tags .tag.tag-current{ background-color:var(--color-accent); } [data-tadevel-template="web/article-body"].article-body{ display:block; position:relative; font-size:16px; word-break:break-word; } [data-tadevel-template="web/article-body"].article-body a{ text-decoration:underline; } [data-tadevel-template="web/article-body"].article-body figure{ margin:16px 0; } [data-tadevel-template="web/article-body"].article-body .article-body-expand{ display:none; } [data-tadevel-template="web/article-body"].article-body h3{ font-size:1.75em; } [data-tadevel-template="web/article-body"].article-body h4{ font-size:1.5em; } [data-tadevel-template="web/article-body"].article-body h5{ font-size:1.25em; } [data-tadevel-template="web/article-body"].article-body h6{ font-size:1em; } @media (min-width: 768px){ [data-tadevel-template="web/article-body"].article-body{ font-size:18px; } } @media (min-width: 360px) and (max-width: 768px){ [data-tadevel-template="web/article-body"].article-body[data-columns] .article-body-scroller{ overflow:auto; } [data-tadevel-template="web/article-body"].article-body[data-columns] .article-body-scroller .article-body-sizer{ width:300px; } [data-tadevel-template="web/article-body"].article-body[data-columns] .article-body-scroller .article-body-sizer .article-body-columns{ column-width:300px; column-count:auto; height:calc(100vh - 256px); } [data-tadevel-template="web/article-body"].article-body[data-columns] .article-body-scroller .article-body-sizer .article-body-columns > div, [data-tadevel-template="web/article-body"].article-body[data-columns] .article-body-scroller .article-body-sizer .article-body-columns > p.aside{ break-inside:avoid; position:relative; } [data-tadevel-template="web/article-body"].article-body[data-columns] .article-body-scroller .article-body-sizer .article-body-columns p:first-child{ margin-top:0; } [data-tadevel-template="web/article-body"].article-body[data-columns] .article-body-expand{ display:block; width:100%; font-size:16px; height:48px; border:2px solid var(--primary-color); color:var(--primary-color); border-radius:4px; background-color:#f0f0f0; padding:0; text-transform:uppercase; font-weight:bold; } } view-comment-preview[data-tadevel-template="web/article-comment-preview"]{ display:none; height:64px; background:var(--secondary-background-color); color:var(--primary-text-color); border-radius:4px; padding:8px 16px; margin:16px 0; font-size:14px; } view-comment-preview[data-tadevel-template="web/article-comment-preview"] button{ background:var(--primary-background-color); color:var(--secondary-text-color); width:100%; font-family:inherit; height:24px; padding:8px; border-radius:4px; border:none; margin-top:8px; text-align:inherit; line-height:0; } view-comment-preview[data-tadevel-template="web/article-comment-preview"] .msg{ display:-webkit-box; font-size:12px; margin-top:4px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } view-comment-preview[data-tadevel-template="web/article-comment-preview"] .top{ display:flex; } view-comment-preview[data-tadevel-template="web/article-comment-preview"] .top .title{ flex-grow:1; } view-comment-preview[data-tadevel-template="web/article-comment-preview"] .top iron-icon{ width:16px; height:16px; } @media (max-width: 768px){ view-comment-preview[data-tadevel-template="web/article-comment-preview"]{ display:block; } } [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-comments"] .btn{ width:100%; color:white; border:none; border-radius:2px; text-transform:uppercase; font-weight:bold; font-size:18px; padding:8px; } [data-tadevel-template="web/article-deco"].article-deco{ max-height:calc(100vh - var(--view-nav-height)); position:relative; --object-fit:cover; aspect-ratio:9/16; min-width:100%; } [data-tadevel-template="web/article-deco"].article-deco .overlay{ position:absolute; top:0; right:0; bottom:0; left:0; background-image:linear-gradient(0deg, black -240px, rgba(0, 0, 0, 0) 720px); } [data-tadevel-template="web/article-deco"].article-deco .container{ position:absolute; left:0; right:0; bottom:0; padding:16px; color:white; } @media (min-width: 768px){ } [data-tadevel-template="web/article-deco"].article-deco .backdrop, [data-tadevel-template="web/article-deco"].article-deco img{ position:absolute; width:100%; } football-game[data-tadevel-template="web/article-football"]{ margin:16px 0; } @media (max-width: 767px){ football-game[data-tadevel-template="web/article-football"]{ margin:16px -12px; } } [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"] .sizer{ width:100% !important; height:100% !important; position:absolute !important; padding:0 !important; } [data-tadevel-template="web/article-gallery"] .sizer img{ width:auto; margin:auto; display:block; } [data-tadevel-template="web/article-header-author"] .article-author{ display:flex; margin:16px 0; } [data-tadevel-template="web/article-header-author"] .article-author .imgwrap{ display:block; margin-right:16px; } [data-tadevel-template="web/article-header-author"] .article-author .imgwrap img{ object-fit:cover; object-position:center center; border-radius:50%; } [data-tadevel-template="web/article-header-author"] .article-author .textwrap{ width:360px; flex-grow:1; } [data-tadevel-template="web/article-header-author"] .article-author .textwrap .name{ text-transform:uppercase; font-weight:bold; font-size:16px; } [data-tadevel-template="web/article-header-author"] .article-author .textwrap .bio{ font-size:13px; color:var(--secondary-text-color); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; } body[data-immersive] [data-tadevel-template="web/article-header"].article-header .article-title, body[data-immersive] [data-tadevel-template="web/article-header"].article-header .article-kicker{ display:none; } [data-tadevel-template="web/article-header"] .article-breadcrumb{ padding-inline-start:0; } [data-tadevel-template="web/article-header"] .article-breadcrumb li{ display:inline; } [data-tadevel-template="web/article-header"] .article-breadcrumb li + li::before{ content:' · '; } [data-tadevel-template="web/article-multimedia"]{ z-index:0; } [data-tadevel-template="web/article-recommendations"].recommendations title-header{ margin-bottom:16px; } [data-tadevel-template="web/article-recommendations"].recommendations .wrapper{ display:flex; flex-wrap:wrap; margin-left:calc(-0.5 * var(--spacing-horizontal)); margin-right:calc(-0.5 * var(--spacing-horizontal)); } @media (min-width: 1024px){ [data-tadevel-template="web/article-recommendations"].recommendations .wrapper > *{ width:25%; } } [data-tadevel-template="web/article-recommendations"].recommendations .item{ padding-left:calc(0.5 * var(--spacing-horizontal)); padding-right:calc(0.5 * var(--spacing-horizontal)); margin-bottom:32px; } [data-tadevel-template="web/article-recommendations"].recommendations .item img{ aspect-ratio:1.91; object-fit:cover; width:100%; } [data-tadevel-template="web/article-recommendations"].recommendations .item .detail{ padding:8px 0; } [data-tadevel-template="web/article-recommendations"].recommendations .item .detail .kicker{ color:var(--secondary-text-color); text-transform:uppercase; font-size:14px; } [data-tadevel-template="web/article-recommendations"].recommendations .item .detail .title{ font-weight:bold; font-size:20px; } [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); } } article-related[data-tadevel-template="web/article-related"] title-header{ margin-bottom:16px; } article-related[data-tadevel-template="web/article-related"] .items{ display:flex; flex-wrap:wrap; margin:0 -8px; } article-related[data-tadevel-template="web/article-related"] .items .article{ padding:0 8px; margin-bottom:16px; width:100%; } article-related[data-tadevel-template="web/article-related"] .items .article a{ display:block; position:relative; } article-related[data-tadevel-template="web/article-related"] .items .article .photo img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center center; } article-related[data-tadevel-template="web/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){ article-related[data-tadevel-template="web/article-related"] .items .article{ width:33.3333%; } article-related[data-tadevel-template="web/article-related"] .items .article:nth-child(n+4){ display:none; } article-related[data-tadevel-template="web/article-related"] .items .article .detail{ position:absolute; top:0; right:0; bottom:0; left:0; } article-related[data-tadevel-template="web/article-related"] .items .article .title{ position:absolute; bottom:12px; left:12px; right:12px; color:white; text-transform:uppercase; font-size:20px; } article-related[data-tadevel-template="web/article-related"] .items .article .overlay{ position:absolute; top:0; right:0; bottom:0; left:0; pointer-events:none; background-image:linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5)); } } @media (max-width: 768px){ article-related[data-tadevel-template="web/article-related"] .items .article a{ display:flex; } article-related[data-tadevel-template="web/article-related"] .items .article .photo{ padding:0; width:96px; height:64px; flex-shrink:0; } article-related[data-tadevel-template="web/article-related"] .items .article .detail{ padding:0 8px; display:flex; align-items:center; } } [data-tadevel-template="web/article-small"] article{ display:flex; width:100%; align-items:center; padding:8px 0; } [data-tadevel-template="web/article-small"] article .photo-wrapper{ width:40%; background-color:#CCC; } [data-tadevel-template="web/article-small"] article .detail{ width:60%; padding:0 8px; } [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; } page-article-survey[data-tadevel-template="web/article-survey"] .loader{ margin:auto; position:absolute; top:0; right:0; left:0; bottom:0; color:#747474; } page-article-survey[data-tadevel-template="web/article-survey"] .loader, page-article-survey[data-tadevel-template="web/article-survey"] .loader:before, page-article-survey[data-tadevel-template="web/article-survey"] .loader:after{ background-color:#747474; } [data-tadevel-template="web/article"] .container{ border-top:1px solid transparent; border-bottom:1px solid transparent; } [data-tadevel-template="web/article"] share-button-set{ display:block; height:32px; } [data-tadevel-template="web/article"] .gallery{ background-color:#333; } [data-tadevel-template="web/article"] .gallery view-gallery{ display:block; max-width:calc(970px + 32px); margin:auto; } [data-tadevel-template="web/article"] .top-photo img{ width:100%; height:300px; object-fit:cover; } @media (min-width: 768px){ [data-tadevel-template="web/article"] .column-aux{ border-left:1px solid #eee; } } [data-tadevel-template="web/article"] .article-aux-widget{ margin-bottom:16px; } [data-tadevel-template="web/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; } [data-tadevel-template="web/article"] .article-kicker{ text-transform:uppercase; font-size:15px; margin:8px 0; } [data-tadevel-template="web/article"] .article-title{ font-weight:normal; font-weight:bold; font-size:28px; margin:8px 0; } [data-tadevel-template="web/article"] .article-deck{ font-weight:normal; font-size:16px; margin:8px 0; } [data-tadevel-template="web/article"] .article-date{ display:block; text-transform:uppercase; font-size:13px; color:var(--secondary-text-color); margin:8px 0; } @media (min-width: 768px){ [data-tadevel-template="web/article"] .article-title{ font-size:40px; } [data-tadevel-template="web/article"] .article-deck{ font-size:24px; } } @media (max-width: 767px){ [data-tadevel-template="web/article"] .page-content .player-container{ margin:0 -12px; } } [data-tadevel-template="web/aspect-ratio"].sizer{ position:relative; padding-bottom:var(--aspect-ratio, 56.25%); } [data-tadevel-template="web/aspect-ratio"].sizer > *{ position:absolute !important; top:0 !important; right:0 !important; bottom:0 !important; left:0 !important; width:100% !important; height:100% !important; } [data-tadevel-template="web/fixed-height"].sizer{ position:relative; height:var(--height); } [data-tadevel-template="web/fixed-height"].sizer > *{ position:absolute !important; top:0 !important; right:0 !important; bottom:0 !important; left:0 !important; width:100% !important; height:100% !important; } [data-tadevel-template="web/frame-breaking-news"]{ background-color:#B00020; color:white; transition:all 0.2s ease-in; } [data-tadevel-template="web/frame-breaking-news"] .container{ padding-top:16px; padding-bottom:16px; } [data-tadevel-template="web/frame-breaking-news"] .item{ position:relative; } [data-tadevel-template="web/frame-breaking-news"] .detail .title{ font-weight:bold; margin:0; font-size:18px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; line-height:1.5; transition:all 0.2s ease-in; } [data-tadevel-template="web/frame-breaking-news"] figure .caption{ display:none; } @media (min-width: 768px){ [data-tadevel-template="web/frame-breaking-news"] .detail .title{ font-size:24px; } } [data-tadevel-template="web/frame-breaking-news"][data-has-multimedia]{ padding-bottom:calc(21.4% + 32px); height:0; } [data-tadevel-template="web/frame-breaking-news"][data-has-multimedia] .thumb{ position:absolute; top:0; left:0; width:40%; transition:all 0.2s ease-in; } [data-tadevel-template="web/frame-breaking-news"][data-has-multimedia] .detail{ position:absolute; left:0; top:0; transition:all 0.2s ease-in; left:calc(40% + var(--spacing-horizontal)); } @media (min-width: 768px){ [data-tadevel-template="web/frame-breaking-news"][data-has-multimedia]{ height:212px; padding:0; } [data-tadevel-template="web/frame-breaking-news"][data-has-multimedia] .thumb{ width:320px; } [data-tadevel-template="web/frame-breaking-news"][data-has-multimedia] .detail{ padding-left:16px; } [data-tadevel-template="web/frame-breaking-news"][data-has-multimedia] .detail .title{ font-size:24px; } [data-tadevel-template="web/frame-breaking-news"][data-has-multimedia][data-has-multimedia] .detail{ left:320px; } } @media (max-width: 768px){ [data-tadevel-template="web/frame-breaking-news"][data-has-multimedia] .title{ font-size:16px; } [data-tadevel-template="web/frame-breaking-news"][data-has-multimedia].breaking-news-interactive{ padding-bottom:calc(56.25% + 16px + 16px + 88px); } [data-tadevel-template="web/frame-breaking-news"][data-has-multimedia].breaking-news-interactive .thumb{ width:100%; } [data-tadevel-template="web/frame-breaking-news"][data-has-multimedia].breaking-news-interactive .detail{ left:0; padding-top:calc(56.25% + 16px); } [data-tadevel-template="web/frame-breaking-news"][data-has-multimedia].breaking-news-interactive .detail .title{ font-size:20px; } } [data-tadevel-template="web/frame-drawer-amp"]{ background:var(--primary-background-color); color:var(--primary-text-color); width:256px; } [data-tadevel-template="web/frame-drawer-amp"] ul{ padding:0; margin:0; list-style:none; } [data-tadevel-template="web/frame-drawer-amp"] li{ padding:0 16px; height:48px; display:flex; align-items:center; border-bottom:1px solid #aaaaaa44; } [data-tadevel-template="web/frame-drawer-amp"] a, [data-tadevel-template="web/frame-drawer-amp"] a:hover, [data-tadevel-template="web/frame-drawer-amp"] a:visited{ color:inherit; text-decoration:inherit; } amp-sidebar[data-tadevel-template="web/frame-drawer"]{ width:320px; } tadevel-drawer[data-tadevel-template="web/frame-drawer"]{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:4; transition:all 0.2s ease-in; pointer-events:none; background-color:transparent; } tadevel-drawer[data-tadevel-template="web/frame-drawer"] > *{ max-width:320px; transition:all 0.2s ease-in; transform:translateX(-100%); } tadevel-drawer[data-tadevel-template="web/frame-drawer"][align="end"] > *{ margin-left:auto; transform:translateX(100%); } tadevel-drawer[data-tadevel-template="web/frame-drawer"][opened]{ pointer-events:all; background-color:#00000088; } tadevel-drawer[data-tadevel-template="web/frame-drawer"][opened] > *{ transform:translateX(0); } app-drawer[data-tadevel-template="web/frame-drawer"]{ --app-drawer-width:280px; z-index:4; } @media (min-width: 360px){ app-drawer[data-tadevel-template="web/frame-drawer"]{ --app-drawer-width:320px; } } body[my-unresolved] app-drawer[data-tadevel-template="web/frame-drawer"]{ display:none; } [data-tadevel-template="web/frame-drawer"] .categories{ list-style:none; padding:0; margin:0; flex-grow:1; overflow:auto; padding-bottom:64px; } [data-tadevel-template="web/frame-drawer"] .categories::-webkit-scrollbar-track{ -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3); background-color:#F5F5F5; } [data-tadevel-template="web/frame-drawer"] .categories::-webkit-scrollbar{ width:4px; background-color:#F5F5F5; } [data-tadevel-template="web/frame-drawer"] .categories::-webkit-scrollbar-thumb{ background-color:#747474; } [data-tadevel-template="web/frame-drawer"] .drawer-content{ position:relative; height:100%; background-color:var(--primary-background-color); color:var(--secondary-text-color); display:flex; flex-direction:column; overflow-y:auto; } [data-tadevel-template="web/frame-drawer"] .drawer-content .item{ height:48px; padding:0 16px; display:flex; align-items:center; } [data-tadevel-template="web/frame-drawer"] .drawer-content .item > *:not(.prefix):not(.suffix){ flex-grow:1; } [data-tadevel-template="web/frame-drawer"] .drawer-content .item > .prefix{ margin-right:32px; } [data-tadevel-template="web/frame-drawer"] .drawer-content .item > .suffix{ margin-left:32px; } [data-tadevel-template="web/frame-drawer"] .drawer-content .item.big{ height:64px; } [data-tadevel-template="web/frame-drawer"] .drawer-content .item .secondary{ font-size:0.8em; } [data-tadevel-template="web/frame-drawer"] .drawer-content paper-item, [data-tadevel-template="web/frame-drawer"] .drawer-content paper-icon-item, [data-tadevel-template="web/frame-drawer"] .drawer-content .item{ font-family:inherit; border-bottom:1px solid #aaaaaa44; } [data-tadevel-template="web/frame-drawer"] .drawer-footer{ position:absolute; bottom:0; left:0; right:0; background:linear-gradient(0deg, var(--primary-background-color) 50%, transparent); } [data-tadevel-template="web/frame-drawer"] .drawer-footer img{ display:block; object-fit:contain; padding:16px; width:100%; max-height:64px; } footer[data-tadevel-template="web/frame-footer"]{ display:block; overflow:hidden; max-width:970px; margin:32px auto 0; color:var(--secondary-text-color); font-size:14px; padding-top:16px; padding-bottom:calc(var(--view-toolbar-wrapper-static-height) + var(--view-toolbar-wrapper-toolbar-height) + 16px); background:var(--secondary-background-color); max-width:10000px; margin:0; box-shadow:0 0 3px var(--secondary-background-color); } footer[data-tadevel-template="web/frame-footer"] .container{ display:flex; flex-wrap:wrap; } footer[data-tadevel-template="web/frame-footer"] .content{ min-width:240px; width:0; flex-grow:1; text-align:center; } @media (min-width: 768px){ footer[data-tadevel-template="web/frame-footer"] .content{ text-align:right; } } footer[data-tadevel-template="web/frame-footer"] .text{ padding:4px 0; } footer[data-tadevel-template="web/frame-footer"] .link{ text-decoration:underline; padding:4px 0; } footer[data-tadevel-template="web/frame-footer"] nav{ min-width:100px; width:0; flex-grow:1; text-transform:uppercase; } footer[data-tadevel-template="web/frame-footer"] nav ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:row; flex-wrap:wrap; } footer[data-tadevel-template="web/frame-footer"] nav ul li{ width:100%; } footer[data-tadevel-template="web/frame-footer"] nav p{ font-weight:bold; margin:0; } footer[data-tadevel-template="web/frame-footer"] .foo-logo{ margin:16px; width:74px; height:74px; margin:0 32px; filter:grayscale(1); flex-grow:1; object-fit:contain; object-position:center; } @media (max-width: 768px){ footer[data-tadevel-template="web/frame-footer"] .foo-logo{ display:none; } } @media (prefers-color-scheme: dark){ body[data-dark-available] footer[data-tadevel-template="web/frame-footer"] .tm{ filter:contrast(0) brightness(2); } } [data-tadevel-template="web/frame-menu"].menu-nav{ display:none; position:relative; } [data-tadevel-template="web/frame-menu"].menu-nav ul{ list-style:none; margin:0; padding:0; text-align:center; } [data-tadevel-template="web/frame-menu"].menu-nav ul li{ display:inline-block; margin:4px 8px; } [data-tadevel-template="web/frame-menu"].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; } [data-tadevel-template="web/frame-menu"].menu-nav ul li:hover menu-nav-dropdown{ display:block; } [data-tadevel-template="web/frame-nav"] view-weather, [data-tadevel-template="web/frame-nav"] paper-icon-button{ transition:opacity 0.2s ease-in; } body[my-unresolved] [data-tadevel-template="web/frame-nav"] view-weather, body[my-unresolved] [data-tadevel-template="web/frame-nav"] paper-icon-button{ opacity:0; } [data-tadevel-template="web/frame-nav"]#top-nav-inverse{ position:fixed; top:0; width:100%; z-index:2; transition:transform 0.2s ease-in; } [data-tadevel-template="web/frame-nav"].top-nav{ position:sticky; top:0; width:100%; height:64px; background-color:#f6f6f6; color:black; box-shadow:0 0 4px gray; transition:transform 0.2s ease-in; z-index:2; } [data-tadevel-template="web/frame-nav"].top-nav > .container{ height:100%; padding:0; display:flex; align-items:center; } @media (min-width: 768px){ [data-tadevel-template="web/frame-nav"].top-nav{ height:74px; } } [data-tadevel-template="web/frame-nav"].top-nav paper-icon-button:not(.style-scope){ margin:12px; width:40px; height:40px; display:inline-block; } [data-tadevel-template="web/frame-nav"].top-nav .hamburger{ position:absolute; left:0; top:0; bottom:0; background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 -6 24 24"><path fill="%234A4A4A" d="M0 12h18v-2H0v2M0 7h18V5H0v2M0 0v2h18V0H0"/></svg>') 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); } } [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:#5D9DAD; --primary-safe45-color:#4A7D89; --primary-safe71-color:#365C65; --accent-safe30-color:#5D9DAD; --accent-safe45-color:#4A7D89; --accent-safe71-color:#365C65; background-color:var(--primary-background-color); color:var(--primary-text-color); --spacing-horizontal:12px; --primary-color:#76c8dc; --accent-color:#76c8dc; } @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:#76C8DC; --primary-safe45-color:#76C8DC; --primary-safe71-color:#76C8DC; --accent-safe30-color:#76C8DC; --accent-safe45-color:#76C8DC; --accent-safe71-color:#76C8DC; } } 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{ 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/multimedia"]{ display:block; margin-top:16px; margin-bottom:16px; } [data-tadevel-template="web/front/multimedia"] figure .sizer{ padding-bottom:400px; } [data-tadevel-template="web/front/multimedia"] figure .caption{ padding-top:8px; padding-bottom:8px; } [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; } } page-macro-embed[data-tadevel-template="web/macro-embed"] view-macro{ border:1px solid #eee; border-radius:2px; } page-macro[data-tadevel-template="web/macro"] .wrapper{ display:flex; flex-wrap:wrap; margin:0 -8px; } page-macro[data-tadevel-template="web/macro"] .wrapper > *{ margin:0 8px; padding:16px 0; width:calc(50% - 16px); flex-grow:1; min-width:300px; } page-macro[data-tadevel-template="web/macro"] view-macro{ display:block; border:1px solid #eee; border-radius:2px; } page-macro[data-tadevel-template="web/macro"] view-macro .loading{ text-transform:uppercase; color:#747474; font-size:14px; text-align:center; padding:32px 0; } [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"].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-photo"].backdrop{ width:100%; height:100%; background-size:contain; background-position:center; background-repeat:repeat; } picture[data-tadevel-template="web/multimedia-photo"]{ width:100%; height:100%; } picture[data-tadevel-template="web/multimedia-photo"] img{ width:auto; max-width:100%; height:100%; display:block; margin:auto; object-fit:contain; } x-picture-helperpicture[data-tadevel-template="web/multimedia-photo"]{ pointer-events:none; } [data-tadevel-template="web/multimedia-photo"] amp-img img{ object-fit:contain; } amp-iframe[data-tadevel-template="web/multimedia-sandbox"] [overflow]{ font-size:16px; padding:8px 16px; bottom:0px; left:0; right:0; text-align:center; background-image:linear-gradient(0deg, white, #ffffff99); color:black; font-weight:bold; text-decoration:underline; } x-pip[data-tadevel-template="web/multimedia-video"]{ background:#CCC; } [data-tadevel-template="web/multimedia-video"] .video-wrapper{ top:0; right:0; bottom:0; left:0; position:absolute; } [data-tadevel-template="web/multimedia-video"] .video-wrapper .backdrop{ top:0; right:0; bottom:0; left:0; position:absolute; } [data-tadevel-template="web/multimedia-video"] .video-wrapper x-player{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; } [data-tadevel-template="web/multimedia-video"] .video-wrapper x-player .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{ line-height:2; font-size:0.8em; } [data-tadevel-template="web/multimedia"]:not([data-url*="facebook"]) .sizer[data-sizer="aspect-ratio"]{ height:0; padding-bottom:min(360px, var(--aspect-ratio, 56.25%)); } @media (min-width: 768px){ [data-tadevel-template="web/multimedia"]:not([data-url*="facebook"]) .sizer[data-sizer="aspect-ratio"]{ padding-bottom:min(480px, var(--aspect-ratio, 56.25%)); } } [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; } .page-search[data-tadevel-template="web/search"] .container{ padding-top:16px; padding-bottom:16px; } .page-search[data-tadevel-template="web/search"] .filters{ display:flex; flex-wrap:wrap; padding-top:8px; } .page-search[data-tadevel-template="web/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; } html:not([amp-version]) .page-search[data-tadevel-template="web/search"] .filters .filter::after{ content:'x'; padding:0 8px; font-weight:bold; } .page-search[data-tadevel-template="web/search"] h1{ margin-bottom:16px; } .page-search[data-tadevel-template="web/search"] form{ display:flex; height:48px; } .page-search[data-tadevel-template="web/search"] form button, .page-search[data-tadevel-template="web/search"] form input[type="text"]{ border:1px solid var(--secondary-text-color); border-radius:var(--border-radius); background:var(--secondary-background-color); color:var(--primary-text-color); padding:0 16px; font-size:16px; } .page-search[data-tadevel-template="web/search"] form input[type="text"]{ width:0; flex-grow:1; margin-right:4px; } @media (min-width: 768px){ .page-search[data-tadevel-template="web/search"] form button, .page-search[data-tadevel-template="web/search"] form input[type="text"]{ font-size:19px; } } .page-search[data-tadevel-template="web/search"] .item{ margin:32px 0; display:flex; } .page-search[data-tadevel-template="web/search"] .item .detail .date{ text-transform:uppercase; font-size:13px; } .page-search[data-tadevel-template="web/search"] .item .detail .title{ font-weight:bold; font-size:22px; } .page-search[data-tadevel-template="web/search"] .item .detail .deck{ font-size:15px; } @media (min-width: 768px){ .page-search[data-tadevel-template="web/search"] .item .detail{ padding:4px 16px; } } .page-search[data-tadevel-template="web/search"] .empty{ text-align:center; color:var(--secondary-text-color); padding:64px 0; } .page-search[data-tadevel-template="web/search"] .block-author{ display:flex; margin-bottom:16px; border:1px solid #ddd; border-radius:2px; } .page-search[data-tadevel-template="web/search"] .block-author img{ width:128px; height:128px; object-fit:cover; display:block; } .page-search[data-tadevel-template="web/search"] .block-author .detail{ flex-grow:1; padding:16px; } .page-search[data-tadevel-template="web/search"] .block-author .detail .name{ font-size:24px; font-weight:bold; } .page-search[data-tadevel-template="web/search"] .pagination{ text-align:center; } .page-search[data-tadevel-template="web/search"] .image{ position:relative; width:128px; height:96px; flex-shrink:0; --object-fit:cover; } .page-search[data-tadevel-template="web/search"] .image .backdrop{ background-size:cover; } .page-search[data-tadevel-template="web/search"] .image > *{ position:absolute; top:0; right:0; bottom:0; left:0; } [data-tadevel-template="web/search"] h1{ margin-bottom:0; } [data-tadevel-template="web/search"] .sorting{ font-size:13px; color:var(--secondary-text-color); } [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%; 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; } } video[data-tadevel-template="web/video"]{ display:block; width:100%; height:100%; object-fit:var(--object-fit); object-position:var(--object-position); } [data-tadevel-template="web/web-stories-spinner"]{ background:var(--secondary-background-color); position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; } @keyframes web-stories-spinner-spin{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } [data-tadevel-template="web/web-stories-spinner"]::after{ content:'\A'; border:4px solid var(--primary-safe45-color); border-left-color:transparent; width:36px; height:36px; animation:web-stories-spinner-spin 1s linear infinite; display:inline-block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; border-radius:100px; filter:drop-shadow(0px 0px 4px black) drop-shadow(0px 0px 4px black); } [data-tadevel-template="web/web-stories-spinner"] > .placeholder img, [data-tadevel-template="web/web-stories-spinner"] > .placeholder:is(video){ width:calc(100% + 8vw); object-fit:cover; height:calc(100% + 8vw); margin:-4vw; filter:blur(2vw); max-width:none; } [data-tadevel-template="web/widget/article-opinion"] widget-article-opinion{ display:flex; flex-direction:column; background:#eee; color:#212121; padding:16px; height:100%; border-bottom:2px solid #0d2649; } [data-tadevel-template="web/widget/article-opinion"] widget-article-opinion .detail{ flex-grow:1; } [data-tadevel-template="web/widget/article-opinion"] widget-article-opinion .detail .title{ font-weight:300; font-size:20px; line-height:1.4; margin:8px 0; } [data-tadevel-template="web/widget/article-opinion"] widget-article-opinion .detail .kicker{ text-transform:uppercase; color:#747474; font-size:13px; font-weight:bold; } [data-tadevel-template="web/widget/article-opinion"] widget-article-opinion share-button-set{ float:right; height:36px; margin-left:8px; margin-bottom:8px; } [data-tadevel-template="web/widget/article-opinion"] widget-article-opinion .author{ margin-top:16px; display:flex; align-items:flex-end; } [data-tadevel-template="web/widget/article-opinion"] widget-article-opinion .name{ flex-grow:1; line-height:1.5; font-size:18px; } [data-tadevel-template="web/widget/article-opinion"] widget-article-opinion .avatar img{ display:block; width:64px; height:64px; margin:4px 8px; border-radius:50%; object-position:center; object-fit:cover; } [data-tadevel-template="web/widget/article-story"] .widget-article-story{ border-radius:16px; overflow:hidden; filter:drop-shadow(0px 4px 6px #00000066); margin-top:16px; margin-bottom:16px; cursor:zoom-in; transition:all 0.2s ease-in; position:relative; } [data-tadevel-template="web/widget/article-story"] .widget-article-story .title{ position:absolute; bottom:5%; left:8%; right:8%; color:white; font-weight:bold; line-height:1.3; letter-spacing:-0.02em; } [data-tadevel-template="web/widget/article-story"] .widget-article-story:hover{ transform:scale(1.05); } [data-tadevel-template="web/widget/article-story"] .widget-article-story .background{ padding-bottom:150%; position:relative; --object-fit:cover; } [data-tadevel-template="web/widget/article-story"] .widget-article-story .background > *{ position:absolute; top:0; right:0; bottom:0; left:0; } [data-tadevel-template="web/widget/article-story"] .widget-article-story .background::after{ content:'\A'; background:linear-gradient(0deg, #000000cc, rgba(0, 0, 0, 0) 60%); position:absolute; top:0; right:0; bottom:0; left:0; } [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"] .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"] .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; } body[my-unresolved] [data-tadevel-template="web/widget/survey"] page-article-survey{ display:block; height:200px; } x-floating[data-tadevel-template="web/x-floating"]{ position:relative; display:block; height:100%; } x-floating[data-tadevel-template="web/x-floating"][size="BIGGER"]{ overflow:hidden; } x-floating[data-tadevel-template="web/x-floating"]::-webkit-scrollbar-track{ -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3); background-color:#F5F5F5; } x-floating[data-tadevel-template="web/x-floating"]::-webkit-scrollbar{ width:4px; background-color:#F5F5F5; } x-floating[data-tadevel-template="web/x-floating"]::-webkit-scrollbar-thumb{ background-color:#747474; } x-floating[data-tadevel-template="web/x-floating"] x-floating-content{ display:block; position:relative; will-change:transform; } x-floating[data-tadevel-template="web/x-floating"][status="TOP"] x-floating-content{ position:absolute; top:0; } x-floating[data-tadevel-template="web/x-floating"][status="BOTTOM"] x-floating-content{ position:absolute; bottom:0; } x-floating[data-tadevel-template="web/x-floating"][status="BOTTOMFIXED"] x-floating-content{ position:fixed; bottom:0; } x-floating[data-tadevel-template="web/x-floating"][status="TOPFIXED"] x-floating-content{ position:fixed; top:0px; } x-floating[data-tadevel-template="web/x-floating"][status="MIDDLE"] x-floating-content{ position:absolute; } @media (max-width: 768px){ x-floating[data-tadevel-template="web/x-floating"][status] x-floating-content{ position:static; } x-floating[data-tadevel-template="web/x-floating"][size="BIGGER"]{ overflow:initial; } } [data-tadevel-template="web/x-loader"].spinner{ margin:100px auto; width:50px; height:40px; 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/article-body"].article-body{ font-size:16px; line-height:1.5; } [data-tadevel-template="web/article-body"].article-body a{ text-decoration:initial; color:#0074c4; } [data-tadevel-template="web/article-body"].article-body a:hover{ color:#00375c; } @media (min-width: 768px){ [data-tadevel-template="web/article-body"].article-body{ font-size:18px; } } [data-tadevel-template="web/article-header"]{ line-height:1.4; margin-top:16px; font-family:'HelveticaNeue-Condensed', HelveticaFallback; } [data-tadevel-template="web/article-header"] .article-title{ font-size:30px; font-weight:bold; margin:16px 0; } [data-tadevel-template="web/article-header"] .article-deck{ font-size:18px; } [data-tadevel-template="web/article-header"] .article-date{ font-size:15px; } [data-tadevel-template="web/article-header"] .article-kicker{ font-size:20px; font-weight:bold; } @media (min-width: 768px){ [data-tadevel-template="web/article-header"] .article-title{ font-size:38px; } [data-tadevel-template="web/article-header"] .article-deck{ font-size:20px; } } [data-tadevel-template="web/article-header"] .author .textwrap{ line-height:1.2; } [data-tadevel-template="web/article-header"] .author .textwrap .name{ font-size:18px; } [data-tadevel-template="web/article-header"] .author .textwrap .bio{ font-size:14px; } @media (max-width: 768px){ [data-tadevel-template="web/frame"] [id*="adLayer"]{ z-index:101 !important; } [data-tadevel-template="web/frame"].interstitial-shown [id*="adLayer"]{ z-index:1 !important; } [data-tadevel-template="web/frame"] view-firebase-prompt{ z-index:100 !important; } } [data-tadevel-template="web/frame"] .items.view-story-switcher{ z-index:99; } [data-tadevel-template="web/frame"] tadevel-drawer[data-tadevel-template="web/frame-drawer"]{ z-index:100; } [data-tadevel-template="web/frame"] span.trc_rbox_header_span{ font-family:"HelveticaNeue-Condensed"; text-transform:none; font-weight:normal; padding:8px 0; font-size:32px; line-height:1; display:block; } [data-tadevel-template="web/frame"] span.video-label.video-title.trc_ellipsis{ font-weight:500; font-size:18px; line-height:1.3; } [data-tadevel-template="web/frame"] span.video-label-box.trc-main-label{ background:#ececeb; padding:16px; height:128px !important; margin:0 !important; } [data-tadevel-template="web/frame"] .videoCube_aspect{ padding-bottom:52% !important; } @media (min-width: 768px){ [data-tadevel-template="web/frame"]{ } [data-tadevel-template="web/frame"] .videoCube_7_child, [data-tadevel-template="web/frame"] .videoCube_8_child{ display:none !important; } [data-tadevel-template="web/frame"] .videoCube{ width:calc(33.333% - 16px) !important; } } [data-tadevel-template="web/frame"] .LO_VS_container{ bottom:108px !important; } @media (max-width: 768px){ [data-tadevel-template="web/frame"] [data-tadevel-template="web/toolbar-wrapper"]{ z-index:99; bottom:var(--ep-zocalo-height); } [data-tadevel-template="web/frame"] aux-sheet{ z-index:99; } } body[data-tadevel-template="web/frame-body"]{ font-family:'TheSans', 'Trebuchet ms'; } @media (max-width: 768px){ [data-tadevel-template="web/frame-body"] #_cm-css-reset{ display:none; } } [data-tadevel-template="web/frame-body"] title-header{ font-family:"HelveticaNeue-Condensed"; text-transform:none; font-weight:normal; padding-top:8px; font-size:32px; } [data-tadevel-template="web/frame-body"] .centered-content > div{ display:block; margin:auto; } [data-tadevel-template="web/frame-body"] iron-icon.style-scope.paper-carousel.x-scope.iron-icon-1{ background:#76c8dc; color:white; border-radius:50%; height:32px; width:32px; opacity:1; box-shadow:0 0 8px -1px black; } [data-tadevel-template="web/frame-body"] .container{ left:0; transition:left 0.2s ease-in; } [data-tadevel-template="web/frame-body"] .offset-target{ transition:transform 0.2s ease-in; } body.offset-right[data-tadevel-template="web/frame-body"] .container{ left:-150px; } body.offset-right[data-tadevel-template="web/frame-body"] .offset-target{ transform:translateX(-150px); } [data-tadevel-template="web/frame-nav"].top-nav{ height:64px; background-color:#eff0e2; } [data-tadevel-template="web/frame-nav"].top-nav .logo{ max-height:48px; } @media (max-width: 768px){ [data-tadevel-template="web/frame-nav"].top-nav{ height:54px; } [data-tadevel-template="web/frame-nav"].top-nav .logo{ max-height:40px; } [data-tadevel-template="web/frame-nav"].top-nav view-weather{ display:none; } } @media (min-width: 768px){ [data-tadevel-template="web/frame-nav"].top-nav .top-nav-right-bar{ display:block; } } [data-tadevel-template="web/front"]{ padding-top:16px; } [data-tadevel-template="web/front"] [data-color] widget-article{ box-shadow:0 2px 8px -2px black; } [data-tadevel-template="web/front/headline"] widget-article .detail .title{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; padding-top:31.2px/16; padding-bottom:31.2px/16; max-height:calc(31.2px * 3 + 31.2px/8); } [data-tadevel-template="web/front/row"]:first-of-type widget-article .title{ font-size:24px; line-height:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; padding-top:30px/16; padding-bottom:30px/16; max-height:calc(30px * 3 + 30px/8); } [data-tadevel-template="web/front/row"]:first-of-type .aux widget-article .title{ font-size:18px; line-height:22px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; padding-top:22px/16; padding-bottom:22px/16; max-height:calc(22px * 3 + 22px/8); } @media (min-width: 768px){ [data-tadevel-template="web/front/row"] .starred .aux .photo-browser-compat{ flex-grow:1; display:flex; } [data-tadevel-template="web/front/row"] .starred[length="4"] .aux .photo-browser-compat{ display:none; } } [data-tadevel-template="web/front/row"][data-color] widget-article .kicker{ display:none; } [data-tadevel-template="web/front/section"] .main, [data-tadevel-template="web/front/section"] .aux-item{ padding-bottom:16px !important; } [data-tadevel-template="web/widget/article"] .kicker{ background-color:#444; color:white; font-size:15px; line-height:25px; padding:0 6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:none; font-weight:normal; } [data-tadevel-template="web/widget/article"] .detail{ background-color:#ececec; color:#333; padding:16px; } [data-tadevel-template="web/widget/article"] .title{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; padding-top:23.4px/16; padding-bottom:23.4px/16; max-height:calc(23.4px * 3 + 23.4px/8); } [data-tadevel-template="web/widget/article"] widget-article{ height:100%; display:flex; flex-direction:column; border-radius:2px; overflow:hidden; } [data-tadevel-template="web/widget/article"] widget-article .detail{ flex-grow:1; } [data-tadevel-template="web/widget/article"] widget-article[has-football-game] .overlay{ background-image:linear-gradient(rgba(0, 0, 0, 0) 60%, black 120%); } [data-tadevel-template="web/widget/article"] widget-article[data-category="5b201ee003e8eb343ca00199"] .kicker{ background-color:#03a9f4 !important; position:relative; } [data-tadevel-template="web/widget/article"] widget-article[data-category="5b201ee003e8eb343ca00199"] .kicker::after{ background-image:linear-gradient(to left, #fff 0%, #fff 20%, rgba(255, 255, 255, 0.75) 40%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.25) 80%, rgba(255, 255, 255, 0) 100%); content:""; height:50%; position:absolute; top:50%; right:0; transform:translateY(-50%); width:33%; } [data-tadevel-template="web/widget/article"] football-game-front.football-game{ background-color:transparent !important; } [data-tadevel-template="web/widget/article"] .kicker.new{ max-width:50%; padding:0; background:none !important; position:absolute; top:0; left:0; z-index:1; overflow:initial; text-overflow:initial; white-space:initial; font-size:14px; line-height:18px; } [data-tadevel-template="web/widget/article"] .kicker.new span{ background-color:grey; -webkit-box-decoration-break:clone; filter:drop-shadow(0, 0, 4px, rgba(0, 0, 0, 0.3)); padding:2px 8px; line-height:20px; border-radius:0 0 2px; } [data-tadevel-template="web/widget/article"] widget-article .indicator{ top:auto; right:auto; width:64px; height:64px; } [data-widget-id="5d6d39398e9fb942a456ee1e"]{ display:block; border:2px solid #76c8dc; padding:16px; border-radius:4px; } [data-widget-id="5d6d39398e9fb942a456ee1e"] h2{ margin:-16px -16px 16px; padding:8px 16px; background:#76c8dc; color:white; font-size:22px; font-family:'HelveticaNeue-Condensed'; } [data-widget-id="5d6d39398e9fb942a456ee1e"] .item{ padding:4px 0; } [data-widget-id="5d6d39398e9fb942a456ee1e"] .item .rowa{ padding:8px 0; padding:12px 0; display:flex; align-items:center; } [data-widget-id="5d6d39398e9fb942a456ee1e"] .item .flag{ width:32px; height:32px; margin-right:16px; filter:drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5)); width:40px; height:40px; display:none; } [data-widget-id="5d6d39398e9fb942a456ee1e"] .item .name{ font-weight:bold; font-size:16px; text-transform:uppercase; font-size:24px; font-family:'HelveticaNeue-Condensed'; text-transform:none; } [data-widget-id="5d6d39398e9fb942a456ee1e"] .item .values{ display:flex; font-family:Arial; font-weight:300; font-size:17px; font-size:20px; } [data-widget-id="5d6d39398e9fb942a456ee1e"] .item .values > * + *{ margin-left:16px; } [data-widget-id="5d6d39398e9fb942a456ee1e"] .item .values .buy:before{ content:'Compra'; display:block; text-transform:uppercase; font-size:11px; } [data-widget-id="5d6d39398e9fb942a456ee1e"] .item .values .sell:before{ content:'Venta'; display:block; text-transform:uppercase; font-size:11px; } [data-widget-id="5d6d39398e9fb942a456ee1e"] .updated{ text-transform:uppercase; font-weight:300; font-size:11px; font-family:Arial; } [data-widget-id="5d6d39398e9fb942a456ee1e"] .by{ font-size:12px; text-transform:uppercase; display:flex; align-items:center; margin:8px 0 0; } [data-widget-id="5d6d39398e9fb942a456ee1e"] .by img{ height:24px; margin-left:8px; }