.elementor-1591 .elementor-element.elementor-element-a1b08e3 > .elementor-container{max-width:1200px;}.elementor-1591 .elementor-element.elementor-element-a1b08e3 .elementor-repeater-item-427ec03.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}/* Start custom CSS for html, class: .elementor-element-0c0d932 *//* 1. EL CONTENEDOR PRINCIPAL */
        .contenedor-documentos {
            display: flex;
            gap: 20px; /* Espacio entre los items */
            flex-wrap: wrap; /* Para que baje si no hay espacio en pantalla pequeña */
            padding: 20px;
            justify-content: center
        }

        /* 2. EL ITEM (Enlace <a> que encierra todo) */
        .item-documento {
            display: flex;
            flex-direction: column;
            width: 250px; /* Ancho fijo o puedes usar % */
            text-decoration: none; /* Quitar subrayado del enlace */
            background-color: white;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden; /* Para que la imagen no se salga de las esquinas redondeadas */
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        /* Efecto hover al pasar el mouse */
        .item-documento:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.15);
        }

        /* 3. SECCIÓN DE LA IMAGEN (PREVISUALIZACIÓN) */
        .item-preview {
            height: 160px; /* Altura de la zona de imagen */
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            border-bottom: 1px solid #f0f0f0;
        }

        .item-preview img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain; /* Mantiene la proporción de la imagen */
            box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* Sombra sutil al "papel" interno */
        }

        /* 4. SECCIÓN DEL PIE (ICONO Y TÍTULO) */
        .item-footer {
            background-color: #f9f9f9; /* Color grisáceo del fondo del título */
            padding: 12px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        /* El Icono PDF (Estilo SVG) */
        .icon-pdf {
            width: 32px;
            height: 32px;
            flex-shrink: 0; /* Evita que el icono se aplaste */
        }

        /* El Título */
        .item-titulo {
            color: #333;
            font-size: 14px;
            font-weight: 600;
            /* Truco para los tres puntos (...) si el texto es muy largo */
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c0d932 *//* 1. EL CONTENEDOR PRINCIPAL */
        .contenedor-documentos {
            display: flex;
            gap: 20px; /* Espacio entre los items */
            flex-wrap: wrap; /* Para que baje si no hay espacio en pantalla pequeña */
            padding: 20px;
            justify-content: center
        }

        /* 2. EL ITEM (Enlace <a> que encierra todo) */
        .item-documento {
            display: flex;
            flex-direction: column;
            width: 250px; /* Ancho fijo o puedes usar % */
            text-decoration: none; /* Quitar subrayado del enlace */
            background-color: white;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden; /* Para que la imagen no se salga de las esquinas redondeadas */
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        /* Efecto hover al pasar el mouse */
        .item-documento:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.15);
        }

        /* 3. SECCIÓN DE LA IMAGEN (PREVISUALIZACIÓN) */
        .item-preview {
            height: 160px; /* Altura de la zona de imagen */
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            border-bottom: 1px solid #f0f0f0;
        }

        .item-preview img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain; /* Mantiene la proporción de la imagen */
            box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* Sombra sutil al "papel" interno */
        }

        /* 4. SECCIÓN DEL PIE (ICONO Y TÍTULO) */
        .item-footer {
            background-color: #f9f9f9; /* Color grisáceo del fondo del título */
            padding: 12px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        /* El Icono PDF (Estilo SVG) */
        .icon-pdf {
            width: 32px;
            height: 32px;
            flex-shrink: 0; /* Evita que el icono se aplaste */
        }

        /* El Título */
        .item-titulo {
            color: #333;
            font-size: 14px;
            font-weight: 600;
            /* Truco para los tres puntos (...) si el texto es muy largo */
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
        }/* End custom CSS */