.elementor-6363 .elementor-element.elementor-element-36587a0{--display:flex;}.elementor-6363 .elementor-element.elementor-element-bfa87e6{--display:flex;}.elementor-6363 .elementor-element.elementor-element-94e5a94{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6363 .elementor-element.elementor-element-6c32880 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-13a9938 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-d69da70 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-76feadb{--display:flex;}.elementor-6363 .elementor-element.elementor-element-944d225 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-bbc1ee3{--display:flex;}.elementor-6363 .elementor-element.elementor-element-ff91cb7 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-9ba4d86 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-16ac31a .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-a77bf9f .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-1760eff .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-174f42c .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-1188f14 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-9907981 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-69465e2 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-5e8c069 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-112b5bb .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-31655d6 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-09bc0cf .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-986b4d5 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-b3727d0 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-f3db11a .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-a9de5f5 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-f8eee6d .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-1b0179a .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-72bfd76 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-33e6a00 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-7ca98df .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-11ee69f .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-54f2c1d .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-3b5cc0e .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-d035daf .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-303b636 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-c12734c .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-ade451a .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-66ccf00 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-29867fb .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-732d6af .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-a7b3075 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-00261d5 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-3a01977 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-7fdedd4 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-ea132e7 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-b38eb0e{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-6363 .elementor-element.elementor-element-139a9e0 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-6044565{--display:flex;}.elementor-6363 .elementor-element.elementor-element-5046f3f .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-fa40f77 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-22f347d .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-be13e7f .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-d5d3ce0 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6363 .elementor-element.elementor-element-fed0487{--display:flex;}.elementor-6363 .elementor-element.elementor-element-ff7de3b{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:-1;--n-accordion-item-title-space-between:25px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-title-hover-color:var( --e-global-color-primary );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:15px;--n-accordion-icon-gap:0px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-6363 .elementor-element.elementor-element-ff7de3b > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-secondary );}.elementor-6363 .elementor-element.elementor-element-81c4bc6{--display:flex;}.elementor-6363 .elementor-element.elementor-element-9c7d363{--display:flex;}.elementor-widget-call-to-action .elementor-cta__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-call-to-action .elementor-ribbon-inner{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6363 .elementor-element.elementor-element-9c44f03 .elementor-cta .elementor-cta__bg, .elementor-6363 .elementor-element.elementor-element-9c44f03 .elementor-cta .elementor-cta__bg-overlay{transition-duration:0ms;}.elementor-6363 .elementor-element.elementor-element-9c44f03{width:var( --container-widget-width, 47.058% );max-width:47.058%;--container-widget-width:47.058%;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010152;border-radius:15px 15px 15px 15px;}.elementor-6363 .elementor-element.elementor-element-9c44f03.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-6363 .elementor-element.elementor-element-9c44f03 .elementor-cta__content{min-height:189px;text-align:center;}.elementor-6363 .elementor-element.elementor-element-9c44f03 .elementor-cta__bg-wrapper{min-width:256px;min-height:247px;}.elementor-6363 .elementor-element.elementor-element-9c44f03 .elementor-cta__title:not(:last-child){margin-bottom:21px;}.elementor-6363 .elementor-element.elementor-element-9c44f03 .elementor-cta__description:not(:last-child){margin-bottom:2px;}.elementor-6363 .elementor-element.elementor-element-9c44f03 .elementor-cta__bg{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6363 .elementor-element.elementor-element-9c44f03 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:#FFFFFF00;}.elementor-6363 .elementor-element.elementor-element-8a3714b{--display:flex;}.elementor-6363 .elementor-element.elementor-element-971d594{--spacer-size:50px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6363 .elementor-element.elementor-element-a52b6d9{font-family:"Montserrat", Sans-serif;font-size:26px;font-weight:400;color:#4D4D4D;}.elementor-6363 .elementor-element.elementor-element-c88f629{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(8, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-6363 .elementor-element.elementor-element-c88f629.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6363 .elementor-element.elementor-element-af19a12 img{max-width:71%;}.elementor-6363 .elementor-element.elementor-element-f386ca2{text-align:center;}.elementor-6363 .elementor-element.elementor-element-f386ca2 img{width:100%;max-width:100%;height:51px;}@media(max-width:1024px){.elementor-6363 .elementor-element.elementor-element-c88f629{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-6363 .elementor-element.elementor-element-c88f629{--content-width:1036px;}}@media(max-width:767px){.elementor-6363 .elementor-element.elementor-element-c88f629{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-c071d88 *//* Link 2025 */
a[href="#modal2025"]{
    color:#39b54a;
    text-decoration:none;
}

/* Fondo más oscuro/borroso como en imagen 2 */
.modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.65); /* ← antes era .55 */
    display: none;
    z-index: 9999;
    backdrop-filter: blur(2px);   /* ← agregar esta línea */
}

/* Cuando hacen click en 2025 */
.modal:target{
    display: block;
}

/* Caja del popup → quitar overflow aquí */
.modal-content {
    width: 70%;
    max-width: 850px;
    background: #fff;
    margin: 5% auto;
    padding: 0;              /* ← quitar padding general */
    border-radius: 16px;
    position: relative;
    max-height: 85vh;
    overflow: hidden;        /* ← cambiar de auto a hidden */
    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    display: flex;           /* ← agregar */
    flex-direction: column;  /* ← agregar */
}

/* X cerrar → cambiar color a verde */
.close {
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 20px;
    text-decoration: none;
    color: #2e7d32; /* ← antes era #333 */
}

/* Links de carpetas */
.folder-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
    font-size: 16px;
    border-bottom: 1px solid #eee;
}

/* Hover sin animación */
.folder-list a:hover {
    color: #2e8b57;
    padding-left: 0;
}

/* Icono carpeta */
.folder-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* Item carpeta */
.folder-item {
    border-bottom: 1px solid #eee;
    padding: 6px 0;
}

.folder-item summary {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 0;
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
}

.folder-item summary::-webkit-details-marker {
    display: none;
}

/* Flecha */
.arrow {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    position: relative;
}

.arrow::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #21a453;

    /* ÚNICA animación que queda */
    transition: transform .2s ease;
}

/* Flecha abajo cuando abre */
.folder-item[open] .arrow::before {
    transform: rotate(90deg);
    transform-origin: 40% 50%;
}

.folder-name {
    font-weight: 700;
}

/* PDFs */
.pdf-list {
    margin-left: 22px;
    padding-left: 18px;
    border-left: 2px dotted #cfcfcf;
    margin-top: 6px;
    margin-bottom: 8px;
}

.pdf-list a {
    display: block;
    color: #467d3b;
    text-decoration: underline;
    font-size: 16px;
    padding: 8px 0;
    line-height: 1.4;
}

/* Hover PDF sin efecto */
.pdf-list a:hover {
    opacity: 1;
}

/* Header fijo → borde de lado a lado */
.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    flex-shrink: 0;          /* ← que no se encoja */
    width: 100%;             /* ← lado a lado */
    box-sizing: border-box;
}

/* Título */
.modal-title{
    margin: 0;
    font-size: 20px;   /* no tan grande */
    font-weight: 700;
    color: #1f2937;
}

/* Nueva clase para el área scrolleable */
.modal-body {
    overflow-y: auto;        /* ← el scroll va aquí */
    padding: 25px;           /* ← el padding que tenías en modal-content */
    flex: 1;                 /* ← ocupa el espacio restante */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c071d88 *//* Link 2025 */
a[href="#modal2025"]{
    color:#39b54a;
    text-decoration:none;
}

/* Fondo más oscuro/borroso como en imagen 2 */
.modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.65); /* ← antes era .55 */
    display: none;
    z-index: 9999;
    backdrop-filter: blur(2px);   /* ← agregar esta línea */
}

/* Cuando hacen click en 2025 */
.modal:target{
    display: block;
}

/* Caja del popup → quitar overflow aquí */
.modal-content {
    width: 70%;
    max-width: 850px;
    background: #fff;
    margin: 5% auto;
    padding: 0;              /* ← quitar padding general */
    border-radius: 16px;
    position: relative;
    max-height: 85vh;
    overflow: hidden;        /* ← cambiar de auto a hidden */
    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    display: flex;           /* ← agregar */
    flex-direction: column;  /* ← agregar */
}

/* X cerrar → cambiar color a verde */
.close {
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 20px;
    text-decoration: none;
    color: #2e7d32; /* ← antes era #333 */
}

/* Links de carpetas */
.folder-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
    font-size: 16px;
    border-bottom: 1px solid #eee;
}

/* Hover sin animación */
.folder-list a:hover {
    color: #2e8b57;
    padding-left: 0;
}

/* Icono carpeta */
.folder-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* Item carpeta */
.folder-item {
    border-bottom: 1px solid #eee;
    padding: 6px 0;
}

.folder-item summary {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 0;
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
}

.folder-item summary::-webkit-details-marker {
    display: none;
}

/* Flecha */
.arrow {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    position: relative;
}

.arrow::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #21a453;

    /* ÚNICA animación que queda */
    transition: transform .2s ease;
}

/* Flecha abajo cuando abre */
.folder-item[open] .arrow::before {
    transform: rotate(90deg);
    transform-origin: 40% 50%;
}

.folder-name {
    font-weight: 700;
}

/* PDFs */
.pdf-list {
    margin-left: 22px;
    padding-left: 18px;
    border-left: 2px dotted #cfcfcf;
    margin-top: 6px;
    margin-bottom: 8px;
}

.pdf-list a {
    display: block;
    color: #467d3b;
    text-decoration: underline;
    font-size: 16px;
    padding: 8px 0;
    line-height: 1.4;
}

/* Hover PDF sin efecto */
.pdf-list a:hover {
    opacity: 1;
}

/* Header fijo → borde de lado a lado */
.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    flex-shrink: 0;          /* ← que no se encoja */
    width: 100%;             /* ← lado a lado */
    box-sizing: border-box;
}

/* Título */
.modal-title{
    margin: 0;
    font-size: 20px;   /* no tan grande */
    font-weight: 700;
    color: #1f2937;
}

/* Nueva clase para el área scrolleable */
.modal-body {
    overflow-y: auto;        /* ← el scroll va aquí */
    padding: 25px;           /* ← el padding que tenías en modal-content */
    flex: 1;                 /* ← ocupa el espacio restante */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c071d88 *//* Link 2025 */
a[href="#modal2025"]{
    color:#39b54a;
    text-decoration:none;
}

/* Fondo más oscuro/borroso como en imagen 2 */
.modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.65); /* ← antes era .55 */
    display: none;
    z-index: 9999;
    backdrop-filter: blur(2px);   /* ← agregar esta línea */
}

/* Cuando hacen click en 2025 */
.modal:target{
    display: block;
}

/* Caja del popup → quitar overflow aquí */
.modal-content {
    width: 70%;
    max-width: 850px;
    background: #fff;
    margin: 5% auto;
    padding: 0;              /* ← quitar padding general */
    border-radius: 16px;
    position: relative;
    max-height: 85vh;
    overflow: hidden;        /* ← cambiar de auto a hidden */
    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    display: flex;           /* ← agregar */
    flex-direction: column;  /* ← agregar */
}

/* X cerrar → cambiar color a verde */
.close {
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 20px;
    text-decoration: none;
    color: #2e7d32; /* ← antes era #333 */
}

/* Links de carpetas */
.folder-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
    font-size: 16px;
    border-bottom: 1px solid #eee;
}

/* Hover sin animación */
.folder-list a:hover {
    color: #2e8b57;
    padding-left: 0;
}

/* Icono carpeta */
.folder-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* Item carpeta */
.folder-item {
    border-bottom: 1px solid #eee;
    padding: 6px 0;
}

.folder-item summary {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 0;
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
}

.folder-item summary::-webkit-details-marker {
    display: none;
}

/* Flecha */
.arrow {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    position: relative;
}

.arrow::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #21a453;

    /* ÚNICA animación que queda */
    transition: transform .2s ease;
}

/* Flecha abajo cuando abre */
.folder-item[open] .arrow::before {
    transform: rotate(90deg);
    transform-origin: 40% 50%;
}

.folder-name {
    font-weight: 700;
}

/* PDFs */
.pdf-list {
    margin-left: 22px;
    padding-left: 18px;
    border-left: 2px dotted #cfcfcf;
    margin-top: 6px;
    margin-bottom: 8px;
}

.pdf-list a {
    display: block;
    color: #467d3b;
    text-decoration: underline;
    font-size: 16px;
    padding: 8px 0;
    line-height: 1.4;
}

/* Hover PDF sin efecto */
.pdf-list a:hover {
    opacity: 1;
}

/* Header fijo → borde de lado a lado */
.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    flex-shrink: 0;          /* ← que no se encoja */
    width: 100%;             /* ← lado a lado */
    box-sizing: border-box;
}

/* Título */
.modal-title{
    margin: 0;
    font-size: 20px;   /* no tan grande */
    font-weight: 700;
    color: #1f2937;
}

/* Nueva clase para el área scrolleable */
.modal-body {
    overflow-y: auto;        /* ← el scroll va aquí */
    padding: 25px;           /* ← el padding que tenías en modal-content */
    flex: 1;                 /* ← ocupa el espacio restante */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c071d88 *//* Link 2025 */
a[href="#modal2025"]{
    color:#39b54a;
    text-decoration:none;
}

/* Fondo más oscuro/borroso como en imagen 2 */
.modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.65); /* ← antes era .55 */
    display: none;
    z-index: 9999;
    backdrop-filter: blur(2px);   /* ← agregar esta línea */
}

/* Cuando hacen click en 2025 */
.modal:target{
    display: block;
}

/* Caja del popup → quitar overflow aquí */
.modal-content {
    width: 70%;
    max-width: 850px;
    background: #fff;
    margin: 5% auto;
    padding: 0;              /* ← quitar padding general */
    border-radius: 16px;
    position: relative;
    max-height: 85vh;
    overflow: hidden;        /* ← cambiar de auto a hidden */
    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    display: flex;           /* ← agregar */
    flex-direction: column;  /* ← agregar */
}

/* X cerrar → cambiar color a verde */
.close {
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 20px;
    text-decoration: none;
    color: #2e7d32; /* ← antes era #333 */
}

/* Links de carpetas */
.folder-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
    font-size: 16px;
    border-bottom: 1px solid #eee;
}

/* Hover sin animación */
.folder-list a:hover {
    color: #2e8b57;
    padding-left: 0;
}

/* Icono carpeta */
.folder-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* Item carpeta */
.folder-item {
    border-bottom: 1px solid #eee;
    padding: 6px 0;
}

.folder-item summary {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 0;
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
}

.folder-item summary::-webkit-details-marker {
    display: none;
}

/* Flecha */
.arrow {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    position: relative;
}

.arrow::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #21a453;

    /* ÚNICA animación que queda */
    transition: transform .2s ease;
}

/* Flecha abajo cuando abre */
.folder-item[open] .arrow::before {
    transform: rotate(90deg);
    transform-origin: 40% 50%;
}

.folder-name {
    font-weight: 700;
}

/* PDFs */
.pdf-list {
    margin-left: 22px;
    padding-left: 18px;
    border-left: 2px dotted #cfcfcf;
    margin-top: 6px;
    margin-bottom: 8px;
}

.pdf-list a {
    display: block;
    color: #467d3b;
    text-decoration: underline;
    font-size: 16px;
    padding: 8px 0;
    line-height: 1.4;
}

/* Hover PDF sin efecto */
.pdf-list a:hover {
    opacity: 1;
}

/* Header fijo → borde de lado a lado */
.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    flex-shrink: 0;          /* ← que no se encoja */
    width: 100%;             /* ← lado a lado */
    box-sizing: border-box;
}

/* Título */
.modal-title{
    margin: 0;
    font-size: 20px;   /* no tan grande */
    font-weight: 700;
    color: #1f2937;
}

/* Nueva clase para el área scrolleable */
.modal-body {
    overflow-y: auto;        /* ← el scroll va aquí */
    padding: 25px;           /* ← el padding que tenías en modal-content */
    flex: 1;                 /* ← ocupa el espacio restante */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c071d88 *//* Link 2025 */
a[href="#modal2025"]{
    color:#39b54a;
    text-decoration:none;
}

/* Fondo más oscuro/borroso como en imagen 2 */
.modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.65); /* ← antes era .55 */
    display: none;
    z-index: 9999;
    backdrop-filter: blur(2px);   /* ← agregar esta línea */
}

/* Cuando hacen click en 2025 */
.modal:target{
    display: block;
}

/* Caja del popup → quitar overflow aquí */
.modal-content {
    width: 70%;
    max-width: 850px;
    background: #fff;
    margin: 5% auto;
    padding: 0;              /* ← quitar padding general */
    border-radius: 16px;
    position: relative;
    max-height: 85vh;
    overflow: hidden;        /* ← cambiar de auto a hidden */
    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    display: flex;           /* ← agregar */
    flex-direction: column;  /* ← agregar */
}

/* X cerrar → cambiar color a verde */
.close {
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 20px;
    text-decoration: none;
    color: #2e7d32; /* ← antes era #333 */
}

/* Links de carpetas */
.folder-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
    font-size: 16px;
    border-bottom: 1px solid #eee;
}

/* Hover sin animación */
.folder-list a:hover {
    color: #2e8b57;
    padding-left: 0;
}

/* Icono carpeta */
.folder-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* Item carpeta */
.folder-item {
    border-bottom: 1px solid #eee;
    padding: 6px 0;
}

.folder-item summary {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 0;
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
}

.folder-item summary::-webkit-details-marker {
    display: none;
}

/* Flecha */
.arrow {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    position: relative;
}

.arrow::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #21a453;

    /* ÚNICA animación que queda */
    transition: transform .2s ease;
}

/* Flecha abajo cuando abre */
.folder-item[open] .arrow::before {
    transform: rotate(90deg);
    transform-origin: 40% 50%;
}

.folder-name {
    font-weight: 700;
}

/* PDFs */
.pdf-list {
    margin-left: 22px;
    padding-left: 18px;
    border-left: 2px dotted #cfcfcf;
    margin-top: 6px;
    margin-bottom: 8px;
}

.pdf-list a {
    display: block;
    color: #467d3b;
    text-decoration: underline;
    font-size: 16px;
    padding: 8px 0;
    line-height: 1.4;
}

/* Hover PDF sin efecto */
.pdf-list a:hover {
    opacity: 1;
}

/* Header fijo → borde de lado a lado */
.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    flex-shrink: 0;          /* ← que no se encoja */
    width: 100%;             /* ← lado a lado */
    box-sizing: border-box;
}

/* Título */
.modal-title{
    margin: 0;
    font-size: 20px;   /* no tan grande */
    font-weight: 700;
    color: #1f2937;
}

/* Nueva clase para el área scrolleable */
.modal-body {
    overflow-y: auto;        /* ← el scroll va aquí */
    padding: 25px;           /* ← el padding que tenías en modal-content */
    flex: 1;                 /* ← ocupa el espacio restante */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c071d88 *//* Link 2025 */
a[href="#modal2025"]{
    color:#39b54a;
    text-decoration:none;
}

/* Fondo más oscuro/borroso como en imagen 2 */
.modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.65); /* ← antes era .55 */
    display: none;
    z-index: 9999;
    backdrop-filter: blur(2px);   /* ← agregar esta línea */
}

/* Cuando hacen click en 2025 */
.modal:target{
    display: block;
}

/* Caja del popup → quitar overflow aquí */
.modal-content {
    width: 70%;
    max-width: 850px;
    background: #fff;
    margin: 5% auto;
    padding: 0;              /* ← quitar padding general */
    border-radius: 16px;
    position: relative;
    max-height: 85vh;
    overflow: hidden;        /* ← cambiar de auto a hidden */
    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    display: flex;           /* ← agregar */
    flex-direction: column;  /* ← agregar */
}

/* X cerrar → cambiar color a verde */
.close {
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 20px;
    text-decoration: none;
    color: #2e7d32; /* ← antes era #333 */
}

/* Links de carpetas */
.folder-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
    font-size: 16px;
    border-bottom: 1px solid #eee;
}

/* Hover sin animación */
.folder-list a:hover {
    color: #2e8b57;
    padding-left: 0;
}

/* Icono carpeta */
.folder-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* Item carpeta */
.folder-item {
    border-bottom: 1px solid #eee;
    padding: 6px 0;
}

.folder-item summary {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 0;
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
}

.folder-item summary::-webkit-details-marker {
    display: none;
}

/* Flecha */
.arrow {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    position: relative;
}

.arrow::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #21a453;

    /* ÚNICA animación que queda */
    transition: transform .2s ease;
}

/* Flecha abajo cuando abre */
.folder-item[open] .arrow::before {
    transform: rotate(90deg);
    transform-origin: 40% 50%;
}

.folder-name {
    font-weight: 700;
}

/* PDFs */
.pdf-list {
    margin-left: 22px;
    padding-left: 18px;
    border-left: 2px dotted #cfcfcf;
    margin-top: 6px;
    margin-bottom: 8px;
}

.pdf-list a {
    display: block;
    color: #467d3b;
    text-decoration: underline;
    font-size: 16px;
    padding: 8px 0;
    line-height: 1.4;
}

/* Hover PDF sin efecto */
.pdf-list a:hover {
    opacity: 1;
}

/* Header fijo → borde de lado a lado */
.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    flex-shrink: 0;          /* ← que no se encoja */
    width: 100%;             /* ← lado a lado */
    box-sizing: border-box;
}

/* Título */
.modal-title{
    margin: 0;
    font-size: 20px;   /* no tan grande */
    font-weight: 700;
    color: #1f2937;
}

/* Nueva clase para el área scrolleable */
.modal-body {
    overflow-y: auto;        /* ← el scroll va aquí */
    padding: 25px;           /* ← el padding que tenías en modal-content */
    flex: 1;                 /* ← ocupa el espacio restante */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c071d88 *//* Link 2025 */
a[href="#modal2025"]{
    color:#39b54a;
    text-decoration:none;
}

/* Fondo más oscuro/borroso como en imagen 2 */
.modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.65); /* ← antes era .55 */
    display: none;
    z-index: 9999;
    backdrop-filter: blur(2px);   /* ← agregar esta línea */
}

/* Cuando hacen click en 2025 */
.modal:target{
    display: block;
}

/* Caja del popup → quitar overflow aquí */
.modal-content {
    width: 70%;
    max-width: 850px;
    background: #fff;
    margin: 5% auto;
    padding: 0;              /* ← quitar padding general */
    border-radius: 16px;
    position: relative;
    max-height: 85vh;
    overflow: hidden;        /* ← cambiar de auto a hidden */
    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    display: flex;           /* ← agregar */
    flex-direction: column;  /* ← agregar */
}

/* X cerrar → cambiar color a verde */
.close {
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 20px;
    text-decoration: none;
    color: #2e7d32; /* ← antes era #333 */
}

/* Links de carpetas */
.folder-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    text-decoration: none;
    color: #222;
    font-size: 16px;
    border-bottom: 1px solid #eee;
}

/* Hover sin animación */
.folder-list a:hover {
    color: #2e8b57;
    padding-left: 0;
}

/* Icono carpeta */
.folder-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* Item carpeta */
.folder-item {
    border-bottom: 1px solid #eee;
    padding: 6px 0;
}

.folder-item summary {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 0;
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
}

.folder-item summary::-webkit-details-marker {
    display: none;
}

/* Flecha */
.arrow {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    position: relative;
}

.arrow::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #21a453;

    /* ÚNICA animación que queda */
    transition: transform .2s ease;
}

/* Flecha abajo cuando abre */
.folder-item[open] .arrow::before {
    transform: rotate(90deg);
    transform-origin: 40% 50%;
}

.folder-name {
    font-weight: 700;
}

/* PDFs */
.pdf-list {
    margin-left: 22px;
    padding-left: 18px;
    border-left: 2px dotted #cfcfcf;
    margin-top: 6px;
    margin-bottom: 8px;
}

.pdf-list a {
    display: block;
    color: #467d3b;
    text-decoration: underline;
    font-size: 16px;
    padding: 8px 0;
    line-height: 1.4;
}

/* Hover PDF sin efecto */
.pdf-list a:hover {
    opacity: 1;
}

/* Header fijo → borde de lado a lado */
.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    flex-shrink: 0;          /* ← que no se encoja */
    width: 100%;             /* ← lado a lado */
    box-sizing: border-box;
}

/* Título */
.modal-title{
    margin: 0;
    font-size: 20px;   /* no tan grande */
    font-weight: 700;
    color: #1f2937;
}

/* Nueva clase para el área scrolleable */
.modal-body {
    overflow-y: auto;        /* ← el scroll va aquí */
    padding: 25px;           /* ← el padding que tenías en modal-content */
    flex: 1;                 /* ← ocupa el espacio restante */
}/* End custom CSS */