.elementor-928 .elementor-element.elementor-element-5760c68{--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;--margin-top:55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-928 .elementor-element.elementor-element-e92e203{text-align:center;}.elementor-928 .elementor-element.elementor-element-e92e203 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;color:#1E2E38;}.elementor-928 .elementor-element.elementor-element-dec03f1{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-610559d{--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;--margin-top:8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-928 .elementor-element.elementor-element-ba3d30e{--display:flex;}.elementor-928 .elementor-element.elementor-element-14e3931{--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-928 .elementor-element.elementor-element-7f7a732{--display:flex;}.elementor-928 .elementor-element.elementor-element-decb455{--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-928 .elementor-element.elementor-element-6ae2b43{text-align:justify;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-1a3c558 );}.elementor-928 .elementor-element.elementor-element-6ae2b43 a{color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-cbfecb9 .elementor-repeater-item-c4cdbdd.elementor-social-icon{background-color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-cbfecb9 .elementor-repeater-item-89a9782.elementor-social-icon{background-color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-cbfecb9 .elementor-repeater-item-21faeaa.elementor-social-icon{background-color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-cbfecb9{--grid-template-columns:repeat(0, auto);text-align:left;margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-928 .elementor-element.elementor-element-571f9e8{text-align:justify;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-1a3c558 );}.elementor-928 .elementor-element.elementor-element-571f9e8 a{color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-fba9020{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-928 .elementor-element.elementor-element-6b0bfff{text-align:justify;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-1a3c558 );}.elementor-928 .elementor-element.elementor-element-b586d03{--display:flex;}.elementor-928 .elementor-element.elementor-element-46d59cd{--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-928 .elementor-element.elementor-element-85f082f{color:var( --e-global-color-1a3c558 );}.elementor-928 .elementor-element.elementor-element-d56f3e9{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-928 .elementor-element.elementor-element-d7609f7{color:var( --e-global-color-1a3c558 );}.elementor-928 .elementor-element.elementor-element-d4f7f90{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:118px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:16px;--n-tabs-title-color:var( --e-global-color-e0295c7 );--n-tabs-title-color-active:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-d4f7f90 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-text );}.elementor-928 .elementor-element.elementor-element-d4f7f90.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-text );}.elementor-928 .elementor-element.elementor-element-d4f7f90.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-928 .elementor-element.elementor-element-d4f7f90.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-text );border-style:solid;border-width:0px 0px 3px 0px;border-color:var( --e-global-color-48181fe );}.elementor-928 .elementor-element.elementor-element-d4f7f90.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;font-weight:700;text-transform:uppercase;word-spacing:0px;}.elementor-928 .elementor-element.elementor-element-d4f7f90 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-0317cbb{--display:flex;}.elementor-928 .elementor-element.elementor-element-4d92dc1{--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-928 .elementor-element.elementor-element-aaf4145{text-align:justify;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-1a3c558 );}.elementor-928 .elementor-element.elementor-element-aaf4145 a{color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-b54f6b8 .elementor-repeater-item-c4cdbdd.elementor-social-icon{background-color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-b54f6b8 .elementor-repeater-item-89a9782.elementor-social-icon{background-color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-b54f6b8 .elementor-repeater-item-21faeaa.elementor-social-icon{background-color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-b54f6b8{--grid-template-columns:repeat(0, auto);text-align:left;margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-928 .elementor-element.elementor-element-55a05ea{text-align:justify;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-1a3c558 );}.elementor-928 .elementor-element.elementor-element-55a05ea a{color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-32567a6{margin:-34px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-928 .elementor-element.elementor-element-29a5f40{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:justify;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-1a3c558 );}.elementor-928 .elementor-element.elementor-element-ad2f734{--display:flex;}.elementor-928 .elementor-element.elementor-element-cc50334{--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-928 .elementor-element.elementor-element-14e6554{text-align:justify;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-1a3c558 );}.elementor-928 .elementor-element.elementor-element-4d0d2c0{--display:flex;}.elementor-928 .elementor-element.elementor-element-637dc86{--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-928 .elementor-element.elementor-element-16efcdb{text-align:justify;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-1a3c558 );}.elementor-928 .elementor-element.elementor-element-16efcdb a{color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-ffb9166{margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-928 .elementor-element.elementor-element-2dad3c5{margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:justify;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-1a3c558 );}.elementor-928 .elementor-element.elementor-element-2dad3c5 a{color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-3105c24 .elementor-repeater-item-c4cdbdd.elementor-social-icon{background-color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-3105c24 .elementor-repeater-item-89a9782.elementor-social-icon{background-color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-3105c24 .elementor-repeater-item-21faeaa.elementor-social-icon{background-color:var( --e-global-color-73abe09 );}.elementor-928 .elementor-element.elementor-element-3105c24{--grid-template-columns:repeat(0, auto);text-align:left;margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-928 .elementor-element.elementor-element-5436b99{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:0px 0px 0px 0px;--n-tabs-title-justify-content:flex-start;--n-tabs-title-align-items:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:8px;--n-tabs-title-border-radius:20px 20px 20px 20px;--n-tabs-title-padding-top:6px;--n-tabs-title-padding-right:18px;--n-tabs-title-padding-bottom:6px;--n-tabs-title-padding-left:18px;--n-tabs-title-font-size:12px;--n-tabs-title-color:var( --e-global-color-73abe09 );--n-tabs-icon-size:5px;--n-tabs-icon-color:var( --e-global-color-73abe09 );--n-tabs-icon-color-active:var( --e-global-color-text );}.elementor-928 .elementor-element.elementor-element-5436b99 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#719BBF29;}.elementor-928 .elementor-element.elementor-element-5436b99.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-928 .elementor-element.elementor-element-5436b99 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-icon-color-hover:var( --e-global-color-text );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-928 .elementor-element.elementor-element-e92e203 .elementor-heading-title{font-size:22px;}.elementor-928 .elementor-element.elementor-element-ba3d30e{--width:100%;}.elementor-928 .elementor-element.elementor-element-14e3931{--content-width:100%;}.elementor-928 .elementor-element.elementor-element-6ae2b43{font-size:16px;}.elementor-928 .elementor-element.elementor-element-cbfecb9{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-928 .elementor-element.elementor-element-571f9e8{font-size:16px;}.elementor-928 .elementor-element.elementor-element-6b0bfff{font-size:16px;}.elementor-928 .elementor-element.elementor-element-d56f3e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-928 .elementor-element.elementor-element-aaf4145{font-size:16px;}.elementor-928 .elementor-element.elementor-element-29a5f40{font-size:16px;}.elementor-928 .elementor-element.elementor-element-14e6554{font-size:16px;}.elementor-928 .elementor-element.elementor-element-16efcdb{font-size:16px;}.elementor-928 .elementor-element.elementor-element-2dad3c5{font-size:16px;}}@media(min-width:768px){.elementor-928 .elementor-element.elementor-element-5760c68{--content-width:1600px;}.elementor-928 .elementor-element.elementor-element-610559d{--content-width:1453px;}}/* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fba9020 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: left; } .tabla-vicaria th { padding: 15px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } .tabla-vicaria td { padding: 15px; border-bottom: 1px solid #f0f2f5; vertical-align: top; line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* Estilo para los enlaces dentro de la tabla */ .tabla-vicaria a { color: #4A6D88; text-decoration: none; font-size: 0.8rem; word-break: break-all; display: inline-block; margin-top: 10px; background-color: #4A6D88; color: #ffffff; padding: 8px 16px; border-radius: 5px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; } .tabla-vicaria a:hover { background-color: #3b5a6f; text-decoration: none; transform: translateY(-1px); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; /* Ocultar encabezado en móvil */ } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 16px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background-color: #ffffff; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #ffffff; } .tabla-vicaria tbody tr:hover { background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .tabla-vicaria td { padding: 12px 16px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 38px; /* Espacio para la etiqueta */ } /* Última celda sin borde inferior */ .tabla-vicaria td:last-child { border-bottom: none; } /* Etiquetas de cada columna usando data-label */ .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 10px; left: 16px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (servicio) con fondo destacado */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 16px; text-align: center; } .tabla-vicaria td:first-child::before { display: none; /* No mostrar etiqueta en la primera celda */ } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 0.95rem; } /* Ajustes para enlaces en móvil */ .tabla-vicaria a { width: 100%; text-align: center; box-sizing: border-box; font-size: 0.85rem; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.82rem; } .tabla-vicaria th { font-size: 0.78rem; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-610559d */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); /* ESTILOS PARA EL TEXTO INTRODUCTORIO (Evita el desbordamiento) */ .contenido-vicaria { font-family: 'Montserrat', sans-serif; color: #444; margin-bottom: 40px; /* Asegura que elementos largos no desborden el contenedor */ overflow-wrap: break-word; word-wrap: break-word; } .contenido-vicaria p { margin-bottom: 15px; } .contenido-vicaria a { color: #4A6D88; text-decoration: none; word-break: break-word; /* Evita que el correo muy largo rompa el diseño en celular */ transition: color 0.3s; } .contenido-vicaria a:hover { color: #3b5a6f; text-decoration: underline; } /* ============================================ CSS PARA LAS TABLAS RESPONSIVAS ============================================ */ .tabla-vicaria, .tabla-vicaria * { box-sizing: border-box; } .tabla-vicaria { width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Montserrat', sans-serif; margin: 20px 0 40px 0; border: 1px solid #e0e4e8; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .tabla-vicaria thead tr { background-color: #4A6D88; color: #ffffff; text-align: center; /* Títulos alineados y centrados */ } .tabla-vicaria th { padding: 16px; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; text-align: center; /* Alineación centrada desde el TH */ } .tabla-vicaria td { padding: 16px; border-bottom: 1px solid #f0f2f5; vertical-align: middle; /* Permite mejor alineación visual */ line-height: 1.6; color: #444; font-size: 0.9rem; } .tabla-vicaria tbody tr:nth-child(even) { background-color: #f8fafc; } .tabla-vicaria tbody tr:hover { background-color: #edf2f7; transition: background-color 0.3s ease; } .tabla-vicaria b { color: #2c3e50; font-weight: 600; } /* ESTILOS DE LOS BOTONES MEJORADOS */ .tabla-vicaria a.btn-inscripcion { color: #ffffff; text-decoration: none; font-size: 0.85rem; /* word-break: break-all; <- SE ELIMINÓ ESTO para evitar "Teológ-ica" */ overflow-wrap: break-word; /* Rompe solo si la palabra sola es más larga que el botón */ display: inline-block; margin-top: 12px; background-color: #4A6D88; padding: 10px 20px; border-radius: 6px; font-weight: 600; text-align: center; transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: fit-content; } .tabla-vicaria a.btn-inscripcion:hover { background-color: #3b5a6f; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.15); } /* ============================================ RESPONSIVE — MOBILE (menor a 768px) ============================================ */ @media screen and (max-width: 768px) { .tabla-vicaria { border: none; box-shadow: none; border-radius: 0; } .tabla-vicaria thead { display: none; } .tabla-vicaria tbody, .tabla-vicaria tr, .tabla-vicaria td { display: block; } .tabla-vicaria tbody tr { margin-bottom: 20px; border: 1px solid #e0e4e8; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); background-color: #ffffff; } .tabla-vicaria td { padding: 15px 20px; border-bottom: 1px solid #f0f2f5; position: relative; padding-top: 45px; /* Espacio mayor para la etiqueta */ text-align: left; /* Textos de soporte se leen mejor justificados a izquierda */ } .tabla-vicaria td:last-child { border-bottom: none; } .tabla-vicaria td::before { content: attr(data-label); display: block; position: absolute; top: 15px; left: 20px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #4A6D88; } /* Primera celda (TÍTULO) */ .tabla-vicaria td:first-child { background-color: #4A6D88; color: #ffffff; padding-top: 20px; padding-bottom: 20px; text-align: center; /* TÍTULO CENTRADO en móvil */ } .tabla-vicaria td:first-child::before { display: none; } .tabla-vicaria td:first-child b { color: #ffffff; font-size: 1.05rem; /* Un poco más grande para destacar */ } /* Botón adaptado en móvil */ .tabla-vicaria a.btn-inscripcion { width: 100%; display: block; font-size: 0.9rem; padding: 12px; } } /* ============================================ RESPONSIVE — TABLET (769px a 1024px) ============================================ */ @media screen and (min-width: 769px) and (max-width: 1024px) { .tabla-vicaria th, .tabla-vicaria td { padding: 12px 10px; font-size: 0.85rem; } .tabla-vicaria th { font-size: 0.8rem; } }/* End custom CSS */