@font-face{ font-family:"Open Sans"; font-style:italic; font-weight:300; src:local("Open Sans Light Italic"),local(OpenSans-LightItalic),url(//fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hlIqc.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hrIqM.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hlIqU.woff) format("woff"); font-display:swap; } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:400; src:local("Open Sans Italic"),local(OpenSans-Italic),url(//fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Xdck.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Xdcs.woff) format("woff"); font-display:swap; } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:600; src:local("Open Sans SemiBold Italic"),local(OpenSans-SemiBoldItalic),url(//fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhlIqc.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhrIqM.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhlIqU.woff) format("woff"); font-display:swap; } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:700; src:local("Open Sans Bold Italic"),local(OpenSans-BoldItalic),url(//fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhlIqc.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhlIqU.woff) format("woff"); font-display:swap; } @font-face{ font-family:"Open Sans"; font-style:italic; font-weight:800; src:local("Open Sans ExtraBold Italic"),local(OpenSans-ExtraBoldItalic),url(//fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKW-U9hlIqc.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKW-U9hrIqM.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKW-U9hlIqU.woff) format("woff"); font-display:swap; } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:300; src:local("Open Sans Light"),local(OpenSans-Light),url(//fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXOht.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXOhv.woff) format("woff"); font-display:swap; } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:400; src:local("Open Sans Regular"),local(OpenSans-Regular),url(//fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50f.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50d.woff) format("woff"); font-display:swap; } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:600; src:local("Open Sans SemiBold"),local(OpenSans-SemiBold),url(//fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXOht.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXOhv.woff) format("woff"); font-display:swap; } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:700; src:local("Open Sans Bold"),local(OpenSans-Bold),url(//fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXOht.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXOhv.woff) format("woff"); font-display:swap; } @font-face{ font-family:"Open Sans"; font-style:normal; font-weight:800; src:local("Open Sans ExtraBold"),local(OpenSans-ExtraBold),url(//fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN8rsOXOht.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN8rsOXOhv.woff) format("woff"); font-display:swap; } @font-face{ font-family:sans-serif; font-style:italic; font-weight:300; src:local("Helvetica Neue Light Italic"),local(HelveticaNeue-LightItalic),local("Helvetica Light Oblique"),local(Helvetica-LightOblique); font-display:swap; } @font-face{ font-family:sans-serif; font-style:italic; font-weight:400; src:local("Helvetica Neue Italic"),local(HelveticaNeue-Italic),local("Helvetica Oblique"),local(Helvetica-Oblique); font-display:swap; } @font-face{ font-family:sans-serif; font-style:italic; font-weight:700; src:local("Helvetica Neue Bold Italic"),local(HelveticaNeue-BoldItalic),local("Helvetica Bold Oblique"),local(Helvetica-BoldOblique); font-display:swap; } @font-face{ font-family:sans-serif; font-style:normal; font-weight:300; src:local("Helvetica Neue Light"),local(HelveticaNeue-Light),local("Helvetica Light"),local(Helvetica-Light); font-display:swap; } @font-face{ font-family:sans-serif; font-style:normal; font-weight:400; src:local(HelveticaNeue),local(Helvetica); font-display:swap; } @font-face{ font-family:sans-serif; font-style:normal; font-weight:700; src:local("Helvetica Neue Bold"),local(HelveticaNeue-Bold),local("Helvetica Bold"),local(Helvetica-Bold); font-display:swap; } @font-face{ font-family:"Roboto Condensed"; font-style:italic; font-weight:300; src:local("Roboto Condensed Light Italic"),local(RobotoCondensed-LightItalic),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoY9Nd.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEobdNZ.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoY9Nf.woff) format("woff"); font-display:swap; } @font-face{ font-family:"Roboto Condensed"; font-style:italic; font-weight:400; src:local("Roboto Condensed Italic"),local(RobotoCondensed-Italic),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM5.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM7.woff) format("woff"); font-display:swap; } @font-face{ font-family:"Roboto Condensed"; font-style:italic; font-weight:700; src:local("Roboto Condensed Bold Italic"),local(RobotoCondensed-BoldItalic),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoY9Nd.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNZ.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoY9Nf.woff) format("woff"); font-display:swap; } @font-face{ font-family:"Roboto Condensed"; font-style:normal; font-weight:300; src:local("Roboto Condensed Light"),local(RobotoCondensed-Light),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYaw.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYaQ.woff) format("woff"); font-display:swap; } @font-face{ font-family:"Roboto Condensed"; font-style:normal; font-weight:400; src:local("Roboto Condensed"),local(RobotoCondensed-Regular),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7CQ.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7Cw.woff) format("woff"); font-display:swap; } @font-face{ font-family:"Roboto Condensed"; font-style:normal; font-weight:700; src:local("Roboto Condensed Bold"),local(RobotoCondensed-Bold),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYaw.eot?#) format("eot"),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format("woff2"),url(//fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYaQ.woff) format("woff"); font-display:swap; } [data-tadevel-template="web/diccionario"]{ color:#343d65; } [data-tadevel-template="web/diccionario"] .hidden{ display:none; } [data-tadevel-template="web/diccionario"] .column-main h1{ display:block; font-weight:600; font-size:28px; line-height:1.4; color:#343d66; margin:16px 0; text-transform:initial; } [data-tadevel-template="web/diccionario"] #wrapper{ margin:0 -8px; } [data-tadevel-template="web/diccionario"] #wrapper > *{ margin:8px; } [data-tadevel-template="web/diccionario"] #filterSizer{ height:56px; } [data-tadevel-template="web/diccionario"] #filterWrapper{ position:relative; margin:8px 0; } [data-tadevel-template="web/diccionario"] #filterWrapper #filterDismiss{ cursor:pointer; background:transparent; border:none; position:absolute; top:0; bottom:0; right:0; padding:0 16px; font-size:20px; font-weight:bold; color:#747474; } [data-tadevel-template="web/diccionario"] #filterWrapper #filter{ width:100%; height:48px; border:4px solid #f0f0f0; padding:8px 12px; border-radius:4px; font-size:15px; } [data-tadevel-template="web/diccionario"] #filterWrapper.not-intersecting{ margin:0; position:fixed; top:0; left:0; right:0; z-index:1; } @media (min-width: 768px){ [data-tadevel-template="web/diccionario"] #filterWrapper.not-intersecting{ max-width:920px; margin:32px auto; filter:drop-shadow(-40px -40px 6px white) drop-shadow(40px -40px 6px white); } } [data-tadevel-template="web/diccionario"] #filterWrapper.not-intersecting #filter{ margin:0; height:48px; } [data-tadevel-template="web/diccionario"] .item{ font-size:16px; padding:12px 16px; cursor:pointer; } [data-tadevel-template="web/diccionario"] .item:nth-child(odd){ background:rgba(0, 0, 0, 0.025); } [data-tadevel-template="web/diccionario"] .item .name, [data-tadevel-template="web/diccionario"] .item .description{ transition:all 0.2s ease-in; overflow:hidden; } [data-tadevel-template="web/diccionario"] .item:not(.expanded) .description{ height:0; } [data-tadevel-template="web/diccionario"] .item.expanded .name{ font-size:20px; font-weight:bold; } [data-tadevel-template="web/diccionario"] .item:hover{ background-color:rgba(0, 0, 0, 0.05); } [data-tadevel-template="web/diccionario"] #definition{ border:4px solid #F0F0F0; border-radius:4px; padding:16px; background:white; filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)); font-size:18px; line-height:1.5; color:#222; } [data-tadevel-template="web/diccionario"] #definition:first-letter{ font-weight:bold; font-size:28px; padding-right:4px; } [data-tadevel-template="web/diccionario"] #itemsEmpty{ padding:32px 16px; text-align:center; font-size:14px; } [data-tadevel-template="web/diccionario"] #items{ background:#f8f8f8; border-radius:4px; filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)); } [data-tadevel-template="web/diccionario"] #items::-webkit-scrollbar-track{ -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3); background-color:#F5F5F5; } [data-tadevel-template="web/diccionario"] #items::-webkit-scrollbar{ width:6px; background-color:#F5F5F5; } [data-tadevel-template="web/diccionario"] #items::-webkit-scrollbar-thumb{ background-color:#343d66; } [data-tadevel-template="web/diccionario"] #letters{ display:flex; margin:0 -4px; flex-wrap:wrap; } [data-tadevel-template="web/diccionario"] .letter{ cursor:pointer; flex-grow:1; text-align:center; margin:4px; background:#F0f0f0; width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:4px; color:#343d65; font-weight:bold; filter:drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.25)); } [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; } [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: 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-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-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:0 calc(-1 * 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:0 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-header{ } [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; } [data-tadevel-template="web/article"] .article-body{ font-size:16px; } [data-tadevel-template="web/article"] .article-body a{ text-decoration:underline; } @media (min-width: 768px){ [data-tadevel-template="web/article"] .article-title{ font-size:40px; } [data-tadevel-template="web/article"] .article-deck{ font-size:24px; } [data-tadevel-template="web/article"] .article-body{ font-size:18px; } } [data-tadevel-template="web/article"] .article-author{ display:flex; margin:16px 0; } [data-tadevel-template="web/article"] .article-author .more{ font-size:13px; text-transform:uppercase; text-decoration:underline; } [data-tadevel-template="web/article"] .article-author .imgwrap{ display:block; margin-right:16px; } [data-tadevel-template="web/article"] .article-author .imgwrap img{ object-fit:cover; object-position:center center; border-radius:50%; } [data-tadevel-template="web/article"] .article-author .textwrap{ width:360px; flex-grow:1; } [data-tadevel-template="web/article"] .article-author .textwrap .name{ text-transform:uppercase; font-weight:bold; font-size:16px; } [data-tadevel-template="web/article"] .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; } @media (max-width: 767px){ [data-tadevel-template="web/article"] .page-content .player-container{ margin:0 -12px; } } [data-tadevel-template="web/article"] football-game{ margin:16px 0; } @media (max-width: 767px){ [data-tadevel-template="web/article"] football-game{ margin:16px -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); } [data-tadevel-template="web/frame-stories"]{ font-size:12px; font-family:'Roboto Condensed'; 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-image: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 (prefers-color-scheme: dark){ body[data-dark-available] [data-tadevel-template="web/frame-stories"] view-story-carousel:not([loaded]){ background-image:radial-gradient(circle at center, #AAA 50%, rgba(170, 170, 170, 0) 51%); } body[data-dark-available] [data-tadevel-template="web/frame-stories"] view-story-carousel:not([loaded])::after{ background-image:linear-gradient(to left, rgba(34, 34, 34, 0) 10%, rgba(34, 34, 34, 0.05), rgba(34, 34, 34, 0.3), rgba(34, 34, 34, 0.6), rgba(34, 34, 34, 0.3), rgba(34, 34, 34, 0.05), rgba(34, 34, 34, 0) 90%); } } @media (min-width: 768px){ [data-tadevel-template="web/frame-stories"]{ display:none; } } *{ box-sizing:border-box; } body{ --primary-background-color:#ffffff; --primary-text-color:#212121; --secondary-background-color:#eeeeee; --secondary-text-color:#6c6c6c; --primary-safe30-color:#151C2F; --primary-safe45-color:#151C2F; --primary-safe71-color:#151C2F; --accent-safe30-color:#448193; --accent-safe45-color:#427E8F; --accent-safe71-color:#315D6A; background-color:var(--primary-background-color); color:var(--primary-text-color); --spacing-horizontal:12px; --primary-color:#151c2f; --accent-color:#448193; } @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:#000000; --primary-safe45-color:#000000; --primary-safe71-color:#000000; --accent-safe30-color:#448193; --accent-safe45-color:#4D92A6; --accent-safe71-color:#61B9D3; } } body{ margin:0; font-family:sans-serif; } 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:-12px; margin-right:-12px; } @media (min-width: 768px){ .row{ margin-left:-16px; margin-right:-16px; } } .singleline{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .flex{ display:flex; } @media (max-width: 767px){ .if-nsm{ display:none; } } @media (min-width: 768px){ .if-sm{ display:none; } } .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:-12px; margin-right:-12px; } @media (min-width: 768px){ .columns{ margin-left:-16px; margin-right:-16px; } } .columns .column-main{ padding:16px 12px 0; margin:0; } @media (min-width: 970px){ .columns .column-main{ padding:16px 16px 0; width:calc(100% - 332px); } } .columns .column-aux > *{ margin-bottom:16px; } @media (max-width: 768px){ .columns .column-aux{ padding:16px 12px 0; } } @media (min-width: 970px){ .columns .column-aux{ width:300px; box-sizing:content-box; padding:16px 16px 0; } } @media (min-width: 970px){ .columns{ display:flex; } .columns > *{ flex-shrink:0; } } .container{ padding-left:12px; padding-right:12px; position:relative; margin:auto; } @media (min-width: 768px){ .container{ padding-left:16px; padding-right:16px; } } @media (min-width: 1004px){ .container{ width:1004px; } } 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; margin-left:-12px; margin-right:-12px; padding-left:12px; padding-right:12px; padding-bottom:0.1px; margin-bottom:16px; } @media (min-width: 768px){ [data-tadevel-template="web/front"] component-row{ margin-left:-16px; margin-right:-16px; } } @media (min-width: 768px){ [data-tadevel-template="web/front"] component-row{ padding-left:16px; padding-right: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{ 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); } @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:-12px; margin-right:-12px; display:flex; padding:0 calc(0.5 * var(--spacing-horizontal)); } [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; } } @media (min-width: 768px) and (min-width: 768px){ [data-tadevel-template="web/front"] component-row .starred{ margin-left:-16px; margin-right:-16px; } } [data-tadevel-template="web/front"] component-row .items{ display:flex; flex-wrap:wrap; margin:0 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"]{ margin-left:-12px; margin-right:-12px; display:block; margin-top:16px; margin-bottom:16px; } @media (min-width: 768px){ [data-tadevel-template="web/front/multimedia"]{ margin-left:-16px; margin-right:-16px; } } [data-tadevel-template="web/front/multimedia"] title-header{ padding-left:12px; padding-right:12px; } @media (min-width: 768px){ [data-tadevel-template="web/front/multimedia"] title-header{ padding-left:16px; padding-right:16px; } } [data-tadevel-template="web/front/multimedia"] figure .sizer{ padding-bottom:400px; } [data-tadevel-template="web/front/multimedia"] figure .caption{ padding:8px 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"]{ --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{ } .page-search[data-tadevel-template="web/search"] form{ display:flex; height:48px; } .page-search[data-tadevel-template="web/search"] form input[type="text"]{ width:0; flex-grow:1; font-size:24px; border:1px solid #CCC; margin-right:4px; border-radius:2px; padding:0 16px; } .page-search[data-tadevel-template="web/search"] form button{ background:none; border:1px solid #CCC; font-size:19px; padding:0 16px; color:#555; border-radius:2px; } .page-search[data-tadevel-template="web/search"] .item{ margin:32px 0; display:flex; } .page-search[data-tadevel-template="web/search"] .item img{ display:none; width:128px; height:96px; object-fit:cover; } .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 img{ display:block; } .page-search[data-tadevel-template="web/search"] .item .detail{ padding:4px 16px; } } .page-search[data-tadevel-template="web/search"] .empty{ text-align:center; color:#333; 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; } [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; } } [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"]{ 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%; object-fit:cover; object-position:center center; } [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"] .article-body p.aside{ display:inline-block; font-style:italic; font-weight:bold; text-align:center; padding:32px; font-size:1.5em; color:#151c2f; border:solid #ff6238; border-width:0 6px 6px 0; } @media (min-width: 768px){ [data-tadevel-template="web/article"] .article-body figure{ clear:both; } [data-tadevel-template="web/article"] .article-body p.aside{ float:left; margin:8px 16px 8px -48px; max-width:360px; } } @media (min-width: 1024px){ [data-tadevel-template="web/article"] .columns .column-main{ padding-right:128px; } [data-tadevel-template="web/article"] .columns .column-aux{ border:none; } } [data-tadevel-template="web/article-body"]{ line-height:1.5; font-family:'Open Sans'; } [data-tadevel-template="web/article-body"] .related{ padding:0 32px; } [data-tadevel-template="web/article-body"] .related .label{ text-transform:uppercase; font-size:13px; font-family:'Open Sans'; font-weight:bold; color:var(--primary-color); } [data-tadevel-template="web/article-body"] .related a{ color:#c84d2c; } [data-tadevel-template="web/article-body"] .related a:hover{ color:inherit; } [data-tadevel-template="web/article-header"]{ line-height:1.3; padding:16px 0; color:#343d66; } [data-tadevel-template="web/article-header"] .article-kicker{ text-transform:uppercase; color:#a74244; font-style:italic; font-weight:bold; font-size:15px; margin:8px 0; } [data-tadevel-template="web/article-header"] .article-title{ font-size:30px; margin:8px 0; font-weight:bold; } [data-tadevel-template="web/article-header"] .article-deck{ font-size:20px; margin:8px 0; font-weight:bold; } [data-tadevel-template="web/article-header"] share-button .wrapper{ background-color:transparent !important; } [data-tadevel-template="web/article-header"] share-button .wrapper img{ filter:brightness(0.1) sepia(1) hue-rotate(190deg); padding:6px; } @media (min-width: 1024px){ [data-tadevel-template="web/article-header"] .article-title{ font-size:40px; } [data-tadevel-template="web/article-header"] .article-deck{ font-size:26px; } [data-tadevel-template="web/article-header"] .article-date{ font-size:15px; } } @media (min-width: 768px){ [data-tadevel-template="web/article-related"] .items > *{ width:calc(25% - 16px); margin:0 8px; } [data-tadevel-template="web/article-related"] .items > * [is="widget-article"]{ padding-bottom:16px; } } [data-tadevel-template="web/frame-body"]{ } body[data-tadevel-template="web/frame-body"][data-child-template="web/front"]{ background:#f9f9f9; } [data-tadevel-template="web/frame-body"] .hidden{ display:none; } @media (min-width: 768px){ [data-tadevel-template="web/frame-body"] .page-content{ border:none; } } @media (min-width: 1280px){ [data-tadevel-template="web/frame-body"] .container{ width:1280px; } } [data-tadevel-template="web/frame-body"] title-header{ display:block; font-weight:600; font-size:28px; line-height:1.4; font-family:'Droid Serif'; font-display:swap; color:#343d66; margin:16px 0; text-transform:initial; } [data-tadevel-template="web/frame-body"] share-button{ margin-right:4px; } [data-tadevel-template="web/frame-body"] share-button .wrapper{ border-radius:50%; } [data-tadevel-template="web/frame-body"] app-drawer{ text-align:left; } @media print{ [data-tadevel-template="web/frame-body"]{ padding-top:0; } [data-tadevel-template="web/frame-body"] view-gallery, [data-tadevel-template="web/frame-body"] share-button-set{ display:none !important; } [data-tadevel-template="web/frame-body"] .top-nav{ position:relative; } [data-tadevel-template="web/frame-body"] view-foo{ display:none; } [data-tadevel-template="web/frame-body"] frame-pages > *{ display:none; } [data-tadevel-template="web/frame-body"] frame-pages > :first-child{ display:block; } [data-tadevel-template="web/frame-body"] x-multimedia-raw img{ max-height:300px; object-fit:contain; } } [data-tadevel-template="web/frame-body"] .ad-container{ background:var(--secondary-background-color); color:var(--primary-text-color); margin-top:16px; margin-bottom:16px; display:flex; align-items:center; justify-content:center; padding:16px 0px; box-sizing:content-box; position:relative; width:100% !important; } [data-tadevel-template="web/frame-body"] .ad-container::before{ content:'Publicidad'; font-size:10px; position:absolute; top:0; left:0; right:0; text-align:center; } [data-tadevel-template="web/frame-body"] .ad-container-plain{ margin-top:16px; margin-bottom:16px; display:flex; align-items:center; justify-content:center; } tadevel-drawer[data-tadevel-template="web/frame-drawer"]{ text-align:initial; } footer[data-tadevel-template="web/frame-footer"]{ line-height:1.5; font-size:16px; } footer[data-tadevel-template="web/frame-footer"] p{ font-size:18px; margin-bottom:16px; } footer[data-tadevel-template="web/frame-footer"] nav{ text-transform:initial; } footer[data-tadevel-template="web/frame-footer"] nav li a{ display:block; } @media (max-width: 768px){ footer[data-tadevel-template="web/frame-footer"] nav{ text-align:center; margin-bottom:32px; } footer[data-tadevel-template="web/frame-footer"] .owners{ display:none; } } [data-tadevel-template="web/frame-menu"].menu-nav{ z-index:1; background:#efefef; color:#343d66; box-shadow:0 0 2px grey; text-transform:uppercase; font-size:17px; line-height:48px; font-family:'Roboto Condensed'; } [data-tadevel-template="web/frame-menu"].menu-nav ul li{ margin:0; } [data-tadevel-template="web/frame-menu"].menu-nav ul li a{ display:block; height:48px; padding:0 8px; } @media (min-width: 768px){ [data-tadevel-template="web/frame-menu"].menu-nav{ display:block !important; } [data-tadevel-template="web/frame-menu"].menu-nav ul{ white-space:nowrap; } } [data-tadevel-template="web/frame-nav"].top-nav{ box-shadow:0 0 8px #00000044; --object-fit:contain; --object-position:left; } [data-tadevel-template="web/frame-nav"] .logo{ height:100%; padding-top:2px; } [data-tadevel-template="web/frame-nav"] .small-logo, [data-tadevel-template="web/frame-nav"] .big-logo{ position:absolute; top:0; left:0px; bottom:0; right:0; } [data-tadevel-template="web/frame-nav"] .small-logo amp-img, [data-tadevel-template="web/frame-nav"] .big-logo amp-img{ top:8px; right:8px; bottom:8px; left:8px; } [data-tadevel-template="web/frame-nav"] .small-logo img, [data-tadevel-template="web/frame-nav"] .big-logo img{ width:100%; height:100%; } [data-tadevel-template="web/frame-nav"] .small-logo{ left:25px; } @media (min-width: 768px){ [data-tadevel-template="web/frame-nav"] .small-logo{ left:31px; } } @media not print{ [data-tadevel-template="web/frame-nav"] .big-logo, [data-tadevel-template="web/frame-nav"] .small-logo, [data-tadevel-template="web/frame-nav"] .search-form, [data-tadevel-template="web/frame-nav"] .img-btn{ transition:all 0.2s ease-in; } [data-tadevel-template="web/frame-nav"] .big-logo{ opacity:1; } [data-tadevel-template="web/frame-nav"].floating .big-logo, [data-tadevel-template="web/frame-nav"].floating .search-form, [data-tadevel-template="web/frame-nav"].floating .img-btn{ opacity:0; } } [data-tadevel-template="web/frame-nav"] .toggle-menu{ margin:8px 0; width:48px; height:48px; color:#343d66; } @media (min-width: 768px){ [data-tadevel-template="web/frame-nav"] .toggle-menu{ margin:12px 0; } } [data-tadevel-template="web/frame-nav"] title-header{ font-family:'Droid Serif' !important; font-display:swap; font-weight:bold !important; } [data-tadevel-template="web/frame-nav"] .nav-buttons{ position:absolute; right:16px; display:flex; align-items:center; } [data-tadevel-template="web/frame-nav"] .nav-buttons paper-icon-button[src]{ display:inline-block; padding:12px; width:48px; height:48px; margin:12px 0; } [data-tadevel-template="web/frame-nav"] .nav-buttons paper-icon-button[src] img{ filter:brightness(0.2) hue-rotate(229deg); } [data-tadevel-template="web/frame-nav"] .nav-buttons a{ display:flex; } [data-tadevel-template="web/frame-nav"] .nav-buttons .img-btn{ width:32px; height:32px; padding:4px; margin:8px; border:none; background-size:calc(100% - 8px); background-position:center; background-repeat:no-repeat; background-color:transparent; } [data-tadevel-template="web/frame-nav"] .nav-buttons #newsletter-toggle{ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFxIAABcSAWef0lIAAAAYUExURTM9ZkxpcRsgNiw1WCMpRR0iOh8lPycuTR/6m/0AAAAIdFJOU/4AGNWGOmCsqMUpwwAAAu9JREFUSMd9Vk1z2jAQfRM7+CwFwxXxEa4mJM0Vw7S5xnxMryZthqsJKf37Xa0+DZlqBgZ7n3b3rVZvgYjW/UsBzD/f4ncIP/MV7HqsvgJMfsKvZHkNGD+KXwGB5SXgvngQcnXeDYe7Q6ERb21A3qAcuk3yoKNULUCNTLyEzMbkpBMDxsC3PJPrFmIZAHIBHMdJtQgV2ACZ8oApURevKDdJQNCeDwcgB8leNjhOkfkS9QrjQgO6wJPo0Rf9SKsoSGkBteY0ImNOqaXKVb5gIgTItQNCIaMwREcFF4oBU8pA48nPAhGCgh4ZUCPlPChmzefwRzkiHQ2QhQa+agvR4PXdAPpIFAG6OkWOzjT4tA0i1zwgBjpCzoZOz/XDm41xQ4AaD1xLWlneWETGCL0XotD1MNlZGoxYcwUTgVyzlYV5va99S+mSSqBClzpBuNjlJjSd7lxqI9xpsiP70tGALViNGQaUqXChPQ1eZ0VGEMiShD2uCDFCBwuqY9/nrpoYgBVSNNibOjPPiIbdggJ7GfzGNMwW+lQ+s+Sz6uN6qZEzvyvRvbYnhiSbJ+9tGoa79Obfp0sa3CV9b24dl1tFtfHmr2jgWUzIfDjZx49pbPxLNOmKTl5O/lV0XBR4S4V6J92IU+5ZGs8/dorOIMVmKbYRtWzYGPNa59XQYQ3o1myjqhAN8r3WmjinjTfcMDISuP3hTL7F/WnOjzPoxjSqZGlIJfJD5dgeTdMK6SXwiUjNi487+1jZthe5q2C20r5v3R1zFydCGLa2C1O+epmR4viYMmWo3/DlRWXFNkJUpvdKc/1n4gpRDkwzeQFxeurWA/dex0oQNbZZoWC33KgzBkgWMS9cLv0CTsSMDFqhdwVLdO91YiF1iEVEwwkpCVSy9whbjnNh6uPEPA2zzRfsGMZBEwURrqey9kAJY8whyvZIihFjW6T2UNOKEg21TLXHIhcuCWPR04K4PocvB6sZdGhL8eVwP/1/uLu/B0n778E/7lOcCE/eyFwAAAAASUVORK5CYII=); } [data-tadevel-template="web/frame-nav"] .nav-buttons #btn-facebook{ background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjQxNCIgZmlsbD0iIzM0M2Q2NiI+PHBhdGggZD0iTTE1LjExNyAwSC44ODNDLjM5NSAwIDAgLjM5NSAwIC44ODN2MTQuMjM0YzAgLjQ4OC4zOTUuODgzLjg4My44ODNoNy42NjNWOS44MDRINi40NlY3LjM5aDIuMDg2VjUuNjA3YzAtMi4wNjYgMS4yNjItMy4xOSAzLjEwNi0zLjE5Ljg4MyAwIDEuNjQyLjA2NCAxLjg2My4wOTR2Mi4xNmgtMS4yOGMtMSAwLTEuMTk1LjQ4LTEuMTk1IDEuMTh2MS41NGgyLjM5bC0uMzEgMi40MmgtMi4wOFYxNmg0LjA3N2MuNDg4IDAgLjg4My0uMzk1Ljg4My0uODgzVi44ODNDMTYgLjM5NSAxNS42MDUgMCAxNS4xMTcgMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+); } [data-tadevel-template="web/frame-nav"] .nav-buttons #btn-twitter{ background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjQxNCIgZmlsbD0iIzM0M2Q2NiI+PHBhdGggZD0iTTE2IDMuMDM4Yy0uNTkuMjYtMS4yMi40MzctMS44ODUuNTE3LjY3Ny0uNDA3IDEuMTk4LTEuMDUgMS40NDMtMS44MTYtLjYzNC4zNy0xLjMzNy42NC0yLjA4NS43OS0uNTk4LS42NC0xLjQ1LTEuMDQtMi4zOTYtMS4wNC0xLjgxMiAwLTMuMjgyIDEuNDctMy4yODIgMy4yOCAwIC4yNi4wMy41MS4wODUuNzUtMi43MjgtLjEzLTUuMTQ3LTEuNDQtNi43NjYtMy40MkMuODMgMi41OC42NyAzLjE0LjY3IDMuNzVjMCAxLjE0LjU4IDIuMTQzIDEuNDYgMi43MzItLjUzOC0uMDE3LTEuMDQ1LS4xNjUtMS40ODctLjQxdi4wNGMwIDEuNTkgMS4xMyAyLjkxOCAyLjYzMyAzLjIyLS4yNzYuMDc0LS41NjYuMTE0LS44NjUuMTE0LS4yMSAwLS40MS0uMDItLjYxLS4wNTguNDIgMS4zMDQgMS42MyAyLjI1MyAzLjA3IDIuMjgtMS4xMi44OC0yLjU0IDEuNDA0LTQuMDcgMS40MDQtLjI2IDAtLjUyLS4wMTUtLjc4LS4wNDUgMS40Ni45MyAzLjE4IDEuNDc0IDUuMDQgMS40NzQgNi4wNCAwIDkuMzQtNSA5LjM0LTkuMzMgMC0uMTQgMC0uMjgtLjAxLS40Mi42NC0uNDYgMS4yLTEuMDQgMS42NC0xLjd6IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=); } [data-tadevel-template="web/frame-nav"] .nav-buttons #btn-instagram{ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWBAMAAADOL2zRAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAYUExURTQ9ZkxpcTQ9ZjQ9ZjQ9ZjQ9ZjQ9ZjQ9Zvj0vYgAAAAIdFJOU/8AFpffarxEJbPNxQAABIlJREFUaN7VWktz2jAQ3gnGXGtT42sMhFxJ6dCrklB6tTMhuUIgyRUHCH+/FPmply1525nuIcPLXz6tVtK3qwWHNfcw3cyq7G39HHBPAov0RKCmvcZKLHdQG+lk1o9AjuV+gp69BjIs9xF07WcgxjKAKoOB+QCpvYuwBmBmDzyWvzTEsmMWy8hZictYrAGY27cyljsufDdfT6psuin8vhWUsEb5N+vnY7/arg9TjhjFcpf5uvhw6tn1jjDEoOwt+yFw6pp7IGViUPKW9eDo2FUK1sqxPHZG6lo2nijD2ief/HJ0rfQkFDxvB9pYpUehwPTG0bduwTt/sLb0bdsxsWTaOhQr5RkZYXXzQUI2iy3HaUIsOmMN6ZuVNsru7cfpb48+fnfGCmmYak/igLrcJam3IX3dMRpcK5u6ExdI3aUdEP75sTjzfnzCGhkO0UspJANbnbAuDYNrkM0YdfjFCYvO6UsDrGHCBhxiGKjZGJNXtgOuobscnyS+T15BAJ5x0Ifpc8lWGkHPMLrOu6pFN08aYTfwpdL1/eNisTj2+S8Ok+fijngLlxWb81WiON/W/AHVL03pBWyV0+g+zbJTcPYaKKe0A2G6FIQ/2pQO+3mswmrDeQ4s8Y+8GaMc5pEiPFqwlJ8aHi+EbSEY1VsqLKEis2PpaWQDKSoVLhYVaovDsuRYI4naEoQiDXxLem74sqxBME8pFpFghVIZ2NHl5Sk0ZaTJK6dlzSaL42JSCLW2Hq+c1ixJoNzdTEpMzSsULBt/I/OYkpefPnVfnDT/e/pxrMFrKI7ybCXc1eeVKh8rkghUuz6vLp+DJfYp9L6K11aqOdNR3tXmtZSr6pFokApenkIKp66Ma/IaguJs+hQoPwWvEBT7tk/4daTgRZTKZ8w7TM7LU+vXEc9azqunGmI2yFUtXvsKtTLmIkzOK6zIs/acO+W8lhVauMc5X8qLSlmpu9IjuKj+pLySnypEFPfPpLy6lUJxzG4VUl69yhQ3ZB0q5TUS7ZyC9bqqwWtfmbV9ZZe+lNe+Mj3ivCDl9ViZO3RlWEQfy2PFk5SXUsCqsQgi1n/Dq4HvCWJMAGKsEsQ1BIhrmyDuOYC4FxLEPRoQzw6CeKYB4llLEDUAIGoTgqiZAFHLEUSNCYjalyBqckDMFQhiDgOIuRVBzPkAMRcliDkyqHP3e53cnSDWFMS8XKNaB/n7NRij2hD5BzUr/Vqaosbn6tb4bFp7bOHUHjFrospaLdGr1WLWkNW1bV+rtl2n5k5AXHN3mJp7g7sARjXcNrijYM+HVYO7EybsITK/02HVHwTmd03sNFoN7sDYXaB1wto2uPgtbnWdBneGrLteGtxlsqd81OSOtRxd5ztW47vf8hDbze6ki1I5uZPGvCvHvMPH7C1o1PMwKjwL+Uyg9GKkg8ToEUHtXcHsqTHs9blaCnp9jHqQ+pIepHJv1Eej3ijUni3MXjLUHjfM3jvzUebx3bxXMRBgYfZQovZ2GoC9l1Yc0wu70+qFZRYv26N7Pa2NxElO4Jf/IusdJiUr9g7PRb3DvwHkhqfL1WaQ1QAAAABJRU5ErkJggg==); } [data-tadevel-template="web/frame-nav"] .nav-buttons form{ position:relative; } [data-tadevel-template="web/frame-nav"] .nav-buttons form input{ background:rgba(255, 255, 255, 0.4); border:1px solid rgba(0, 0, 0, 0.1); padding:8px 16px; font-family:'Droid Serif'; font-display:swap; margin:8px; } [data-tadevel-template="web/frame-nav"] .nav-buttons form.search-form button{ background:url(/img/search.svg); } [data-tadevel-template="web/frame-nav"] .nav-buttons form.subscribe-form button{ background:url(/img/send.svg); } [data-tadevel-template="web/frame-nav"] .nav-buttons form label{ position:absolute; font-size:12px; color:#767676; left:8px; top:-8px; font-family:'Droid Serif'; font-display:swap; } [data-tadevel-template="web/frame-nav"] .nav-buttons form button{ border:none; position:absolute; top:0; bottom:0; height:24px; filter:sepia(1) hue-rotate(190deg) saturate(1000) brightness(0.5) contrast(0.6); margin:auto; right:12px; width:24px; cursor:pointer; } @media (max-width: 768px){ [data-tadevel-template="web/frame-nav"] .nav-buttons form{ display:none; } [data-tadevel-template="web/frame-nav"] .nav-buttons .img-btn{ display:none; } [data-tadevel-template="web/frame-nav"] .nav-buttons paper-icon-button[src]{ display:none; } } @media (min-width: 768px){ [data-tadevel-template="web/frame-nav"] .toggle-menu{ display:inline-block; margin:12px 0; width:48px; height:48px; } } @media print{ [data-tadevel-template="web/frame-nav"]{ transform:initial; box-shadow:none; } [data-tadevel-template="web/frame-nav"] .nav-buttons{ display:none; } } [data-tadevel-template="web/front"]{ } [data-tadevel-template="web/front"] .container{ margin:auto; } [data-tadevel-template="web/front"] component-multimedia.container{ margin:auto; margin-bottom:16px; } [data-tadevel-template="web/front/headline"] widget-article .detail .title{ font-size:22px; line-height:25px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; padding-top:25px/16; padding-bottom:25px/16; max-height:calc(25px * 3 + 25px/8); } @media (min-width: 768px){ [data-tadevel-template="web/front/headline"][length="1"] widget-article .photo{ padding:0; height:400px; } [data-tadevel-template="web/front/headline"][length="1"] widget-article .detail{ position:absolute; left:50%; right:15%; top:40%; bottom:10%; width:auto; } } [data-tadevel-template="web/front/row"]{ padding-top:16px !important; margin-top:0 !important; } @media (max-width: 768px){ [data-tadevel-template="web/front/row"]{ padding-left:0; padding-right:0; } [data-tadevel-template="web/front/row"] .items{ margin:0; } [data-tadevel-template="web/front/row"] .items > *{ padding:0; } } [data-tadevel-template="web/front/row"] title-header{ margin:0 0 16px !important; font-family:'Open Sans'; font-weight:bold; } [data-tadevel-template="web/front/row"][data-layout="STARRED"]{ display:block; } [data-tadevel-template="web/front/row"][data-layout="STARRED"][show-deck] .deck{ display:block !important; } [data-tadevel-template="web/front/row"][data-layout="STARRED"][show-deck] .deck span{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden; } [data-tadevel-template="web/front/row"][data-layout="STARRED"] .starred[length="1"]{ flex-wrap:wrap; } [data-tadevel-template="web/front/row"][data-layout="STARRED"] .starred[length="1"] .main, [data-tadevel-template="web/front/row"][data-layout="STARRED"] .starred[length="1"] .aux{ width:100%; } [data-tadevel-template="web/front/row"][data-layout="STARRED"] .starred[length="1"] .main widget-article, [data-tadevel-template="web/front/row"][data-layout="STARRED"] .starred[length="1"] .aux widget-article{ position:relative !important; } @media (min-width: 768px){ [data-tadevel-template="web/front/row"][data-layout="STARRED"] .starred[length="1"] widget-article{ position:relative; } [data-tadevel-template="web/front/row"][data-layout="STARRED"] .starred[length="1"] widget-article .photo{ padding:0; width:70%; height:360px; } [data-tadevel-template="web/front/row"][data-layout="STARRED"] .starred[length="1"] widget-article .detail{ position:absolute; top:10%; bottom:10%; transform:none; left:60%; width:40%; background-color:#e8edf0; margin:0; } [data-tadevel-template="web/front/row"][data-layout="STARRED"] .starred[length="1"] widget-article .detail share-button-set{ margin:8px 0; } [data-tadevel-template="web/front/row"][data-layout="STARRED"] .starred[length="1"] widget-article .detail .title{ font-size:24px; line-height:28px; max-height:calc(28px * 3 + 3px); } } [data-tadevel-template="web/front/row"].front-row .starred[length="4"] .aux widget-article .detail, [data-tadevel-template="web/front/row"].front-row .starred[length="5"] .aux widget-article .detail{ flex-grow:0; } [data-tadevel-template="web/front/row"].front-row .starred[length="4"] .aux widget-article .photo, [data-tadevel-template="web/front/row"].front-row .starred[length="5"] .aux widget-article .photo{ display:block; } @media (min-width: 1024px){ component-row[data-tadevel-template="web/front/row"] x-carousel.component-row-slider{ margin-bottom:0; } component-row[data-tadevel-template="web/front/row"] x-carousel.component-row-slider .x-carousel-content{ width:auto; } [data-tadevel-template="web/front/row"] title-header{ font-size:36px; } [data-tadevel-template="web/front/row"] .starred .main [is="widget-article"] .title, [data-tadevel-template="web/front/row"] .items[length="1"] [is="widget-article"] .title{ font-size:30px; } [data-tadevel-template="web/front/row"] .starred[length="2"] .aux [is="widget-article"] .title{ font-size:22px; } [data-tadevel-template="web/front/row"] .starred .main [is="widget-article"] .detail, [data-tadevel-template="web/front/row"] .starred[length="2"] [is="widget-article"] .detail, [data-tadevel-template="web/front/row"] .items[length="1"] [is="widget-article"] .detail, [data-tadevel-template="web/front/row"] .items[length="2"] [is="widget-article"] .detail, [data-tadevel-template="web/front/row"][columns="2"] .slided [is="widget-article"] .detail{ padding:16px 24px; } [data-tadevel-template="web/front/row"] .items[length="2"] [is="widget-article"] .title, [data-tadevel-template="web/front/row"][columns="2"] .slided [is="widget-article"] .title{ font-size:22px; } } [data-tadevel-template="web/front/section"]{ display:block; margin-top:16px !important; margin-bottom:16px !important; } [data-tadevel-template="web/front/section"][show-deck] .deck{ display:block !important; } @media (min-width: 768px){ [data-tadevel-template="web/front/section"] widget-article{ position:relative; } [data-tadevel-template="web/front/section"] widget-article .photo{ padding:0; width:70%; height:360px; } [data-tadevel-template="web/front/section"] widget-article .detail{ position:absolute; top:10%; bottom:10%; transform:none; left:60%; width:40%; background-color:#e8edf0; } [data-tadevel-template="web/front/section"] widget-article .detail .title{ font-size:24px; line-height:28px; max-height:calc(28px * 3 + 3px); } } [data-tadevel-template="web/widget/article"] [is="widget-article"]{ height:100%; display:flex; flex-direction:column; font-family:'open sans'; } [data-tadevel-template="web/widget/article"] [is="widget-article"] .detail{ background:white; transform:translateY(-32px); margin:0 auto -32px; width:90%; padding:8px 16px; flex-grow:1; filter:drop-shadow(0px 2px 4px #00000022); } [data-tadevel-template="web/widget/article"] [is="widget-article"] .photo{ padding-bottom:min(70%, 440px); } [data-tadevel-template="web/widget/article"] [is="widget-article"] .deck{ color:#212640; font-size:15px; line-height:1.5; } [data-tadevel-template="web/widget/article"] [is="widget-article"] .kicker{ text-transform:uppercase; color:#a74244; font-size:14px; font-style:italic; font-weight:bold; margin:8px 0; } [data-tadevel-template="web/widget/article"] [is="widget-article"] .title{ font-weight:bold; font-size:18px; color:#343d66; margin:8px 0; } [data-tadevel-template="web/widget/article"] [is="widget-article"] share-button-set{ display:block; position:relative; height:32px; } [data-page-id="5d794ff7c0850c0386fe092c"]{ color:#343d65; } [data-page-id="5d794ff7c0850c0386fe092c"] .hidden{ display:none; } [data-page-id="5d794ff7c0850c0386fe092c"] h1{ font-size:30px; margin:8px 0; font-weight:bold; color:#343d66; } [data-page-id="5d794ff7c0850c0386fe092c"] #wrapper{ margin:0 -8px; } [data-page-id="5d794ff7c0850c0386fe092c"] #wrapper > *{ margin:8px; } [data-page-id="5d794ff7c0850c0386fe092c"] #filterSizer{ height:56px; } [data-page-id="5d794ff7c0850c0386fe092c"] #filterWrapper{ position:relative; margin:8px 0; } [data-page-id="5d794ff7c0850c0386fe092c"] #filterWrapper #filterDismiss{ cursor:pointer; background:transparent; border:none; position:absolute; top:0; bottom:0; right:0; padding:0 16px; font-size:20px; font-weight:bold; font-family:sans-serif; color:#747474; } [data-page-id="5d794ff7c0850c0386fe092c"] #filterWrapper #filter{ width:100%; height:48px; border:4px solid #f0f0f0; padding:8px 12px; border-radius:4px; font-size:15px; } [data-page-id="5d794ff7c0850c0386fe092c"] #filterWrapper.not-intersecting{ margin:0; position:fixed; top:0; left:0; right:0; z-index:1; } @media (min-width: 768px){ [data-page-id="5d794ff7c0850c0386fe092c"] #filterWrapper.not-intersecting{ max-width:920px; margin:32px auto; filter:drop-shadow(-40px -40px 6px white) drop-shadow(40px -40px 6px white); } } [data-page-id="5d794ff7c0850c0386fe092c"] #filterWrapper.not-intersecting #filter{ margin:0; height:48px; } [data-page-id="5d794ff7c0850c0386fe092c"] .item{ font-size:16px; padding:12px 16px; cursor:pointer; } [data-page-id="5d794ff7c0850c0386fe092c"] .item:nth-child(odd){ background:rgba(0, 0, 0, 0.025); } [data-page-id="5d794ff7c0850c0386fe092c"] .item .name, [data-page-id="5d794ff7c0850c0386fe092c"] .item .description{ transition:all 0.2s ease-in; overflow:hidden; } [data-page-id="5d794ff7c0850c0386fe092c"] .item:not(.expanded) .description{ height:0; } [data-page-id="5d794ff7c0850c0386fe092c"] .item.expanded .name{ font-size:20px; font-weight:bold; } [data-page-id="5d794ff7c0850c0386fe092c"] .item:hover{ background-color:rgba(0, 0, 0, 0.05); } [data-page-id="5d794ff7c0850c0386fe092c"] #definition{ border:4px solid #F0F0F0; border-radius:4px; padding:16px; background:white; filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)); font-size:18px; line-height:1.5; color:#222; } [data-page-id="5d794ff7c0850c0386fe092c"] #definition:first-letter{ font-weight:bold; font-size:28px; padding-right:4px; } [data-page-id="5d794ff7c0850c0386fe092c"] #itemsEmpty{ padding:32px 16px; text-align:center; font-size:14px; } [data-page-id="5d794ff7c0850c0386fe092c"] #items{ background:#f8f8f8; border-radius:4px; filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)); } [data-page-id="5d794ff7c0850c0386fe092c"] #items::-webkit-scrollbar-track{ -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3); background-color:#F5F5F5; } [data-page-id="5d794ff7c0850c0386fe092c"] #items::-webkit-scrollbar{ width:6px; background-color:#F5F5F5; } [data-page-id="5d794ff7c0850c0386fe092c"] #items::-webkit-scrollbar-thumb{ background-color:#343d66; } [data-page-id="5d794ff7c0850c0386fe092c"] #letters{ display:flex; margin:0 -4px; flex-wrap:wrap; } [data-page-id="5d794ff7c0850c0386fe092c"] .letter{ cursor:pointer; flex-grow:1; text-align:center; margin:4px; background:#F0f0f0; width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:4px; color:#343d65; font-weight:bold; filter:drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.25)); }