:root {
    --pa-color-primary: #0074aa;       
    --pa-color-orange: rgb(255, 64, 0);
    --pa-color-red: rgb(224, 0, 54);  
    --pa-color-dark:#444;
    --pa-color-green:rgb(124,198,34);
    --pa-bg-cookies:#efefef;
    --pa-bg-gray:#fafafa;
}

.block-views-blockmodulos-block-10,
.block-views-blockmodulos-block-12 {
    margin-top: 30px;
}

.img-cover{
    object-fit: cover;
}

.article-category:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: red;
  border-radius: 50%;
  vertical-align: middle;
}

.pa-espciador{
    margin:40px 0px; 
}

@media (max-width: 800px) {
  /*.page-node-type-article main .container {
    padding: 0;
    margin: 0;
    }*/
    .path-columnistas .card-body,
    .path-seccion-glosas .card-body,
    .path-seccion-caricaturas .card-body {
        padding: initial;
    }  
}


.page-node-type-glosas .region-sidebar-first, .page-node-type-glosas .region-sidebar-second, .page-node-type-glosas .region-footer, .page-node-type-glosas .region-content {
    padding: 0;
}


.page-node-type-article .opinion-authorphoto-right {
    width: 90px;
    height: 90px;
}

.page-node-type-article .opinion-authorphoto-right img, .opinion-authorphoto-img {
    width: 90px;
    height: 90px;
}


.pa-color-orange{
    color: var(--pa-color-orange);
}
.category-economía:before, .category-politica:before, .category-política:before {
    background-color: var(--pa-color-primary);
}

.category-sociedad:before {
    background-color: var(--pa-color-orange); 
}

.category-deportes:before {
    background-color: var(--pa-color-green); 
}

.category-variedades:before {
    background-color: var(--pa-color-red); 
}

.text-dark {
  color: #000 !important;
}

.path-node.page-node-type-video {
    background-color: var(--pa-bg-gray);
}

a:hover, a:focus {
    text-decoration: none !important;
}

.login-desktop-section {
    margin: auto;
}

.login-desktop-section, .login-desktop-section a, .login-desktop-section span {
    color: #000;
    font-weight: 600;
    font-size: 0.8rem;
}

.login-desktop-section .login-btn-portal {
    background-color: #ffb900;
    border: unset;
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
}

li.pa_search-end button {
    background-color: var(--pa-color-primary);
}

.site-branding .logo-pa {
    width: 100%;
    max-width: 300px;
}

.Publicado {
    color: green;
}

.site-branding .logo-pa-100 {
    width: 100%;
    max-width: 100px;
}

.middle-header-date {
    color: var(--pa-color-primary);
}

.middle-column3 ul i {
    font-size: 20px;
    margin-right: 10px;
    color:var(--pa-color-primary);
}

.middle-column3 ul li.pa_search-end {
    margin-left: 10%;
}

/* Sidebar */

.sidebar::-webkit-scrollbar{
    display: none;
}

.sidebar {
    position: fixed;
    top: 0;
    left: -320px;
    height: 100vh;
    width: 320px;
    background-color: var(--pa-color-primary);
    color: white;
    transform: translateX(-100%);
    transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s ease;
    z-index: 1050;
    overflow-y: auto;
    box-shadow: 10px 0 40px rgba(0, 0, 0, 0.12);
}

.sidebar.show, .sidebar.active {
    left: 0;
    transform: translateX(0);
}

.sidebar .close-btn {
    font-size: 1.5rem;
    color: white;
    border: none;
    background: #000000;
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    line-height: 1;
    z-index: 10;
}

.sidebar .close-btn:hover {
    color: #ff6b35;
}

.hamburger {
    font-size: 1.5rem;
    border: none;
    background: none;
    color: var(--pa-color-primary);
}

.backdrop {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(3px);
}

.backdrop.show, .backdrop.active {
    display: block;
    opacity: 1;
    visibility: visible;
}

#toggleSidebar .bars {
    background-color: var(--pa-color-primary);
    width: 35px;
    display: block;
    height: 3px;
    margin: 6px 0;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.nav-item.dropdown:hover .dropdown-toggle::after {
    transform: unset !important;
}

.sidebar h5 {
    display: none;
}

.sidebar .p-4 {
    padding: 3.5rem 0 1.5rem 0 !important;
}

.sidebar .mt-4, .sidebar .mt-3 {
    margin-top: 0 !important;
}

.sidebar .nav.flex-column {
    padding: 0;
}

.sidebar .nav-link {
    padding: 1.1rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: #1a1a1a;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.25s ease;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sidebar .nav-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    transform: scaleY(0);
    transition: transform 0.25s ease;
}



.sidebar .nav-link:hover::before {
    transform: scaleY(1);
}

.sidebar .dropdown-toggle::after {
    border: none;
    content: '+';
    font-size: 1.2rem;
    font-weight: 300;
    color: #fff;
    transition: all 0.3s ease;
    margin-left: 0;
}

.sidebar .dropdown-toggle[aria-expanded="true"]::after {
    content: '−';
    color: #ff6b35;
}

.sidebar .collapse .nav-link, .sidebar .collapsing .nav-link {
    padding: 0.9rem 1.5rem 0.9rem 2.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #475569;
    text-transform: none;
    letter-spacing: 0;
    border-bottom: 1px solid #e0f2fe;
}

.sidebar .collapse .nav-link::before, .sidebar .collapsing .nav-link::before {
    display: none;
}

.sidebar .collapse .nav-link:hover, .sidebar .collapsing .nav-link:hover {
    color: #0074aa;
    padding-left: 2.5rem;
}

/* Redes Sociales */
.siguenos-en-2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.siguenos-en-2 li {
    position: relative;
}

.siguenos-en-2 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.siguenos-en-2 a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
}

.m-instagram a::before {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.m-facebook a::before {
    background: #1877f2;
}

.m-twitter a::before {
    background: #000000;
}

.m-youtube a::before {
    background: #ff0000;
}

.pa_search-end a::before {
    background: #0074aa;
}

.siguenos-en-2 a:hover {
    border-color: transparent;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.siguenos-en-2 a:hover::before {
    width: 100%;
    height: 100%;
}

.siguenos-en-2 img {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
    object-fit: contain;
}

.input-group .form-control:focus {
  box-shadow: none !important;
  outline: none !important;
  border-color: var(--pa-color-primary);
}

.input-group .input-group-text:focus {
  box-shadow: none !important;
  outline: none !important;
}

.siguenos-en-2 a:hover img {
    filter: brightness(0) invert(1);
}

.pa_search-end a {
    background: #0074aa;
    border-color: #0074aa;
}

.pa_search-end a img {
    filter: brightness(0) invert(1);
    width: 18px;
    height: 18px;
}

.pa_search-end a:hover {
    background: #005a85;
    border-color: #005a85;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 116, 170, 0.3);
}

.pa_search-end a:hover::before {
    display: none;
}

/* Navbar */
.navbar-nav.navbar-top-links li {
    padding: 0px 12px;
}

.navbar-top-end-links li {
    padding: 0px 8px;
}

.navbar-top-end-links li i {
    font-size: 14px;
}

.navbar-top-end-links span {
    font-size: 12px;
}

.navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar.navbar-expand-lg {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.navbar-middle {
    border-bottom: 1px solid #ddd;
}

.navbar-nav.navbar-top-links a {
    color: #444;
    text-transform: uppercase;
    /*font-size: 12px;*/
    font-weight: 600;
}

.nav-icons-text, .nav-icons-text a {
    text-decoration: none;
}

/* Footer */
.follow-links ul {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.follow-links ul li {
    padding: 0 !important;
    margin: 0 !important;
}


.pa_footer .footer-logo img {
    width: 100%;
    max-width: 400px
}



.footer-fisrt-column ul li span {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
}

.footer-fisrt-column ul li i {
    color: #163759;
    font-size: 18px;
}

.footer-four-column .logo-epasa img {
    width: 45%;
}

footer.pa_footer .container {
    max-width: 1300px !important;
}

.footer-fisrt-column .follow-links ul li:nth-child(n+2) .wrapp-links {
    width: 25px;
    height: 25px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.footer-top-line {
    border-top: 2px solid var(--pa-color-orange);
    padding-bottom: 37px;
}

.pa_footer .follow-links ul li:nth-child(n+1) {
    margin-right: 5px;
}

.pa_footer .footer-fisrt-column .icons li i {
    font-size: 20px;
}

.pa_footer .footer-fisrt-column .icons li {
    margin: auto;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.text-small.small-text {
    font-size: 12px;
    color: #444;
    text-transform: capitalize;
}

.separator {
    border-top: 2px solid var(--pa-color-orange);
    padding: 10px;
}

.footer-third-column .footer-text-links ul, .footer-second-column .footer-text-links ul {
    list-style: none;
    text-transform: uppercase;
    text-decoration: none;
}

nav.navbar.navbar-expand-lg {
    padding: 0;
}

.footer-third-column .footer-text-links ul li a, .footer-second-column .footer-text-links ul li a {
    color: var(--pa-color-dark);
}

.footer-end-divider {
    border-top: 2px solid var(--pa-color-primary);
}

.pa_footer .copy p {
    line-height: 2px;
    font-size: 0.7rem;
}

.text-center.cookies p {
    font-size: 13px;
    font-weight: 500;
}

.bg-cookies {
    background-color: var(--pa-bg-cookies);
}

.cookies.bg-cookies a {
    color: #004a99;
    font-weight: bold;
    text-decoration: none;
}

/* Generales */
.article-img-wrapper img {
    width: 100%;
}

.content-wrap, .title-wrap { 
    max-width: 1140px; 
}

img, .card, .btn, .ad-slot, .hero-media, .most-thumb { 
    border-radius: 0 !important; 
}

.ad-slot {
    display:block; width:100%;
    border:1px dashed #ced4da;
    background:repeating-linear-gradient(45deg,#f8f9fa,#f8f9fa 10px,#fff 10px,#fff 20px);
    color:#6c757d; font-size:.875rem; text-align:center; align-content:center; overflow:hidden;
}

.ad-after-header { min-height:100px; max-height:100px; }
.ad-box { min-height: 280px; }
.ad-before-footer { min-height: 300px; }


body:not(.path-mis-boletines) .card,
body:not(.path-mis-boletines) .card-plain {
  border: none !important;
}

.mod-elevated { box-shadow: 0 4px 18px rgba(0,0,0,.08); }
.section-gap { margin:1rem 0; }

.byline { 
    display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; color:#6c757d; 
}

.author-avatar {
    width:48px; height:48px; border-radius:50% !important; object-fit:cover; flex:0 0 48px;
}

.author-name a { text-decoration:none; font-weight:600; }
.author-name a:hover { text-decoration:underline; }

/* Hero */
.hero { margin-bottom: .75rem; }
.hero-media {
    position: relative; width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 220px;
    overflow: hidden;
}

.hero-media img {
    width: 100%; height: 100%;
    object-fit: cover; object-position: center; display: block;
}



.hero figcaption { color:#6c757d; font-size:.875rem; margin-top:.25rem; }

/* Mod Title */
.mod-title {
    font-size: clamp(1.125rem, 1.05rem + 0.5vw, 1.35rem);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: .75rem;
    position: relative;
    letter-spacing: .2px;
}

.mod-title::after {
    content:"";
    display:block;
    margin-top:.35rem;
    width:56px; height:4px;
    background: linear-gradient(90deg, #0d6efd, #66b3ff);
}

/* Most List */
.most-list { list-style: none; padding: 0; margin: 0; }
.most-item {
    display: flex; gap: .75rem; align-items: center;
    padding: .6rem 0; border-bottom: 1px solid #f1f3f5;
}

.most-item:last-child { border-bottom: 0; }
.most-thumb { flex: 0 0 96px; height: 64px; background: #e9ecef; display: grid; place-items: center; }
.most-thumb img { width:96px; height:64px; object-fit:cover; display:block; }
.most-title { flex: 1 1 auto; line-height: 1.3; }
.most-title a { text-decoration: none; color: inherit; }

/* Rails */
.rail-ad {
    position: fixed; top: 100px; width:160px; height: 600px; z-index: 1030; display: none;
    border:1px dashed #ced4da; background:repeating-linear-gradient(45deg,#f8f9fa,#f8f9fa 10px,#fff 10px,#fff 20px);
    color:#6c757d; font-size:.825rem; text-align:center; align-content:center; overflow:hidden;
}

.offcanvas { z-index: 1050; }

.mod-comments { min-height: 500px; }
.mod-most-read { min-height: 500px; }
.mod-most-viewed { min-height: 500px; }
.mod-selfpromo1 { min-height: 300px; }
.mod-selfpromo2 { min-height: 300px; }
.mod-related { min-height: 350px; }

/* Sharing Buttons */
.td-sharing-btn {
    color: #444;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    position: relative;
    display: inline-flex;
    margin: 0 3px 7px;
    height: 40px;
    min-width: 40px;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    align-items: center;
}

.td-sharing-btn-icon {
    padding-left: 13px;
    padding-right: 13px;
    line-height: 40px;
    z-index: 1;
}

.td-sharing-btn-text {
    padding-right: 17px;
    line-height: 40px;
    font-size: 0.9rem;
    position: relative;
    margin-left: -6px;
    padding-left: 12px;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: bold;
}

.td-sharing-btn-text:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 1px;
    height: 16px;
    background-color: #000;
    opacity: .08;
}

.td-sharing-btn-icon img {
    width: 14px;
    height: auto;
}

.td-sharing-btn.no-link {
    margin-right: 18px;
}

.td-sharing-btn.no-link:before, .td-sharing-btn.no-link:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 11px;
    border-color: transparent transparent transparent #e9e9e9;
}

.td-sharing-btn.td-facebook .td-sharing-btn-text { color: #1877F2; }
.td-sharing-btn.d-flex.td-whatsapp .td-sharing-btn-text { color: #25D366; }
.td-sharing-btn.d-flex.td-twitter .td-sharing-btn-text { color: #1DA1F2; }

.td-sharing-btn.d-flex.td-facebook img {
    filter: brightness(0) saturate(100%) invert(42%) sepia(98%) saturate(1376%) hue-rotate(202deg) brightness(97%);
}

.td-sharing-btn.d-flex.td-whatsapp img {
    filter: invert(67%) sepia(67%) saturate(429%) hue-rotate(85deg) brightness(95%) contrast(92%);
}

.td-sharing-btn.d-flex.td-twitter img {
    filter: brightness(0) saturate(100%) invert(55%) sepia(96%) saturate(2042%) hue-rotate(178deg) brightness(102%) contrast(96%);
}

.post-sharing a { text-decoration: none; }

/* Video */
.node--type-video .video_embed iframe {
    width: 100%;
    height: 450px;
}

.col-12.node-tags .badge {
    border-bottom: 1px solid var(--pa-color-primary);
    border-radius: unset;
    margin: 0px 10px;
}

.node--type-video .node-title {
    padding: 25px 0px;
    line-height: normal;
}

.node.node--type-video {
    background-color: #fff;
    padding: 10px;
}

/* Widget */
.widget-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-text);
    margin-bottom: 1rem;
    padding-bottom: 0.10rem;
    border-bottom: 3px solid var(--pa-color-primary);
    display: flex;
    align-items: center;
    position: relative;
}

.widget-title::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 50px;
    height: 3px;
    background: var(--pa-color-orange);
}

.widget-sidebar.contenido-patrocinado-sidebar .card {
    background-color: transparent;
}

.widget-sidebar.contenido-patrocinado-sidebar {
    background-color: #d2c7bf36;
    border-radius: 10px;
}

/* Blog Share */
.blogpa-share-container {
    position: relative;
    display: inline-block;
}

.blogpa-share-toggle {
    transition: 0.3s;
}

.blogpa-share-toggle img {
    cursor: pointer;
}

.blogpa-share-menu {
    position: absolute;
    bottom: 0px;
    right: 25px;
    background: #fff;
    border-radius: 12px;
    padding: 10px 25px 10px 5px;
    display: none;
    gap: 2px;
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

span.blog-author {
    color: var(--pa-color-primary);
    line-height: 0;
    font-size: 1rem;
}

.blogpa-share-menu[style*="block"] {
    display: flex !important;
    opacity: 1;
    transform: translateY(0) scale(1);
}

.blogpa-share-close {
    position: absolute;
    top: -5px;
    right: 7px;
    font-size: 25px;
    cursor: pointer;
    color: #000;
}

.blogpa-share-close:hover {
    color: #000;
}

.blogpa-share-item {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

.blogpa-share-facebook { background: #1877f2; }
.blogpa-share-x { background: #000; }
.blogpa-share-whatsapp { background: #25d366; }
.blogpa-share-linkedin { background: #e1306c; }

.blogpa-share-item:hover {
    transform: scale(1.1);
}

.home-widget-video iframe, .home-widget-video .video-player iframe, .video-player iframe {
    width: 100% !important;
    height: 350px !important;
}


.home-mas-noticias .view-content .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
}


.article-share-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.article-share-btns .share-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #52525b;
    padding-right: 12px;
    border-right: 1px solid #d4d4d8;
}

.article-share-btns .share-label svg {
    width: 16px;
    height: 16px;
    fill: #a1a1aa;
}

.article-share-btns .share-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.article-share-btns .share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
    white-space: nowrap;
}

.article-share-btns .share-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -4px rgba(0,0,0,0.2);
}

.article-share-btns .share-btn svg {
    width: 16px;
    height: 16px;
    fill: #000;
    flex-shrink: 0;
}

.article-share-btns .btn-facebook { background: #1877F2; }
.article-share-btns .btn-facebook:hover { box-shadow: 0 8px 20px -4px rgba(24,119,242,0.45); }

.article-share-btns .btn-x { background: #0f1419; }
.article-share-btns .btn-x:hover { box-shadow: 0 8px 20px -4px rgba(15,20,25,0.45); }

.article-share-btns .btn-whatsapp { background: #128C7E; }
.article-share-btns .btn-whatsapp:hover { box-shadow: 0 8px 20px -4px rgba(18,140,126,0.45); }

.article-share-btns .btn-email { background: #EA4335; }
.article-share-btns .btn-email:hover { box-shadow: 0 8px 20px -4px rgba(234,67,53,0.45); }

.article-share-btns .btn-email, .article-share-btns .btn-facebook, .article-share-btns .btn-x, .article-share-btns .btn-whatsapp {
    background: #cccccc;
}


.sidebar {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.sidebar-footer {
    margin-top: auto;
    width: 100%;
    padding: 12px 15px 18px;
    border-top: 1px solid rgba(255,255,255,0.15);
}

.sidebar-footer .navbar-top-end-links {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin: 0;
}

.sidebar-footer .navbar-top-end-links li {
    flex: 1;
    width: auto !important;
    list-style: none;
}

.sidebar-footer .nav-icons-text {
    color: #fff !important;
    text-decoration: none;
    padding: 10px 8px;
    border-radius: 6px;
    transition: background 0.2s ease;
}

.sidebar-footer .nav-icons-text i {
    color: #fff !important;
    font-size: 20px;
    margin-bottom: 4px;
}

.sidebar-footer .nav-icons-text span {
    color: #fff !important;
    font-size: 13px;
}

.sidebar-footer .nav-icons-text:hover {
    background: rgba(255,255,255,0.12);
}


@media (max-width: 480px) {
    .article-share-btns .share-label {
        border-right: none;
        padding-right: 0;
        width: 100%;
        justify-content: center;
    }
    .article-share-btns .share-buttons {
        justify-content: center;
        flex-wrap: wrap;
    }
    .article-share-btns .share-btn span {
        display: none;
    }
    .article-share-btns .share-btn {
        padding: 12px;
        width: 44px;
        height: 44px;
    }
}


/* Media Queries */
@media (min-width:1366px) { 
    .rail-right { display:block; right: calc((100vw - 1140px)/2 - 170px); } 
}

@media (min-width:1536px) { 
    .rail-left { display:block; left: calc((100vw - 1140px)/2 - 170px); } 
}

@media (min-width:992px) { 
    .sidebar-sticky { 
        position:sticky; top:1rem; 
    } 
    .view-id-modulos.view-display-id-block_9 h2.card-title.fs-6.mb-0 {
        min-height: 85px;
    }
}

@media (min-width:768px) { 
    .section-gap { margin:1.5rem 0; } 
}

@media (min-width:576px) { 
    .hero-media { min-height: 300px; } 
}

@media (min-width:992px) { 
    .hero-media { min-height: 380px; } 
}

@media (min-width:1200px) { 
    .container { max-width: 1200px !important; }
    .hero-media { min-height: 420px; } 
}

@media screen and (max-width: 800px) {
    .img-fluid.logo-mobile { width: 100% !important; height: auto; }
}

/* Opinion Article */
@media (max-width: 801px) {
    .opinion-article, .glosa{
        max-width:820px;
        margin:0 auto;
        padding: initial;
    }
}
@media (min-width: 800px) {
    .opinion-article, .glosa {
        /**max-width:895px;
        margin:0 auto;
        padding-top: 24px;**/
    } 
}

.opinion-title-row {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap: 5px;    
}

.opinion-title-left { flex:1; min-width:0 }

.opinion-cintillo-inline {
    max-width:180px;
    margin:0 0 10px;
}

.opinion-cintillo-inline img {
    display:block;
    width:100%;
    height:auto;
}

.opinion-title {
    font-size: clamp(26px, 4vw, 38px);
    line-height:1.15;
    margin:0 0 10px;
}

.opinion-meta {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    color:#555;
    font-size:.95rem;
}

.opinion-date { font-weight:600 }
.opinion-section {
    padding:2px 10px;
    border:1px solid #ddd;
    border-radius:999px;
    background:#fafafa;
}

.opinion-author-meta { font-weight:600; color:#333 }

.opinion-authorphoto-right {
    width:130px;
    height:130px;
    flex:0 0 86px;
    border-radius:999px;
    overflow:hidden;
    background:#f0f0f0;
    border:1px solid #eee;
    align-self: flex-start;
    flex-shrink: 0;    
}

.opinion-authorphoto-right img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.opinion-divider {
    border:0;
    border-top:1px solid #eee;
    margin:18px 0 0;
}

.opinion-body {
    font-size:1.08rem;
    line-height:1.75;
    color:#1a1a1a;
}

.opinion-body p { margin:0 0 1em }

.opinion-footer {
    margin-top:18px;
    padding-top:14px;
    border-top:1px solid #eee;
}

.opinion-tagslabel {
    font-size:.85rem;
    color:#666;
    margin-bottom:6px;
}

.opinion-tagslist a {
    display:inline-block;
    margin:0 6px 6px 0;
    padding:4px 10px;
    border:1px solid #e5e5e5;
    border-radius:999px;
    background:#fafafa;
    text-decoration:none;
}

.opinion-tagslist a:hover { background:#f3f3f3 }

/* Modulo Home */
.modulo-home {
    margin-bottom: initial;
    margin-top: initial;
    padding-bottom: 15px;
}

.modulo-home__header { margin-bottom: 12px; }
.modulo-home__title {
  margin: 0 0 10px;
  font-size: 3rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  .modulo-home__title {
    font-size: 20px;
}
}
.modulo-home__cintillo { margin-bottom: 18px; width: 100%; max-height: 110px; overflow: hidden; line-height: 0; }
.modulo-home__cintillo img { width: 100%; height: 110px; object-fit: cover; display: block; }
.modulo-home__items { /*display: grid;*/ gap: initial; }


.modulo-home__cintillo img {
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  display: block;
}

@media (max-width: 768px) {
  .modulo-home__summary {
    display: none;
}
}


.modulo-home--hero_1 .modulo-home__items { grid-template-columns: 1fr; }
.modulo-home--grid_2 .modulo-home__items { grid-template-columns: repeat(2, 1fr); }
.modulo-home--grid_3 .modulo-home__items { grid-template-columns: repeat(3, 1fr); }
.modulo-home--grid_4 .modulo-home__items { grid-template-columns: repeat(4, 1fr); }

.modulo-home__item { display: block; }
.modulo-home__link { display: block; text-decoration: none; }
.modulo-home__thumb { margin-bottom: 10px; position: relative; overflow: hidden; }
.modulo-home__featured-side .modulo-home__thumb img { width: 100%; height: auto; display: block; aspect-ratio: 4 / 2.5; object-fit: cover; }
.modulo-home__featured-split .modulo-home__thumb img { width: 100%; height: auto; display: block; aspect-ratio: 4 / 6; object-fit: cover; }

.modulo-home__category {
    font-weight: 600;
    margin-bottom: 8px;
    font-style: italic;
    font-weight: 600;
    font-size: 0.8rem !important;
}

.modulo-home__item-title {
    font-size: 2rem;
    /*line-height: 1.3;*/
    margin: 0 0 10px;
}
.modulo-home__item--lateral .modulo-home__item-title {
    font-size: 1.5rem;
}

@media (max-width: 768px) {
    .modulo-home__item-title {
        font-size: 1.5rem;
    }
    .modulo-home__item--lateral .modulo-home__item-title {
      font-size: 1.25rem;
  }
}


.modulo-home__summary {
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 5px;
}

.modulo-home__meta { font-size: 13px; margin-bottom: 8px; }
.modulo-home__author { font-weight: 600; margin-right: 12px; }
.modulo-home__date { opacity: .8; }
.modulo-home__tags { font-size: 13px; line-height: 1.4; }

/* Laterales */
.modulo-home__item--lateral { padding-bottom: 14px; border-bottom: 1px solid #ddd; }
.modulo-home__link--lateral {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 14px;
    text-decoration: none;
    color: inherit;
}

.modulo-home__text--lateral, .modulo-home__thumb--lateral { min-width: 0; }
.modulo-home__thumb--lateral { width: 100%; }
.modulo-home__thumb--lateral img { width: 100%; height: auto; display: block; object-fit: cover; aspect-ratio: 4 / 3; }

.modulo-home__item--lateral .modulo-home__item-title {
    margin: 0 0 8px 0;
    font-size: 1.25rem;
    line-height: 1.2;
}

.modulo-home__item--lateral .modulo-home__category {
    margin: 0;
    font-size: .9rem;
    line-height: 1.2;
    padding-bottom: 5px;
    font-style: italic;
}

.modulo-home__play {
    position: absolute;
    left: 12px;
    bottom: 12px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    z-index: 2;
}

.modulo-home__play--center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.68);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    line-height: 1;
    z-index: 3;
    pointer-events: none;
}

.modulo-home__lateral-takeover, .modulo-home__lateral-takeover .modulo-home__item, .modulo-home__lateral-takeover .modulo-home__link, .modulo-home__lateral-takeover .modulo-home__thumb--lateral { height: 100%; }
.modulo-home__lateral-takeover .modulo-home__thumb--lateral img { width: 100%; height: 100%; object-fit: cover; }

/* Layouts específicos */
.modulo-home-bg--_-nota-destacada-categoria-titulo-resumen { background: #000; margin-top: 1rem !important; }
.modulo-home--1-nota-destacada-categoria-titulo-resumen { padding: initial; background: inherit; }
.modulo-home-bg--_-nota-destacada-categoria-titulo-resumen .modulo-home__title { color: #fff; }

.modulo-home__featured-note { width: 100%; }
.modulo-home__featured-link {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 1.5rem;
    align-items: stretch;
    text-decoration: none;
    color: inherit;
}

.modulo-home__featured-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    min-height: 100%;
}

.modulo-home__featured-category {
    display: inline-block;
    align-self: flex-start;
    margin-bottom: 1rem;
    padding: .45rem .75rem;
    background: #e61e43;
    color: #fff;
    font-size: .82rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.modulo-home__featured-title {
    margin: 0 0 1rem 0;
    color: #fff;
    font-size: clamp(2rem, 3.3vw, 4rem);
    line-height: 1.02;
    font-weight: 800;
}

.modulo-home__featured-summary {
    color: #fff;
    font-size: clamp(1rem, 1.35vw, 1.55rem);
    line-height: 1.28;
    max-width: 95%;
}

.modulo-home__featured-media {
    display: flex;
    align-items: stretch;
}

.modulo-home__featured-media img, .modulo-home__featured-media .modulo-home__thumb, .modulo-home__featured-media .modulo-home__thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.modulo-home__featured-media .modulo-home__thumb { position: relative; }

@media (max-width: 991.98px) {
    .modulo-home__featured-link { grid-template-columns: 1fr; }
    .modulo-home__featured-title { font-size: clamp(1.7rem, 7vw, 2.7rem); }
    .modulo-home__featured-summary { max-width: 100%; }
}

/* Layout 2 notas */
.modulo-home-bg--_-notas-1destacada-categoria-titulo-resumen { background: rgba(187, 204, 255, 0.45); margin-top: 1rem !important; }
.modulo-home--2-notas-1destacada-categoria-titulo-resumen { background-color: inherit; padding: initial; }

.modulo-home__two-notes-grid {
    display: grid;
    grid-template-columns: minmax(0, 2.2fr) minmax(260px, 0.75fr);
    gap: 1.75rem;
    align-items: start;
}

.modulo-home__featured-split-link {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
    text-decoration: none;
    color: inherit;
}

.modulo-home__featured-split-content, .modulo-home__side-note-content { color: inherit; }

.modulo-home__featured-split-category, .modulo-home__side-note-category {
    margin-bottom: .75rem;
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    color: #6b7280;
}

.modulo-home__featured-split-title {
    margin: 0 0 1rem 0;
    /*font-size: clamp(2rem, 2vw, 3rem);*/
    font-size: clamp(2rem, 1.5rem, 3rem) !important;
    line-height: 1.25;
    font-weight: 600;
}

.modulo-home .modulo-home--2-notas-1destacada-categoria-titulo-resumen .modulo-home__featured-split-title {
    margin: 0 0 1rem 0;
    font-size: clamp(2rem, 2.2rem, 3.1rem) !important;
    line-height: 1.1;
    font-weight: 650;
}

.modulo-home__featured-split-summary {
    font-size: clamp(0.75rem,1.1vw,1.5rem);
    line-height: 1.35;
}

@media (max-width: 767px) {
  .tu-clase {
    border-bottom: 1px solid #0074aa;
}
}


.modulo-home__featured-split-media img, .modulo-home__featured-split-media .modulo-home__thumb, .modulo-home__featured-split-media .modulo-home__thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}
div#block-b5subtheme-mundial2026torneoagendamam {
    margin-top: 8px;
}

.modulo-home__featured-split {
  container: featured-split / inline-size; 
}


@container featured-split (width <= 499px) {
    .modulo-home__featured-split-media img, .modulo-home__featured-split-media .modulo-home__thumb, .modulo-home__featured-split-media 
    .modulo-home__thumb img { aspect-ratio: 5 / 7; }
}

@container featured-split (width >= 500px) and (width <= 639px) {
    .modulo-home__featured-split-media img, .modulo-home__featured-split-media .modulo-home__thumb, 
    .modulo-home__featured-split-media .modulo-home__thumb img { aspect-ratio: 5 / 6}
}

@container featured-split (width >= 640px)  and (width <= 750px) {
    .modulo-home__featured-split-media img, .modulo-home__featured-split-media .modulo-home__thumb, 
    .modulo-home__featured-split-media .modulo-home__thumb img { aspect-ratio: 4 / 5; }
}

.modulo-home__featured-split-media .modulo-home__thumb { position: relative; }

.modulo-home__side-note-link { display: block; text-decoration: none; color: inherit; }
.modulo-home__side-note-media { margin-bottom: .85rem; }

.modulo-home__side-note-media img, .modulo-home__side-note-media .modulo-home__thumb, .modulo-home__side-note-media .modulo-home__thumb img {
    width: 100%;
    display: block;
    object-fit: cover;
}

.modulo-home__side-note-media .modulo-home__thumb { position: relative; }

.modulo-home__side-note-title {
    margin: 0 0 .75rem 0;
    font-size: clamp(1.35rem, 1.5vw, 2.15rem);
    line-height: 1.02;
    font-weight: 600;
}

.modulo-home__side-note-summary {
    font-size: 1rem;
    line-height: 1.3;
}

@media (max-width: 991.98px) {
    .modulo-home__two-notes-grid { grid-template-columns: 1fr; }
    .modulo-home__featured-split-link { grid-template-columns: 1fr; }
}

/* Layouts base compartidos */
.modulo-home--hero-1-1-nota-destacada .modulo-home__link, .modulo-home--hero-1-1-nota-destacada .modulo-home__link:visited, .modulo-home--hero-1-1-nota-destacada .modulo-home__link:hover, .modulo-home--hero-1-1-nota-destacada .modulo-home__link:focus,
.modulo-home--grid-2-2-notas .modulo-home__link, .modulo-home--grid-2-2-notas .modulo-home__link:visited, .modulo-home--grid-2-2-notas .modulo-home__link:hover, .modulo-home--grid-2-2-notas .modulo-home__link:focus,
.modulo-home--grid-3 .modulo-home__link, .modulo-home--grid-3 .modulo-home__link:visited, .modulo-home--grid-3 .modulo-home__link:hover, .modulo-home--grid-3 .modulo-home__link:focus,
.modulo-home--1-grande-2a3-pequenas .modulo-home__link, .modulo-home--1-grande-2a3-pequenas .modulo-home__link:visited, .modulo-home--1-grande-2a3-pequenas .modulo-home__link:hover, .modulo-home--1-grande-2a3-pequenas .modulo-home__link:focus,
.modulo-home--1-grande-2a3-pequenas .modulo-home__link--lateral, .modulo-home--1-grande-2a3-pequenas .modulo-home__link--lateral:visited, .modulo-home--1-grande-2a3-pequenas .modulo-home__link--lateral:hover, .modulo-home--1-grande-2a3-pequenas .modulo-home__link--lateral:focus,
.modulo-home--1-grande-3-a-6-pequenas-inferior .modulo-home__link, .modulo-home--1-grande-3-a-6-pequenas-inferior .modulo-home__link:visited, .modulo-home--1-grande-3-a-6-pequenas-inferior .modulo-home__link:hover, .modulo-home--1-grande-3-a-6-pequenas-inferior .modulo-home__link:focus,
.modulo-home--grid-4 .modulo-home__link, .modulo-home--grid-4 .modulo-home__link:visited, .modulo-home--grid-4 .modulo-home__link:hover, .modulo-home--grid-4 .modulo-home__link:focus {
    color: #000;
    text-decoration: none;
}

.modulo-home--hero-1-1-nota-destacada .modulo-home__thumb, .modulo-home--grid-2-2-notas .modulo-home__thumb, .modulo-home--grid-3 .modulo-home__thumb, .modulo-home--1-grande-2-3-pequenas-lateral .modulo-home__thumb, .modulo-home--1-grande-3-6-pequenas-inferior .modulo-home__thumb {
    margin-bottom: .85rem;
}

.modulo-home--hero-1-1-nota-destacada .modulo-home__thumb img, .modulo-home--hero-1-1-nota-destacada .modulo-home__thumb .img-fluid,
.modulo-home--grid-2-2-notas .modulo-home__thumb img, .modulo-home--grid-2-2-notas .modulo-home__thumb .img-fluid,
.modulo-home--grid-3 .modulo-home__thumb img, .modulo-home--grid-3 .modulo-home__thumb .img-fluid,
.modulo-home--1-grande-2-3-pequenas-lateral .modulo-home__thumb img, .modulo-home--1-grande-2-3-pequenas-lateral .modulo-home__thumb .img-fluid,
.modulo-home--1-grande-3-6-pequenas-inferior .modulo-home__thumb img, .modulo-home--1-grande-3-6-pequenas-inferior .modulo-home__thumb .img-fluid {
    width: 100%;
    display: block;
    object-fit: cover;
}

.modulo-home--hero-1-1-nota-destacada .modulo-home__category, .modulo-home--grid-2-2-notas .modulo-home__category, .modulo-home--grid-3 .modulo-home__category, .modulo-home--1-grande-2-3-pequenas-lateral .modulo-home__category, .modulo-home--1-grande-3-6-pequenas-inferior .modulo-home__category {
    margin-bottom: .55rem;
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    color: #6b7280;
}

.modulo-home--hero-1-1-nota-destacada .modulo-home__item-title, .modulo-home--grid-2-2-notas .modulo-home__item-title, .modulo-home--grid-3 .modulo-home__item-title, .modulo-home--1-grande-2-3-pequenas-lateral .modulo-home__item-title, .modulo-home--1-grande-3-6-pequenas-inferior .modulo-home__item-title {
    margin: 0 0 .7rem 0;
    font-size: clamp(1.35rem, 1.8vw, 1.5rem);
    line-height: 1.02;
    font-weight: 600;
}

.modulo-home--hero-1-1-nota-destacada .modulo-home__summary, .modulo-home--grid-2-2-notas .modulo-home__summary, .modulo-home--grid-3 .modulo-home__summary, .modulo-home--1-grande-2-3-pequenas-lateral .modulo-home__summary, .modulo-home--1-grande-3-6-pequenas-inferior .modulo-home__summary {
    font-size: 1rem;
    line-height: 1.3;
    color: #111;
}

.modulo-home--1-grande-2-3-pequenas-lateral .modulo-home__item-title, .modulo-home--1-grande-2-3-pequenas-lateral .modulo-home__summary, .modulo-home--1-grande-2-3-pequenas-lateral .modulo-home__category { color: #000; }

.modulo-home-bg { padding: 1px 0; }
.modulo-home__header { padding: initial; }
.modulo-home__title { margin: 0; }

.modulo-home-bg--grid-4, .modulo-home-bg--grid-3, .modulo-home-bg--1-grande-3-a-6-pequenas-inferior { background: #f5f5f5; }
.modulo-home-bg--1-nota-destacada-categoria-titulo-resumen { background: #000; }

.modulo-home--grid-4 .modulo-home__item-title, .modulo-home--grid-4 .modulo-home__category, .modulo-home--grid-4 .modulo-home__summary,
.modulo-home--grid-2-2-notas .modulo-home__item-title, .modulo-home--grid-2-2-notas .modulo-home__summary, .modulo-home--grid-2-2-notas .modulo-home__category,
.modulo-home--grid-3 .modulo-home__item-title, .modulo-home--grid-3 .modulo-home__summary, .modulo-home--grid-3 .modulo-home__category,
.modulo-home--1-grande-2a3-pequenas .modulo-home__item-title, .modulo-home--1-grande-2a3-pequenas .modulo-home__summary, .modulo-home--1-grande-2a3-pequenas .modulo-home__category,
.modulo-home--1-grande-3-a-6-pequenas-inferior .modulo-home__item-title, .modulo-home--1-grande-3-a-6-pequenas-inferior .modulo-home__summary, .modulo-home--1-grande-3-a-6-pequenas-inferior .modulo-home__category {
    color: #000;
}

.modulo-home--grid-4 a *, .modulo-home--grid-4 .modulo-home__link * { color: inherit; }

/* blok 12 columistas opinion body */
.columnistas-opinion {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
}

.columnistas-opinion__item {
    padding: 14px 12px;
    text-align: center;
    border-right: 1px solid #d9d9d9;
    min-width: 0;
}

.columnistas-opinion__item:last-child { border-right: 0; }

.columnista-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.columnista-card__avatar {
    width: 96px;
    height: 96px;
    margin: 0 auto 12px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.columnista-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    filter: grayscale(100%);
}

.columnista-card__author {
    width: 100%;
    margin-bottom: 8px;
    color: #1b1b1b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    line-height: 1.15;
    font-style: italic;
    overflow-wrap: break-word;
    hyphens: auto;
}

.columnista-card__title {
    width: 100%;
    color: #111;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.08;
    font-weight: 700;
    overflow-wrap: break-word;
    hyphens: auto;
}

.columnista-card__title a, .columnista-card__author a, .columnista-card__avatar a {
    color: inherit;
    text-decoration: none;
}

@media (max-width: 1199px) { .columnistas-opinion { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .columnistas-opinion { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) {
    .columnistas-opinion { grid-template-columns: 1fr; }
    .columnistas-opinion__item { border-right: 0; border-bottom: 1px solid #d9d9d9; }
    .columnistas-opinion__item:last-child { border-bottom: 0; }
}

.author-photo-link img, .author-img img {
    width: 120px;
    height: 120px;
    object-fit: cover !important;
    border-radius: 50% !important;
    filter: grayscale(100%) !important;
    display: block !important;
    border: 2px solid #ddd;
}

.author-photo-link {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* blok 12 columistas opinion body */

/* blok 31 columistas opinion sidebar */

/* Vista columnistas horizontal - block_31 */
.view-display-id-block_31 .columnista-card,
.view-display-id-block-31 .columnista-card {
  display: grid;
  grid-template-columns: 88px 1fr;
  grid-template-rows: auto auto;
  column-gap: 14px;
  align-items: center;
  text-align: left;
  width: 100%;
}

/* Foto a la izquierda */
.view-display-id-block_31 .columnista-card__avatar,
.view-display-id-block-31 .columnista-card__avatar {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 78px;
  height: 78px;
  margin: 0;
}

/* Autor arriba a la derecha */
.view-display-id-block_31 .columnista-card__author,
.view-display-id-block-31 .columnista-card__author {
  grid-column: 2;
  grid-row: 1;
  margin-bottom: 4px;
  text-align: left;
  font-size: 15px;
}

/* Título debajo del autor */
.view-display-id-block_31 .columnista-card__title,
.view-display-id-block-31 .columnista-card__title {
  grid-column: 2;
  grid-row: 2;
  text-align: left;
  font-size: 16px;
  line-height: 1.12;
}

/* Cada item de la vista horizontal */
.view-display-id-block_31 .columnistas-opinion__item,
.view-display-id-block-31 .columnistas-opinion__item {
  border-right: 0;
  border-bottom: 1px solid #d9d9d9;
  padding: 12px 10px;
}

/* Último item sin borde inferior */
.view-display-id-block_31 .columnistas-opinion__item:last-child,
.view-display-id-block-31 .columnistas-opinion__item:last-child {
  border-bottom: 0;
}

/* ==============================
   Opinión sidebar / block_31
   ============================== */

   .opinion-sidebar-list {
      background: #fff;
      padding: 0;
  }

  /* Contenedor de cada fila */
  .opinion-sidebar-list .views-row {
      margin: 0;
  }

  /* Card horizontal */
  .opinion-sidebar-list .columnista-card,
  .opinion-sidebar-list .columnista-card--horizontal {
      display: grid;
      grid-template-columns: 74px 1fr;
      column-gap: 14px;
      align-items: center;
      width: 100%;
      padding: 13px 12px;
      margin-bottom: 8px;
      background: #fff;
      border: 1px solid #e5e5e5;
      border-radius: 10px;
      box-shadow: 0 1px 4px rgba(0,0,0,0.04);
      transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }

  /* Hover suave */
  .opinion-sidebar-list .columnista-card:hover,
  .opinion-sidebar-list .columnista-card--horizontal:hover {
      background: #f8fbfd;
      box-shadow: 0 3px 9px rgba(0,0,0,0.08);
      transform: translateY(-1px);
  }

  /* Foto */
  .opinion-sidebar-list .columnista-card__avatar {
      grid-column: 1;
      grid-row: 1 / 3;
      width: 66px;
      height: 66px;
      margin: 0;
      border-radius: 50%;
      overflow: hidden;
      background: #f1f1f1;
      border: 1px solid #ddd;
  }

  /* Imagen */
  .opinion-sidebar-list .columnista-card__avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      border-radius: 50%;
      filter: grayscale(100%);
      display: block;
  }

  /* Autor */
  .opinion-sidebar-list .columnista-card__author {
      grid-column: 2;
      grid-row: 1;
      margin: 0 0 5px;
      color: #333;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 15px;
      line-height: 1.15;
      font-style: italic;
      text-align: left;
  }

  /* Título */
  .opinion-sidebar-list .columnista-card__title {
      grid-column: 2;
      grid-row: 2;
      margin: 0;
      color: #111;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 16px;
      line-height: 1.16;
      font-weight: 700;
      text-align: left;
  }

  /* Links */
  .opinion-sidebar-list .columnista-card__title a,
  .opinion-sidebar-list .columnista-card__author a,
  .opinion-sidebar-list .columnista-card__avatar a {
      color: inherit;
      text-decoration: none;
  }

  .opinion-sidebar-list .columnista-card__title a:hover {
      color: #0072a8;
  }

  /* Quita bordes viejos si vienen de la vista anterior */
  .opinion-sidebar-list .columnistas-opinion__item {
      border: 0;
      padding: 0;
  }

  /* Ajuste móvil */
  @media (max-width: 480px) {
      .opinion-sidebar-list .columnista-card,
      .opinion-sidebar-list .columnista-card--horizontal {
        grid-template-columns: 62px 1fr;
        column-gap: 11px;
        padding: 11px 10px;
    }

    .opinion-sidebar-list .columnista-card__avatar {
        width: 56px;
        height: 56px;
    }

    .opinion-sidebar-list .columnista-card__author {
        font-size: 14px;
    }

    .opinion-sidebar-list .columnista-card__title {
        font-size: 15px;
    }
}

/* blok 31 columistas opinion sidebar */

/* Glosas */
.texto-glosas-p { font-size: 0.91rem; }

.modulo-home-bg.modulo-home-theme {
    max-width: 1520px !important;
}

/* Temas Visuales */

/* Sombra para títulos de módulos home */
.modulo-home-bg.modulo-home-theme {
  --mh-header-title-shadow: 2px 2px 5px rgba(0, 0, 0, 0.18);
}

.modulo-home-bg.modulo-home-theme .modulo-home__title {
  color: var(--mh-header-title);
  text-shadow: var(--mh-header-title-shadow);
}

/* Fondos claros */
.modulo-home-bg.modulo-home-theme--default,
.modulo-home-bg.modulo-home-theme--estilo-1,
.modulo-home-bg.modulo-home-theme--estilo-2 {
  --mh-header-title: #0074aa;
  --mh-header-title-shadow:
  1px 1px 0 rgba(255, 255, 255, 0.75),
  2px 2px 5px rgba(0, 0, 0, 0.20);
}

/* Fondo oscuro */
.modulo-home-bg.modulo-home-theme--estilo-3 {
  --mh-header-title: #ffffff;
  --mh-header-title-shadow:
  0 0 4px rgba(255, 255, 255, 0.75),
  0 0 10px rgba(255, 212, 0, 0.55),
  0 0 16px rgba(255, 64, 0, 0.35);
}

.modulo-home-bg.modulo-home-theme {
    --mh-bg: #ffffff;
    --mh-text: #000000;
    --mh-title: #000000;
    --mh-summary: #111111;
    --mh-category: #6b7280;
    --mh-border: rgba(0, 0, 0, 0.18);
    --mh-header-title: #000000;
    background: var(--mh-bg);
    color: var(--mh-text);
    margin-bottom: 1.5rem;
    padding: 1rem;
    margin-top: 15px;
    border-bottom: 1px solid #c3c3c3;
}

.modulo-home-bg.modulo-home-theme--default {
    --mh-bg: #ffffff;
    --mh-text: #000000;
    --mh-title: #000000;
    --mh-summary: #111111;
    --mh-category: #6b7280;
    --mh-border: rgba(0, 0, 0, 0.18);
    --mh-header-title: #000000;
}

.modulo-home-bg.modulo-home-theme--estilo-1 {
    --mh-bg: #e5e5e5;
    --mh-text: #000000;
    --mh-title: #000000;
    --mh-summary: #111111;
    --mh-category: #4b5563;
    --mh-border: rgba(0, 0, 0, 0.20);
    --mh-header-title: #000000;
}

.modulo-home-bg.modulo-home-theme--estilo-2 {
    --mh-bg: #dceffc;
    --mh-text: #000000;
    --mh-title: #000000;
    --mh-summary: #111111;
    --mh-category: #35556b;
    --mh-border: rgba(0, 0, 0, 0.18);
    --mh-header-title: #000000;
}

.modulo-home-bg.modulo-home-theme--estilo-3 {
   --mh-bg: #000000;
   --mh-text: #ffffff;
   --mh-title: #ffffff;
   --mh-summary: #f3f4f6;
   --mh-category: #d1d5db;
   --mh-border: rgba(255, 255, 255, 0.22);
   --mh-header-title: #ffffff;
   /* background: linear-gradient(to bottom, #000000 0%, #707070 100%);*/
}

.modulo-home-bg.modulo-home-theme .modulo-home__title, .modulo-home-bg.modulo-home-theme .widget-title { color: var(--mh-header-title); }

.modulo-home-bg.modulo-home-theme .modulo-home__link, .modulo-home-bg.modulo-home-theme .modulo-home__link:visited, .modulo-home-bg.modulo-home-theme .modulo-home__link:hover, .modulo-home-bg.modulo-home-theme .modulo-home__link:focus,
.modulo-home-bg.modulo-home-theme .modulo-home__link--lateral, .modulo-home-bg.modulo-home-theme .modulo-home__link--lateral:visited, .modulo-home-bg.modulo-home-theme .modulo-home__link--lateral:hover, .modulo-home-bg.modulo-home-theme .modulo-home__link--lateral:focus,
.modulo-home-bg.modulo-home-theme .modulo-home__featured-link, .modulo-home-bg.modulo-home-theme .modulo-home__featured-link:visited, .modulo-home-bg.modulo-home-theme .modulo-home__featured-link:hover, .modulo-home-bg.modulo-home-theme .modulo-home__featured-link:focus,
.modulo-home-bg.modulo-home-theme .modulo-home__featured-split-link, .modulo-home-bg.modulo-home-theme .modulo-home__featured-split-link:visited, .modulo-home-bg.modulo-home-theme .modulo-home__featured-split-link:hover, .modulo-home-bg.modulo-home-theme .modulo-home__featured-split-link:focus,
.modulo-home-bg.modulo-home-theme .modulo-home__side-note-link, .modulo-home-bg.modulo-home-theme .modulo-home__side-note-link:visited, .modulo-home-bg.modulo-home-theme .modulo-home__side-note-link:hover, .modulo-home-bg.modulo-home-theme .modulo-home__side-note-link:focus {
    color: var(--mh-text);
    text-decoration: none;
}

.modulo-home-bg.modulo-home-theme .modulo-home__item-title, .modulo-home-bg.modulo-home-theme .modulo-home__featured-title, .modulo-home-bg.modulo-home-theme .modulo-home__featured-split-title, .modulo-home-bg.modulo-home-theme .modulo-home__side-note-title { color: var(--mh-title); }
.modulo-home-bg.modulo-home-theme .modulo-home__summary, .modulo-home-bg.modulo-home-theme .modulo-home__featured-summary, .modulo-home-bg.modulo-home-theme .modulo-home__featured-split-summary, .modulo-home-bg.modulo-home-theme .modulo-home__side-note-summary { color: var(--mh-summary); }
.modulo-home-bg.modulo-home-theme .modulo-home__category, .modulo-home-bg.modulo-home-theme .modulo-home__featured-split-category, .modulo-home-bg.modulo-home-theme .modulo-home__side-note-category { color: var(--mh-category); }

.modulo-home-bg.modulo-home-theme a *, .modulo-home-bg.modulo-home-theme .modulo-home__link *, .modulo-home-bg.modulo-home-theme .modulo-home__link--lateral *, .modulo-home-bg.modulo-home-theme .modulo-home__featured-link *, .modulo-home-bg.modulo-home-theme .modulo-home__featured-split-link *, .modulo-home-bg.modulo-home-theme .modulo-home__side-note-link * {
    color: inherit;
}

.modulo-home-bg.modulo-home-theme .modulo-home__item--lateral { border-bottom-color: var(--mh-border); }
.modulo-home-bg.modulo-home-theme .modulo-home__featured-category { color: #ffffff; }

.container{
    max-width: 1360px !important;
}

.secciones--tags a {
    display: inline-flex;
    align-items: center;
    padding: 1px 15px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    text-decoration: none;
    background-color: rgb(29 30 33 / 6%) !important;
    color: var(--pa-color-primary);
    transition: all 0.2s;
    border-radius: 5px;
}

.secciones--tags a:hover {
    background-color: #e9ecef;
    color: var(--pa-color-primary);
}

span.date-hour {
    font-size: 0.8rem;
    color: var(--pa-color-primary);
    font-weight: 500;
    letter-spacing: 1px;
}

ul.dropdown-menu {
    border-radius: unset;
    left: 0;
}
nav.navbar .dropdown-menu li {
    padding: 0;
}

nav.navbar .dropdown-menu li a {
    padding: 10px 15px;
}

.login-desktop-section .dropdown.user-dropdown {
    background-color: var(--pa-color-primary);
    padding: 5px 20px;
}

.user-dropdown.user-logged-in span {
    color: #fff;
    text-transform: capitalize;
}


/* Fotogalerias seccion vista */
.card-galeria-foto {
  border: 0;
}

.card-galeria-foto__media {
  overflow: hidden;
  /*border-radius: 0.5rem;*/
}

.card-galeria-foto__media img,
.card-galeria-foto__media picture img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.card-icono-galeria {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.72);
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.card-galeria-foto .card-title {
  line-height: 1.15;
}

.card-galeria-foto__descripcion {
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
}

@media (max-width: 767.98px) {
  .card-galeria-foto .card-title {
    font-size: 1.35rem;
}

.card-galeria-foto__descripcion {
    font-size: 0.98rem;
}
}
/* Fotogalerias seccion vista */


/* modulo maquetas */
.modulo-home__thumb,
.modulo-home__side-note-media,
.modulo-home__featured-media,
.modulo-home__featured-split-media {
  position: relative;
}

.modulo-home__play {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 10;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(0,0,0,.65);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modulo-home__play i {
  color: #fff !important;
}

.modulo-home__play i,
.modulo-home__play svg,
.modulo-home__play .svg-inline--fa {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
  font-size: 16px;
  line-height: 1;
}

.modulo-home__play--center {
  left: 12px;
  bottom: 12px;
  top: auto !important;
  right: auto !important;
  transform: none !important;
}
/* modulo maquetas */


/* node--articulo--columnas.html.twig fotito del autor en columna de opinion */
.opinion-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

.opinion-title-left {
  flex: 1;
  min-width: 0;
}

.opinion-authorphoto-right {
  flex: 0 0 auto;
}

.opinion-authorphoto-right img,
.opinion-authorphoto-img {
  width: 130px;
  height: 130px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

.redactoryfecha {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.opinion-author-meta {
  font-weight: 700;
  color: #111;
}

.opinion-date {
  color: #555;
  font-size: 0.95rem;
}

/* node--articulo--columnas.html.twig fotito del autor en columna de opinion */

.path-pasion-mundialista-2026 .taxonomy__header{
    margin-top: -20px !important;
}


div.GAM_container {
    background-color: #e6f4ff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px !important;
    background: repeating-linear-gradient(45deg,#f8f9fa,#f8f9fa 10px,#fff 10px,#fff 20px);
}

.block-views-blockmodulos-block-12 {
    margin-bottom: 3rem;
}

.home-mas-noticias, .block-views-blockmodulos-block-10, .block-views-blockmodulos-block-12 {
    margin-top: 15px !important;
}

    /* Círculos de redes sociales perfectos */
    .redactor-perfil a.rounded-circle {
        width: 30px;
        height: 30px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        
    }


.blog-author.d-flex.align-items-center.gap-2.flex-wrap a{
    box-shadow: unset !important;
}

.region.region-breadcrumb {
    margin-top: 2em;
}

ul.navbar-nav.ms-auto.navbar-top-end-links li {
    padding-top: 5px;
    padding-bottom: 5px;
}

a.d-flex.flex-column.align-items-center.nav-icons-text img {
    width: 15px;
    height: 15px;
}
.blog-author.d-flex.align-items-center.gap-2.flex-wrap a {
    width: auto !important;
    display: flex;
}



/* Configuración común de todas las maquetas */
.modulo-home-bg  {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

/* Tema blanco: contenido alineado con menú y publicidad */
.modulo-home-bg.modulo-home-theme--default {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Temas con fondo de color: espacio interno lateral */
.modulo-home-bg.modulo-home-theme:not(.modulo-home-theme--default) {
  padding-left: 24px !important;
  padding-right: 24px !important;
}


.region-sidebar-first, .region-sidebar-second, .region-footer, .region-content {
    padding: 0 !important;
}

.modulo-home-bg.modulo-home-bg--_-notas-1destacada-categoria-titulo-resumen.modulo-home-theme.modulo-home-theme--estilo-2.modulo-home.modulo-home--_-notas-1destacada-categoria-titulo-resumen.modulo-home--theme-estilo-2.container {
    margin: 0px 0px 20px 0px!important;
}

article.contextual-region.node.node--type-page.node--view-mode-full {
    display: none;
}

div#navbar-top {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 2px;
    background-color: #ebebeb;
    padding-top: 2px;
}

.color-primary.middle-header-date {
    font-size: .65rem;
    color: #060604a3;
    font-weight: bold;
}

.site-branding.align-items-center a {
    text-decoration: none;
}

.order-1 
{
    padding-right: 30px;
}

.order-3
{
    border-left: 1px solid #0074ab33;
}

.order-3  .region.region-sidebar-second
{
    margin-left: 20px;
}

.order-3 .block 
{
    margin-bottom: 30px;
}

.path-mis-boletines .region.region-content {
    margin-right: initial;
}

.region.region-content {
    margin-right: 20px;
}

.row .order-1 .rompemaquetas-contextuales  {padding-right: 20px;}

@media (max-width: 767.98px) {
  .row .order-1 .rompemaquetas-contextuales {
    padding-right: initial;
  }
}

.rompemaquetas-contextuales .col-12.col-lg-5 .row .col-12:last-child article.modulo-home__item--lateral {
    border-bottom: 0;
}

.modulospa.caricatura, .ultimas-noticias-sidebar{
    /*background-color: #00000005;    */
}
.modulospa.caricatura .card, .ultimas-noticias-sidebar .card
{
    background-color: transparent;    
}


.mas-leidas-sidebar
{
background-color: #c3c3c33b;    
}

p.node-subtitle {
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    margin-left: 2px;
    font-size: 12px;
    text-transform: uppercase;
    color: #666;
    font-weight: 600;
}

p.node-body-summary {
    font-size: 1.25rem;
    line-height: 1.25;
    margin: 13px 0px;
    color: #555;
}

audio.documento__audio {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.autor-content .row > div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: space-between;
    align-items: baseline;
    gap: 0px 10px;
}

.article-body p {text-align: justify;}

/* ==========================================================
   PA11 HOME
   BLOCK 7 - NOTICIA PRINCIPAL / HERO
   ========================================================== */

.view-display-id-block_7 .card {
    position: relative;
    overflow: hidden;

    border: 1px solid #e1e5e8 !important;
    border-radius: 0 !important;

    background: #000 !important;

    min-height: 520px;
}


/* Imagen ocupa toda la tarjeta */
.view-display-id-block_7 .card > .position-relative {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;

    overflow: hidden;
}


.view-display-id-block_7 .card > .position-relative > a {
    display: block;
    width: 100%;
    height: 100%;
}


.view-display-id-block_7 .card-img-top {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    border-radius: 0 !important;

    transition: transform .4s ease;
}


/* ----------------------------------------------------------
   DEGRADADO
   Oscuro abajo y prácticamente transparente arriba
   ---------------------------------------------------------- */

.view-display-id-block_7 .card > .position-relative::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.88) 0%,
            rgba(0,0,0,.76) 20%,
            rgba(0,0,0,.52) 42%,
            rgba(0,0,0,.22) 63%,
            rgba(0,0,0,.05) 82%,
            rgba(0,0,0,0) 100%
        );
}


/* ----------------------------------------------------------
   CONTENIDO SOBRE IMAGEN
   ---------------------------------------------------------- */

.view-display-id-block_7 .card-body {
    position: absolute;
    z-index: 2;

    left: 0;
    right: 0;
    bottom: 0;

    padding: 30px 28px 26px !important;

    background: transparent !important;
}


/* Reordenamos categoría antes del título */
.view-display-id-block_7 .card-body {
    display: flex;
    flex-direction: column;
}


.view-display-id-block_7 .blogpa-share-container {
    order: 1;
}


.view-display-id-block_7 .card-title {
    order: 2;
}


/* ----------------------------------------------------------
   CATEGORÍA
   ---------------------------------------------------------- */

.view-display-id-block_7 .article-category {
    display: inline-flex;
    align-items: center;

    width: fit-content;

    margin: 0 0 12px 0 !important;

    padding: 6px 10px;

    background: var(--pa-color-primary);

    color: #fff !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: .70rem !important;

    font-style: normal !important;
    font-weight: 800;

    line-height: 1;

    letter-spacing: .05em;
    text-transform: uppercase;
}


/* Quitamos el punto */
.view-display-id-block_7 .article-category::before {
    display: none !important;
}


/* El enlace también debe quedar blanco */
.view-display-id-block_7
.blogpa-share-toggle a {
    color: #fff !important;
}


/* ----------------------------------------------------------
   TITULAR
   ---------------------------------------------------------- */

.view-display-id-block_7 .card-title {
    margin: 0 !important;

    max-width: 92%;

    font-size: clamp(2rem, 3vw, 3rem) !important;
    line-height: 1.08 !important;

    font-weight: 700;

    letter-spacing: -.025em;
}


.view-display-id-block_7 .card-title a {
    color: #fff !important;
    text-decoration: none !important;

    text-shadow:
        0 2px 10px rgba(0,0,0,.25);
}


/* ----------------------------------------------------------
   SHARE
   ---------------------------------------------------------- */

.view-display-id-block_7 .blogpa-share-btn img {
    filter: brightness(0) invert(1);

    opacity: .85;
}

.node--type-article .article-body p{
    margin: 0px;
}

.destacadas-seccion .card .row .col-md-7 .card-body {
  padding: 0;
}

.destacadas-seccion .card .row .col-md-5 img {
    min-height: 280px;
    height: auto;
    object-fit: cover;
    max-height: 280px;
}

.secciones-pa.view.view-secciones .view-content .row .card h2 {
    line-height: 1.8rem;
}

/* Hover */
@media (hover:hover) {

    .view-display-id-block_7
    .card:hover .card-img-top {
        transform: scale(1.015);
    }

}


/* Tablet */
@media (max-width: 991.98px) {

    .view-display-id-block_7 .card {
        min-height: 430px;
    }

    .view-display-id-block_7 .card-body {
        padding: 24px 22px !important;
    }

    .view-display-id-block_7 .card-title {
        font-size: 2rem !important;
    }

}


/* Móvil */
@media (max-width: 767.98px) {

    .view-display-id-block_7 .card {
        min-height: 400px;
    }

    .view-display-id-block_7 .card-body {
        padding: 20px 17px !important;
    }

    .view-display-id-block_7 .card-title {
        max-width: 100%;

        font-size: 1.7rem !important;
        line-height: 1.12 !important;
    }

}


/* Seccion HOME principales */
.path-frontpage .modulo-home-container .row.home-top {    
    margin-top: 20px;
} 


/*  ========================================
    Opinion
      https://pa11.panamaamerica.com.pa/opinion 
*/

/* ========================================
   TRAZO DEL DÍA
======================================== */

.trazo-card {
  position: relative;
  background: #fff;

  border: 1px solid #e5e8eb;
  border-top: 4px solid #0069a6;

  border-radius: 10px;
  overflow: hidden;

  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07);

  height: 100%;
  box-sizing: border-box;
}

.trazo-card-body {
  padding: 25px 28px 28px;
}


/* ========================================
   META / FECHA
======================================== */

.trazo-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.trazo-section {
  color: #006ec7;
  font-weight: 700;
}

.trazo-section:hover {
  color: #004d8c;
  text-decoration: underline !important;
}

.trazo-date {
  color: #555;
  font-weight: 400;
}

/* separador entre sección y fecha */
.trazo-date::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #bbb;
  margin-right: 10px;
  vertical-align: -2px;
}


.article-img-wrapper figure {
    margin: 0;
}

.article-img-wrapper img.notas {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 17 / 12;
    object-fit: cover;
}


/* ========================================
   TÍTULO
======================================== */

.trazo-title {
  margin: 0 0 18px;

  color: #111;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 2.3vw, 38px);
  line-height: 1.08;
  font-weight: 700;

  transition: color .2s ease;
}

.trazo-title-link:hover .trazo-title {
  color: #0069a6;
}


/* ========================================
   IMAGEN
======================================== */

.trazo-image-link {
  display: block;
  overflow: hidden;
  background: #f5f5f5;
}

.trazo-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 11;
  object-fit: cover;

  transition: transform .3s ease;
}

.trazo-image-link:hover .trazo-image {
  transform: scale(1.015);
}


/* ========================================
   RESPONSIVE
======================================== */

@media (max-width: 767.98px) {

  .trazo-card-body {
    padding: 18px;
  }

  .trazo-title {
    font-size: 27px;
  }

  .trazo-meta {
    font-size: 12px;
  }

}

/* ==================================================
   OPINIÓN - TRAZO DEL DÍA + CONFABULARIO
================================================== */

.opinion-destacados {
  margin-bottom: 28px;
}

.opinion-destacados > .row {
  --bs-gutter-x: 16px;
}


/* Ambos módulos ocupan toda la altura disponible */

.opinion-destacados__trazo,
.opinion-destacados__confabulario {
  display: flex;
  flex-direction: column;
  width: 100%;
}


/*
 * Drupal genera divs propios alrededor de las Views.
 * Esto ayuda a que el Confabulario también llegue
 * hasta la misma altura.
 */

.opinion-destacados__confabulario > .view,
.opinion-destacados__confabulario > div,
.opinion-destacados__trazo > .views-row {
  width: 100%;
  height: 100%;
}


/* ===============================
   Desktop
================================ */

@media (min-width: 992px) {

  .opinion-destacados .row {
    align-items: stretch;
  }

}


/* ===============================
   Tablet / móvil
================================ */

@media (max-width: 991.98px) {

  .opinion-destacados {
    margin-bottom: 20px;
  }

  .opinion-destacados > .row {
    --bs-gutter-y: 18px;
  }

}

/* ==================================================
   CONFABULARIO
================================================== */

.confabulario-card {
  position: relative;
  background: #fff;

  border: 1px solid #e5e8eb;
  border-top: 4px solid #0069a6;

  border-radius: 10px;
  overflow: hidden;

  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07);

  height: 100%;
  box-sizing: border-box;
}

.confabulario-card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 25px 28px 28px;
}


/* ==================================================
   META
================================================== */

.confabulario-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.confabulario-section {
  color: #006ec7;
  font-weight: 700;
}

.confabulario-section:hover {
  color: #004d8c;
  text-decoration: underline !important;
}

.confabulario-date {
  color: #555;
  font-weight: 400;
}

.confabulario-date::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  margin-right: 10px;
  background: #bbb;
  vertical-align: -2px;
}


/* ==================================================
   TÍTULO
================================================== */

.confabulario-title {
  margin: 0 0 20px;

  color: #111;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 2.3vw, 38px);
  line-height: 1.08;
  font-weight: 700;

  transition: color .2s ease;
}

.confabulario-title-link:hover .confabulario-title {
  color: #0069a6;
}


/* ==================================================
   CONTENIDO
================================================== */

.confabulario-content {
  flex: 1;
  color: #222;
  font-size: 14px;
  line-height: 1.3;
}

.confabulario-content h6 {
  margin: 0 0 5px;
  color: #111;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
}

.confabulario-content p {
  margin: 0 0 18px;
  text-align: justify;
}

.confabulario-content p:last-child {
  margin-bottom: 0;
}


/* ==================================================
   VER MÁS GLOSAS
================================================== */

.confabulario-more {
  margin-top: 24px;
  text-align: center;
}

.confabulario-more-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  min-width: 205px;
  padding: 10px 22px;

  border: 1px solid #0069a6;
  border-radius: 999px;

  color: #0069a6;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;

  transition:
    background-color .2s ease,
    color .2s ease,
    transform .2s ease;
}

.confabulario-more-link:hover {
  background: #0069a6;
  color: #fff;
}

.confabulario-more-arrow {
  font-size: 20px;
  line-height: 1;
  transition: transform .2s ease;
}

.confabulario-more-link:hover .confabulario-more-arrow {
  transform: translateX(4px);
}


/* ==================================================
   RESPONSIVE
================================================== */

@media (max-width: 767.98px) {

  .confabulario-card-body {
    padding: 18px;
  }

  .confabulario-title {
    font-size: 27px;
  }

  .confabulario-meta {
    font-size: 12px;
  }

  .confabulario-content {
    font-size: 15px;
    text-align: justify;
  }

}
/* =========================================================
   TRAZO + CONFABULARIO
   MISMA ALTURA EN DESKTOP
========================================================= */

@media (min-width: 992px) {

  /* La fila de Bootstrap ya es flex, pero lo aseguramos */
  .opinion-destacados > .row {
    align-items: stretch;
  }

  /* Las dos columnas deben estirarse */
  .opinion-destacados > .row > .col-lg-7,
  .opinion-destacados > .row > .col-lg-5 {
    display: flex;
  }


  /* =====================================================
     TRAZO
     HTML real:
     opinion-destacados__trazo
       > col-12
         > trazo-card
  ===================================================== */

  .opinion-destacados__trazo {
    display: flex;
    width: 100%;
    flex: 1 1 auto;
  }

  .opinion-destacados__trazo > .col-12 {
    display: flex;
    width: 100%;
    flex: 1 1 auto;
  }

  .opinion-destacados__trazo .trazo-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 1 auto;
    height: auto;
  }

  .opinion-destacados__trazo .trazo-card-body {
    width: 100%;
  }


  /* =====================================================
     CONFABULARIO
     HTML real:
     opinion-destacados__confabulario
       > views-element-container
         > view
           > view-content
             > row
               > col-12
                 > confabulario-card
  ===================================================== */

  .opinion-destacados__confabulario {
    display: flex;
    width: 100%;
    flex: 1 1 auto;
  }

  .opinion-destacados__confabulario > .views-element-container {
    display: flex;
    width: 100%;
    flex: 1 1 auto;
  }

  .opinion-destacados__confabulario > .views-element-container > .view {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 1 auto;
  }

  .opinion-destacados__confabulario .view-content {
    display: flex;
    width: 100%;
    flex: 1 1 auto;
  }

  .opinion-destacados__confabulario .view-content > .row {
    display: flex;
    width: 100%;
    flex: 1 1 auto;
    margin-left: 0;
    margin-right: 0;
  }

  .opinion-destacados__confabulario .view-content > .row > .col-12 {
    display: flex;
    width: 100%;
    flex: 1 1 auto;
    padding-left: 0;
    padding-right: 0;
  }

  .opinion-destacados__confabulario .confabulario-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 1 auto;
    height: auto;
  }

  .opinion-destacados__confabulario .confabulario-card-body {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 1 auto;
  }

  .opinion-destacados__confabulario .confabulario-content {
    flex: 1 1 auto;
  }

}

/*  ========================================
    Opinion
      https://pa11.panamaamerica.com.pa/opinion 
======================================== */


/*  ========================================
    Trazo del dia seccion
      https://pa11.panamaamerica.com.pa/trazo-del-dia 
======================================== */

/* =========================================================
   LISTADO TRAZO DEL DÍA
========================================================= */

.caricatura-item {
  display: grid;
  grid-template-columns: 68px minmax(0, 1.45fr) minmax(210px, .95fr);
  gap: 22px;

  width: 100%;
  padding: 26px 8px 26px 0;

  background: #fff;

  border: 0;
  border-bottom: 1px solid #dce3e8;
}


/* =========================================
   FECHA CARICATURA
========================================= */

.caricatura-item__fecha {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.caricatura-fecha-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 58px;
  height: 78px;

  border: 2px solid #74b9e6;
  border-radius: 8px;

  background: #fff;

  font-family: Arial, Helvetica, sans-serif;
  text-align: center;

  box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
}

.caricatura-fecha-mes {
  display: block;

  margin-bottom: 2px;

  color: #39749e;

  font-size: 11px;
  line-height: 1;
  font-weight: 700;

  text-transform: uppercase;
}

.caricatura-fecha-dia {
  display: block;

  color: #075c98;

  font-size: 25px;
  line-height: 1.05;
  font-weight: 700;
}

.caricatura-fecha-anio {
  display: block;

  margin-top: 5px;

  color: #39749e;

  font-size: 10px;
  line-height: 1;
  font-weight: 700;
}


/* =========================================================
   IMAGEN
========================================================= */

.caricatura-item__imagen {
  min-width: 0;
}

.caricatura-item__imagen > a {
  display: block;
  text-decoration: none;
}

.caricatura-item__media {
  overflow: hidden;
  background: #f3f5f6;
}

/*
 Drupal puede imprimir directamente un <img>
 o envolverlo dentro de otros elementos.
*/
.caricatura-item__media img {
  display: block;

  width: 100%;
  height: auto;

  max-width: 100%;

  transition: transform .25s ease;
}

.caricatura-item__imagen a:hover img {
  transform: scale(1.015);
}


/* =========================================================
   CONTENIDO
========================================================= */

.caricatura-item__contenido {
  /*display: flex;*/
  align-items: center;
  min-width: 0;
}

.caricatura-item__contenido-inner {
  width: 100%;
}

.caricatura-item__title-link {
  color: inherit;
  text-decoration: none;
}


/* "Trazo del Día –" */

.caricatura-item__pretitle {
  display: block;

  margin-bottom: 3px;

  color: #222;

  font-family: "Literata", Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 600;
}


/* Fecha como título fuerte */

.caricatura-item__title {
  margin: 0 0 16px;

  color: #111;

  font-family: "Literata", Georgia, "Times New Roman", serif;
  font-size: clamp(21px, 1.8vw, 27px);
  line-height: 1.12;
  font-weight: 700;

  transition: color .2s ease;
}

.caricatura-item__title-link:hover .caricatura-item__title {
  color: #0071b8;
}


/* =========================================================
   DESCRIPCIÓN
========================================================= */

.caricatura-item__descripcion {
  max-width: 300px;

  margin-bottom: 23px;

  color: #535b61;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.55;
}


/* =========================================================
   COMPARTIR
========================================================= */

.caricatura-share {
  position: relative;
  width: fit-content;
  margin: 0;
}

.caricatura-share .blogpa-share-toggle {
  cursor: pointer;
}

.caricatura-share__label {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  color: #0071b8;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.caricatura-share__label img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}


/* Si tu JS usa blogpa-share-btn para abrir el menú,
   agrégala también al label */
.caricatura-share .blogpa-share-toggle:hover
.caricatura-share__label {
  color: #004f82;
}


/* =========================================================
   RESPONSIVE - TABLET
========================================================= */

@media (max-width: 991.98px) {

  .caricatura-item {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
  }

  .caricatura-item__fecha {
    grid-column: 1;
    grid-row: 1;
  }

  .caricatura-item__imagen {
    grid-column: 2;
    grid-row: 1;
  }

  .caricatura-item__contenido {
    grid-column: 2;
    grid-row: 2;
  }

}


/* =========================================================
   RESPONSIVE - MÓVIL
========================================================= */

@media (max-width: 575.98px) {

  .caricatura-item {
    display: block;

    padding: 22px 0;
  }

  .caricatura-item__fecha {
    justify-content: flex-start;
    margin-bottom: 10px;
  }

  .caricatura-item__fecha-label {
    width: auto;
    min-height: auto;

    padding: 5px 10px;

    border-radius: 20px;

    font-size: 11px;
  }

  .caricatura-item__imagen {
    margin-bottom: 15px;
  }

  .caricatura-item__contenido {
    display: block;
  }

  .caricatura-item__pretitle {
    font-size: 13px;
  }

  .caricatura-item__title {
    margin-bottom: 12px;
    font-size: 22px;
  }

  .caricatura-item__descripcion {
    margin-bottom: 16px;
  }

}
/*  ========================================
    Trazo del dia seccion
      https://pa11.panamaamerica.com.pa/trazo-del-dia 
======================================== */

/*  ========================================
    EL PULSO DE PANAMA SECION 
      https://pa11.panamaamerica.com.pa/el-pulso
======================================== */

/* =========================================================
   EL PULSO - LISTADO
========================================================= */

.pulso-item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 22px;

  position: relative;

  width: 100%;
  margin-bottom: 18px;
  padding: 25px 28px 25px 20px;

  background: #fff;

  border: 1px solid #e5e9ed;
  border-radius: 9px;

  box-shadow: 0 2px 8px rgba(0, 0, 0, .05);

  transition:
    box-shadow .2s ease,
    transform .2s ease;
}


/* línea azul discreta */

.pulso-item::before {
  content: "";

  position: absolute;
  top: 0;
  left: 0;

  width: 4px;
  height: 100%;

  background: #0071b8;

  border-radius: 9px 0 0 9px;
}


.pulso-item:hover {
  box-shadow: 0 5px 16px rgba(0, 0, 0, .08);
}


/* =========================================================
   FECHA
========================================================= */

.pulso-item__fecha {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}


.pulso-fecha-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 60px;
  height: 80px;

  border: 2px solid #74b9e6;
  border-radius: 8px;

  background: #fff;

  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}


.pulso-fecha-mes {
  margin-bottom: 2px;

  color: #39749e;

  font-size: 11px;
  line-height: 1;
  font-weight: 700;
}


.pulso-fecha-dia {
  color: #0068aa;

  font-size: 26px;
  line-height: 1;
  font-weight: 700;
}


.pulso-fecha-anio {
  margin-top: 6px;

  color: #39749e;

  font-size: 10px;
  line-height: 1;
  font-weight: 700;
}


/* =========================================================
   CONTENIDO
========================================================= */

.pulso-item__contenido {
  min-width: 0;
}


.pulso-item__title-link {
  color: inherit;
  text-decoration: none;
}


.pulso-item__title {
  margin: 0;

  color: #111;

  font-family: "Literata", Georgia, "Times New Roman", serif;
  font-size: clamp(25px, 2vw, 32px);
  line-height: 1.12;
  font-weight: 700;

  transition: color .2s ease;
}


.pulso-item__title-link:hover .pulso-item__title {
  color: #0071b8;
}


/* fecha escrita debajo del título */

.pulso-item__date-text {
  margin-top: 4px;
  margin-bottom: 15px;

  color: #6c757d;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}


/* =========================================================
   GLOSA
========================================================= */

.pulso-item__glosa {
  color: #424b52;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.65;
}


/*
 Si field_texto_glosa trae un H4/H5/H6,
 lo convertimos visualmente en el nombre de la glosa:
 ALTERNATIVA, RETENCIÓN, POSITIVO...
*/

.pulso-item__glosa h4,
.pulso-item__glosa h5,
.pulso-item__glosa h6 {
  margin: 0 0 8px;

  color: #0071b8;

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;

  text-transform: uppercase;
}


.pulso-item__glosa p {
  margin: 0 0 12px;
}


.pulso-item__glosa p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   FOOTER / LEER COMPLETO
========================================================= */

.pulso-item__footer {
  display: flex;
  justify-content: flex-end;

  margin-top: 18px;
  padding-top: 14px;

  border-top: 1px solid #edf0f2;
}


.pulso-item__more {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  color: #0071b8;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 600;

  text-decoration: none;
}


.pulso-item__more span {
  font-size: 18px;

  transition: transform .2s ease;
}


.pulso-item__more:hover {
  color: #004f82;
}


.pulso-item__more:hover span {
  transform: translateX(4px);
}


/* =========================================================
   MÓVIL
========================================================= */

@media (max-width: 575.98px) {

  .pulso-item {
    display: block;

    padding: 20px;
    margin-bottom: 15px;
  }


  .pulso-item__fecha {
    justify-content: flex-start;
    margin-bottom: 14px;
  }


  .pulso-fecha-box {
    flex-direction: row;

    width: auto;
    height: auto;

    gap: 5px;

    padding: 6px 12px;

    border-width: 1px;
    border-radius: 20px;
  }


  .pulso-fecha-mes,
  .pulso-fecha-dia,
  .pulso-fecha-anio {
    margin: 0;

    font-size: 11px;
  }


  .pulso-fecha-dia {
    font-weight: 700;
  }


  .pulso-item__title {
    font-size: 24px;
  }


  .pulso-item__glosa {
    font-size: 15px;
  }

}

/*  ========================================
    EL PULSO DE PANAMA SECION 
      https://pa11.panamaamerica.com.pa/el-pulso
======================================== */


/* ==========================================================
    SECCIÓN
   ========================================================== */

.seccion-page {
  width: 100%;
}


/* ==========================================================
   DESTACADAS
   ========================================================== */

.seccion-destacadas > div {
  display: flex;
}

.destacadas-seccion .seccion-card {
  width: 100%;
}


/* Imagen más grande para destacadas */

.destacadas-seccion .seccion-card__image {
  aspect-ratio: 16 / 9;
}


/* Título grande */

.destacadas-seccion .seccion-card__title {
  font-size: clamp(1.45rem, 2vw, 1.9rem);
  line-height: 1.15;
}


/* ==========================================================
   TÍTULO "MÁS NOTICIAS"
   ========================================================== */

.seccion-listado-titulo {
  display: flex;
  align-items: center;
  gap: 12px;

  margin: 1.5rem 0 1rem;
}

.seccion-listado-titulo::before {
  content: "";

  display: block;

  width: 4px;
  height: 24px;

  background: #f28c00;
}

.seccion-listado-titulo h2 {
  margin: 0;

  color: #172033;

  font-size: 1.3rem;
  font-weight: 750;
}

.seccion-listado-titulo__linea {
  display: none;
}
/* ==========================================================
   GRID DE NOTICIAS
   ========================================================== */

.seccion-noticias-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: stretch;
  width: 100%;
}

.seccion-noticias-grid__item {
  display: flex;
  min-width: 0;
  height: 100%;
}

.seccion-noticias-grid__item .seccion-card {
  width: 100%;
  height: 100%;
}

.seccion-grid-ad {
  grid-column: 1 / -1;
  width: 100%;
}


/* ==========================================================
   TABLET
   2 COLUMNAS
   ========================================================== */

@media (max-width: 991.98px) and (min-width: 768px) {

  .seccion-noticias-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }

}


/* ==========================================================
   MÓVIL
   1 COLUMNA
   ========================================================== */

@media (max-width: 767.98px) {

  .seccion-noticias-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1rem;
    width: 100%;
    max-width: 100%;
  }

  .seccion-noticias-grid__item {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-column: auto !important;
  }

  .seccion-noticias-grid__item .seccion-card {
    width: 100%;
    max-width: 100%;
  }

}

/* ==========================================================
   CARD
   ========================================================== */

.seccion-card {
  position: relative;

  display: flex;
  flex-direction: column;

  overflow: visible;

  height: 100%;

  background: #fff;

  border: 1px solid #dde4ea;
  border-radius: 8px;

  box-shadow:
    0 2px 8px rgb(0 0 0 / 4%);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.seccion-card:hover {
  transform: translateY(-3px);

  border-color: #c3d8e6;

  box-shadow:
    0 10px 25px rgb(0 0 0 / 8%);
}

/* ==========================================================
   IMAGEN
   ========================================================== */

.seccion-card__image {
  position: relative;

  display: block;

  overflow: hidden;

  width: 100%;

  aspect-ratio: 16 / 9;

  background: #eef1f3;

  border-radius: 8px 8px 0 0;
}

.seccion-card__image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform 0.35s ease;
}

.seccion-card:hover .seccion-card__image img {
  transform: scale(1.025);
}

/* ==========================================================
   BODY
   ========================================================== */

.seccion-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;

  padding: 1rem;
}

/* ==========================================================
   AUTOR
   ========================================================== */

.seccion-card__meta {
  margin-bottom: 0.55rem;
}

.seccion-card__author {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 0.35rem;
}

.seccion-card__author-name {
  color: var(--pa-color-primary, #0074aa);
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1.25;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.seccion-card__author-name a {
  color: inherit;

  text-decoration: none;
}

.seccion-card__author-name a:hover {
  text-decoration: underline;
}

.seccion-card__author-icon {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  width: 22px;
  height: 22px;

  background: #fff;

  border-radius: 50%;

  box-shadow:
    0 1px 6px rgb(0 0 0 / 10%);
}

.seccion-card__author-icon img {
  width: 14px;
  height: 14px;
}

/* ==========================================================
   TÍTULO
   ========================================================== */

.seccion-card__title-link {
  color: inherit;
flex: 1 1 auto;
  text-decoration: none;
}

.seccion-card__title {
  margin: 0 0 0.85rem;

  color: #121926;

  font-size: 1.15rem;
  font-weight: 750;
  line-height: 1.2;

  transition:
    color 0.2s ease;
}

.seccion-card__title-link:hover
.seccion-card__title {
  color: #0074aa;
}

/* ==========================================================
   ETIQUETAS
   ========================================================== */

.seccion-card__tags {
  margin-top: 0;
  margin-bottom: 0.9rem;
}


/* Drupal wrapper */

.seccion-card__tags .field__items,
.seccion-card__tags .field-items,
.seccion-card__tags ul {
  display: flex;

  flex-wrap: wrap;

  gap: 0.35rem;

  margin: 0;
  padding: 0;

  list-style: none;
}


.seccion-card__tags .field__item,
.seccion-card__tags .field-item,
.seccion-card__tags li {
  margin: 0;
  padding: 0;
}


/* Pills */

.seccion-card__tags a {
  display: inline-flex;

  align-items: center;

  padding: 0.28rem 0.6rem;

  color: #386796;

  background: #f5f8fc;

  border:
    1px solid #d7e3ef;

  border-radius: 999px;

  text-decoration: none;

  font-size: 0.67rem;
  font-weight: 600;
  line-height: 1.2;

  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease;
}


.seccion-card__tags a:hover {
  color: #fff;

  background: #0074aa;

  border-color: #0074aa;
}

/* ==========================================================
   FOOTER
   ========================================================== */

.seccion-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: auto;
  min-height: 34px;
  padding-top: 0.7rem;

  border-top: 1px solid #edf1f4;
}

/* Leer noticia */

.seccion-card__read {
  display: inline-flex;

  align-items: center;

  gap: 0.35rem;

  color: #667085;

  text-decoration: none;

  font-size: 0.72rem;
  font-weight: 600;
}

.seccion-card__read:hover {
  color: #0074aa;
}

.seccion-card__read i {
  font-size: 0.62rem;
}



/* ==========================================================
   COMPARTIR
   ========================================================== */

.seccion-card__share {
  position: relative;

  width: auto !important;
}

.seccion-card__share-button {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  padding: 0;

  background: transparent;

  border: 0;

  border-radius: 50%;

  cursor: pointer;
}

.seccion-card__share-button:hover {
  background: #eef6fb;
}

.seccion-card__share
.blogpa-share-menu {
  right: 0;
  left: auto;
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 991.98px) {

  .seccion-noticias-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* ==========================================================
   MÓVIL
   ========================================================== */

@media (max-width: 575.98px) {

  .seccion-noticias-grid {
    grid-template-columns: 1fr;

    gap: 1rem;
  }

  .seccion-card__body {
    padding: 0.9rem;
  }
/*
  .seccion-card__title {
    font-size: 1.1rem;
  }
*/
  .destacadas-seccion
  .seccion-card__title {
    font-size: 1.35rem;
  }

}

.seccion-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.seccion-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1rem;
}

.seccion-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: auto;
  padding-top: 0.7rem;

  border-top: 1px solid #edf1f4;
}

.seccion-noticias-grid__item {
  display: flex;
  height: 100%;
}

.seccion-noticias-grid__item .seccion-card {
  width: 100%;
  height: 100%;
}

.seccion-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;

  margin-bottom: 0.9rem;
}

@media (max-width: 767.98px) {

  .seccion-destacadas {
    --bs-gutter-y: 1rem;
  }

  .destacadas-seccion .seccion-card__title {
    font-size: 1.35rem;
  }

  .seccion-card__body {
    padding: 0.9rem;
  }

}


/* ==========================================================
    SECCIÓN
   ========================================================== */




/* ==========================================================
   Mas Noticias de la home: MODULOS / BLOCK 6
   Usa el mismo diseño de las secciones
   ========================================================== */

.modulo-noticias-ad {
  width: 100%;
  margin: 0.5rem 0;
}

.modulo-noticias-ad .ad-slot {
  width: 100%;
}

.modulo-noticias-ad .ad-slot:empty {
  min-height: 120px;

  background:
    repeating-linear-gradient(
      45deg,
      #fafafa,
      #fafafa 10px,
      #f5f5f5 10px,
      #f5f5f5 20px
    );

  border: 1px dashed #d9dfe5;
}

.view-display-id-block_6 .seccion-noticias-grid > .views-row,
.view-display-id-block_6 .seccion-noticias-grid > .home-mas-noticias {
  display: flex;

  width: 100%;
  min-width: 0;
  height: 100%;

  margin: 0 !important;
  padding: 0 !important;
}


/* La card ocupa toda la columna */

.view-display-id-block_6
.seccion-noticias-grid > .views-row
.seccion-card,

.view-display-id-block_6
.seccion-noticias-grid > .home-mas-noticias
.seccion-card {
  width: 100%;
  height: 100%;
}

/* ==========================================================
   BLOCK 6 - CATEGORÍA
   ========================================================== */

.modulo-card__categoria {
  margin-bottom: .55rem;
}

.modulo-card__categoria a {
  display: inline-flex;
  align-items: center;

  color: var(--pa-color-primary, #0074aa);

  text-decoration: none;

  font-size: .68rem;
  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .025em;
}

.modulo-card__categoria a::before {
  content: "";

  display: inline-block;

  width: 6px;
  height: 6px;

  margin-right: .4rem;

  background:
    var(--pa-color-primary, #0074aa);

  border-radius: 50%;
}

.modulo-card__categoria a:hover {
  text-decoration: underline;
}

.modulo-card__play {
  position: absolute;

  top: 50%;
  left: 50%;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 58px;
  height: 58px;

  transform:
    translate(-50%, -50%);

  background:
    rgba(0, 0, 0, .55);

  border-radius: 50%;

  transition:
    transform .2s ease,
    background-color .2s ease;
}

.modulo-card__play img {
  width: 44px !important;
  height: 44px !important;

  object-fit: contain !important;
}

.modulo-card__play:hover {
  transform:
    translate(-50%, -50%)
    scale(1.06);

  background:
    rgba(0, 0, 0, .72);
}

/* ==========================================================
   COMPARTIR DIRECTO - BLOCK 6 / CARDS
   ========================================================== */

.seccion-card__share-direct {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.seccion-card__share-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #111;
  background: #f1f1f1;
  border-radius: 50%;
  text-decoration: none;
  font-size: 0.9rem;
  transition:
    background-color .2s ease,
    color .2s ease,
    transform .2s ease;
}

.seccion-card__share-icon:hover {
  color: #fff;
  background: var(--pa-color-primary, #0074aa);

  transform: translateY(-2px);
}

.seccion-listado-titulo h2 a {
  color: inherit;
  text-decoration: none;
}

.seccion-listado-titulo h2 a:hover {
  color: var(--pa-color-primary, #0074aa);
}


/* ==========================================================
   BLOCK 33 - NORMALIZAR WRAPPERS DE VIEWS
   ========================================================== */

.view-display-id-block_33 .seccion-noticias-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5rem;
  width: 100%;
  align-items: stretch;
}

.view-display-id-block_33 .seccion-noticias-grid__item {
  display: flex;

  width: 100%;
  max-width: none;
  min-width: 0;
  height: 100%;

  margin: 0 !important;
  padding: 0 !important;

  flex: none;
}

.view-display-id-block_33
.seccion-noticias-grid__item
.seccion-card {
  width: 100%;
  max-width: none;
  height: 100%;
}


/* TABLET */

@media (max-width: 991.98px) and (min-width: 768px) {

  .view-display-id-block_33 .seccion-noticias-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}


/* MÓVIL */

@media (max-width: 767.98px) {

  .view-display-id-block_33 .seccion-noticias-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1rem;
  }

}
/* ==========================================================
   MÓVIL
   ========================================================== */

@media (max-width: 575.98px) {

  .seccion-card__footer {
    gap: 0.75rem;
  }

  .seccion-card__share-direct {
    gap: 0.35rem;
  }

  .seccion-card__share-icon {
    width: 32px;
    height: 32px;

    font-size: 0.82rem;
  }

} 

/* ==========================================================
   Mas Noticias de la home: MODULOS / BLOCK 6
   Usa el mismo diseño de las secciones
   ========================================================== */


.secciones-iconos-social .blogpa-share-item {
    background-color: #cacaca57;
}
.secciones-iconos-social .blogpa-share-item i{
    color: #000;
}

.blogpa-share-menu.secciones-iconos-social {
    display: inline-flex;
    box-shadow: unset;
    position: unset;
    padding: 0;
    border-radius: 0;
}

img.pa-default-img {
    opacity: 0.4;
}

span.text-dark.fw-bold.text-truncate.d-block.taxonomy__tagName {
    color: rgb(156 198 221) !important;
}




/* ==========================================================
   MÁS LEÍDAS sidebar block_21
   ========================================================== */

.mas-leidas-listado {
  width: 100%;
}


/* ==========================================================
   CADA NOTICIA
   ========================================================== */

.mas-leidas-item {
  display: grid;

  grid-template-columns: 28px 88px minmax(0, 1fr);

  align-items: center;

  gap: 0.75rem;

  padding: 0.8rem 0;

  border-bottom: 1px solid #e5e9ee;
}

.mas-leidas-item:last-child {
  border-bottom: 0;
}


/* ==========================================================
   NÚMERO
   ========================================================== */

.mas-leidas-item__numero {
  color: #071b3b;

  font-size: 1.65rem;
  font-weight: 800;

  line-height: 1;

  text-align: center;
}


/* ==========================================================
   IMAGEN
   ========================================================== */

.mas-leidas-item__imagen {
  display: block;

  overflow: hidden;

  width: 88px;
  height: 58px;

  background: #eef1f3;

  border-radius: 4px;
}

.mas-leidas-item__imagen img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform 0.25s ease;
}

.mas-leidas-item:hover
.mas-leidas-item__imagen img {
  transform: scale(1.04);
}


/* ==========================================================
   CONTENIDO
   ========================================================== */

.mas-leidas-item__contenido {
  min-width: 0;
}


/* ==========================================================
   TÍTULO
   ========================================================== */

.mas-leidas-item__titulo {
  display: block;

  margin: 0;

  color: #071b3b;

  text-decoration: none;

  font-size: 0.92rem;
  font-weight: 600;

  line-height: 1.3;
}

.mas-leidas-item__titulo:hover {
  color: var(--pa-color-primary, #0074aa);
}


/* ==========================================================
   TIEMPO
   ========================================================== */

.mas-leidas-item__tiempo {
  margin-top: 0.2rem;

  color: #8da0b8;

  font-size: 0.72rem;
  font-weight: 500;
}


/* ==========================================================
   MÓVIL
   ========================================================== */

@media (max-width: 575.98px) {

  .mas-leidas-item {
    grid-template-columns: 26px 82px minmax(0, 1fr);

    gap: 0.6rem;

    padding: 0.7rem 0;
  }

  .mas-leidas-item__numero {
    font-size: 1.45rem;
  }

  .mas-leidas-item__imagen {
    width: 82px;
    height: 55px;
  }

  .mas-leidas-item__titulo {
    font-size: 0.88rem;
  }

}

.seccion-listado-titulo::before {
  content: "";
  width: 4px;
  height: 24px;
  background: #f28c00;
}

/* ==========================================================
   MÁS LEÍDAS sidebar block_21
   ========================================================== */

/* ==========================================================
   BLOQUE CONTENIDO PATROCINADO
   ========================================================== */

.patrocinado-bloque {
  padding: 1.25rem;

  background: #fff;

  border: 1px solid #e3e7eb;
  border-radius: 8px;

  box-shadow: 0 3px 12px rgb(0 0 0 / 5%);
}


/* ==========================================================
   TÍTULO
   ========================================================== */

.patrocinado-titulo {
  display: flex;
  align-items: center;

  margin-bottom: 1rem;

  padding-bottom: .65rem;

  border-bottom: 2px solid var(--pa-color-primary, #0074aa);
}

.patrocinado-titulo::before {
  content: "";

  display: block;

  width: 4px;
  height: 24px;

  margin-right: .65rem;

  background: #f28c00;
}

.patrocinado-titulo h2 {
  margin: 0;

  color: #172033;

  font-size: 1.15rem;
  font-weight: 750;

  text-transform: uppercase;
}


/* ==========================================================
   ITEM
   ========================================================== */

.patrocinado-item {
  display: grid;

  grid-template-columns: 118px minmax(0, 1fr);

  gap: .9rem;

  align-items: center;

  padding: .9rem 0;

  border-bottom: 1px solid #edf0f3;
}

.patrocinado-item:last-child {
  border-bottom: 0;
}


/* ==========================================================
   IMAGEN
   ========================================================== */

.patrocinado-item__imagen {
  display: block;

  overflow: hidden;

  width: 118px;
  height: 78px;

  background: #eef1f3;

  border-radius: 5px;
}

.patrocinado-item__imagen img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform .25s ease;
}

.patrocinado-item:hover
.patrocinado-item__imagen img {
  transform: scale(1.04);
}


/* ==========================================================
   CONTENIDO
   ========================================================== */

.patrocinado-item__contenido {
  min-width: 0;
}


/* ==========================================================
   LABEL
   ========================================================== */

.patrocinado-item__label {
  display: inline-block;

  margin-bottom: .3rem;

  color: #d96c00;

  font-size: .62rem;
  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: .05em;
}


/* ==========================================================
   TITULAR
   ========================================================== */

.patrocinado-item__titulo {
  display: block;

  color: #111827;

  text-decoration: none;

  font-size: .92rem;
  font-weight: 650;

  line-height: 1.25;
}

.patrocinado-item__titulo:hover {
  color: var(--pa-color-primary, #0074aa);
}


/* ==========================================================
   MÓVIL
   ========================================================== */

@media (max-width: 575.98px) {

  .patrocinado-bloque {
    padding: 1rem;
  }

  .patrocinado-item {
    grid-template-columns: 100px minmax(0, 1fr);

    gap: .75rem;
  }

  .patrocinado-item__imagen {
    width: 100px;
    height: 68px;
  }

  .patrocinado-item__titulo {
    font-size: .88rem;
  }

}
/* ==========================================================
   BLOQUE CONTENIDO PATROCINADO
   ========================================================== */


   
   /* ==========================================================
   HOME MÁS NOTICIAS DE 
        block_32 Deportes
        block_34 Sociedad
        block_35 Judicial
        block_36 Provincias
        block_37 Variedades
   ========================================================== */
/* ==========================================================
   BLOQUES DE MÁS NOTICIAS
   block_32 - block_37
   ========================================================== */

:is(
  .view-display-id-block_32,
  .view-display-id-block_33,
  .view-display-id-block_34,
  .view-display-id-block_35,
  .view-display-id-block_36,
  .view-display-id-block_37
) .seccion-noticias-grid {

  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 1.5rem;

  width: 100%;
  max-width: 100%;

  align-items: stretch;
}


/* ==========================================================
   FILAS DE VIEWS
   Neutraliza col-*, width y flex de Bootstrap
   ========================================================== */

:is(
  .view-display-id-block_32,
  .view-display-id-block_33,
  .view-display-id-block_34,
  .view-display-id-block_35,
  .view-display-id-block_36,
  .view-display-id-block_37
)
.seccion-noticias-grid
> .seccion-noticias-grid__item {

  display: flex;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: 100%;

  margin: 0 !important;
  padding: 0 !important;

  flex: none !important;
}


/* ==========================================================
   CARD
   ========================================================== */

:is(
  .view-display-id-block_32,
  .view-display-id-block_33,
  .view-display-id-block_34,
  .view-display-id-block_35,
  .view-display-id-block_36,
  .view-display-id-block_37
)
.seccion-noticias-grid__item
> .seccion-card {

  display: flex;
  flex-direction: column;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;

  height: 100%;
}


/* ==========================================================
   IMAGEN
   ========================================================== */

:is(
  .view-display-id-block_32,
  .view-display-id-block_33,
  .view-display-id-block_34,
  .view-display-id-block_35,
  .view-display-id-block_36,
  .view-display-id-block_37
)
.seccion-card__image {

  width: 100%;

  aspect-ratio: 16 / 9;
}


:is(
  .view-display-id-block_32,
  .view-display-id-block_33,
  .view-display-id-block_34,
  .view-display-id-block_35,
  .view-display-id-block_36,
  .view-display-id-block_37
)
.seccion-card__image img {

  display: block;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover;
}


/* ==========================================================
   BODY
   ========================================================== */

:is(
  .view-display-id-block_32,
  .view-display-id-block_33,
  .view-display-id-block_34,
  .view-display-id-block_35,
  .view-display-id-block_36,
  .view-display-id-block_37
)
.seccion-card__body {

  display: flex;

  flex: 1;

  flex-direction: column;

  width: 100%;
}


/* ==========================================================
   FOOTER ABAJO EN TODAS LAS CARDS
   ========================================================== */

:is(
  .view-display-id-block_32,
  .view-display-id-block_33,
  .view-display-id-block_34,
  .view-display-id-block_35,
  .view-display-id-block_36,
  .view-display-id-block_37
)
.seccion-card__footer {

  margin-top: auto;
}


/* ==========================================================
   TABLET
   2 COLUMNAS
   ========================================================== */

    @media (max-width: 991.98px) and (min-width: 768px) {

      :is(
        .view-display-id-block_32,
        .view-display-id-block_33,
        .view-display-id-block_34,
        .view-display-id-block_35,
        .view-display-id-block_36,
        .view-display-id-block_37
      )
      .seccion-noticias-grid {

        grid-template-columns:
          repeat(2, minmax(0, 1fr));
      }

    }


    /* ==========================================================
       MÓVIL
       1 COLUMNA
       ========================================================== */

    @media (max-width: 767.98px) {

      :is(
        .view-display-id-block_32,
        .view-display-id-block_33,
        .view-display-id-block_34,
        .view-display-id-block_35,
        .view-display-id-block_36,
        .view-display-id-block_37
      )
      .seccion-noticias-grid {

        grid-template-columns:
          minmax(0, 1fr) !important;

        gap: 1rem;
      }

    }
   /* ==========================================================
   HOME MÁS NOTICIAS DE 
        block_32 Deportes
        block_34 Sociedad
        block_35 Judicial
        block_36 Provincias
        block_37 Variedades
   ========================================================== */

   /* ==========================================================
    Tamaño de la fuente en las CARDS con los iconitos leer mas en general
   ========================================================== */

   /* ==========================================================
   MEJORA DE LEGIBILIDAD - TODAS LAS CARDS
   Secciones + módulos
   ========================================================== */

/* TITULAR */

.seccion-card__title {
  font-size: 1.25rem;
  line-height: 1.22;
  font-weight: 750;
}


/* LEER NOTICIA */

.seccion-card__read {
  font-size: 0.82rem;
  line-height: 1.2;
  font-weight: 600;
}


/* Flecha de "Leer noticia" */

.seccion-card__read i {
  font-size: 0.72rem;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 991.98px) {

  .seccion-card__title {
    font-size: 1.2rem;
    line-height: 1.22;
  }

  .seccion-card__read {
    font-size: 0.85rem;
  }

}


/* ==========================================================
   MÓVIL
   ========================================================== */

@media (max-width: 767.98px) {

  .seccion-card__title {
    font-size: 1.3rem;
    line-height: 1.2;
  }

  .seccion-card__read {
    font-size: 0.95rem;
    line-height: 1.2;
    font-weight: 600;
  }

  .seccion-card__read i {
    font-size: 0.8rem;
  }

}

@media (max-width: 767.98px) {

  /* Categoría */
  .modulo-card__categoria a {
    font-size: 0.78rem;
  }

  /* Autor */
  .seccion-card__author-name {
    font-size: 0.8rem;
  }

}

/* ==========================================================
   BASE TIPOGRÁFICA MÓVIL - PARA CELULARES CON MAS DENSIDAD DEPANTALLA
   ========================================================== */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}


/* ==========================================================
   CARDS - LEGIBILIDAD GENERAL
   ========================================================== */

.seccion-card__title {
  font-size: clamp(1.2rem, 1.05rem + 0.55vw, 1.4rem);
  line-height: 1.22;
}

.seccion-card__read {
  font-size: 0.9rem;
  line-height: 1.25;
}

.seccion-card__author-name {
  font-size: 0.82rem;
}

.modulo-card__categoria a {
  font-size: 0.78rem;
}


/* ==========================================================
   MÓVIL
   ========================================================== */

@media (max-width: 767.98px) {

  .seccion-card__title {
    font-size: 1.4rem !important;
    line-height: 1.2;
  }

  .seccion-card__read {
    font-size: 1rem !important;
    font-weight: 600;
  }

  .seccion-card__read i {
    font-size: 0.85rem;
  }

  .seccion-card__author-name {
    font-size: 0.9rem;
  }

  .modulo-card__categoria a {
    font-size: 0.85rem;
  }

}
/* ==========================================================
   BASE TIPOGRÁFICA MÓVIL - PARA CELULARES CON MAS DENSIDAD DEPANTALLA
   ========================================================== */
/* ==========================================================
    Tamaño de la fuente en las CARDS con los iconitos leer mas en general
   ========================================================== */

/* QUITAR SIDEBAR DE PAGINA DE ERROR */
.page-route-node-1263472 .order-3.node-sidebar {
    display: none;
}   



/* ==========================================================
   PÁGINAS DE TEMAS
   ========================================================== */

.tema-card {
  display: grid;

  grid-template-columns:
    minmax(220px, 34%)
    minmax(0, 1fr);

  gap: 1.25rem;

  padding: 1.25rem 0;

  border-bottom: 1px solid #e4e8ed;
}


/* ==========================================================
   IMAGEN
   ========================================================== */

.tema-card__image {
  display: block;

  overflow: hidden;

  width: 100%;

  aspect-ratio: 16 / 10;

  background: #eef1f3;

  border-radius: 7px;
}

.tema-card__image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform .3s ease;
}

.tema-card:hover
.tema-card__image img {
  transform: scale(1.025);
}

.tema-card__image img.tema-card__image--default {
  object-fit: contain;

  padding: 1rem;

  opacity: .3;
}


/* ==========================================================
   CONTENIDO
   ========================================================== */

.tema-card__content {
  display: flex;

  flex-direction: column;

  min-width: 0;
}


/* ==========================================================
   SECCIÓN + FECHA
   ========================================================== */

.tema-card__meta {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: .45rem;

  margin-bottom: .55rem;

  font-size: .72rem;
}

.tema-card__categoria {
  color: var(--pa-color-primary, #0074aa);

  text-decoration: none;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: .035em;
}

.tema-card__categoria:hover {
  text-decoration: underline;
}

.tema-card__separator {
  color: #a0a9b5;
}

.tema-card__fecha {
  color: #7a8796;

  font-weight: 500;
}


/* ==========================================================
   TÍTULO
   ========================================================== */

.tema-card__title-link {
  color: inherit;

  text-decoration: none;
}

.tema-card__title {
  margin: 0 0 .75rem;

  color: #121926;

  font-size: 1.55rem;
  font-weight: 750;

  line-height: 1.12;

  transition: color .2s ease;
}

.tema-card__title-link:hover
.tema-card__title {
  color: var(--pa-color-primary, #0074aa);
}


/* ==========================================================
   AUTOR
   ========================================================== */

.tema-card__autor {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: .35rem;

  margin-bottom: .8rem;

  color: #667085;

  font-size: .78rem;
}

.tema-card__autor-label {
  color: #8b95a3;
}

.tema-card__autor-name {
  color: #31445a;

  font-weight: 650;
}

.tema-card__autor-name a {
  color: inherit;

  text-decoration: none;
}

.tema-card__autor-name a:hover {
  color: var(--pa-color-primary, #0074aa);
}

.tema-card__autor-icon {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  width: 21px;
  height: 21px;
}


/* ==========================================================
   ETIQUETAS RELACIONADAS
   ========================================================== */

.tema-card__tags {
  display: flex;

  flex-wrap: wrap;

  gap: .4rem;

  margin-bottom: .9rem;
}

.tema-card__tags a {
  display: inline-flex;

  align-items: center;

  padding: .3rem .65rem;

  color: #386796;

  background: #f5f8fc;

  border: 1px solid #d7e3ef;

  border-radius: 999px;

  text-decoration: none;

  font-size: .7rem;
  font-weight: 600;

  line-height: 1.2;

  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease;
}

.tema-card__tags a:hover {
  color: #fff;

  background: var(--pa-color-primary, #0074aa);

  border-color: var(--pa-color-primary, #0074aa);
}


/* ==========================================================
   FOOTER
   ========================================================== */

.tema-card__footer {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 1rem;

  margin-top: auto;

  padding-top: .75rem;

  border-top: 1px solid #edf1f4;
}


/* LEER */

.tema-card__read {
  display: inline-flex;

  align-items: center;

  gap: .4rem;

  color: #667085;

  text-decoration: none;

  font-size: .8rem;
  font-weight: 600;
}

.tema-card__read:hover {
  color: var(--pa-color-primary, #0074aa);
}


/* ==========================================================
   COMPARTIR
   ========================================================== */

.tema-card__share {
  display: flex;

  align-items: center;

  gap: .45rem;
}

.tema-card__share-icon {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  color: #111;

  background: #f1f1f1;

  border-radius: 50%;

  text-decoration: none;

  font-size: .85rem;

  transition:
    background-color .2s ease,
    color .2s ease,
    transform .2s ease;
}

.tema-card__share-icon:hover {
  color: #fff;

  background: var(--pa-color-primary, #0074aa);

  transform: translateY(-2px);
}


/* ==========================================================
   MÓVIL
   ========================================================== */

@media (max-width: 767.98px) {

  .tema-card {
    grid-template-columns: 1fr;

    gap: .9rem;

    padding: 1rem 0;
  }

  .tema-card__image {
    aspect-ratio: 16 / 9;
  }

  .tema-card__title {
    font-size: 1.35rem;

    line-height: 1.17;
  }

  .tema-card__meta {
    font-size: .78rem;
  }

  .tema-card__autor {
    font-size: .82rem;
  }

  .tema-card__footer {
    flex-wrap: wrap;
  }

  .tema-card__read {
    font-size: .92rem;
  }

  .tema-card__share-icon {
    width: 34px;
    height: 34px;

    font-size: .9rem;
  }

}


/* Titulo del tema page_12 */
.tema-heading {
    position: relative;
    margin: 0 0 2rem;
    padding: 0 0 1rem;
    border-bottom: 1px solid #e5e5e5;
}

.tema-heading__label {
    display: block;
    margin-bottom: 0.25rem;

    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;

    color: #0076b9;
}

.tema-heading__title {
    margin: 0;

    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    line-height: 1.05;

    color: #151515;
}

/* Línea de acento */
.tema-heading::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;

    width: 70px;
    height: 3px;

    background: #0076b9;
}


/* ==========================================================
   PÁGINAS DE TEMAS
   ========================================================== */



/* ==========================================================
   MODULO HOME / ROMPEMAQUETAS - CARD SYSTEM 2026
   Concepto unificado para todas las maquetas.
   Fecha como antetítulo, 2-3 temas, Leer noticia y compartir.
   ========================================================== */

.modulo-home-bg.modulo-home-theme {
  --mh-card-bg: rgba(255, 255, 255, .64);
  --mh-card-border: rgba(0, 116, 170, .22);
  --mh-card-shadow: 0 2px 10px rgba(16, 42, 67, .045);
  --mh-card-hover-shadow: 0 9px 28px rgba(16, 42, 67, .10);
  --mh-card-muted: #526171;
  --mh-chip-bg: rgba(255, 255, 255, .55);
  --mh-chip-border: rgba(0, 116, 170, .38);
  --mh-accent: var(--pa-color-primary, #0074aa);
}

.modulo-home-bg.modulo-home-theme--estilo-2 {
  --mh-card-bg: rgba(255, 255, 255, .42);
  --mh-card-border: rgba(0, 116, 170, .26);
  --mh-chip-bg: rgba(255, 255, 255, .52);
}

.modulo-home-bg.modulo-home-theme--estilo-3 {
  --mh-card-bg: rgba(255, 255, 255, .07);
  --mh-card-border: rgba(255, 255, 255, .20);
  --mh-card-muted: #d7dde4;
  --mh-chip-bg: rgba(255, 255, 255, .09);
  --mh-chip-border: rgba(255, 255, 255, .32);
  --mh-accent: #6fc2ef;
}

/* El título editorial integra visualmente todas las cards del bloque. */
.modulo-home-bg.modulo-home-theme .modulo-home__header {
  margin-bottom: 1rem;
}

.modulo-home-bg.modulo-home-theme .modulo-home__title {
  font-family: "Literata", Georgia, "Times New Roman", serif;
  font-size: clamp(1.8rem, 2.4vw, 2.75rem);
  line-height: 1.05;
  letter-spacing: -.02em;
  text-shadow: none;
}

.modulo-home-bg.modulo-home-theme .modulo-home__title::after {
  width: 72px;
}

/* Cards */
.modulo-home__cell {
  display: flex;
}

.modulo-home__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  background: var(--mh-card-bg);
  border: 1px solid var(--mh-card-border);
  border-radius: 10px;
  box-shadow: var(--mh-card-shadow);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

@media (hover:hover) {
  .modulo-home__card:hover {
    transform: translateY(-2px);
    box-shadow: var(--mh-card-hover-shadow);
    border-color: rgba(0, 116, 170, .36);
  }
}

.modulo-home__media-link,
.modulo-home__title-link {
  color: inherit;
  text-decoration: none;
}

.modulo-home__card .modulo-home__thumb {
  margin: 0;
  width: 100%;
  overflow: hidden;
  background: rgba(0,0,0,.04);
}

.modulo-home__card .modulo-home__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}

@media (hover:hover) {
  .modulo-home__card:hover .modulo-home__thumb img {
    transform: scale(1.018);
  }
}

.modulo-home__card--standard .modulo-home__thumb,
.modulo-home__card--compact .modulo-home__thumb,
.modulo-home__card--hero .modulo-home__thumb {
  aspect-ratio: 16 / 9;
}

.modulo-home__card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 1.05rem 1.1rem 1rem;
}

/* Fecha = antetítulo */
.modulo-home__eyebrow {
  /*display: flex;*/
  display: none;
  align-items: center;
  gap: .45rem;
  margin-bottom: .7rem;
  color: var(--mh-accent);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .76rem;
  line-height: 1.2;
  font-weight: 700;
}

.modulo-home__eyebrow i {
  font-size: .86rem;
}

/* Título / resumen */
.modulo-home__card-title {
  margin: 0 0 .7rem;
  color: var(--mh-title);
  font-family: "Literata", Georgia, "Times New Roman", serif;
  font-size: clamp(1.25rem, 1.55vw, 1.75rem);
  line-height: 1.08;
  font-weight: 750;
  letter-spacing: -.015em;
  transition: color .2s ease;
}

.modulo-home__title-link:hover .modulo-home__card-title {
  color: var(--mh-accent);
}

.modulo-home__card-summary {
  margin-bottom: .95rem;
  color: var(--mh-summary);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .95rem;
  line-height: 1.48;
}

/* Temas */
.modulo-home__topics {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: auto;
  margin-bottom: .95rem;
}

.modulo-home__topic {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: .25rem .62rem;
  color: var(--mh-accent) !important;
  background: var(--mh-chip-bg);
  border: 1px solid var(--mh-chip-border);
  border-radius: 999px;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .69rem;
  line-height: 1.1;
  font-weight: 650;
}

.modulo-home__topic:hover {
  color: #fff !important;
  background: var(--mh-accent);
  border-color: var(--mh-accent);
}

/* Footer */
.modulo-home__card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  margin-top: auto;
  padding-top: .8rem;
  border-top: 1px solid var(--mh-card-border);
}

.modulo-home__card--split > .modulo-home__card-footer {
  margin: 0 1.1rem 1rem;
}

.modulo-home__read-more {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--mh-accent) !important;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .78rem;
  font-weight: 700;
  white-space: nowrap;
}

.modulo-home__read-more i {
  font-size: .65rem;
  transition: transform .2s ease;
}

.modulo-home__read-more:hover i {
  transform: translateX(3px);
}

.modulo-home__share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .28rem;
  min-width: 0;
}

.modulo-home__share-label {
  margin-right: .2rem;
  color: var(--mh-card-muted);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .72rem;
}

.modulo-home__share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  color: #111 !important;
  background: rgba(127, 139, 151, .13);
  border-radius: 50%;
  text-decoration: none;
  font-size: .78rem;
  transition: transform .2s ease, background-color .2s ease, color .2s ease;
}

.modulo-home-theme--estilo-3 .modulo-home__share-btn {
  color: #fff !important;
  background: rgba(255,255,255,.14);
}

.modulo-home__share-btn:hover {
  color: #fff !important;
  background: var(--mh-accent);
  transform: translateY(-2px);
}

/* ==========================================================
   SPLIT / DESTACADA
   ========================================================== */
.modulo-home__card--split {
  padding: 1rem;
}

.modulo-home__split {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.1fr);
  gap: 1.4rem;
  align-items: stretch;
  flex: 1 1 auto;
}

.modulo-home__split-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: .35rem 0 .1rem;
}

.modulo-home__split-media {
  display: block;
  min-width: 0;
  overflow: hidden;
  border-radius: 8px;
}

.modulo-home__split-media .modulo-home__thumb {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}

.modulo-home__split-media .modulo-home__thumb img {
  min-height: 100%;
  aspect-ratio: 4 / 3;
}

.modulo-home__card--featured .modulo-home__card-title {
  font-size: clamp(1.8rem, 2vw, 2rem);
  line-height: 1.04;
}

.modulo-home__card--featured .modulo-home__card-summary {
  font-size: clamp(.98rem, 1.1vw, 1.12rem);
  line-height: 1.5;
}

/* ==========================================================
   LAYOUT: 2 notas integrada bajo un título
   68/32 aprox., como la propuesta visual.
   ========================================================== */
.modulo-home__items--feature-side {
  display: grid;
  grid-template-columns: minmax(0, 2.15fr) minmax(270px, 1fr);
  gap: 1.15rem;
  align-items: stretch;
}

.modulo-home__feature-col,
.modulo-home__side-col {
  display: flex;
  min-width: 0;
}

.modulo-home__feature-col > .modulo-home__card,
.modulo-home__side-col > .modulo-home__card {
  height: 100%;
}

.modulo-home__side-col .modulo-home__card-title {
  font-size: clamp(1.3rem, 1.65vw, 1.8rem);
}

.modulo-home__side-col .modulo-home__card-summary {
  font-size: .9rem;
  line-height: 1.42;
}

.modulo-home__side-col .modulo-home__thumb {
  aspect-ratio: 16 / 9;
}

/* ==========================================================
   HERO individual
   ========================================================== */
.modulo-home__items--hero .modulo-home__card--hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.35fr);
  overflow: hidden;
}

.modulo-home__items--hero .modulo-home__media-link {
  grid-column: 2;
  grid-row: 1;
}

.modulo-home__items--hero .modulo-home__card-body {
  grid-column: 1;
  grid-row: 1;
  justify-content: center;
  padding: 1.5rem;
}

.modulo-home__items--hero .modulo-home__card-title {
  font-size: clamp(1.5rem, 4vw, 3.25rem);
  line-height: 1.02;
}

.modulo-home__items--hero .modulo-home__thumb {
  height: 100%;
  aspect-ratio: auto;
}

/* ==========================================================
   1 grande + laterales
   ========================================================== */
.modulo-home__items--principal-lateral {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(300px, .9fr);
  gap: 1.15rem;
}

.modulo-home__laterales-col {
  display: grid;
  gap: .9rem;
}

.modulo-home__card--horizontal {
  display: grid;
  grid-template-columns: 40% minmax(0, 1fr);
}

.modulo-home__card--horizontal .modulo-home__media-link,
.modulo-home__card--horizontal .modulo-home__thumb {
  height: 100%;
}

.modulo-home__card--horizontal .modulo-home__thumb {
  aspect-ratio: auto;
}

.modulo-home__card--horizontal .modulo-home__card-body {
  padding: .9rem;
}

.modulo-home__card--horizontal .modulo-home__card-title {
  font-size: 1.2rem;
}

.modulo-home__card--horizontal .modulo-home__card-summary,
.modulo-home__card--horizontal .modulo-home__share-label {
  display: none;
}

.modulo-home__card--horizontal .modulo-home__share-btn {
  width: 27px;
  height: 27px;
}

/* ==========================================================
   1 grande + inferiores
   ========================================================== */
.modulo-home__principal-full {
  margin-bottom: 1.15rem;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */
@media (max-width: 1199.98px) {
  .modulo-home__items--feature-side {
    grid-template-columns: minmax(0, 1.7fr) minmax(250px, .9fr);
  }

  .modulo-home__share-label {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .modulo-home__items--feature-side,
  .modulo-home__items--principal-lateral,
  .modulo-home__items--hero .modulo-home__card--hero {
    grid-template-columns: 1fr;
  }

  .modulo-home__items--hero .modulo-home__media-link,
  .modulo-home__items--hero .modulo-home__card-body {
    grid-column: 1;
  }

  .modulo-home__items--hero .modulo-home__media-link {
    grid-row: 1;
  }

  .modulo-home__items--hero .modulo-home__card-body {
    grid-row: 2;
  }

  .modulo-home__split {
    grid-template-columns: 1fr;
  }

  .modulo-home__split-media {
    order: -1;
  }

  .modulo-home__split-media .modulo-home__thumb {
    aspect-ratio: 16 / 9;
  }

  .modulo-home__split-media .modulo-home__thumb img {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 767.98px) {
  .modulo-home-bg.modulo-home-theme:not(.modulo-home-theme--default) {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .modulo-home-bg.modulo-home-theme .modulo-home__title {
    font-size: 1.75rem;
  }

  .modulo-home__card,
  .modulo-home__card--split {
    border-radius: 8px;
  }

  .modulo-home__card--split {
    padding: .85rem;
  }

  .modulo-home__card-body {
    padding: .9rem;
  }

  .modulo-home__card--split > .modulo-home__card-footer {
    margin: .1rem 0 0;
  }

  .modulo-home__card-title,
  .modulo-home__side-col .modulo-home__card-title {
    font-size: 1.45rem;
    line-height: 1.08;
  }

  .modulo-home__card--featured .modulo-home__card-title,
  .modulo-home__items--hero .modulo-home__card-title {
    font-size: 1.75rem;
    line-height: 1.05;
  }

  /* En móvil conservamos resumen solo en destacada; las cards secundarias quedan ágiles. */
  .modulo-home__card--compact .modulo-home__card-summary,
  .modulo-home__card--horizontal .modulo-home__card-summary {
    display: none;
  }

  .modulo-home__topics {
    margin-bottom: .75rem;
  }

  .modulo-home__topic {
    font-size: .72rem;
  }

  .modulo-home__card-footer {
    gap: .55rem;
  }

  .modulo-home__read-more {
    font-size: .82rem;
  }

  .modulo-home__share-btn {
    width: 32px;
    height: 32px;
  }

  .modulo-home__card--horizontal {
    grid-template-columns: 38% minmax(0, 1fr);
  }
}

@media (max-width: 575.98px) {
  .modulo-home__card--horizontal {
    grid-template-columns: 1fr;
  }

  .modulo-home__card--horizontal .modulo-home__thumb {
    aspect-ratio: 16 / 9;
  }

  .modulo-home__card-footer {
    flex-wrap: wrap;
  }

  .modulo-home__share {
    margin-left: auto;
  }
}

/* ==========================================================
   MODULO HOME - VISIBILIDAD POR LAYOUT
   Ajustes 2026-08-28
   ========================================================== */

/* grid-3 y grid-4: ocultar Summary y Topics */
.modulo-home-wrapper--grid-3 .modulo-home__card-summary,
.modulo-home-wrapper--grid-3 .modulo-home__summary,
.modulo-home-wrapper--grid-3 .modulo-home__topics,
.modulo-home-wrapper--grid-4 .modulo-home__card-summary,
.modulo-home-wrapper--grid-4 .modulo-home__summary,
.modulo-home-wrapper--grid-4 .modulo-home__topics {
  display: none !important;
}

/* 1 nota destacada categoría/título/resumen: ocultar footer */
.modulo-home-wrapper--1-nota-destacada-categoria-titulo-resumen .modulo-home__card-footer,
.modulo-home-wrapper--_-notas-1destacada-categoria-titulo-resumen .modulo-home__card-footer {
  display: none !important;
}

/* 1 grande + 2/3 pequeñas: ocultar footer, Summary y Topics */
.modulo-home-wrapper--1-grande-2a3-pequenas .modulo-home__card-footer,
.modulo-home-wrapper--1-grande-2a3-pequenas .modulo-home__card-summary,
.modulo-home-wrapper--1-grande-2a3-pequenas .modulo-home__summary,
.modulo-home-wrapper--1-grande-2a3-pequenas .modulo-home__topics,
.modulo-home-wrapper--layout-1-grande-2a3-pequenas .modulo-home__card-footer,
.modulo-home-wrapper--layout-1-grande-2a3-pequenas .modulo-home__card-summary,
.modulo-home-wrapper--layout-1-grande-2a3-pequenas .modulo-home__summary,
.modulo-home-wrapper--layout-1-grande-2a3-pequenas .modulo-home__topics {
  display: none !important;
}

/* 1 grande + 3/6 pequeñas inferiores: ocultar Summary y Topics */
.modulo-home-wrapper--1-grande-3-a-6-pequenas-inferior .modulo-home__card-summary,
.modulo-home-wrapper--1-grande-3-a-6-pequenas-inferior .modulo-home__summary,
.modulo-home-wrapper--1-grande-3-a-6-pequenas-inferior .modulo-home__topics,
.modulo-home-wrapper--_-grande-3-a-6-pequenas-inferior .modulo-home__card-summary,
.modulo-home-wrapper--_-grande-3-a-6-pequenas-inferior .modulo-home__summary,
.modulo-home-wrapper--_-grande-3-a-6-pequenas-inferior .modulo-home__topics {
  display: none !important;
}

/* 1 destacada categoria titulo resumes */
.modulo-home-wrapper--_-notas-1destacada-categoria-titulo-resumen .modulo-home__topics {
  display: none !important;
}
 
/*Ocultar sidebar de paginas especiales*/
.page-node-type-modulo-home .node-sidebar {
  display: none;
}
/*Ocultar sidebar de paginas especiales*/

/* ==========================================================
   BLOCK 8 - CARD TEXTO IZQUIERDA / IMAGEN DERECHA
   FOOTER 100% ABAJO
========================================================== */

.view-display-id-block_8 .seccion-card {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  grid-template-areas:
    "body image"
    "footer footer";

  width: 100%;
  height: 100%;

  overflow: hidden;
}


/* ==========================================================
   TEXTO IZQUIERDA
========================================================== */

.view-display-id-block_8 .seccion-card__body {
  grid-area: body;

  display: flex;
  flex-direction: column;

  min-width: 0;
  width: 100%;

  padding: 10px;
}


/* ==========================================================
   IMAGEN DERECHA
========================================================== */

.view-display-id-block_8 .seccion-card__image {
  grid-area: image;

  display: block;

  width: 100%;
  height: 100%;

  min-width: 0;

  aspect-ratio: auto !important;

  overflow: hidden;
}


.view-display-id-block_8 .seccion-card__image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}


/* ==========================================================
   FOOTER - TODO EL ANCHO
========================================================== */

.view-display-id-block_8 .seccion-card__footer {
  grid-area: footer;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  max-width: none !important;

  box-sizing: border-box;

  padding: 10px 12px;

  border-top: 1px solid #e5e7eb;
}


/* LEER NOTICIA - IZQUIERDA */

.view-display-id-block_8 .seccion-card__read {
  display: inline-flex !important;
  align-items: center;

  gap: 5px;

  flex: 0 0 auto;

  width: auto !important;

  color: #333;

  font-size: 13px;
  font-weight: 600;

  text-decoration: none;

  white-space: nowrap;
}


/* REDES - DERECHA */

.view-display-id-block_8 .seccion-card__share-direct {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;

  gap: 5px;

  margin-left: auto !important;
}


/* ICONOS */

.view-display-id-block_8 .seccion-card__share-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  flex: 0 0 32px;

  border-radius: 50%;

  background: #f3f4f6;

  color: #000;
  font-size: 14px;

  text-decoration: none;
}


/* ==========================================================
   MÓVIL
========================================================== */

@media (max-width: 575.98px) {

  .view-display-id-block_8 .seccion-card {
    grid-template-columns: 1fr;

    grid-template-areas:
      "image"
      "body"
      "footer";
  }

  .view-display-id-block_8 .seccion-card__image {
    aspect-ratio: 16 / 9 !important;
  }

  .view-display-id-block_8 .seccion-card__body {
    padding: 14px;
  }

  .view-display-id-block_8 .seccion-card__footer {
    padding: 10px 12px;
  }

}

.view-display-id-block_8 .seccion-card__title {
  font-size: clamp(1.2rem, 1.05rem + 0.55vw, 1.05rem);
  line-height: 1.05;
}

/* ==========================================================
   BLOCK 8 - CARD TEXTO IZQUIERDA / IMAGEN DERECHA
   FOOTER 100% ABAJO
========================================================== */

/* ==========================================================
   MAS NOTICIAS
   Vista block_6
========================================================== */
/* ==========================================================
   CATEGORÍA TIPO PILL
   El color lo toma de category-*
========================================================== */

.seccion-card__categoria {
  margin-bottom: 0.7rem;
}

.seccion-card__categoria-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  width: fit-content;

  padding: 5px 10px;

  color: var(--pa-color-primary);
  background: color-mix(in srgb, currentColor 10%, transparent);

  border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
  border-radius: 999px;

  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;

  text-decoration: none;
  text-transform: uppercase;
}

.seccion-card__categoria-link:hover {
  color: #fff;
  background: currentColor;
}

.seccion-card__categoria-dot {
  display: inline-block;

  width: 7px;
  height: 7px;

  flex: 0 0 7px;

  background: currentColor;
  border-radius: 50%;
}


/* ==========================================================
   CRÉDITO
========================================================== */

.seccion-card__credit {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 4px;

  margin-top: 0.15rem;
  margin-bottom: 1rem;

  color: #7b8495;

  font-size: 0.8rem;
  line-height: 1.25;
}

.seccion-card__credit-prefix {
  font-weight: 400;
}

.seccion-card__credit-name {
  color: #667085;
  font-weight: 700;
  margin-top: auto;
}


/* ==========================================================
   TÍTULO
========================================================== */

.seccion-card__title {
  margin-bottom: 0.55rem;
}

/* ==========================================================
   MAS NOTICIAS
   Vista block_6
========================================================== */


/* ==========================================================
   Seccion Opinion
   /opinion
========================================================== */
/* ==========================================================
   CARD COLUMNISTAS
========================================================== */
/* ==========================================================
   COLUMNISTAS
========================================================== */

.columnista-card {
  display: block;
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 20px 0;

  border: 0 !important;
  border-bottom: 1px solid #e1e5e9 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
}


/* La última card no necesita línea */

.columnista-card:last-child {
  border-bottom: 0 !important;
}


/* ==========================================================
   FILA
========================================================== */

.columnista-card__row {
  width: 100%;
  min-height: 150px;

  margin: 0 !important;
}


/* ==========================================================
   COLUMNA 1 - FOTO
========================================================== */

.columnista-card__photo-col {
  display: flex;
  align-items: center;
  justify-content: center;
}

.columnista-card__photo {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
}

.columnista-card .author-photo-link {
  display: block;

  width: 120px;
  height: 120px;

  flex: 0 0 120px;
}

.columnista-card .author-photo-link img {
  display: block;

  width: 120px !important;
  height: 120px !important;

  object-fit: cover;

  border: 2px solid #e0e0e0;
  border-radius: 50%;
}


/* ==========================================================
   COLUMNA 2 - CONTENIDO
========================================================== */

.columnista-card__content-col {
  display: flex;
  align-items: center;

  min-width: 0;
}

.columnista-card__body {
  display: flex;
  flex-direction: column;
  justify-content: center;

  width: 100%;
  min-width: 0;

  padding: 5px 20px;
}


/* AUTOR */

.columnista-card__author {
  margin: 0 0 5px;
}

.columnista-card__author-name {
  color: #0074c8;

  font-size: 0.85rem;
  font-weight: 600;

  line-height: 1.2;

  text-decoration: none;
}

.columnista-card__author-name:hover {
  text-decoration: underline;
}


/* ==========================================================
   TÍTULO
========================================================== */

.columnista-card__title-link {
  display: block;

  width: 100%;

  text-decoration: none;
}

.columnista-card__title {
  margin: 0;

  color: #080b17;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.05;
}

.columnista-card__title-link:hover .columnista-card__title {
  color: #0074c8;
}


/* ==========================================================
   LEER OPINIÓN
========================================================== */

.columnista-card__read-wrapper {
  margin-top: 15px;
}

.columnista-card__read {
  display: inline-flex;
  align-items: center;

  gap: 8px;

  color: #0074c8;

  font-size: 0.95rem;
  font-weight: 500;

  text-decoration: none;

  white-space: nowrap;
}

.columnista-card__read i {
  font-size: 0.8rem;
}

.columnista-card__read:hover {
  text-decoration: underline;
}


/* ==========================================================
   COLUMNA 3 - REDES
========================================================== */

.columnista-card__social-col {
  display: flex;
  align-items: center;
  justify-content: center;

  align-self: stretch;
}


/* Contenedor redes */

.columnista-card__share {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 8px;

  width: 100%;

  padding-left: 20px;

  border-left: 1px solid #d9e0e6;
}


/* Iconos */

.columnista-card__share-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;

  flex: 0 0 38px;

  border-radius: 50%;

  background: #f3f4f6;
  color: #080b17;

  font-size: 15px;

  text-decoration: none;

  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

.columnista-card__share-icon:hover {
  background: #e4e7eb;
  color: #0074c8;

  transform: translateY(-1px);
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767.98px) {

  .columnista-card {
    padding: 18px 0;
  }

  .columnista-card__row {
    min-height: 0;
  }


  /* FOTO */

  .columnista-card__photo-col {
    justify-content: flex-start;

    margin-bottom: 12px;
  }

  .columnista-card__photo {
    justify-content: flex-start;
  }

  .columnista-card .author-photo-link {
    width: 90px;
    height: 90px;

    flex-basis: 90px;
  }

  .columnista-card .author-photo-link img {
    width: 90px !important;
    height: 90px !important;
  }


  /* CONTENIDO */

  .columnista-card__body {
    padding: 0;
  }

  .columnista-card__title {
    font-size: 1.4rem;
    line-height: 1.1;
  }


  /* REDES */

  .columnista-card__social-col {
    justify-content: flex-start;

    margin-top: 14px;
  }

  .columnista-card__share {
    justify-content: flex-start;

    width: auto;

    padding-left: 0;

    border-left: 0;
  }

  .columnista-card__share-icon {
    width: 34px;
    height: 34px;

    flex-basis: 34px;

    font-size: 14px;
  }

}
.page-route-view-secciones-page-4 .view-content{
    margin-right: 20px;
}

/* ==========================================================
   Seccion Opinion
   /opinion
========================================================== */


/* ==========================================================
   CARICATURAS - MOBILE
   Fecha + imagen arriba / contenido abajo
========================================================== */

@media (max-width: 767.98px) {

  .caricatura-item {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr);
    grid-template-areas:
      "fecha imagen"
      "contenido contenido";
    column-gap: 12px;
    row-gap: 14px;
    align-items: start;
    width: 100%;
  }

  /* COLUMNA 1: FECHA */
  .caricatura-item__fecha {
    grid-area: fecha;
    width: 58px;
    min-width: 0;
    padding: 0;
  }

  /* COLUMNA 2: IMAGEN */
  .caricatura-item__imagen {
    grid-area: imagen;
    width: 100%;
    min-width: 0;
    padding: 0;
  }

  .caricatura-item__imagen a,
  .caricatura-item__media {
    display: block;
    width: 100%;
  }

  .caricatura-item__media img {
    display: block;
    width: 100%;
    height: auto;
  }

  /* SEGUNDA FILA: CONTENIDO COMPLETO */
  .caricatura-item__contenido {
    grid-area: contenido;
    width: 100%;
    min-width: 0;
    padding: 0;
  }

  .caricatura-item__contenido-inner {
    width: 100%;
    min-width: 0;
  }

}

/* ==========================================================
   CARICATURAS - MOBILE
   Fecha + imagen arriba / contenido abajo
========================================================== */


/* ==========================================================
   AI Sugestions article
========================================================== */
.ai-title-option {
  padding: 8px 10px;
  margin-bottom: 6px;
  border-radius: 6px;
  cursor: pointer;
}

.ai-title-option:hover {
  background: #f0f3f8;
}

.ai-title-option::after {
  content: "  Usar";
  font-size: 12px;
  opacity: .55;
}




@media (max-width: 767.98px) {

  .caricatura-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "imagen"
      "contenido";
    row-gap: 14px;
    column-gap: 0;
    align-items: start;
    width: 100%;
  }

  /* OCULTAR FECHA COMPLETAMENTE */
  .caricatura-item__fecha {
    display: none !important;
  }

  /* IMAGEN */
  .caricatura-item__imagen {
    grid-area: imagen;
    width: 100%;
    min-width: 0;
    padding: 0;
  }

  .caricatura-item__imagen a,
  .caricatura-item__media {
    display: block;
    width: 100%;
  }

  .caricatura-item__media img {
    display: block;
    width: 100%;
    height: auto;
  }

  /* CONTENIDO */
  .caricatura-item__contenido {
    grid-area: contenido;
    width: 100%;
    min-width: 0;
    padding: 0;
  }

  .caricatura-item__contenido-inner {
    width: 100%;
    min-width: 0;
  }
}
/* ==========================================================
   AI Sugestions article
========================================================== */


/* ==========================================================
   Disfruta mejor Panamá América - bloque customizado 
    /politica-de-cookies
    /politica-de-privacidad
    /terminos-y-condiciones
========================================================== */

.beneficios-cuenta {
  position: sticky;
  top: 110px;
  padding: 28px;
  border: 1px solid #dfe5eb;
  border-radius: 12px;
  background: #f7fafd;
}

.beneficios-cuenta__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: #0074c8;
  color: #fff;
  font-size: 22px;
}

.beneficios-cuenta__title {
  margin: 0 0 10px;
  color: #080b17;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1.1;
}

.beneficios-cuenta__intro {
  margin: 0 0 22px;
  color: #545d68;
  font-size: .95rem;
  line-height: 1.5;
}

.beneficios-cuenta__list {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

.beneficios-cuenta__list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #303640;
  font-size: .9rem;
  line-height: 1.4;
}

.beneficios-cuenta__list li > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-top: 2px;
  border-radius: 50%;
  background: #e4f4ea;
  color: #138a46;
  font-size: 12px;
}

.beneficios-cuenta__list strong {
  color: #080b17;
}

.beneficios-cuenta__actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.beneficios-cuenta__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 6px;
  font-size: .95rem;
  font-weight: 600;
  text-decoration: none;
}

.beneficios-cuenta__btn--primary {
  background: #0074c8;
  color: #fff;
}

.beneficios-cuenta__btn--primary:hover {
  background: #005f9f;
  color: #fff;
}

.beneficios-cuenta__btn--secondary {
  border: 1px solid #0074c8;
  background: transparent;
  color: #0074c8;
}

.beneficios-cuenta__btn--secondary:hover {
  background: #eef7fd;
  color: #005f9f;
}

.beneficios-cuenta__note {
  margin: 16px 0 0;
  color: #7a828c;
  font-size: .78rem;
  line-height: 1.4;
}

/* En móvil deja de ser sticky */
@media (max-width: 767.98px) {
  .beneficios-cuenta {
    position: static;
    top: auto;
    margin-top: 24px;
    padding: 22px;
    margin-bottom: 2rem;
  }
}
/* ==========================================================
   Disfruta mejor Panamá América - bloque customizado 
    /politica-de-cookies
    /politica-de-privacidad
    /terminos-y-condiciones
========================================================== */


/* Primer anuncio del sidebar */
#block-b5subtheme-adnodesidebar01 {
  display: block;
  width: 100%;
  min-height: 300px;
  box-sizing: border-box;
}

#block-b5subtheme-adnodesidebar01 .GAM_container {
  width: 100%;
  min-height: 300px;
  box-sizing: border-box;
}


.article-img-wrapper figcaption.text-muted.mt-2 {
    min-height: 50px;
    box-sizing: border-box;
}