

') 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:#0D2649; --primary-safe45-color:#0D2649; --primary-safe71-color:#0D2649; --accent-safe30-color:#DB7B38; --accent-safe45-color:#AF622D; --accent-safe71-color:#824921; word-wrap:break-word; background-color:var(--primary-background-color); color:var(--primary-text-color); --spacing-horizontal:12px; --primary-color:#0d2649; --primary-contrast-color:#ffffff; --accent-color:#f68a3f; --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:#246ACB; --primary-safe45-color:#2D85FF; --primary-safe71-color:#2D85FF; --accent-safe30-color:#F68A3F; --accent-safe45-color:#F68A3F; --accent-safe71-color:#FF9042; } } 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/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/article"] .article-kicker{ font-size:19px; font-weight:bold; color:var(--accent-safe30-color); } [data-tadevel-template="web/article"] .article-title{ font-weight:900; text-decoration:underline; text-decoration-color:var(--accent-safe30-color); margin:8px 0; line-height:1.3; font-size:30px; } @media (min-width: 768px){ [data-tadevel-template="web/article"] .article-title{ font-size:44px; } } [data-tadevel-template="web/article"] .article-deck{ font-weight:normal; font-size:22px; line-height:1.3; margin:8px 0; } [data-tadevel-template="web/article"] .article-body{ font-size:18px; line-height:1.5; } [data-tadevel-template="web/article"] .author{ flex-wrap:wrap; } [data-tadevel-template="web/article"] .author .textwrap{ width:100px; } @media (max-width: 768px){ [data-tadevel-template="web/article"] .author share-button-set{ width:100%; } } [data-tadevel-template="web/article"] share-button-set{ height:48px; } [data-tadevel-template="web/article"] share-button-set share-button{ height:48px; width:48px; } [data-tadevel-template="web/article"] share-button-set share-button .wrapper.style-scope.share-button{ background-color:transparent !important; } [data-tadevel-template="web/article"] share-button-set share-button .wrapper.style-scope.share-button iron-icon{ padding:12px; fill:var(--primary-text-color); } [data-tadevel-template="web/article"] title-header{ background-image:linear-gradient(45deg, #CCC 10%, rgba(204, 204, 204, 0) 10%, rgba(204, 204, 204, 0) 90%, #CCC 90%); background-size:100% 2px; background-repeat:no-repeat; background-position:center; text-align:center; text-transform:initial; color:var(--accent-safe30-color); } [data-tadevel-template="web/article"] article-related widget-article{ height:100%; } @media (min-width: 1280px){ [data-tadevel-template="web/article"] .container{ width:1200px; } [data-tadevel-template="web/article"] .container .column-main{ padding:16px 64px 16px var(--spacing-horizontal); border-right:0; } [data-tadevel-template="web/article"] .container .column-aux{ border-left:0; } } @media (max-width: 768px){ [data-tadevel-template="web/article"] .column-aux{ display:block !important; } } @media (max-width: 768px){ [data-tadevel-template="web/article"] .page-content .player-container{ margin:0; min-height:auto; } } [data-tadevel-template="web/frame"]{ line-height:1.2; } [data-tadevel-template="web/frame"] [is="page-front"], [data-tadevel-template="web/frame"] ._container{ left:0; transition:left 0.2s ease-in; transition-delay:0.1s; } [data-tadevel-template="web/frame"] .offset-target{ transition:transform 0.2s ease-in; transition-delay:0.1s; } [data-tadevel-template="web/frame"] body.offset-right [is="page-front"], [data-tadevel-template="web/frame"] body.offset-right ._container{ left:-150px; } [data-tadevel-template="web/frame"] body.offset-right .offset-target{ transform:translateX(-150px); } [data-tadevel-template="web/frame"] body{ font-family:"Noto Sans JP", sans-serif; } @media (min-width: 768px){ [data-tadevel-template="web/frame"] body{ --spacing-horizontal:32px; } } [data-tadevel-template="web/frame"] .page-content{ border:none; } [data-tadevel-template="web/frame"] nav.top-nav.style-scope.frame-separator{ background:white; padding:8px; } [data-tadevel-template="web/frame"] view-weather{ color:var(--color-primary); } [data-tadevel-template="web/frame"] view-weather .weather > .data.style-scope.view-weather{ display:flex; } [data-tadevel-template="web/frame"] view-weather .weather > *{ margin-left:4px; } [data-tadevel-template="web/frame"] view-weather .city.style-scope.view-weather{ font-size:inherit; text-transform:inherit; font-weight:inherit; margin-left:4px; } [data-tadevel-template="web/frame"] view-weather .icon.style-scope.view-weather{ filter:sepia(1) contrast(0) brightness(0.5); } @media (prefers-color-scheme: dark){ [data-tadevel-template="web/frame"][data-dark-available] view-weather .icon.style-scope.view-weather{ filter:sepia(1) contrast(0) brightness(2); } } [data-tadevel-template="web/frame"] img.style-scope.frame-separator{ width:100%; object-fit:contain; } [data-tadevel-template="web/frame-body"][data-immersive] nav.menu-nav, [data-tadevel-template="web/frame-body"][data-immersive] [data-tadevel-template="web/frame-marquee"]{ display:none !important; } [data-tadevel-template="web/frame-menu"].menu-nav{ display:block; background-color:#f7f7f7; color:var(--color-primary); text-transform:initial; font-weight:bold; font-size:16px; line-height:2; letter-spacing:-0.2px; } [data-tadevel-template="web/frame-menu"].menu-nav ul{ display:flex; overflow:auto; white-space:nowrap; } [data-tadevel-template="web/frame-menu"].menu-nav ul a{ display:block; } [data-tadevel-template="web/frame-menu"].menu-nav ul li{ margin:8px 16px; } @media (min-width: 768px){ [data-tadevel-template="web/frame-menu"].menu-nav ul{ justify-content:center; } } @media (min-width: 768px){ [data-tadevel-template="web/frame-menu"].menu-nav{ font-size:17px; } [data-tadevel-template="web/frame-menu"].menu-nav ul li{ margin:4px 12px; } } @media (prefers-color-scheme: dark){ html[data-dark-available] [data-tadevel-template="web/frame-menu"].menu-nav{ background:#222; color:white; } } [data-tadevel-template="web/frame-nav"]{ } [data-tadevel-template="web/frame-nav"].top-nav{ background:white; box-sizing:border-box; transition:all 0.2s ease-in; } [data-tadevel-template="web/frame-nav"].top-nav:not(.floating){ box-shadow:none; } [data-tadevel-template="web/frame-nav"].top-nav paper-icon-button:not(.if-sm){ width:40px; height:40px; display:inline-block; } @media (min-width: 768px){ [data-tadevel-template="web/frame-nav"].top-nav:not(.floating){ height:96px; padding-top:24px; padding-bottom:24px; } [data-tadevel-template="web/frame-nav"].top-nav.floating{ padding:16px; } [data-tadevel-template="web/frame-nav"].top-nav #menu-toggler{ display:none !important; } [data-tadevel-template="web/frame-nav"].top-nav .logo{ width:490px; } } @media (max-width: 768px){ [data-tadevel-template="web/frame-nav"].top-nav .logo{ max-height:48px; max-width:180px; } } [data-tadevel-template="web/frame-nav"] .center-bar{ pointer-events:none; } [data-tadevel-template="web/frame-nav"] .center-bar .logo, [data-tadevel-template="web/frame-nav"] .center-bar amp-img{ pointer-events:all; } [data-tadevel-template="web/frame-nav"] .center-bar .logo, [data-tadevel-template="web/frame-nav"] .center-bar amp-img, [data-tadevel-template="web/frame-nav"] .center-bar .logo img, [data-tadevel-template="web/frame-nav"] .center-bar amp-img img{ object-fit:contain; } [data-tadevel-template="web/frame-nav"] .top-nav-left-bar{ left:var(--spacing-horizontal); } [data-tadevel-template="web/frame-nav"] .top-nav-left-bar paper-button{ text-transform:initial; color:var(--primary-safe45-color); font-family:inherit; } [data-tadevel-template="web/frame-nav"] .top-nav-left-bar paper-button iron-icon{ width:24px; height:24px; } [data-tadevel-template="web/frame-nav"] .top-nav-left-bar paper-button span{ margin-left:4px; } @media (max-width: 768px){ [data-tadevel-template="web/frame-nav"] .top-nav-left-bar paper-button span{ display:none; } } @media (min-width: 768px){ [data-tadevel-template="web/frame-nav"] .top-nav-right-bar{ right:var(--spacing-horizontal) !important; display:block !important; } [data-tadevel-template="web/frame-nav"] .top-nav-right-bar form{ position:relative; } [data-tadevel-template="web/frame-nav"] .top-nav-right-bar form input{ font-size:13px; background:var(--primary-background-color); color:var(--primary-text-color); border:1px solid var(--primary-safe45-color); padding:4px 8px; font-family:inherit; width:200px; } [data-tadevel-template="web/frame-nav"] .top-nav-right-bar form .separator{ position:absolute; right:32px; height:16px; width:1px; margin:auto; background:var(--color-accent); bottom:0; top:0; filter:brightness(2) contrast(0.3); } [data-tadevel-template="web/frame-nav"] .top-nav-right-bar form .submit{ background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAAlwSFlzAAAXEgAAFxIBZ5/SUgAAABhQTFRFTGlxAP+3AIpbAIlbAIxdAIpbAIpbAIpbR70rWwAAAAd0Uk5TAAPbsB1rPxQ2N1YAAAFASURBVDjLvVOxTgMxDLXh6Gyhsh8SKuvBCXVtB9S1YulaISFWuBby+9hOHCfkVvBwyuXZfvaLDfCP9jyOT5v2erkOYne/77v7EFoEAQ7BbKjuL/J9mAiADCJNND0q0otnMg3Ys+OL4B6gDHs9vfPpwUviv3M6c9LvKlMik/OUgZ0EGCM7HQ1YG0Ni6cGdoMz74dxfXuLC2W/Uh0wGcYt26cHIeAgnB3qXjUspgMFVkBoxA7euG+UIZODTA8g5rpgcvV6uCos+oO2DsNCN4NqLr7ViRXt03c5QCLcpdLNcVL1HF0cA7QVzgXjIr7OTsdhWbzsxQq86QE4IOlen0YbO2ImKSdQQij3FVkrbttO+qlnQkFWsK9hTy/eNN+oYmyolouiCqZVhZhe7OoJ90fUNzZbKOi1ZLpxd7MXcWv+J/QAi6oykNSsO0AAAAABJRU5ErkJggg=='); position:absolute; right:0; top:0; bottom:0; border:none; background-color:transparent; width:32px; background-size:50%; background-repeat:no-repeat; background-position:center; } } @media (max-width: 768px){ [data-tadevel-template="web/frame-nav"] paper-icon-button{ width:40px; height:40px; display:inline-block; } } @media (min-width: 768px){ [data-tadevel-template="web/frame-nav"] .top-nav-right-bar form .submit{ filter:hue-rotate(215deg) brightness(1.1); } }