:root {
    --contents-compact-width:1000px;

    --customblog-color-bg: #fff;
    --customblog-color-text: #333;
    --customblog-color-corpac: var(--color-corpac-1b);
    --customblog-color-hover: #f0f4ff;
    --customblog-radius-nav: 0.5rem;
    --customblog-radius-item: 0.375rem;
    --customblog-shadow-nav: 0 2px 8px rgba(0,0,0,0.3);

    --icon-video-size:2.5rem;
    --icon-video-color-f:white;
    --icon-video-color-b:rgba(0,0,0,.5);

    --thumb-height:18.75rem;
    --icon-size:3.125rem;
    --item-border:1px solid #f2f5f8;
    --items-cols-2:458px;

    --asideright-padding: 0.625rem;
    --asideright-margin: 0.625rem;
}

.section.section-compact  { max-width:var(--contents-compact-width); margin:0 auto; }

.ListManager .Data td.ColDATE       { white-space:nowrap; }
.ListManager .Data td.ColCENTERED   { text-align:center; }
.ListManager .ColumnCommands        { display:none!important; }

/* Notas de Prensa */
.ListManager.tbl_1015                                   { width:100%; background-color:#fff; border-radius:5px; }
.ListManager.tbl_1015 .Main table.Main                  { width:100%; border-collapse:collapse; }

/* Header row styling */
.ListManager.tbl_1015 .Headers                          { background-color:#e3f2fd; color:#26398c; font-weight:bold; font-size:16px; }
.ListManager.tbl_1015 .Headers th                       { padding:12px; text-align:left; }
.ListManager.tbl_1015 tr > :first-child                 { border-radius:1em 0 0 1em; }
.ListManager.tbl_1015 tr > .fld_1069                    { border-radius:0 1em 1em 0; }

/* Data rows styling */
.ListManager.tbl_1015 .Data                             { background-color:#fff; font-size:15px; padding:10px 0; }
.ListManager.tbl_1015 .Data:nth-child(even)             { border-left:none; border-right:none; margin:5px 0; }
.ListManager.tbl_1015 tr.Data > td.fld_1069 > a > img   { display:none; }
.ListManager.tbl_1015 tr.Data > td.fld_1069 > a::before { content:"\f15c"; font-family:FontAwesome; color:#555; font-size:1.5em; }
.ListManager.tbl_1015 tr.Data:nth-child(even) > td      { background-color:#eff0f0; }
.ListManager.tbl_1015 .Data td                          { padding:12px; }

/* Document link styling */
.ListManager.tbl_1015 .fld_1069 a                       { display:inline-flex; align-items:center; background-color:#e9ecef; color:#007bff; padding:6px 12px; text-decoration:none; border:1px solid #ced4da; border-radius:5px; font-size:14px; }
.ListManager.tbl_1015 .fld_1069 a img                   { margin-right:5px; }
.ListManager.tbl_1015 .fld_1069 a:hover                 { background-color:#dee2e6; }

/* Breadcrumb and title styling */
body.modm1015 h1.breadcrumb                             { display:none; }

/* ----------------------------------------------------------------------------- */

/* 🎯 Principal */
.ListManager.tbl_videos > ul                                  { display:flex; flex-wrap:wrap; gap:var(--spacing-2x); list-style:none; padding:0; margin:0; justify-content:center; }
.ListManager.tbl_videos > ul > li                             { flex:0 1 calc(50% - (var(--spacing-2x)/2)); /*width:var(--items-cols-2);*/ }
.ListManager.tbl_videos > ul > li > a                         { display:flex; flex-direction:column; border:var(--item-border); border-radius:var(--radius-1); width:100%; height:100%; overflow:hidden; box-shadow:var(--shadow-xl); position:relative; }
.ListManager.tbl_videos > ul > li > a > figure                { width:100%; padding-top:calc(100%*9/16); background-size:cover; background-position:center; background-repeat:no-repeat; margin:0; position:relative; overflow:hidden; }
.ListManager.tbl_videos > ul > li > a > figure::before        { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:inherit; filter:blur(0px); transition:filter 0.3s ease-in-out; z-index:1; }
.ListManager.tbl_videos > ul > li > a:hover > figure::before  { filter:blur(2px); }
.ListManager.tbl_videos > ul > li > a > figure::after         { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); transition:background 0.3s ease-in-out; z-index:2; }
.ListManager.tbl_videos > ul > li > a:hover > figure::after   { background:rgba(0,0,0,0.4); }
.ListManager.tbl_videos > ul > li > a > figure > div          { display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:3; }
.ListManager.tbl_videos > ul > li > a > figure > div > i      { font-size:var(--icon-video-size); color:var(--icon-video-color-f); background:var(--icon-video-color-b); border-radius:50%; display:block; padding:calc(var(--icon-video-size) / 2); width:calc(var(--icon-video-size) * 2); height:calc(var(--icon-video-size) * 2); text-align:center; transition:all 0.3s ease-in-out; transform:scale(1); position:relative; z-index:4; overflow:visible; }
.section.techwix-choose-us-section.servicios a                { cursor: default; }

/* 🔍 Zoom del botón en hover */
.ListManager.tbl_videos > ul > li > a:hover figure > div > i { transform:scale(1.1); }

/* 🌊 Onda exterior al botón (sin animación por defecto) */

.ListManager.tbl_videos > ul > li > a > figure > div > i::after { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1); width:200%; height:200%; border-radius:50%; background:var(--icon-video-color-f); opacity:0; z-index:1; }


/* 🟢 Activa la onda solo en hover */
.ListManager.tbl_videos > ul > li > a:hover figure > div > i::after { animation: ripple 1.5s ease-out infinite; }

/* 🌀 Animación de onda exterior */
@keyframes ripple {
    0%   { transform: translate(-50%, -50%) scale(0.6); opacity: 0.25; }
    50%  { transform: translate(-50%, -50%) scale(1.4); opacity: 0.15; }
    100% { transform: translate(-50%, -50%) scale(2.0); opacity: 0;    }
}

.ListManager.tbl_videos > ul > li > a > .info         { display:flex; flex-direction:column; padding:var(--spacing-1x); }
.ListManager.tbl_videos > ul > li > a > .info > .date { font-size:var(--font-size-small); color:var(--color-corpac-2g); }
.ListManager.tbl_videos > ul > li > a > .info > h1    { font-size:var(--font-size-base); color:var(--color-corpac-2f); font-weight:bold; margin:var(--spacing-half) 0 0 0; }

/* ----------------------------------------------------------------------------- */

.funcionarios h3 > span                         { color:var(--color-corpac-2b); }
.funcionarios .single-team .team-img a::before  { background: linear-gradient(180deg, rgba(249, 80, 0, 0) 60%, rgba(14, 14, 14, 0.89) 90%); }

/* ----------------------------------------------------------------------------- */

/* 🎨 Estilo menú lateral */

body.web .columns > .column.nav                   { flex:0 0 auto; width:max-content; margin:0; padding:20px;}
.column.nav                                       { background:var(--customblog-color-bg); border-radius:var(--customblog-radius-nav); box-shadow:var(--customblog-shadow-nav); padding:1rem; }
.column.nav ul.menu-type-MT                       { list-style:none; margin:0; padding:0; }
.column.nav ul.menu-type-MT li.item               { margin-bottom:0.5rem; border-radius:var(--customblog-radius-item); transition:background 0.2s; }
.column.nav ul.menu-type-MT li.item:last-child    { margin-bottom:0; }
.column.nav ul.menu-type-MT li.item a             { display:block; padding:0.625rem 1rem; text-decoration:none; color:var(--customblog-color-text); font-weight:500; border-radius:var(--customblog-radius-item); transition:background 0.2s, color 0.2s; }
.column.nav ul.menu-type-MT li.item:hover a       { background:var(--customblog-color-hover); color:var(--customblog-color-corpac); }
.column.nav ul.menu-type-MT li.current-branch a,
.column.nav ul.menu-type-MT li.current a          { background:var(--customblog-color-corpac); color:#fff; }

/*---------------------------------------------------------PROVISIONAL----------------------------------------------------------*/

.techwix-service-section-03 .row > div > div  { min-height:425px; }
.single-blog-post.single-blog                 { margin-top:0 !important; }

/* ----------------------------------------------------------------------------- */

.sidebar-widget .recent-posts ul li                              { margin-top:var(--asideright-margin); }
.sidebar-widget .recent-posts ul li .post-link                   { flex-direction:column; }
.sidebar-widget .recent-posts ul li .post-link .post-thumb       { margin-right:0; }
.sidebar-widget .recent-posts ul li .post-link .post-thumb img   { border-radius:0; }
.sidebar-widget .recent-posts ul li .post-link .post-text .title { padding-top:var(--asideright-padding); }

/* ------------------------Contácto--------------------------------- */

.contact-info-section .contact-info-wrap .single-contact-info { height:100%; }

/* ------------------------misión - valores - visión ---------------------------------- */

.section.vmv-section .container                       { display: grid; gap: 2rem; }

@media (min-width: 992px) {
    .section.vmv-section .container                   { grid-template-columns: repeat(3, 1fr); }
}

.section.vmv-section .vmv-box                         { border-radius: 1rem; padding: 2rem; box-shadow: 0 4px 24px rgba(0,0,0,0.06); position: relative; border-top: 6px solid #26398c; transition: transform 0.2s ease; }
.section.vmv-section .vmv-box:hover                   { transform: translateY(-5px); }
.section.vmv-section .vmv-title                       { font-size: 1.6rem; color: #26398c; margin-bottom: 1rem; font-weight: 700; }
.section.vmv-section .vmv-text                        { font-size: 1rem; color: #333; line-height: 1.8; margin: 0; }
.section.vmv-section .vmv-list                        { list-style: none; padding: 0; margin: 0; }
.section.vmv-section .vmv-list li                     { padding-left: 1.2rem; position: relative; margin-bottom: 0.75rem; color: #444; }
.section.vmv-section .vmv-list li::before             { content: "•"; position: absolute; left: 0; color: #26398c; font-size: 1.2rem; top: 0; line-height: 1; }

/* ------------------------Objetivos estratégicos--------------------------------- */

.section.objetivos-section .objetivos-title           { font-size: 2rem; font-weight: 700; color: #26398c; text-align: center; margin-bottom: 2.5rem; }
.section.objetivos-section .objetivos-list            { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1.25rem; }
.section.objetivos-section .objetivos-list li         { position: relative; padding-left: 1.5rem; font-size: 1rem; line-height: 1.6; color: #333; }
.section.objetivos-section .objetivos-list li::before { content: "▪"; position: absolute; left: 0; top: 0.1rem; color: #26398c; font-size: 1rem; }

/* ------------------------Planes y políticas--------------------------------- */  

.section.vis-links-section .vis-title                 { font-size: 2rem; font-weight: 700; color: var(--color-corpac-1b); text-align: center; margin-bottom: 2.5rem; }
.section.vis-links-section .vis-list                  { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1rem; }
.section.vis-links-section .vis-list li               { background: #f4f7fc; border: 1px solid #e0e6f0; border-radius: 0.5rem; transition: background 0.3s ease; }
.section.vis-links-section .vis-list li:hover         { background: #eaf0fb; }
.section.vis-links-section .vis-list li a             { color: #26398c; text-decoration: none; font-size: 1rem; display: block; line-height: 1.5; padding:var(--spacing-1x) }
.section.vis-links-section .vis-list li a:hover       { text-decoration: underline; }


/* Navegación Aérea – Espaciado */
.formato-normal     { line-height:1.75; }
.formato-normal p   { margin-bottom:1.25rem; }
.formato-normal h3  { margin-top:2rem; margin-bottom:1rem; }
.formato-normal h2  { margin-bottom:2rem; }
.formato-normal img { margin-top:2rem; max-width:100%; height:auto; display:block; }
.formato-normal ul  { list-style:disc;}


/* 👤 Info de la Presidenta alineado a la derecha */
.about-author-info-wrap                                     {flex-direction: row-reverse; border-top: 0; margin-top: 0;}
.techwix-about-section-04 .about-img-wrap .about-img-sm     {left:-85px; bottom:-6px;}
.techwix-about-section-04 .about-img-wrap .about-img img    {border-radius:0;}

/* CTA */
/* 🎯 Layout y caja */
.home .cta-doble                                              { margin:2rem 0; }
.home .cta-doble .cta-doble-wrap                              { display:flex; gap:1.25rem; align-items:stretch; }
.home .cta-doble .cta-col                                     { flex:1 1 0; }

/* 🧱 Tarjeta CTA */
.home .cta-doble .cta-wrap                                    { position:relative; height:100%; min-height:200px; display:flex; align-items:center; border-radius:0.875rem; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,0.18); transition:transform .18s ease, box-shadow .18s ease; }
.home .cta-doble .cta-wrap:hover                              { transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,0.22); }

/* 🌫️ Overlay para legibilidad del texto sobre el fondo */
.home .cta-doble .cta-wrap::before                            { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,24,92,0.72) 0%, rgba(0,24,92,0.50) 55%, rgba(0,24,92,0.35) 100%); z-index:0; }

/* 🎛️ Estructura interna */
.home .cta-doble .cta-wrap .row                               { position:relative; z-index:1; width:100%; margin:0; padding:1.25rem 1.5rem; }
.home .cta-doble .cta-content                                 { display:flex; align-items:center; gap:0.875rem; }
.home .cta-doble .cta-btn                                     { display:flex; justify-content:flex-end; align-items:center; }

/* 🖼️ Ícono */
.home .cta-doble .cta-icon                                    { display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; background:rgba(255,255,255,0.12); outline:2px solid rgba(255,255,255,0.22); outline-offset:2px; }
.home .cta-doble .cta-icon img                                { width:30px; height:30px; object-fit:contain; filter:brightness(9); }

/* ✍️ Tipografía y colores */
.home .cta-doble .cta-content p                               { margin:0; color:#fff; font-size:1.25rem; line-height:1.25; font-weight:700; letter-spacing:.2px; text-shadow:0 1px 2px rgba(0,0,0,0.35); }

/* 🔘 Botón */
.home .cta-doble .btn.btn-white                               { white-space:nowrap; padding:.9rem 1.25rem; border-radius:.65rem; font-weight:800; font-size:1rem; line-height:1; box-shadow:0 4px 10px rgba(0,0,0,0.2); border:0; align-content: center;}
.home .cta-doble .btn.btn-white:hover                         { transform:translateY(-1px); box-shadow:0 6px 14px rgba(0,0,0,0.28); }

/* 📏 Ajustes finos en columnas internas del grid del theme */
.home .cta-doble .col-xl-9, 
.home .cta-doble .col-lg-8                                    { display:flex; align-items:center; }
.home .cta-doble .col-xl-3, 
.home .cta-doble .col-lg-4                                    { display:flex; align-items:center; justify-content:flex-end; }

/* 📱 Responsive */
@media (max-width:1199.98px){
.home .cta-doble .cta-content p                               { font-size:1.125rem; }
.home .cta-doble .cta-icon                                    { width:52px; height:52px; }
}
@media (max-width:991.98px){
.home .cta-doble .cta-doble-wrap                              { flex-direction:column; }
.home .cta-doble .cta-wrap                                    { min-height:180px; }
.home .cta-doble .cta-btn                                     { justify-content:flex-start; margin-top:.5rem; }
}
@media (max-width:575.98px){
.home .cta-doble .cta-content p                               { font-size:1rem; }
.home .cta-doble .btn.btn-white                               { padding:.8rem 1.1rem; font-size:.95rem; }
}
