.elementor-4809 .elementor-element.elementor-element-732bb7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4809 .elementor-element.elementor-element-732bb7:not(.elementor-motion-effects-element-type-background), .elementor-4809 .elementor-element.elementor-element-732bb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-4809 .elementor-element.elementor-element-56fc1cb8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-4809 .elementor-element.elementor-element-6796a98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-4809 .elementor-element.elementor-element-770a0ac{text-align:justify;font-family:"Roboto", Sans-serif;font-weight:400;}@media(max-width:1024px){.elementor-4809 .elementor-element.elementor-element-770a0ac{font-size:13px;}}@media(min-width:768px){.elementor-4809 .elementor-element.elementor-element-56fc1cb8{--width:33.3333%;}}/* Start custom CSS for text-editor, class: .elementor-element-770a0ac *//* ========================================================= UAIM TRANSPARENCIA TABLA MODERNA + PDF ========================================================= */ /* ========================================================= CONTENEDOR DE TABLA ========================================================= */ .elementor-widget-container { overflow-x: auto; -webkit-overflow-scrolling: touch; } /* ========================================================= TABLA GENERAL ========================================================= */ table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; background: #ffffff !important; border: 1px solid #e5e9e7 !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 6px 25px rgba(0,0,0,.07) !important; font-family: Arial, Helvetica, sans-serif !important; } /* ========================================================= ENCABEZADOS ========================================================= */ table thead th, table th { background: linear-gradient( 135deg, #07883f 0%, #08763a 100% ) !important; color: #ffffff !important; font-size: 14px !important; font-weight: 700 !important; text-align: center !important; padding: 18px 14px !important; border: none !important; vertical-align: middle !important; } /* ========================================================= CELDAS ========================================================= */ table td { background: #ffffff !important; color: #333333 !important; font-size: 14px !important; line-height: 1.5 !important; padding: 17px 14px !important; border-right: 1px solid #e9eceb !important; border-bottom: 1px solid #e9eceb !important; vertical-align: middle !important; transition: all .2s ease !important; } /* Quitar borde derecho última columna */ table th:last-child, table td:last-child { border-right: none !important; } /* Quitar borde inferior última fila */ table tr:last-child td { border-bottom: none !important; } /* ========================================================= FILAS ALTERNADAS ========================================================= */ table tbody tr:nth-child(even) td { background: #f8faf9 !important; } /* ========================================================= EFECTO HOVER ========================================================= */ table tbody tr { transition: all .2s ease !important; } table tbody tr:hover td { background: #eef8f2 !important; } /* ========================================================= PRIMERA COLUMNA - NÚMERO ========================================================= */ table td:first-child { text-align: center !important; font-weight: 700 !important; color: #07883f !important; width: 90px !important; } /* ========================================================= COLUMNA PERIODICIDAD ========================================================= */ table td:nth-last-child(2) { text-align: center !important; font-weight: 600 !important; color: #555 !important; white-space: nowrap !important; } /* ========================================================= COLUMNA PDF ========================================================= */ table td:last-child, table th:last-child { text-align: center !important; vertical-align: middle !important; min-width: 110px !important; } /* ========================================================= BOTÓN PDF ========================================================= */ a[href*="drive.google.com"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; padding: 0 !important; margin: 0 auto !important; position: relative !important; background: #ffffff !important; border: 1px solid #e1e5e3 !important; border-radius: 10px !important; text-decoration: none !important; font-size: 0 !important; line-height: 0 !important; box-shadow: 0 3px 10px rgba(0,0,0,.10) !important; transition: all .25s ease !important; overflow: hidden !important; } /* ========================================================= ELIMINAR IMAGEN ROTA ========================================================= */ a[href*="drive.google.com"] img { display: none !important; width: 0 !important; height: 0 !important; max-width: 0 !important; max-height: 0 !important; visibility: hidden !important; } /* ========================================================= ICONO PDF ========================================================= */ a[href*="drive.google.com"]::before { content: "PDF" !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 35px !important; background: #e52525 !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; line-height: 1 !important; border-radius: 5px !important; letter-spacing: .3px !important; box-shadow: 0 2px 5px rgba(229,37,37,.25) !important; } /* ========================================================= HOVER PDF ========================================================= */ a[href*="drive.google.com"]:hover { transform: translateY(-3px) scale(1.04) !important; border-color: #07883f !important; box-shadow: 0 7px 15px rgba(0,0,0,.16) !important; } a[href*="drive.google.com"]:hover::before { background: #c91616 !important; } /* ========================================================= TÍTULOS / TEXTOS DENTRO DE LA TABLA ========================================================= */ table td strong { color: #222 !important; font-weight: 600 !important; } /* ========================================================= CELULAR ========================================================= */ @media screen and (max-width: 767px) { /* Contenedor con scroll */ .elementor-widget-container { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; padding-bottom: 8px !important; } /* Tabla ancha para conservar proporciones */ table { width: 850px !important; min-width: 850px !important; max-width: none !important; border-radius: 10px !important; } /* Encabezados */ table th { font-size: 13px !important; padding: 15px 12px !important; } /* Celdas */ table td { font-size: 13px !important; padding: 15px 12px !important; line-height: 1.45 !important; } /* PDF */ a[href*="drive.google.com"] { width: 44px !important; height: 44px !important; } a[href*="drive.google.com"]::before { width: 29px !important; height: 33px !important; font-size: 8px !important; } } /* ========================================================= CELULARES PEQUEÑOS ========================================================= */ @media screen and (max-width: 480px) { table { width: 800px !important; min-width: 800px !important; } table th { font-size: 12px !important; padding: 13px 10px !important; } table td { font-size: 12px !important; padding: 13px 10px !important; } } /* ========================================================= EVITAR DESBORDAMIENTO DE TODA LA PÁGINA ========================================================= */ html, body { max-width: 100% !important; overflow-x: hidden !important; }/* End custom CSS */