/* Theme Name: PJETAM Theme URI: https://pjetam.gob.mx/ Author: Softmods Author URI: https://softmods.io/ Description: Tema desarrollado a medida para el Poder Judicial del Estado de Tamaulipas. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: pjetam Tags: pjetam, softmods, custom-theme, responsive, government, judicial */ /*! --- */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:#0000;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:#0000;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:#0000;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }body{--tw-bg-opacity:1;background-color:rgb(2/var(--tw-bg-opacity));font-family:Montserrat,sans-serif;--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity))}.a_secondary{--tw-text-opacity:1!important;color:rgb(76 181 172/var(--tw-text-opacity))!important;text-decoration-line:none!important}.prose{color:var(--tw-prose-body)}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead],[class~=is-style-lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em;border-bottom:none}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em;border-left:.25rem solid var(--tw-prose-quote-borders)}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding:.1875em .375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose :where(blockquote>cite):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-body);font-style:normal;font-weight:400}.prose :where(blockquote>cite):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"\2014"}.prose :where(table.has-fixed-layout):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:fixed;width:100%}.prose-neutral{--tw-prose-body:#404040;--tw-prose-headings:#171717;--tw-prose-lead:#525252;--tw-prose-links:#171717;--tw-prose-bold:#171717;--tw-prose-counters:#737373;--tw-prose-bullets:#d4d4d4;--tw-prose-hr:#e5e5e5;--tw-prose-quotes:#171717;--tw-prose-quote-borders:#e5e5e5;--tw-prose-captions:#737373;--tw-prose-kbd:#171717;--tw-prose-kbd-shadows:23 23 23;--tw-prose-code:#171717;--tw-prose-pre-code:#e5e5e5;--tw-prose-pre-bg:#262626;--tw-prose-th-borders:#d4d4d4;--tw-prose-td-borders:#e5e5e5;--tw-prose-invert-body:#d4d4d4;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#a3a3a3;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#a3a3a3;--tw-prose-invert-bullets:#525252;--tw-prose-invert-hr:#404040;--tw-prose-invert-quotes:#f5f5f5;--tw-prose-invert-quote-borders:#404040;--tw-prose-invert-captions:#a3a3a3;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d4d4d4;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#525252;--tw-prose-invert-td-borders:#404040}ul.bjqs{position:relative;list-style:none;padding:0;margin:0;overflow:hidden;display:none}li.bjqs-slide{position:absolute;display:none}ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999}ul.bjqs-controls.v-centered li a{position:absolute}ul.bjqs-controls.v-centered li.bjqs-next a{right:0}ul.bjqs-controls.v-centered li.bjqs-prev a{left:0}ol.bjqs-markers{list-style:none;padding:0;margin:0}ol.bjqs-markers.h-centered{text-align:center}ol.bjqs-markers li{display:inline}ol.bjqs-markers li a{display:inline-block}p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0}.entry-content h2,.entry-title,.page-title{margin-left:auto;margin-right:auto;margin-bottom:1.5rem;text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:500;text-transform:uppercase;--tw-text-opacity:1;color:rgb(36 39 42/var(--tw-text-opacity))}.flex-list-magistrados{display:flex;list-style-type:none;justify-content:center;gap:2.5rem}.stripped table{width:100%;table-layout:auto}.stripped table tr:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(246 243 240/var(--tw-bg-opacity))}.stripped table td,.stripped table tr{border-width:0} /* !* Content width from the `theme.json` file *!*/ .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .col-start-3 { grid-column-start: 3; } .col-end-1 { grid-column-end: 1; } .col-end-2 { grid-column-end: 2; } .col-end-3 { grid-column-end: 3; } .col-end-4 { grid-column-end: 4; } .col-end-5 { grid-column-end: 5; } /*parte responsiva para sitio igualdad*/ @media (max-width: 640px) { .sm\:col-span-2{grid-column:span 2/span 2 !important;} .sm\:col-span-3{grid-column:span 3/span 3 !important;} .sm\:col-span-4{grid-column:span 4/span 4 !important;} } @media (max-width: 768px) { .md\:col-span-2{grid-column:span 2/span 2 !important;} .md\:col-span-3{grid-column:span 3/span 3 !important;} .md\:col-span-4{grid-column:span 4/span 4 !important;} } /* !* Wide width from the `theme.json` file *!*/.menu-item a{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.current-menu-item,.menu-item a:hover{--tw-text-opacity:1;color:rgb(0, 0, 0/var(--tw-text-opacity))}.menu-item-has-children{position:relative;overflow:visible}.menu-item-has-children>a{display:flex;align-items:center;gap:.5rem}@media (min-width:1024px){.menu-item-has-children>a:after{content:"";width:6px;height:3px;background:url(img/chevron-down.svg) no-repeat 50%;display:inline-block}.menu-item-has-children.maxw ul{width:-moz-max-content;width:max-content}.menu-item-has-children.wbig ul{width:24rem}}.menu-item-has-children>ul{outline:10px solid #0000}@media (min-width:1024px){.menu-item-has-children>ul{position:absolute;z-index:10;display:none;overflow:visible;border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(245 246 246/var(--tw-bg-opacity));padding-top:.5rem;padding-bottom:.5rem;--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}.sub-menu a{display:inline-block;width:100%;padding:.75rem 1.25rem}.sub-menu a:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}ol.bjqs-markers{position:absolute;bottom:0;left:50%!important;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}ol.bjqs-markers li{margin-left:.25rem;margin-right:.25rem;display:inline-block;height:.75rem;width:.75rem;overflow:hidden;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(245 246 246/var(--tw-bg-opacity));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}ol.bjqs-markers li a{display:inline-block;height:.75rem;width:.75rem;padding-left:100%}ol.bjqs-markers li.active-marker{--tw-bg-opacity:1;background-color:rgb(245 246 246/var(--tw-bg-opacity))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.right-5{right:1.25rem}.top-0{top:0}.top-1\/2{top:50%}.top-5{top:1.25rem}.z-20{z-index:20}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.m-0{margin:0}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-5{margin-bottom:1.25rem}.mb-7{margin-bottom:1.75rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-20{margin-top:5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-20{height:5rem}.h-28{height:7rem}.h-4\/6{height:66.666667%}.h-60{height:15rem}.h-\[320px\]{height:320px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-96{max-height:24rem}.min-h-\[320px\]{min-height:320px}.min-h-full{min-height:100%}.w-20{width:5rem}.w-6\/12{width:50%}.w-auto{width:auto}.w-full{width:100%}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-32{gap:8rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-background{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.border-gray100{--tw-border-opacity:1;border-color:rgb(228 231 233/var(--tw-border-opacity))}.border-white{---border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.bg-\[\#F6F3F0\],.bg-background{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/60{background-color:#0009}.bg-border{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray50{--tw-bg-opacity:1;background-color:rgb(245 246 246/var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(13 13 13/var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(0 0 0 /var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\[url\(\'\.\/img\/pattern\.png\'\)\]{background-image:url(img/pattern.png)}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.bg-hero{background-image:url(img/hero.jpg)}.bg-icons-pattern{background-image:url(img/IconsBGPattern2x.png)}.bg-video-pattern{background-image:url(img/video_pattern.png)}.from-black\/70{--tw-gradient-from:#000000b3 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/85{--tw-gradient-from:#000000d9 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/0{--tw-gradient-from:#fff0 var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[\#F6F3F0\]{--tw-gradient-to:#f6f3f0 var(--tw-gradient-to-position)}.to-black\/15{--tw-gradient-to:#00000026 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-20{padding:5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-7{padding:1.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-0{padding-bottom:0}.pb-5{padding-bottom:1.25rem}.pl-20{padding-left:5rem}.pr-20{padding-right:5rem}.pt-10{padding-top:2.5rem}.pt-20{padding-top:5rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:1.25rem;line-height:1.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-\[\#88674F\]{--tw-text-opacity:1;color:rgb(136 103 79/var(--tw-text-opacity))}.text-gray400{--tw-text-opacity:1;color:rgb(126 139 146/var(--tw-text-opacity))}.text-gray500{--tw-text-opacity:1;color:rgb(99 112 119/var(--tw-text-opacity))}.text-gray900,.text-primary{--tw-text-opacity:1;color:rgb(36 39 42/var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(76 181 172/var(--tw-text-opacity))}.text-white{--tw-text opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-white\/60{color:#fff9}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow,.drop-shadow-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px #0000000d)}.content-none{--tw-content:none;content:var(--tw-content)}.s_my-0{margin-top:0;margin-bottom:0}.even\:bg-background:nth-child(2n),.odd\:bg-background:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(245 246 246/var(--tw-bg-opacity))}.even\:bg-gray50:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(245 246 246/var(--tw-bg-opacity))}.visited\:text-white:visited{color:#fff}.hover\:border-transparent:hover{border-color:#0000}.hover\:hover{--tw-bg-opacity:1;background-color:rgb(245 246 246/var(--tw-bg-opacity))}.hover\:bg-secondary:hover{--tw-bg-opacity:1;background-color:rgb(76 181 172/var(--tw-bg-opacity))}.hover\:text-\[\#63BDAD\]:hover{--tw-text-opacity:1;color:rgb(245 246 246/var(--tw-text-opacity))}.hover\:text-secondary:hover{--tw-text-opacity:1;color:rgb(245 246 246/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group:hover .group-hover\:bg-\{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .group-hover\:text-\[\#63BDAD\]{--tw-text-opacity:1;color:rgb(245 246 246/var(--tw-text-opacity))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group:hover .group-hover\:mix-blend-multiply{mix-blend-mode:multiply}.prose-a\:text-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(36 39 42/var(--tw-text-opacity))}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mt-0{margin-top:0}.sm\:grid{display:grid}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:gap-4{gap:1rem}.sm\:px-0{padding-left:0;padding-right:0}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:mx-0{margin-left:0;margin-right:0}.md\:h-\[500px\]{height:500px}.md\:min-w-full{min-width:100%}.md\:max-w-none{max-width:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:p-0{padding:0}.md\:p-20{padding:5rem}.md\:pt-20{padding-top:5rem}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:flex-row{flex-direction:row}.xl\:px-0{padding-left:0;padding-right:0}} /* Estilo general para la Top Bar */ #top-bar { background-color: #0D0D0D; /* Color de fondo oscuro */ color: #ffffff; /* Texto blanco para contraste */ display: flex; justify-content: center; /* Centra el contenedor de contenido */ width: 100%; /* Asegura que el fondo cubra todo el ancho */ height: 40px; /* Altura fija de la barra */ } #top-bar-content { display: flex; justify-content: space-between; /* Distribuye los elementos a ambos extremos */ align-items: center; /* Centra los elementos verticalmente */ padding: 0 20px; /* Padding horizontal para no pegar el contenido a los bordes */ max-width: 1280px; /* Ancho máximo del contenedor de contenido */ width: 100%; /* Asume el ancho completo hasta 1280px */ } #top-bar-left, #top-bar-right { display: flex; align-items: center; } #top-bar-right { display: flex; align-items: center; flex-shrink: 0; /* Previene que el contenedor se encoja */ } #top-bar-right a { margin-right: 20px; /* Espacio entre los enlaces */ flex-shrink: 0; /* Previene que los enlaces se encojan */ } #top-bar-right a:last-child { margin-right: 0; /* Elimina el margen del último ícono para evitar espacio extra al final */ } #top-bar-right a img { width: 16px !important; /* Ancho uniforme para todos los iconos */ height: 16px !important; /* Altura uniforme para todos los iconos */ vertical-align: middle; /* Alinea los iconos con el texto de la barra */ transition: filter 0.3s ease; /* Suaviza la transición del filtro */ flex-shrink: 0; /* Previene que los iconos se encojan */ } #top-bar-right a:hover img { filter: brightness(0) saturate(100%) invert(48%) sepia(74%) saturate(501%) hue-rotate(124deg) brightness(97%) contrast(87%); } .top-bar-address { font-family: 'Montserrat', sans-serif; color: #ffffff; font-size: 12px; line-height: 16px; } /* Ajuste de la consulta de medios para dispositivos de 1024px o menos */ @media (max-width: 1024px) { #top-bar-left { display: none; /* Oculta todo el contenedor izquierdo */ } #top-bar-content { justify-content: flex-end; /* Alinea el contenido restante a la derecha */ } .boton-tribunal { display: none !important; /* Asegura que el botón se oculte, sobreescribiendo otros posibles estilos */ } } /* Asegurar que el botón se muestre en pantallas grandes */ @media (min-width: 1024px) { .boton-tribunal { display: inline-flex !important; /* Asegura que el botón se muestre */ } } #site-navigation .flex { justify-content: space-between; align-items: center; } .open-menu { display: inline-flex; align-items: center; margin-left: auto; /* Asegura que el icono de menú esté a la derecha */ } /* Inicia boton tribunal */ .boton-tribunal { display: inline-flex; align-items: center; justify-content: center; background-color: #0D0D0D; padding: 14px 20px; border-radius: 999px; text-decoration: none; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: background-color .5s, color .5s; /* Transicin más lenta */ } .boton-tribunal:hover { background-color: #4CB5AC; color: white; } .texto-boton { color: var(--Blanco-50, #FFF); font-family: 'Montserrat', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; transition: color 2s; /* Transición ms lenta */ } .boton-tribunal:hover .texto-boton { color: white; } /* Termina boton tribunal */ /* Estilos para la sección de VIDEO BG */ .video-container, .video-container-igualdad { width: 100vw; height: 85vh; /* Ajustado a 85vh como en tu configuración original */ position: relative; overflow: hidden; /* Mantiene los desbordamientos ocultos dentro del contenedor */ padding: 0; margin: 0; } .video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .button-container { position: absolute; bottom: 55px; /* 80px arriba del borde inferior del video */ left: 50%; transform: translateX(-50%); display: flex; gap: 20px; /* Espacio de 20px entre cada botón */ flex-wrap: wrap; /* Permite que los botones se envuelvan a la siguiente línea si es necesario */ justify-content: center; /* Centra los botones */ } /* Botones en diseño normal (escritorio) */ .video-button { padding: 10px 20px; border-radius: 99px; border: 2px solid var(--Amarillo-200, #FFE7AD); background: transparent; color: var(--Blanco-50, #FFF); font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10); cursor: pointer; transition: all 0.3s ease; } .video-button:hover { background-color: #FFE7AD; color: #0D0D0D; } /*estilo para portada de sitio igualdad*/ .video-button-igualdad{ padding: 10px 20px; border-radius: 99px; border: 2px solid #7644bf; background: transparent; color: #434245; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10); cursor: pointer; transition: all 0.3s ease; } /*estilo para botones de portada*/ .video-button-igualdad:hover{ background-color: #7644bf; color: white; } /* Ocultar botones en dispositivos móviles */ @media (max-width: 768px) { .button-container { display: none; /* Oculta los botones en dispositivos móviles */ } .video-container { height: 60vh; /* Ajusta la altura del video al 60% del alto de la ventana en dispositivos móviles */ } .video-container-igualdad{ height: 30vh; /* Ajusta la altura del video al 60% del alto de la ventana en dispositivos móviles */ } } /* Estilos para el banner dentro de la Sección Accesos */ #accesos .comunicados-banner { display: flex; /* Utiliza flexbox para el centrado */ justify-content: center; /* Centra el contenido horizontalmente */ margin: 0 auto 20px; /* Añade margen automático a los lados para centrar y 20px de margen inferior */ } #accesos .comunicados-banner .banner-image { width: 100%; /* Ancho responsivo */ max-width: 1280px; /* Ancho máximo */ height: auto; /* Alto automático para mantener la proporción */ border-radius: 24px; /* Esquinas redondeadas */ display: none; /* Oculta todas las imágenes por defecto */ } #accesos .comunicados-banner .banner-image.desktop { display: block; /* Muestra la imagen de escritorio por defecto */ } @media (max-width: 768px) { #accesos .comunicados-banner .banner-image.desktop { display: none; /* Oculta la imagen de escritorio en dispositivos móviles */ } #accesos .comunicados-banner .banner-image.mobile { display: block; /* Muestra la imagen móvil en dispositivos móviles */ } .comunicados-banner { width: 100%; /* Ancho completo */ padding: 0 20px; /* Añade padding horizontal de 20px */ margin-bottom: 20px; /* Añade margen inferior de 20px para separarlo de los módulos */ } .comunicados-banner img { width: 100%; /* Ancho completo */ height: auto; /* Altura automática para mantener la proporción */ } } /* Estilos para la sección ACCESOS con margen */ #accesos { margin-top: 60px; /* Margen superior de 60px */ margin-bottom: 60px; /* Margen inferior de 60px */ } /* Estilos para el contenedor de los módulos */ .modulos-container { display: flex; /* Habilita Flexbox */ flex-wrap: wrap; /* Permite que los módulos se envuelvan */ justify-content: space-between; /* Distribuye el espacio entre los módulos */ width: 100%; /* Ancho completo */ max-width: 1280px; /* Ancho máximo */ margin: 0 auto 20px; /* Centra el contenedor horizontalmente y añade margen inferior de 20px */ } /* Estilos para cada módulo dentro del contenedor */ .modulos-container .modulo { border-radius: 24px; border: 1px solid #E4E7E9; /* Utiliza variables CSS para los colores si están disponibles */ background: #FFF; /* Color blanco */ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10); flex: 1 1 calc(33.333% - 20px); /* Permite que los mdulos ocupen hasta el 33.333% del ancho del contenedor menos 20px */ margin: 10px; /* Espacio entre módulos */ display: flex; flex-direction: column; align-items: center; justify-content: flex-start; /* Alinea el contenido al inicio */ padding: 0; /* Elimina el padding interno */ transition: color 0.3s ease, fill 0.3s ease; /* Añadir transición para color y fill */ text-decoration: none; /* Elimina la decoración del texto para los enlaces */ color: inherit; /* Hereda el color del texto */ position: relative; /* Asegura que el canvas se posicione correctamente */ overflow: hidden; /* Asegúrate de que el contenido no se desborde */ } /* Ajusta el margen para el primer y último módulo para que no se salgan del contenedor */ .modulos-container .modulo:first-child { margin-left: 0; /* Elimina el margen izquierdo del primer módulo */ } .modulos-container .modulo:last-child { margin-right: 0; /* Elimina el margen derecho del último módulo */ } /* Estilos específicos para las imágenes SVG dentro de los módulos */ .modulos-container .modulo .svg-icon { width: 100%; /* Ocupa el 100% del ancho del contenedor */ height: auto; /* Mantiene la proporción de la imagen */ margin: 0; /* Elimina todos los márgenes para la imagen SVG */ border-radius: 24px 24px 0 0; /* Redondeo solo en las esquinas superiores */ transition: fill 0.3s ease; /* Añadir transición para fill */ object-fit: cover; /* Asegura que la imagen SVG cubra todo el contenedor */ } /* Estilos para el canvas de Rive dentro de los módulos */ .modulos-container .modulo .rive-animation { width: 100%; /* Ocupa el 100% del ancho del contenedor */ height: auto; /* Mantiene la proporción */ display: block; /* Asegura que el canvas sea un bloque */ } /* Estilos para el texto dentro de los módulos */ .modulos-container .modulo h2 { margin-top: 30px; /* Espacio de 30px entre la imagen SVG y el texto */ margin-bottom: 30px; /* Espacio de 30px entre el texto y el borde inferior del módulo */ color: #0D0D0D; /* Color oscuro, usa una variable CSS si est disponible */ text-align: center; /* Centra el texto horizontalmente */ font-family: 'Montserrat', sans-serif; /* Especifica la familia de fuente Montserrat */ font-size: 20px; /* Tamaño de fuente de 20px */ font-style: normal; /* Estilo de fuente normal */ font-weight: 600; /* Grosor de fuente de 600 */ line-height: 22px; /* Altura de línea de 22px, aproximadamente 110% */ transition: color 0.3s ease; /* Aadir transición para color */ z-index: 1; /* Asegura que el texto esté por encima del canvas */ position: relative; /* Asegura que el texto se posicione correctamente */ } /* Estilos para el contenedor de los módulos adicionales */ .modulos-container-min { display: flex; /* Habilita Flexbox */ flex-wrap: wrap; /* Permite que los módulos se envuelvan */ justify-content: space-between; /* Distribuye el espacio entre los módulos */ width: 100%; /* Ancho completo */ max-width: 1280px; /* Ancho máximo */ margin: 20px auto 0; /* Centra el contenedor horizontalmente y añade margen superior */ } /* Estilos para cada módulo dentro del contenedor de módulos adicionales */ .modulos-container-min .modulo { border-radius: 99px; /* Cambia el borde redondeado a 99px */ border: 1px solid #E4E7E9; /* Utiliza variables CSS para los colores si están disponibles */ background: #FFF; /* Color blanco */ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10); flex: 1 1 calc(33.333% - 20px); /* Permite que los módulos ocupen hasta el 33.333% del ancho del contenedor menos 20px */ margin: 0 10px 10px 10px; /* Top 0px, Right 10px, Bottom 10px, Left 10px */ display: flex; align-items: center; /* Alinea el contenido verticalmente al centro */ justify-content: flex-start; /* Alinea el contenido al inicio */ padding: 20px; /* Añade padding interno */ height: auto; /* Altura automática */ transition: color 0.3s ease, fill 0.3s ease; /* Añadir transición para color y fill */ text-decoration: none; /* Elimina la decoración del texto para los enlaces */ color: inherit; /* Hereda el color del texto */ } /* Ajusta el margen para el primer y ltimo módulo para que no se salgan del contenedor */ .modulos-container-min .modulo:first-child { margin-left: 0; /* Elimina el margen izquierdo del primer módulo */ } .modulos-container-min .modulo:last-child { margin-right: 0; /* Elimina el margen derecho del último módulo */ } /* Estilos especficos para las imágenes SVG dentro de los módulos adicionales */ .modulos-container-min .modulo .svg-icon-min { height: 36px; /* Define un alto fijo para las imágenes */ width: 36px; /* Define un ancho fijo para las imágenes */ margin-right: 20px; /* Añade espacio a la derecha de la imagen */ transition: fill 0.3s ease; /* Añadir transición para fill */ } /* Estilos para el texto dentro de los módulos adicionales */ .modulos-container-min .modulo h2 { color: #0D0D0D; /* Color oscuro, usa una variable CSS si está disponible */ font-family: 'Montserrat', sans-serif; /* Especifica la familia de fuente Montserrat */ font-size: 20px; /* Tamaño de fuente de 20px */ font-style: normal; /* Estilo de fuente normal */ font-weight: 600; /* Grosor de fuente de 600 */ line-height: 22px; /* Altura de línea de 22px, aproximadamente 110% */ transition: color 0.3s ease; /* Aadir transición para color */ } /* Hover effects */ .modulos-container .modulo:hover h2, .modulos-container-min .modulo:hover h2 { color: #4CB5AC; /* Cambiar el color del texto al hacer hover */ } .modulos-container .modulo:hover .svg-icon, .modulos-container-min .modulo:hover .svg-icon-min { fill: #4CB5AC; /* Cambiar el color de los iconos al hacer hover */ } /* Media queries para dispositivos móviles */ @media (max-width: 768px) { .modulos-container, .modulos-container-min { flex-direction: column; /* Cambia la dirección de los flex items a columna */ align-items: center; /* Alinea los items al centro */ width: 100%; /* Ancho completo */ padding: 0 20px; /* Añade padding horizontal de 20px */ } .modulos-container .modulo, .modulos-container-min .modulo { width: 100%; /* Establece el ancho de los módulos para que se adapten al tamaño de la pantalla */ margin: 10px 0; /* Espacio vertical entre módulos */ } .modulos-container-min .modulo { border-radius: 24px; /* Cambia el borde redondeado a 24px para que coincida con los módulos superiores */ } .comunicados-banner { width: 100%; /* Ancho completo */ height: auto; /* Altura automática */ padding: 0 20px; /* Añade padding horizontal de 20px */ margin-bottom: 20px; /* Añade margen inferior de 20px para separarlo de los módulos */ } .comunicados-banner img { width: 100%; /* Ancho completo */ height: auto; /* Altura automática para mantener la proporción */ } } /* Media query para cambiar la imagen en responsive */ @media (max-width: 768px) { .comunicados-banner img.desktop { display: none; } .comunicados-banner img.mobile { display: block; } } /* Estilo para la sección mensaje-presidente */ .mensaje-presidente-container { width: 100%; /* Hacer la sección de ancho completo */ min-height: 585px; /* Establecer la altura mínima de la sección */ background-color: #23272A; /* Fondo de color #23272A */ display: flex; /* Usar flexbox para centrar el contenido */ justify-content: center; /* Centrar horizontalmente */ align-items: center; /* Centrar verticalmente */ padding-left: 20px; /* Añadir padding a la izquierda */ padding-right: 20px; /* Añadir padding a la derecha */ box-sizing: border-box; /* Incluir padding en el tamao total del contenedor */ } /* Estilo para el contenedor interno */ .mensaje-presidente-content { width: 100%; max-width: 1280px; /* Ancho máximo para el contenido */ display: flex; /* Usar flexbox para alinear el texto y la imagen */ justify-content: space-between; /* Espacio entre el texto y la imagen */ align-items: center; /* Alinear elementos verticalmente */ flex-wrap: wrap; /* Permitir que el contenido se envuelva */ } /* Estilo para el contenedor de texto */ .mensaje-presidente-text { flex: 1; /* Ocupa el espacio disponible a la izquierda */ color: #EEF7FF; /* Color de texto según especificado */ text-align: left; /* Texto alineado a la izquierda */ font-family: 'Montserrat', sans-serif; /* Fuente Montserrat */ font-size: 14px; /* Tamao de fuente */ font-style: normal; /* Estilo normal */ font-weight: 400; /* Peso de fuente */ line-height: 20px; /* Altura de línea */ min-width: 300px; /* Ancho mínimo para el contenedor de texto */ margin-right: 20px; /* Espacio entre el texto y la imagen */ padding-top: 20px; /* Añadir padding superior */ padding-bottom: 20px; /* Añadir padding inferior */ } /* Estilo para el título de bienvenida */ .mensaje-bienvenida-title { display: flex; align-items: baseline; gap: 8px; margin-bottom: 32px; /* Espacio de 32px debajo del título */ } .mensaje-de { color: #EEF7FF; /* Color del texto */ font-family: 'Montserrat', sans-serif; /* Fuente Montserrat */ font-size: 20px; /* Tamaño de fuente */ font-style: normal; /* Estilo normal */ font-weight: 700; /* Peso de fuente */ line-height: 14px; /* Altura de línea */ } .bienvenida { font-family: 'Tangerine', cursive; /* Fuente Tangerine */ font-size: 36px; /* Tamaño de fuente */ font-style: normal; /* Estilo normal */ font-weight: 700; /* Peso de fuente */ line-height: 40px; /* Altura de línea */ background: linear-gradient(84deg, #FFF -21%, #B49B67 61.17%, #FFF 118.17%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Estilo para el texto en bold */ .texto-bold { font-weight: bold; /* Texto en bold */ } /* Ajuste para el espacio entre párrafos */ .mensaje-presidente-text p + p { margin-top: 20px; /* Espacio entre párrafos */ } /* Estilo para el nombre del magistrado */ .magistrado-nombre { font-family: 'Tangerine', cursive; /* Fuente Tangerine */ font-size: 36px; /* Tamaño de fuente */ font-style: normal; /* Estilo normal */ font-weight: 700; /* Peso de fuente */ line-height: 40px; /* Altura de línea */ background: linear-gradient(84deg, #FFF -21%, #B49B67 61.17%, #FFF 118.17%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Estilo para el título de la posición */ .titulo-posicion { color: #EEF7FF; /* Color del texto */ font-family: 'Montserrat', sans-serif; /* Fuente Montserrat */ font-size: 10px; /* Tamaño de fuente */ font-style: normal; /* Estilo normal */ font-weight: 400; /* Peso de fuente */ line-height: 14px; /* Altura de línea */ } /* Estilo para el contenedor de la imagen */ .mensaje-presidente-image { flex: 0 0 760px; /* Ancho fijo para la imagen */ height: 100%; /* Altura completa del contenedor */ max-width: 100%; /* Ancho máximo del 100% */ } .mensaje-presidente-image img { width: 100%; /* Ancho completo de la imagen */ height: 100%; /* Altura completa de la imagen */ object-fit: cover; /* Ajustar la imagen para cubrir el área */ } /* Estilo para la sección noticias */ .noticias-container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 80px 20px 20px 20px; /* 80px de separación arriba y abajo, 20px a los lados */ box-sizing: border-box; } /* Estilo para el contenedor de la noticia reciente */ .noticia-reciente { display: flex; /* Usar flexbox para alinear la imagen y el texto */ align-items: center; /* Alinear los elementos en el centro verticalmente */ margin-bottom: 40px; /* Separar la noticia reciente de las noticias adicionales */ flex-wrap: wrap; /* Permitir que el contenido se envuelva */ } @media (max-width: 768px) { .noticia-reciente { flex-direction: column; /* Disponer los elementos en columna */ align-items: center; /* Alinear los elementos al centro */ } } /* Estilo para el contenedor de la imagen del post */ .thumbnail-container { position: relative; flex: 0 0 auto; display: block; text-decoration: none; border-radius: 24px; margin-bottom: 20px; /* Añadir margen inferior para separar la imagen del texto en móviles */ } .post-thumbnail { width: 400px; height: 320px; flex-shrink: 0; border-radius: 24px; object-fit: cover; /* Asegura que la imagen cubra el área */ transition: filter 0.3s ease; /* Añadir transición para el filtro */ } @media (max-width: 768px) { .post-thumbnail { width: 100%; /* Ancho completo en móviles */ height: auto; /* Altura automática en móviles */ } } .thumbnail-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 24px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 13.75%, rgba(0, 0, 0, 0.85) 100%); opacity: 0; transition: opacity 0.3s ease; } .thumbnail-container:hover::before { opacity: 0.7; /* Ajustar la opacidad para oscurecer más en el hover */ } .thumbnail-container:hover .post-thumbnail { filter: brightness(0.8); } /* Estilo para el contenedor de detalles del post */ .post-details { flex: 1; margin-left: 20px; display: flex; /* Usar flexbox para centrar el contenido */ align-items: center; /* Alinear los elementos en el centro verticalmente */ } @media (max-width: 768px) { .post-details { margin-left: 0; /* Eliminar margen izquierdo en móviles */ text-align: center; /* Centrar el texto en mviles */ } } .post-details-content { display: flex; flex-direction: column; /* Disponer los elementos en columna */ align-items: flex-start; /* Alinear los elementos al inicio */ } @media (max-width: 768px) { .post-details-content { align-items: center; /* Centrar los elementos en móviles */ } } /* Estilo para el título del post */ .post-title { color: #0D0D0D; font-family: 'Montserrat', sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: 38px; /* 118.75% */ margin-bottom: 20px; /* Separar el título de la línea */ transition: color 0.3s ease; /* Añadir una transición para el hover */ } .post-title a { color: inherit; text-decoration: none; } .post-title a:hover { color: #63BDAD; /* Color para el hover */ } /* Estilo para la línea separadora */ .separator { width: 100%; height: 1px; background-color: #CCD2D5; margin-bottom: 20px; /* Separar la línea de la fecha */ } /* Estilo para la fecha del post */ .post-date { color: #637077; font-family: 'Montserrat', sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: 26px; /* 130% */ margin-bottom: 20px; /* Separar la fecha del extracto */ } /* Estilo para el extracto del post */ .post-excerpt { text-align:justify; color: #0D0D0D; font-family: 'Montserrat', sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: 26px; /* 130% */ margin-bottom: 30px; /* Separar el extracto del botón */ } /* Estilo para el botn */ .post-button { display: inline-flex; padding: 13px 26px; justify-content: center; align-items: center; gap: 10px; border-radius: 99px; border: 0px solid #4CB5AC; background: #4CB5AC; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10); color: #FFF; font-family: 'Montserrat', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ text-decoration: none; transition: background-color 0.3s ease; /* Añadir una transición para el hover */ } .post-button:hover { background: #78D0C6; /* Color de fondo para el hover */ border-color: #78D0C6; /* Cambiar también el color del borde en el hover */ } /* Estilo para el contenedor de noticias adicionales */ .noticias-adicionales { display: flex; flex-wrap: wrap; gap: 20px; } @media (max-width: 768px) { .noticias-adicionales { flex-direction: column; /* Disponer los elementos en columna en móviles */ align-items: center; /* Centrar los elementos en móviles */ } } /* Estilo para cada noticia adicional */ .noticia-adicional { flex: 1 1 calc(33.333% - 20px); position: relative; max-width: 413px; } @media (max-width: 768px) { .noticia-adicional { width: 100%; /* Ancho completo en móviles */ max-width: 100%; /* Ancho máximo completo en móviles */ } } .additional-thumbnail-container { display: block; text-decoration: none; border-radius: 8px; overflow: hidden; position: relative; } .additional-post-thumbnail { width: 100%; height: 320px; object-fit: cover; border-radius: 24px; position: relative; z-index: 1; /* Asegurar que la imagen esté en el fondo */ transition: filter 0.3s ease; /* Añadir transición para el filtro */ } .additional-thumbnail-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 24px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 13.75%, rgba(0, 0, 0, 0.85) 100%); z-index: 2; /* Asegurar que el gradiente esté sobre la imagen */ transition: opacity 0.3s ease; } .additional-thumbnail-container:hover::before { opacity: 0.7; /* Ajustar la opacidad para oscurecer más en el hover */ } .additional-thumbnail-container:hover .additional-post-thumbnail { filter: brightness(0.8); } .post-info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 0; box-sizing: border-box; z-index: 3; /* Asegurar que el texto esté sobre el gradiente */ } .additional-post-title { color: #FFF; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 17px; font-style: normal; font-weight: 500; line-height: 26px; /* 130% */ margin: 0 0 10px 0; /* Separar el título de la fecha */ padding: 0 20px; /* Añadir padding a los lados del título */ } .additional-post-date { color: #FFF; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 12px; font-style: normal; font-weight: 500; line-height: 14px; /* 116.667% */ margin: 0; padding-bottom: 20px; /* Separar la fecha de la imagen */ } /* Estilo para el contenedor del botón "Ver más noticias" */ .ver-mas-noticias-wrapper { display: flex; justify-content: center; margin-top: 40px; } .ver-mas-noticias-container { display: flex; align-items: center; max-width: 1280px; width: 100%; } .linea { flex-grow: 1; height: 1px; background-color: #CCD2D5; } .linea-izquierda { margin-right: 40px; } .linea-derecha { margin-left: 40px; } .ver-mas-noticias-button { display: inline-flex; padding: 13px 26px; justify-content: center; align-items: center; gap: 10px; border-radius: 99px; border: 0px solid #4CB5AC; background: #4CB5AC; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10); color: #FFF; font-family: 'Montserrat', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ text-decoration: none; transition: background-color 0.3s ease; /* Añadir una transición para el hover */ } .ver-mas-noticias-button:hover { background: #78D0C6; /* Color de fondo para el hover */ border-color: #78D0C6; /* Cambiar también el color del borde en el hover */ } /* Estilo para la sección de ubicación */ #ubicacion { padding: 20px 20px; margin-top: 40px; margin-bottom: 60px; display: flex; justify-content: center; align-items: center; } #ubicacion-igualdad{ padding: 20px 20px; margin-top: 40px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; } .video-ubicacion-container { width: 100%; max-width: 1280px; display: flex; justify-content: space-between; /* Espacio entre los módulos */ gap: 20px; flex-wrap: wrap; /* Envolver en móviles */ } .video, .ubicacion { flex: 1; } .video-card, .ubicacion-card { border-radius: 24px; /* Ajusta el borde redondeado */ border: 1px solid #E4E7E9; background: var(--Blanco-50, #FFF); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10); height: 460px; padding: 20px; box-sizing: border-box; position: relative; /* Asegura que los elementos hijos posicionados absolutamente se alineen correctamente */ overflow: hidden; /* Evita que el contenido desborde */ } .video-iframe, .ubicacion-iframe { width: 100%; height: 100%; border: 0; border-radius: 12px; /* Ajusta el borde redondeado */ } .video-overlay-container { position: relative; width: 100%; height: 100%; border-radius: 12px; /* Ajusta el borde redondeado */ overflow: hidden; /* Asegura que los elementos hijos no se desborden */ } .video-overlay-image { width: 100%; height: 100%; object-fit: cover; cursor: pointer; position: absolute; top: 0; left: 0; z-index: 1; border-radius: 12px; /* Ajusta el borde redondeado */ transition: background 0.3s ease; /* Transición para el fondo */ } .video-card:hover .video-overlay-image { background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 13.75%, rgba(0, 0, 0, 0.85) 100%); } .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; /* Ajusta el tamaño del ícono segn sea necesario */ height: 64px; /* Ajusta el tamaño del cono según sea necesario */ opacity: 0.6; /* Transparencia del 60% */ z-index: 2; transition: opacity 0.3s ease; /* Transición para la opacidad */ } .video-card:hover .play-icon { opacity: 1; /* Opacidad al 100% en hover */ } .video-iframe { width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0; z-index: 3; display: none; border-radius: 12px; /* Ajusta el borde redondeado */ } /* Media queries para dispositivos móviles */ @media (max-width: 768px) { .video-ubicacion-container { flex-direction: column; /* Cambia la dirección a columna */ gap: 20px; /* Espacio entre módulos en móviles */ } .video, .ubicacion { width: 100%; /* Asegura que los módulos ocupen todo el ancho en móviles */ } .video-card, .ubicacion-card { height: auto; /* Ajusta la altura automáticamente */ padding: 20px; /* Mantn el padding de 20px para móviles */ } .video-iframe, .ubicacion-iframe { height: 300px; /* Ajusta la altura del iframe para móviles */ position: relative; display: block; border-radius: 12px; /* Mantén el borde redondeado */ } .video-overlay-image, .play-icon { position: relative; display: block; border-radius: 12px; /* Mantén el borde redondeado */ } .video-overlay-container { height: 300px; /* Ajusta la altura automáticamente */ } .play-icon { width: 48px; /* Ajusta el tamaño del ícono en móviles */ height: 48px; /* Ajusta el tamaño del ícono en móviles */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } /* Inicia estilos del modal */ .modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; } .modal-content { background-color: #fefefe; border: 1px solid #888; padding: 20px; position: relative; max-width: calc(100% - 40px); /* 20px margin on each side */ max-height: calc(100% - 40px); /* 20px margin on each side */ border-radius: 24px; /* Border radius for the modal */ } .modal img { max-width: 100%; height: auto; border-radius: 8px; /* Border radius for images */ } .modal embed{ width: 100%; height: 80vh; /* Ajuste la altura como desee */ border-radius: 8px; /* Border radius for embed */ } .close { position: absolute; top: -30px; /* 30px arriba del modal */ right: -30px; /* 30px a la derecha del modal */ width: 36px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 2; /* Ensure it's above the modal */ } .close img { width: 100%; height: 100%; /* No transition or hover effect */ } /*diseño especial para igualdad*/ #customModal .modal-content{ max-width: 50%; width:50%; } .modal iframe { width: 100%; height: 50vh; /* Ajuste la altura como desee */ border-radius: 8px; /* Border radius for embed */ } /* Termina estilos del modal */ /* Inicia estilos específicos para PDFs */ .modal .modal-content.pdf-modal, #customModal .modal-content { max-width: 50% !important; /* 50% del ancho del viewport */ width: 50% !important; /* Asegura que el ancho sea 50% */ } /* Termina estilos específicos para PDFs */ /* Media queries para ajustar el tamaño en dispositivos móviles */ @media (max-width: 1200px) { .modal .modal-content.pdf-modal, #customModal .modal-content { max-width: 70% !important; width: calc(70% - 40px) !important; /* Restando márgenes */ } } @media (max-width: 992px) { .modal .modal-content.pdf-modal, #customModal .modal-content { max-width: 90% !important; width: calc(90% - 40px) !important; /* Restando márgenes */ } } @media (max-width: 768px) { .modal .modal-content.pdf-modal, #customModal .modal-content { max-width: calc(100% - 40px) !important; /* Asegura que el ancho sea 100% con márgenes */ width: calc(100% - 40px) !important; /* Asegura que el ancho sea 100% con márgenes */ margin: 0 20px; /* Márgenes de 20px a los lados */ } } /* Asegúrate de que html y body ocupen el 100% de la altura */ html, body { margin: 0; padding: 0; overflow-x: hidden; /* Esto evitará cualquier desplazamiento horizontal en toda la página */ scroll-behavior: smooth; } /* Contenedor principal del sitio */ .site { display: flex !important; flex-direction: column !important; min-height: 100vh !important; /* Asegura que #page ocupe al menos el 100% de la altura de la ventana */ } /* Contenido del sitio */ .site-content { flex: 1 0 auto !important; } /* Estilo para el Footer */ .footer-container { width: 100%; height: 340px; background-color: #0D0D0D; display: flex; justify-content: center; align-items: center; padding-top: 60px; padding-bottom: 60px; box-sizing: border-box; bottom: 0; } .footer-content { text-align: center; color: var(--Blanco-50, #FFF); } .footer-logo { margin: 0 auto; display: block; } .footer-title { color: var(--Blanco-50, #FFF); font-family: 'Montserrat', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ margin-top: 20px; } .footer-address { color: var(--Blanco-50, #FFF); font-family: 'Montserrat', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin-top: 20px; } .footer-social { margin-top: 20px; display: flex; justify-content: center; gap: 20px; } .footer-social a img { width: 16px; height: 16px; transition: filter 0.3s ease; } .footer-social a:hover img { filter: brightness(0) saturate(100%) invert(48%) sepia(74%) saturate(501%) hue-rotate(124deg) brightness(97%) contrast(87%); } /* Responsive adjustments for mobile devices */ @media (max-width: 768px) { .footer-content { padding-left: 20px; padding-right: 20px; } } /* <-- Termina Footer --> */ /* <-- Comienza Menú --> */ /* Estilos del encabezado */ .pjetam-site-header { background-color: #FFFFFF; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; box-sizing: border-box; position: relative; /* Asegura que los elementos dentro se posicionen correctamente */ } .pjetam-container { max-width: 1280px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; } .pjetam-logo img { padding: 20px 0; } @media (max-width: 768px) { .pjetam-logo img { padding: 20px 0 20px 10px; /* 10px de padding a la izquierda en dispositivos móviles */ } } @media (max-width: 1279px) { .boton-tribunal { display: none !important; /* Oculta el botón de tribunal en móviles */ } } .pjetam-main-nav { display: flex; /* Muestra el menú por defecto en resoluciones de escritorio */ flex-grow: 1; justify-content: center; /* Centra las opciones del menú */ align-items: center; /* Alinea verticalmente los elementos */ position: relative; } .pjetam-main-nav .pjetam-menu { display: flex; list-style: none; margin: 0; padding: 0; } .pjetam-main-nav .pjetam-menu > li { margin: 0 15px; /* Separacin entre opciones de 15px */ position: relative; } .pjetam-main-nav .pjetam-menu > li > a { text-decoration: none; color: var(--Gris-900, #24272A); font-family: 'Montserrat', sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; /* 142.857% */ display: flex; align-items: center; /* Alineación vertical */ padding: 10px 0; position: relative; } .pjetam-main-nav .pjetam-menu > li > a:hover, .pjetam-main-nav .pjetam-menu > li > a:focus { color: #63BDAD; /* Color al hover */ } .pjetam-main-nav .pjetam-menu > li.current-menu-item > a { color: #63BDAD; /* Color de la opción activa */ } /* Añadir chevron a las opciones con submenús */ .pjetam-main-nav .pjetam-menu > li.menu-item-has-children > a::after { content: ''; display: inline-block; width: 7px; /* Ancho del icono */ height: 4px; /* Alto del icono */ background-image: url('/wp-content/themes/theme/images/icon-chevron-down.svg'); /* Ruta corregida */ background-size: contain; background-repeat: no-repeat; margin-left: 5px; /* Separación del icono */ } /* Estilo para los submenús */ .pjetam-main-nav .pjetam-menu li ul { display: none; /* Ocultar submenús por defecto */ position: absolute; top: 100%; left: 0; background: var(--Blanco-50, #FFF); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.10); border-radius: 12px; list-style: none; padding: 20px; margin: 0; z-index: 1000; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 200px; /* Ancho mínimo */ max-width: 300px; /* Ancho máximo */ } .pjetam-main-nav .pjetam-menu li:hover > ul { display: inline-flex; } .pjetam-main-nav .pjetam-menu li ul li { width: 100%; /* Asegura que los elementos del submenú ocupen todo el ancho del contenedor */ } .pjetam-main-nav .pjetam-menu li ul li a { color: var(--Gris-900, #24272A); font-family: 'Montserrat', sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; /* 142.857% */ padding: 10px; white-space: normal; /* Permite el salto de línea */ text-decoration: none; display: block; word-wrap: break-word; /* Ajuste de palabras largas */ overflow-wrap: break-word; /* Ajuste de palabras largas */ } .pjetam-main-nav .pjetam-menu li ul li a:hover { color: #4CB5AC; /* Color al hover en submenú */ background-color: #FFFFFF; /* Barra de color al hover */ } /* Estilos del botón de tribunal */ .boton-tribunal { display: inline-flex; align-items: center; justify-content: center; background-color: #0D0D0D; padding: 14px 20px; border-radius: 999px; text-decoration: none; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: background-color .5s, color .5s; /* Transición más lenta */ margin-left: auto; /* Asegura que el botón esté a la derecha */ } .boton-tribunal:hover { background-color: #4CB5AC; color: white; } .texto-boton { color: var(--Blanco-50, #FFF); font-family: 'Montserrat', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; transition: color .5s; /* Transición más lenta */ } /* Estilos del icono de menú */ .menu-icon { display: none; /* Oculto por defecto en resoluciones de escritorio */ } @media (max-width: 1024px) { .pjetam-main-nav { display: none; /* Oculta el menú en resoluciones menores a 1024px */ } .menu-icon { display: block; /* Muestra el icono de menú en móviles */ cursor: pointer; /* Cambia el cursor para indicar que es clicable */ } } .menu-open .pjetam-main-nav { display: flex; /* Muestra el menú en móviles */ flex-direction: column; /* Alinea los elementos del menú en columna */ position: absolute; top: 100%; left: 0; background-color: white; width: 100%; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; } .menu-open .pjetam-main-nav .pjetam-menu { flex-direction: column; width: 100%; padding-left: 20px; /* Añade padding a la izquierda del menú */ } .menu-open .pjetam-main-nav .pjetam-menu > li { margin: 10px 0; /* Espacio entre los elementos del menú */ width: calc(100% - 20px); /* Asegura que los elementos del menú no se desborden */ font-weight: 700; /* Añade negrita a las opciones del menú principal */ } @media (max-width: 1024px) { .menu-open .pjetam-main-nav .pjetam-menu li ul { display: block; /* Mostrar submenús en dispositivos móviles cuando el menú está abierto */ position: relative; /* Ajustar posición */ top: auto; /* Ajustar top */ left: auto; /* Ajustar left */ box-shadow: none; /* Eliminar sombra */ padding: 0; /* Eliminar padding */ background: none; /* Eliminar fondo */ margin-top: 10px; /* Añadir margen superior */ } .menu-open .pjetam-main-nav .pjetam-menu li ul li { margin-left: 20px; /* Añadir margen izquierdo a los elementos del submenú */ font-weight: 500; /* Mantener el peso de fuente normal para los submenús */ } } /* <-- Termina Menú --> */ /* Inicio de estilos para las tablas de PJETAM */ .pjetam-table-container { width: 100% !important; max-width: 100% !important; /* Ancho completo */ margin: 0 auto !important; /* Centra el contenedor */ } .pjetam-table { width: 100% !important; /* Ancho completo */ border-collapse: collapse !important; margin: 20px 0 !important; /* Margen superior e inferior de 20px */ max-width: 100% !important; /* Ancho completo */ border: none !important; /* Elimina el borde de la tabla */ } .pjetam-table th, .pjetam-table td { padding: 10px !important; text-align: left !important; font-family: Montserrat !important; font-size: 16px !important; font-style: normal !important; font-weight: 400 !important; line-height: 24px !important; color: #24272A !important; /* Color del texto */ border: none !important; /* Elimina los bordes de las celdas */ } .pjetam-table th { background-color: #F5F6F6 !important; font-weight: 600 !important; /* Los encabezados de las tablas son más oscuros */ border-bottom: none !important; /* Elimina el borde inferior de los encabezados */ } .pjetam-table tr:nth-child(even) { background-color: #F5F6F6 !important; } .pjetam-table tr:nth-child(odd) { background-color: #FBFBFB !important; } /* Elimina el hover para toda la fila */ .pjetam-table tr:hover td, .pjetam-table tr:hover th { color: inherit !important; /* Restablece el color original */ } /* Aplica hover solo a los enlaces */ .pjetam-table a { text-decoration: none !important; /* Sin subrayado en los enlaces */ color: inherit !important; /* Color del enlace igual al texto */ } .pjetam-table a:hover { text-decoration: none !important; /* Sin subrayado en los enlaces al hacer hover */ color: #4CB5AC !important; /* Color del texto en hover */ } /* Estilos para el ícono de descarga */ .pjetam-table .icon-download { width: 24px; /* Asegura que el tamaño sea el deseado */ transition: filter 0.1s ease; /* Transición suave para el cambio de color */ } /* Aplica el color de hover al icono */ .pjetam-table .download-link:hover .icon-download { filter: invert(40%) sepia(100%) saturate(500%) hue-rotate(130deg) brightness(95%) contrast(90%); } /* Fin de estilos para las tablas de PJETAM */ .pjetam-table-text { color: #24272A; font-family: 'Montserrat', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; /* 150% */ } .pjetam-text-accordion { padding-left: 25px !important; /* Incrementa el padding total para acomodar el punto y el espacio */ font-weight: 400 !important; color: #24272A !important; font-size: 14px !important; position: relative; /* Asegura que el pseudo-elemento se posicione correctamente */ } .pjetam-text-accordion::before { content: '›'; /* Define el contenido antes del texto */ position: absolute; /* Posiciona el pseudo-elemento de forma absoluta */ left: 0; /* Coloca el punto en el borde izquierdo del contenedor */ width: 20px; /* Define un ancho para el espacio del punto */ text-align: right; /* Alinea el punto a la derecha del espacio */ color: #24272A; /* Color del punto */ font-weight: 400; /* Peso de la fuente del punto */ font-size: 14px; /* Tamaño de la fuente del punto */ } .pjetam-text-accordion-min { padding-left: 45px !important; /* Incrementa el padding total para acomodar el guion, el espacio y el texto */ font-weight: 400 !important; color: #495055 !important; font-size: 14px !important; position: relative; /* Asegura que el pseudo-elemento se posicione correctamente */ } .pjetam-text-accordion-min::before { content: '»'; /* Define el contenido antes del texto */ position: absolute; /* Posiciona el pseudo-elemento de forma absoluta */ left: 0; /* Coloca el guion en el borde izquierdo del contenedor */ width: 40px; /* Define un ancho para el espacio del guion */ text-align: right; /* Alinea el guion a la derecha del espacio */ color: #24272A; /* Color del guion */ font-weight: 400; /* Peso de la fuente del guion */ font-size: 14px; /* Tamaño de la fuente del guion */ margin-right: 5px; /* Espacio entre el guion y el texto */ } /* Estilos para el H3 con clase pjetam-H3 */ .pjetam-H3 { color: #24272A; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 600; line-height: 30px; /* 150% */ text-transform: uppercase; position: relative; /* Para posicionar la línea */ padding-right: 0px; /* Espacio para la línea */ display: inline-block; /* Para permitir el uso de ::after correctamente */ width: auto; } .pjetam-H3::after { content: ''; position: absolute; left: 100%; /* Comienza después del texto */ margin-left: 20px; /* Espacio de 20px desde el final del texto */ top: 50%; transform: translateY(-50%); /* Centrar verticalmente */ width: calc(1280px - 100% - 20px); /* Ajusta el ancho de la línea dentro del contenedor */ max-width: calc(100vw - 100% - 40px); /* Ajusta la línea para que no salga del contenedor en resoluciones pequeñas */ height: 0.5px; background-color: #CCD2D5; } .pjetam-H4 { color: #24272A; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: 30px; /* 150% */ text-transform: uppercase; /* Siempre en mayúsculas */ } .pjetam-page-modal { display: none; /* Asegúrate de que el modal esté inicialmente oculto */ position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); align-items: center; justify-content: center; display: flex; /* Asegúrate de que el modal use flexbox */ } .pjetam-page-modal-content { background-color: #F5F6F6; border: 1px solid #888; padding: 20px; position: relative; width: 60%; /* Ancho del 50% del navegador */ max-width: calc(100% - 40px); /* 20px margin en cada lado */ max-height: calc(100% - 40px); /* 20px margin en cada lado */ border-radius: 24px; /* Border radius para el modal */ overflow: hidden; /* Asegúrate de que el contenido no se desborde */ } .pjetam-page-modal-close { color: #aaa; position: absolute; top: 10px; right: 20px; font-size: 28px; font-weight: bold; } .pjetam-page-modal-close:hover, .pjetam-page-modal-close:focus { color: black; text-decoration: none; cursor: pointer; } #page { display: flex; flex-direction: column; min-height: 100vh; } #content { flex: 1; } #site-footer { position: relative; } .noticias { width: 50% !important; margin: 0 auto; } /* Asegurarse de que la imagen destacada sea full width */ .custom-article-unique, .custom-wrapper-unique { width: 100% !important; max-width: 100vw !important; margin: 0 auto !important; padding: 0 !important; } .noticias-unique { width: 100% !important; max-width: 100vw !important; } .image-unique { width: 100% !important; height: auto !important; object-fit: cover !important; } .overlay-unique { /* Estilos para la superposición si necesitas alguno adicional */ } .content-unique { text-align: justify !important; } .title-unique, .date-unique { /* Puedes agregar cualquier personalización adicional para los títulos o las fechas */ } /* Ajuste para pantallas de escritorio */ @media (min-width: 1024px) { .title-unique { font-size: 2.5rem !important; /* Tamaño de fuente adecuado para escritorio */ line-height: 1.2 !important; /* Ajuste de interlineado para mejorar la lectura */ } } /* Ajuste para pantallas móviles */ @media (max-width: 1023px) { .title-unique { font-size: 1.5rem !important; /* Tamaño de fuente adecuado para móvil */ line-height: 1.4 !important; /* Mayor interlineado para una lectura cómoda en móvil */ } } /* Estilo para la galería en dispositivos grandes (escritorio) */ .gallery { display: grid; gap: 10px; /* Reducir el espacio entre las imágenes tanto vertical como horizontal */ } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } /* Ajuste de márgenes y paddings para reducir el espacio vertical */ .gallery img { margin: 0 !important; /* Eliminar márgenes entre las imágenes */ padding: 0 !important; /* Asegurarse de que no haya relleno extra */ width: 100%; height: auto; object-fit: cover; } /* Ajustes específicos para pantallas pequeñas (móviles) */ @media (max-width: 768px) { .gallery { grid-template-columns: repeat(2, 1fr) !important; /* Mostrar 2 columnas en móviles para evitar imágenes muy grandes */ gap: 5px; /* Reducir el espacio entre las imágenes para móviles */ } .gallery img { margin: 0 !important; /* Mantener imágenes sin márgenes */ } } .year-selector { margin-bottom: 20px; display: flex; align-items: center; } .year-selector label { margin-right: 10px; font-weight: bold; } #news-container { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; } @media (min-width: 768px) { #news-container { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { #news-container { grid-template-columns: repeat(3, 1fr); } } .year-selector { margin-bottom: 20px; display: flex; justify-content: center; align-items: center; } #news-container { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; } @media (min-width: 768px) { #news-container { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { #news-container { grid-template-columns: repeat(3, 1fr); } } /* Estilo para cambiar el focus ring a negro */ select:focus { outline: none; /* Quita el outline por defecto */ box-shadow: 0 0 0 0px black; /* Añade el borde negro al hacer focus */ border-color: black; /* Cambia el color del borde también */ } .image-unique { border-radius: 1rem !important; /* Forzamos el border-radius en todos los lados */ overflow: hidden; /* Aseguramos que el contenedor respete el border-radius */ } .noticias-unique { border-radius: 1rem !important; /* Esto aplica el mismo efecto al contenedor */ overflow: hidden; /* Esto asegura que el contenido dentro respete el border-radius */ } .gallery-item img { border-radius: .5rem !important; overflow: hidden; } .related-posts h2 { font-size: 1.75rem; margin-bottom: 20px; } .related-post-item { border-radius: 0.75rem; transition: transform 0.3s ease; } .related-post-item:hover { transform: scale(1.05); } .related-post-item img { border-radius: 0.75rem; } /* Contenedor general del slider */ .comunicados-banner { max-width: 1310px; /* Ajusta el tamaño según necesites */ margin: 0 auto; padding: 0 15px; position: relative; /* Necesario para controlar los elementos dentro */ border-radius: 20px; /* Border-radius en el contenedor del slider */ overflow: hidden; /* Mantén el contenido dentro del borde redondeado */ } /* El wrapper que maneja Slick.js debe respetar el border-radius */ .slick-list { border-radius: 20px; /* Aplica border-radius en el contenedor que maneja los slides */ overflow: hidden; /* Esconde cualquier contenido que sobresalga durante las transiciones */ } /* Los slides también deben respetar el border-radius */ .slick-slide { border-radius: 20px; text-align: center; } /* Asegura que las imágenes se ajusten correctamente */ .slick-slide img { width: 100%; height: auto; display: block; } /* Estilos para las flechas de navegación */ .slick-prev, .slick-next { background: none; border: none; font-size: 1.5rem; color: #0D0D0D; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer; } .slick-prev { left: 40px; } .slick-next { right: 40px; } .slick-prev:hover, .slick-next:hover { color: #4CB5AC; } /* Estilos para busqueda de noticias */ /* Spinner */ .spinner { border: 4px solid rgba(0, 0, 0, 0.1); border-left-color: #000; border-radius: 50%; width: 24px; height: 24px; animation: spin 1s linear infinite; margin: 0 auto; } @keyframes spin { to { transform: rotate(360deg); } } /* Asegurar que el grid siempre esté activo */ .noticias-adicionales { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; align-items: start; } /* Ajustar las noticias para evitar espacios */ .noticia-adicional { min-height: 200px; /* Establecer una altura mínima */ } /* Clase 'loading' para hacer que los elementos se vean mientras cargan */ #news-container.loading { opacity: 0.5; /* Reduce la opacidad cuando está cargando */ } /* Añadir espacio entre el selector de año y el input */ #news-year { margin-right: 15px !important; /* Añadir espacio de 15px entre los elementos */ } /* Cambiar el color del borde del input al hacer foco */ #news-search:focus { outline: none !important; /* Eliminar el contorno */ border-color: black !important; /* Hacer el borde transparente */ box-shadow: none !important; /* Eliminar cualquier sombra */ } #pjetamPageModal{ display:none; } /* Estilo para la sección mensaje-igualdad */ .mensaje-igualdad-container { width: 100%; /* Hacer la sección de ancho completo */ min-height: 585px; /* Establecer la altura mínima de la sección */ background-color: white; /* Fondo de color #23272A */ display: flex; /* Usar flexbox para centrar el contenido */ justify-content: center; /* Centrar horizontalmente */ align-items: center; /* Centrar verticalmente */ padding-left: 20px; /* Añadir padding a la izquierda */ padding-right: 20px; /* Añadir padding a la derecha */ box-sizing: border-box; /* Incluir padding en el tamao total del contenedor */ } /* Estilo para el contenedor interno */ .mensaje-igualdad-content, .legislacion-content { width: 100%; max-width: 1280px; /* Ancho máximo para el contenido */ display: flex; /* Usar flexbox para alinear el texto y la imagen */ justify-content: space-between; /* Espacio entre el texto y la imagen */ align-items: center; /* Alinear elementos verticalmente */ flex-wrap: wrap; /* Permitir que el contenido se envuelva */ } /* Estilo para el contenedor de texto */ .mensaje-igualdad-text, .legislacion-text { flex: 1; /* Ocupa el espacio disponible a la izquierda */ color: #24272a; /* Color de texto según especificado */ text-align: left; /* Texto alineado a la izquierda */ font-family: 'Montserrat', sans-serif; /* Fuente Montserrat */ font-size: 14px; /* Tamao de fuente */ font-style: normal; /* Estilo normal */ font-weight: 400; /* Peso de fuente */ line-height: 20px; /* Altura de línea */ min-width: 300px; /* Ancho mínimo para el contenedor de texto */ margin-right: 20px; /* Espacio entre el texto y la imagen */ padding-top: 20px; /* Añadir padding superior */ padding-bottom: 20px; /* Añadir padding inferior */ } /* Estilo para el título de bienvenida igualdad */ .mensaje-bienvenida-igualdad-title { display: flex; align-items: baseline; gap: 8px; margin-bottom: 32px; /* Espacio de 32px debajo del título */ } .pre-title{ margin-bottom:12px; } .pre-title:after{ content: ""; width: 120px; height: 1px; display: inline-block; background: #f29c9b; margin: 4px 10px; } /*ESTILOS DE CONSEJO LANDING PAGE*/ .titulo-consejo-landing { color: #3E958E; /* Color del texto */ font-family: 'Montserrat', sans-serif; /* Fuente Montserrat */ font-size: 32px; /* Tamaño de fuente */ font-style: normal; /* Estilo normal */ font-weight: 700; /* Peso de fuente */ line-height: 14px; /* Altura de línea */ } .pre-title-consejo-landing{ margin-bottom:12px; } .pre-title-consejo-landing:after{ content: ""; width: 120px; height: 1px; display: inline-block; background: #D9B768; margin: 4px 10px; } .min-height-consejo-landing{ min-height:400px !important; } /*FIN ESTILOS DE CONSEJO LANDING PAGE*/ .mensaje-de-igualdad { color: #7644bf; /* Color del texto */ font-family: 'Montserrat', sans-serif; /* Fuente Montserrat */ font-size: 32px; /* Tamaño de fuente */ font-style: normal; /* Estilo normal */ font-weight: 700; /* Peso de fuente */ line-height: 14px; /* Altura de línea */ } /*numeración funciones igualdad - eventos*/ .eventos-igualdad-container { width: 100%; /* Hacer la sección de ancho completo */ min-height: 585px; /* Establecer la altura mínima de la sección */ background-color: white; /* Fondo de color #23272A */ display: flex; /* Usar flexbox para centrar el contenido */ justify-content: center; /* Centrar horizontalmente */ align-items: center; /* Centrar verticalmente */ padding-left: 20px; /* Añadir padding a la izquierda */ padding-right: 20px; /* Añadir padding a la derecha */ box-sizing: border-box; /* Incluir padding en el tamao total del contenedor */ } .eventos-instituciones-container{ width: 100%; /* Hacer la sección de ancho completo */ min-height: 300px; /* Establecer la altura mínima de la sección */ background-color: white; /* Fondo de color #23272A */ display: flex; /* Usar flexbox para centrar el contenido */ justify-content: center; /* Centrar horizontalmente */ align-items: center; /* Centrar verticalmente */ padding-left: 20px; /* Añadir padding a la izquierda */ padding-right: 20px; /* Añadir padding a la derecha */ box-sizing: border-box; /* Incluir padding en el tamao total del contenedor */ } .img-instituciones{ justify-self:center; } .img-card{ border-radius: 24px; border: 1px solid #E4E7E9; background: var(--Blanco-50, #FFF); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10); padding: 20px; box-sizing: border-box; position: relative; overflow: hidden; } /*diseño icono igualdad*/ .number-icon{ color: #f29c9b; height: 50px; width: 50px; font-size: 37px; border-radius: 1rem; line-height: 1.9; background-color:white; text-align:justify; display:flex; align-items:center; } /*color morado igualdad*/ .color-alterno{ color: #7644bf; } /*espacio entre dos columnas de grid*/ .col-space{ padding-left: 10px; } /*alinear icono y texto*/ .col-span-2.flex{ align-items: center; padding: 5px; } .w-full > p{ text-align: justify; } /*estilo de botones para sección noticias en igualdad*/ .ver-mas-noticias-button-igualdad, .post-button-igualdad{ display: inline-flex; padding: 13px 26px; justify-content: center; align-items: center; gap: 10px; border-radius: 99px; border: 0px solid #f17a75; background: #f17a75; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10); color: #FFF; font-family: 'Montserrat', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; text-decoration: none; transition: background-color 0.3s ease; } .post-button-igualdad:hover, .ver-mas-noticias-button-igualdad:hover{ background: #f4aaa9; border-color: #f4aaa9; } /*estilo para pagina legislacion igualdad*/ .icon-legislacion{ font-size:60px; padding: 1rem; } .titulo-legislacion{ padding: 0 1rem 1rem 1rem; } .col-space-grid{ height:10px; } div.card-legislacion{ margin:10px; } /*estilo del botón de legislacion igualdad*/ .ver-documento-igualdad{ display: inline-flex; padding: 13px 26px; justify-content: center; align-items: center; gap: 10px; border-radius: 99px; /* border: 1px solid #f17a75; */ border-bottom: 1px solid #f17a75; background: #ffffff; border-right: 1px solid #f17a75; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10); color: #f17a75; font-family: 'Montserrat', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; text-decoration: none; transition: background-color 0.3s ease; } /*efecto hover sobre botón legislación igualdad*/ .ver-documento-igualdad:hover{ background: #f4aaa9; border-color: #f4aaa9; color: white; } /*diseño de tarjeta para los artículos*/ .additional-thumbnail-container-articulo { display: block; text-decoration: none; border-radius: 8px; overflow: hidden; position: relative; } .additional-post-thumbnail-articulo { width: 100%; height: 320px; object-fit: cover; border-radius: 24px; position: relative; z-index: 1; /* Asegurar que la imagen esté en el fondo */ transition: filter 0.3s ease; /* Añadir transición para el filtro */ } .additional-thumbnail-container-articulo::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 24px; /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 13.75%, rgba(0, 0, 0, 0.1) 100%);*/ z-index: 2; /* Asegurar que el gradiente esté sobre la imagen */ transition: opacity 0.3s ease; } .additional-thumbnail-container-articulo:hover::before { opacity: 0.7; /* Ajustar la opacidad para oscurecer más en el hover */ } .additional-thumbnail-container-articulo:hover .additional-post-thumbnail-articulo { filter: brightness(0.8); } .hide-title{ display:none; } .w-4 { width:1rem; } .h-4{ height:1rem; } .accordion-border{ border-color: #fdb4b8; border-bottom-width: 1px; } .text-slate-800 svg{ color:#cf2b34; } .text-justify{ text-align:justify; }