/*
Theme Name: smuv1
Theme URI: http://underscoresbanners
me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: smuv1
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

smuv1 is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Custom
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Custom
--------------------------------------------------------------*/


/* @import "SMU-style.css?v=1.1"; */


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

body {
    /* font-family: 'Open Sans', Arial, sans-serif; */
    /* font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
    font-family: system-ui, sans-serif;
    margin: 0;
    bottom: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #191919;
    color: rgba(0, 0, 0, 0.8);
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 0.5em;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: var(--oscuro);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
/*     font-family: 'Open Sans', Arial, sans-serif; */
    font-family: system-ui, sans-serif;
    
}

p {
    margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
    padding: 0 0 0 1rem;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: var(--claro, #eee);
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* img{
    display: block;
    max-width: 99%;
    height: auto;
    font-style: italic;
    vertical-align: middle;
    margin: 0 0 1em 0
}
 */

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: #191919;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

select {
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}
*/
textarea {
    width: 100%;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/* Do not show the outline on the skip link target. */
/* skip link agregado 2025-03-26 para WAC */
.skip-link {
    position: absolute;
    top: -100px;
    left: 0;
    background: #fff;
    padding: 10px;
    z-index: 1000;
  }
  
  .skip-link:focus {
    top: 10px; /* Adjust position when focused */
  }

#content[tabindex="-1"]:focus {
    outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 1.5em;
}


/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/* Galerias viejas rediseñadas 2025 */
/*----------------------------------*/
/* Contenedor principal de la galería */
.galeria-contenedor {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  padding: 20px;
}

/* Cada ítem de la galería */
.galeria-item {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  background: #fff;
}

/* Contenedor de imagen */
.galeria-imagen-contenedor {
  display: block;
  aspect-ratio: 16/9;
  overflow: hidden;
}

/* Imagen en sí */
.galeria-imagen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.galeria-imagen:hover {
  transform: scale(1.03);
}

/* Texto descriptivo */
.galeria-titulo {
  padding: 15px 10px;
  text-align: center;
  color: #333;
  text-decoration: none;
  font-size: 0.95em;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  line-height: 1.4;
  background: #f8f9fa;
  transition: background 0.2s;
}

.galeria-titulo:hover {
  background: #e9ecef;
  text-decoration: underline;
}
/* Fin galerias viejas*/




/* todo esto lo agrego de acuerdo al tut */

.container {
    padding: 0 .5rem;
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
}

.m-container nav {
    color: #fff;
    background-color: transparent;
    width: 100%;
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    box-shadow: 0 0 0;
}

.site-branding {
    padding: 20px 30px;
}


/*--------------------------------------------------------------
## Responsive -creo que esto conviene moverlo para abajo del todo 2018-06-07
--------------------------------------------------------------*/

@media only screen and (min-width: 1200px) {
    body {
        font-size: 1.4rem !important;
    }
}


/* modifcamos el espaciado entre los iconos de las redes en el header */

@media (min-width: 992px) {
    .site-header .navbar li.redes {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
}


/*  Tablet  */

@media (min-width:767px) {
    /* Column clear fix */
    .col-lg-1:nth-child(12n+1),
    .col-lg-2:nth-child(6n+1),
    .col-lg-3:nth-child(4n+1),
    .col-lg-4:nth-child(3n+1),
    .col-lg-6:nth-child(2n+1),
    .col-md-1:nth-child(12n+1),
    .col-md-2:nth-child(6n+1),
    .col-md-3:nth-child(4n+1),
    .col-md-4:nth-child(3n+1),
    .col-md-6:nth-child(2n+1) {
        clear: none;
    }
    .col-sm-1:nth-child(12n+1),
    .col-sm-2:nth-child(6n+1),
    .col-sm-3:nth-child(4n+1),
    .col-sm-4:nth-child(3n+1),
    .col-sm-6:nth-child(2n+1) {
        clear: left;
    }
}

@media (max-width: 991px) {
    .redes-nav-pie {
        display: inline;
    }
    .site-header .navbar {
        min-height: 74px;
    }
}

@media (max-width:475px) {
    .navbar-brand {
        max-width: 60%;
    }
}

@media (min-width:476px) and (max-width:767px) {
    .navbar-brand {
        max-width: 35%;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .navbar-brand {
        max-width: 40%;
    }
}


/*  Medium Desktop  */

@media (min-width:992px) {
    /* Column clear fix */
    .col-lg-1:nth-child(12n+1),
    .col-lg-2:nth-child(6n+1),
    .col-lg-3:nth-child(4n+1),
    .col-lg-4:nth-child(3n+1),
    .col-lg-6:nth-child(2n+1),
    .col-sm-1:nth-child(12n+1),
    .col-sm-2:nth-child(6n+1),
    .col-sm-3:nth-child(4n+1),
    .col-sm-4:nth-child(3n+1),
    .col-sm-6:nth-child(2n+1) {
        clear: none;
    }
    .col-md-1:nth-child(12n+1),
    .col-md-2:nth-child(6n+1),
    .col-md-3:nth-child(4n+1),
    .col-md-4:nth-child(3n+1),
    .col-md-6:nth-child(2n+1) {
        clear: left;
    }
}


/*  Large Desktop  */

@media (min-width:1200px) {
    /* Column clear fix */
    .col-md-1:nth-child(12n+1),
    .col-md-2:nth-child(6n+1),
    .col-md-3:nth-child(4n+1),
    .col-md-4:nth-child(3n+1),
    .col-md-6:nth-child(2n+1),
    .col-sm-1:nth-child(12n+1),
    .col-sm-2:nth-child(6n+1),
    .col-sm-3:nth-child(4n+1),
    .col-sm-4:nth-child(3n+1),
    .col-sm-6:nth-child(2n+1) {
        clear: none;
    }
    .col-lg-1:nth-child(12n+1),
    .col-lg-2:nth-child(6n+1),
    .col-lg-3:nth-child(4n+1),
    .col-lg-4:nth-child(3n+1),
    .col-lg-6:nth-child(2n+1) {
        clear: left;
    }
}


/* ES PARA TENER LA MISMA ALTURA EN LAS COLUMNAS DENTRO DE UNA FILA */


/*  -------------
* lo comentamos el 2022-05-09 creo que fue un intento de hacer columnas del mismo alto 

@media only screen and (min-width: 768px) {
    .is-table-row {
        display: table;
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}

.is-table-row .box {
    position: static;
}
----------------
*/


/* ------------------------------------------------------------------------- */


/* - - - - -    PERSONALIZACIONES    - - - - -                               */


/* ------------------------------------------------------------------------- */


/*--------------------------------------------------------------
## los títulos -modificado el 20190316 para agregar la ecala tipográfica
##  https://type-scale.com/?size=16&scale=1.333&text=A%20Visual%20Type%20Scale&font=Oswald&fontweight=400&bodyfont=Poppins&bodyfontweight=400&lineheight=1.45&backgroundcolor=white&fontcolor=%23333&preview=false
--------------------------------------------------------------*/


/* agregados el 2023-02-02 */

/* Margin top */
.mt-0 { margin-top: var(--space-0); }
.mt-1 { margin-top: var(--space-1); }
.mt-2 { margin-top: var(--space-2); }
.mt-3 { margin-top: var(--space-3); }
.mt-4 { margin-top: var(--space-4); }

/* Margin bottom */
.mb-0 { margin-bottom: var(--space-0); }
.mb-1 { margin-bottom: var(--space-1); }
.mb-2 { margin-bottom: var(--space-2); }
.mb-3 { margin-bottom: var(--space-3); }
.mb-4 { margin-bottom: var(--space-4); }

/* Padding top */
.pt-0 { padding-top: var(--space-0); }
.pt-1 { padding-top: var(--space-1); }
.pt-2 { padding-top: var(--space-2); }
.pt-3 { padding-top: var(--space-3); }
.pt-4 { padding-top: var(--space-4); }

/* Padding bottom */
.pb-0 { padding-bottom: var(--space-0); }
.pb-1 { padding-bottom: var(--space-1); }
.pb-2 { padding-bottom: var(--space-2); }
.pb-3 { padding-bottom: var(--space-3); }
.pb-4 { padding-bottom: var(--space-4); }

/* Padding left */
.pl-0 { padding-left: var(--space-0); }
.pl-1 { padding-left: var(--space-1); }
.pl-2 { padding-left: var(--space-2); }
.pl-3 { padding-left: var(--space-3); }
.pl-4 { padding-left: var(--space-4); }

/* Padding right */
.pr-0 { padding-right: var(--space-0); }
.pr-1 { padding-right: var(--space-1); }
.pr-2 { padding-right: var(--space-2); }
.pr-3 { padding-right: var(--space-3); }
.pr-4 { padding-right: var(--space-4); }

/* Padding top + bottom */
.ptb-0 { 
  padding-top: var(--space-0); 
  padding-bottom: var(--space-0); 
}
.ptb-1 { 
  padding-top: var(--space-1); 
  padding-bottom: var(--space-1); 
}
.ptb-2 { 
  padding-top: var(--space-2); 
  padding-bottom: var(--space-2); 
}
.ptb-3 { 
  padding-top: var(--space-3); 
  padding-bottom: var(--space-3); 
}
.ptb-4 { 
  padding-top: var(--space-4); 
  padding-bottom: var(--space-4); 
}

/* Mas flexibls */
.mx-auto { margin-left: auto; margin-right: auto; }

.m-0 { margin: var(--space-0); }
.m-1 { margin: var(--space-1); }
.m-2 { margin: var(--space-2); }
.m-3 { margin: var(--space-3); }
.m-4 { margin: var(--space-4); }

.p-0 { padding: var(--space-0); }
.p-1 { padding: var(--space-1); }
.p-2 { padding: var(--space-2); }
.p-3 { padding: var(--space-3); }
.p-4 { padding: var(--space-4); }


.site-main :is(a) {
    text-decoration: none;
    color: var(--azul-smu);
}

.site-main :is(a):hover {
    text-decoration: underline;
}

.site-main h1 {
    font-size: 4.209rem;
    font-weight: 700;
    margin-top: 0;
    /* text-wrap: balance; */
}

.entry-title.noticias,
.site-main h2 {
    font-size: 3.157rem;
}

.site-main h2 {
    font-weight: 700;
}

h2.entry-title.titulo-seccion.titulo-revista-noticias {
    font-size: 1.8rem;
    margin-top: 0;
}

.site-main h3 {
    font-size: 2.369rem;
    font-weight: 600;
}

.site-main h4 {
    font-size: 1.777rem;
}

.site-main h5 {
    font-size: 1.333rem;
}

.site-main h6 {
    font-size: 1rem;
}

.site-main blockquote{
    margin-block: 3.5rem;
}

.entry-subtitle {
    color: var(--oscuro);
    color: rgba(77, 77, 77, 1);
    color: hsla(0, 0%, 35%, 1);
    font-size: 1.6rem;
    line-height: 1.35em;
    font-weight: 400;
}
/* removido el 2026-06-04
@media (min-width: 1281px) {
    .entry-subtitle {
        text-align: justify;
    }
}
*/
.entry-content {
    margin-top: 0;
    margin-bottom: 15px;
}
.entry-content--border-bottom-1{
    border-bottom: 1px solid hsl(var(--neutro-h) var(--neutro-s) var(--neutro-l));
    padding-bottom: 2em;    
}
.entry-title.noticias {
    margin-top: 0!important;
}

.entry-content h1 {
    font-size: 1rem;
    font-weight: 600;
}

.entry-subtitle {
    color: var(--oscuro);
    color: rgba(77, 77, 77, 1);
    color: hsla(0, 0%, 27%, 1);
    font-size: 1.4rem;
    line-height: 1.5em;
    font-weight: 600;
}

.page-parent h1 {
    display: none;
}


/*
## Encabezado
*/

.navbar.navbar-default {
    background: transparent;
}

.site-header{
    /* ajustado el 231208 */
    margin-block: 3rem;
}

.site-header .navbar {
    border-radius: 0;
    border: none;
}

.site-header .navbar a:hover {
    color: var(--azul-smu);
}

/* .site-header .navbar .active a,
.site-header .navbar .active a:visited {
    background-color: var(--claro, #eee);
    color: var(--azul-smu);
}
 */
.primary-navigation .current-menu-item > a,
.primary-navigation .current_page_item > a,
.primary-navigation .active > a {
    font-weight: 700;
}

/* ---- DESTACADAS ---------------------------------------- */

p.titulo-seccion {
    font-size: 1.6rem;
    /* se usa en el despliegue/archive de Noticias */
}

.titulo-seccion img {
    margin-top: 15px;
}

/* ---- PIE  ---------------------------------------- */

.site-footer {
    min-height: 250px;
    background-color: var(--oscuro);
    color: var(--claro, #eee);
    font-size: 0.9rem;
    margin-bottom: 0;
    bottom: 0;
}

.site-footer a:link,
.site-footer a:visited {
    font-size: 0.8rem;
    color: #f9f9f9;
}

.site-footer a:hover {
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
}

.site-footer hr {
    margin: 5px 0;
}

.col-footer2020 {
    min-height: 200px;
    /*2021-09-27 hacía que el footer se cortara, agregué "min" */
    display: flex;
    align-items: center;
    justify-content: center;
}

.col-footer2021 {
    display: grid;
    place-content: center;
}

.footer-flex {
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
}

@media screen and (max-width: 460px) {
    .col-footer2021 {
        text-align: center;
    }
}

.footer-texto {
    line-height: 1.4;
}


/* estilos para ubicar el zocalo al final de la pagina */


/* -------------------------------------------------------- */



#page {
    min-height: 100%;
    min-height: 100dvh;
}

footer {
    position: relative;
    min-height: 160px;
    clear: both;
    padding-top: 20px;
    color: var(--blanco-smu, #fff);
}


/* esto creo que era del widget calendar, se define en functions pero no estoy seguro dónde se usa, está mencionado en agenda y certificado */
.input-group-addon.input-ayuda {
    min-width: 44px;
}

/*--------------------------------------------------------------
## Generales
--------------------------------------------------------------*/

.diapo {
    color: var(--claro);
}


/* son los banners que acompañan a las noticias normales, el 30-5-2018 lo cambiamos a flex. Creo que ya no se usan 2021-09-21 */

section h3 {
    margin-top: 10px;
}

img.post {
    width: 100%;
}


/* Google CSE */

#google placeholder {
    display: none;
}


/* Estilos de navegación secundaria en páginas */

.navegacion_paginas {
    background-color: var(--azul-smu, #0093c7);
    color: var(--blanco-smu, #fff);
    margin: 0;
    padding: 1.5rem 15px;
}

#left-menu .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#left-menu .list-group-item {
    background-color: #ededed;
}

#left-menu .list-group-item:hover {
    background-color: #f4f4f4;
}

#left-menu .current-menu-item {
    font-weight: bold;
}

.site-main {
    padding-top: 0;
    font-size: 12pt;
    line-height: 16pt;
}

.tag-title {
    text-transform: capitalize;
}

.legacy {
    background-color: #E3CEB9;
    font-size: 0.9em;
    border: 1px solid #CDA882;
    padding: 15px;
    margin-bottom: 15px;
    -webkit-box-shadow: 10px 10px 3px -3px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 10px 10px 3px -3px rgba(0, 0, 0, 0.07);
    box-shadow: 10px 10px 3px -3px rgba(0, 0, 0, 0.07);
}

legend .leyenda {
    font-size: 0.761904762em;
    font-weight: 600;
}

input[type=submit] {
    font-size: 1em;
}


/* elimina el <h3> que pone ngg en las galerías */

.ngg-imagebrowser h3 {
    font-size: 1em;
    font-weight: 300;
    display: none;
}


/* corrige un defecto con las imágenes full que no dejaba margen debajo */

img.size-full {
    clear: both;
    margin-bottom: 1em;
}

label.obligatorio:after {
    content: "*";
    color: #d9534f;
}


/* No imprimir */

@media print {
    .no-print,
    .no-print * {
        display: none !important;
    }
}

.smu-svg--icons {
    max-width: 25px;
}

.svg-icons--oscuro {
    fill: var(--oscuro);
}
.smu-svg__footer--whatsapp {
    width: 1.25em;
    height: 1.25em;
}
/* es para el logo svg en el encabezado */

.logo-smu--home {
    margin-top: 2.5em;
}

.logo-smu--home2022 {
    width: clamp(9em, 14vw + 1em, 21em);
    display: block;
    aspect-ratio: 2 / 1;
}

.logo-smu--home.logo-smu--home-mobile {
    max-width: 110px;
    max-height: 110px;
    margin-top: 0;
    padding: 0 0.5em;
}

.redes .smu-svg {
    width: 20px;
    max-height: 20px;
    fill: rgba(255, 255, 255, 1);
    transition: all .2s ease-in-out;
}

.redes .smu-svg:hover,
.redes-footer .smu-svg:hover {
    fill: rgba(0, 149, 200, 1);
    --claro: rgba(0, 149, 200, 1);
    transform: scale(1.5);
}

.redes-footer {
    margin-right: 0.5em;
}

.redes-footer:last-child {
    margin-right: 0;
}


.banners_svg {
    width: 100%;
}

.banners_home {
    max-height: 115px;
    background: var(--oscuro, #3c3c3c);
    ;
}

.grid-gala {
    display: grid;
    grid-template-columns: 1fr;
}


/*
## Contact form 7
*/

.wpcf7-list-item {
    margin: 0 1em 1em 0;
}

.wpcf7-response-output {
    margin: 1em 0;
    color: #dc3545;
}

.wpcf7-validates-as-required.wpcf7-not-valid {
    border: 1px solid #dc3545;
    display: block;
}

span.wpcf7-not-valid-tip {
    display: none;
    /* lo puse, pero habría que mejorarlo */
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    background: rgb(193, 243, 204);
    border: 1px solid rgb(33, 167, 62);
    position: absolute;
    margin: 0 auto 1em auto;
    width: 100%;
    text-align: center;
}
/**2025-02-14 siguientes dos líneas resuelven problemas del responsive con los formularios */
.wpcf7-form-control-wrap select{
    max-width: 100%;
    width: 100%;
    display: block;
}
.wpcf7-form-control-wrap input.wpcf7-form-control {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

.contact-form-gris {
    background: #f4f4f4;
    padding: 1em 2em;
}

.grecaptcha-badge {
    visibility: hidden;
}


/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/

@media only screen and (min-device-width: 220px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .botones-home,
    .masinfo-home {
        margin-top: 15px;
    }
    .revista {
        border-bottom: 1px solid #ccc;
    }
    .site-main h1 {
        font-size: 2.4rem;
    }
}


/* max 320 screen only */


/* para samsung */

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-min-device-pixel-ratio: 4) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
    .flex-banners {
        flex-direction: row;
        justify-content: space-between;
        /*min-height: auto;*/
        margin-top: 0;
        width: 100%;
        cursor: pointer;
    }
    .flex-banners>a:not(:last-child) {
        margin-right: 1em;
    }
    .site-main h1 {
        font-size: 2.4rem;
    }
}


/* 
* Estos son los puntos de corte de BS  *
*/


/* lg */

@media only screen and (min-width: 1200px) {
    .grid-gala {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 15px;
    }
}


/* md */

@media (min-width: 992px) {}


/* sm */

@media only screen and (max-width: 768px) {
    html,
    body {
        height: 100%;
        overflow-x: hidden;
        /* previene que el translaeX del menu ppal en mobile cause overflow 2022-01-07 */
    }
}


/* xs */

@media screen and (max-width: 480px) {}


/*
 * Responsive text aligning
 * http://ohryan.ca/2014/08/14/set-responsive-text-alignment-bootstrap-3/
 */

.text-xs-left {
    text-align: left;
}

.text-xs-right {
    text-align: right;
}

.text-xs-center {
    text-align: center;
}

.text-xs-justify {
    text-align: justify;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left;
    }
    .text-sm-right {
        text-align: right;
    }
    .text-sm-center {
        text-align: center;
    }
    .text-sm-justify {
        text-align: justify;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left;
    }
    .text-md-right {
        text-align: right;
    }
    .text-md-center {
        text-align: center;
    }
    .text-md-justify {
        text-align: justify;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left;
    }
    .text-lg-right {
        text-align: right;
    }
    .text-lg-center {
        text-align: center;
    }
    .text-lg-justify {
        text-align: justify;
    }
}


/* nuevo footer */

.col-footer {
    margin-top: auto;
    margin-bottom: 2em;
}

.smu-svg__texto--blanco,
.smu-svg__cuerpo--blanco {
    fill: #fff;
}

.smu-svg-logo {
    fill: var(--oscuro, #3c3c3c);
}

.smu-svg-logo__header {
    fill: var(--azul-smu, #0194c8);
}


.cls-2 {
    fill: currentColor;
}

.cls-svg-stroke {
    stroke: var(--oscuro);
}


/* es para vue */

[v-cloak] {
    display: none;
}


/* loader para vue */

.progreso {
    display: inline-block;
    background: #ccc;
    width: 1200px;
    height: 30px;
    position: relative;
    border-radius: 15px;
    animation: verprogreso 2s ease-in-out 0s infinite
}

@keyframes verprogreso {
    0% {
        width: 200px;
    }
    30%,
    100% {
        width: 30%;
    }
    60%,
    100% {
        width: 66%;
    }
    100% {
        width: 100%;
    }
}


/**
Al parece esto corrige un problemita en Safari 
**/

.row:before,
.row:after {
    content: normal; // IE doesn't support `initial`
}


/**
* Esto es para los banners que no son banners en la parte de la portada Socios y Eventos
*/

.banner_cabezal {
    color: #fff;
    font-family: 'source-serif-pro';
    font-weight: 700;
    margin-top: 0.35rem;
}

.banner_cabezal__socios {
    font-size: 5rem;
    padding-left: 0.5em;
}


/* estilos de la portada 2021, los puse acá porque estaban inline 2021-04-11 */

.site-header .navbar a:link,
.site-header .navbar a:visited,
a.home__enlace,
a.home__enlace:visited {
    color: var(--oscuro, #3C3C3C);
}

a.home__enlace:hover {
    color: var(--azul-smu, #0095c8);
    text-decoration: none;
}

.navbar-collapse__smu100 {
    padding-top: 1.5em;
}

.navbar-logo-smu {
    max-width: 230px;
}

.notas__body {
    margin-top: 1em;
}

#menu-menu-principal a:hover {
    background: var(--claro, #eee);
    color: var(--oscuro, #3C3C3C);
}

#menu-menu-principal {
    padding-top: 10px;
    margin-top: -7px;
}

.redes .smu-svg {
    width: 20px;
    max-height: 20px;
    fill: var(--oscuro, #3C3C3C);
    transition: all .2s ease-in-out;
}

.redes-sociales__mobile {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    float: right;
    /* margin-right: 5px; 2021-09-28 */
    padding-right: 10px;
}

.redes-sociales__mobile li {
    float: left;
    margin-left: 8px;
    margin-top: -25px;
    padding: 0 0 15px 0;
}

.redes-nav {
    padding-top: 10px;
    margin-top: 3.5em;
}

.header-smu-buscar {
    /* background: var(--oscuro, #3C3C3C); */
    background: var(--claro, #eee);
}

input[type="text"].header-smu-buscar {
    color: var(--oscuro, #3C3C3C);
    padding-left: 0.75rem;
    padding-right: 0!important;
}

#menu-menu-principal.navbar-right {
    padding-top: 10px;
    margin-right: -15px;
    /* 2022-10-01 */
}

.redes-footer .smu-svg {
    width: 20px;
    max-height: 20px;
    margin-right: 0.5rem;
    fill: var(--claro, #eee);
    transition: all .2s ease-in-out;
}

.oculto {
    display: none;
}

.socios--home_listado {
    list-style: none;
    color: var(--blanco-smu, #fff);
}

.socios--home_listados {
    border-right: 1px solid var(--claro, #eee);
}

.socios-home__fila {
    display: flex;
}

.socios--home__afiliacion {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.smu-svg__iconos__certificado {
    width: 72px;
    height: 36px;
}


/**
* SPRITES banners 2020-08-31
*/

.boton-2020 {
    background: var(--oscuro, #3C3C3C);
    color: var(--claro, #eee);
    padding: 1em 2em;
    display: block;
    text-align: center;
}

.boton-2020:hover {
    background: var(--azul-smu, #0093c7);
    text-decoration: none;
}

.boton-2020.texto-blanco {
    color: var(--blanco-smu, #fff)!important;
    font-weight: 700;
}

span a.boton-2023:link,
span a.boton-2023:visited {
    color: hsl(var(--claro-h) var(--claro-s) var(--claro-l));
    background-color: hsl(var(--neutro-h) var(--neutro-s) var(--neutro-l));
    padding: 10px;
    font-weight: 600;
    text-decoration: none;
    /* border-radius: 3px; */
    display: block;
    text-align: center;
    transition: background-color 0.3s ease;
}

span a.boton-2023:hover,
span a.boton-2023:active {
    --neutro-l: 34%;
}

@media only screen and (max-width: 767px) {
    /*     .site-footer {
        min-height: 100%;
        height: 100%;
    }
 */
    .navbar-header__smu100 {
        padding-top: 0;
    }
    .navbar-logo-smu {
        max-width: 105px;
    }
    #menu-menu-principal.navbar-right {
        padding-top: 2.5em;
    }
    .navbar-logo-smu-link {
        padding-top: 0;
    }
    .navbar-collapse__smu100 {
        padding-top: 0;
    }
    svg.smu-svg.smu-svg__buscar {
        /* 2022-10-27 */
        max-width: 20px;
        max-height: 20px;
    }
    svg.smu-svg.logo-smu--home.logo-smu--home-mobile {
        max-width: 140px;
        max-height: 70px;
    }
    .redes .smu-svg {
        width: 12px;
    }
    .button-mobile {
        border-color: transparent!important;
        background: transparent;
        box-shadow: none;
    }
    .navbar-default .navbar-toggle.button-mobile:hover,
    .navbar-default .navbar-toggle.button-mobile:focus {
        background: transparent;
    }
    button.button-mobile:focus {
        box-shadow: none;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: var(--oscuro, #3c3c3c);
        border-radius: 0;
    }
    .col-xs-12 .notacentral .bajada {
        height: auto;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
        margin-top: 1.5em;
    }
    .notas__header::after {
        content: '';
        background: var(--oscuro, #3c3c3c);
    }
    .notas-boton {
        padding-bottom: 15px;
    }
    .socios--home__icono,
    .socios--home__iconos {
        margin: 1em 0;
        font-weight: 700;
    }
}


/* Small Devices, Tablets */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-logo-smu {
        max-width: 150px;
    }
    .redes-nav {
        padding-top: 10px;
        margin-top: 1.5em;
    }
}

@media (min-width: 320px) and (max-width: 640px) {
    .socios--home__iconos,
    .socios-home__fila,
    .socios--home__afiliacion {
        display: block;
    }
    .form-control.header-smu-buscar {
        background: none;
    }
}


/**
* Estilos Home 2021
*/


/* esto hay que ponerlo al final de la hoja de estilos global del sitio */

 :root {
    --main-radius: 0;
    --main-padding: 0;
    --xl: 1200px;
    --lg: 1024px;
    --md: 768px;
    --sm: 480px;
    /* colores */
    --oscuro: #3c3c3c;
    --azul-smu: #0095c8;
    --rojo-smu: #D22730;
    --blanco-smu: #fff;
    --claro: #eee;
    /* colores 2.0 */
    --neutro-h: 0;
    --neutro-s: 0%;
    --neutro-l: 24%;
    --claro-h: 0;
    --claro-s: 50%;
    --claro-l: 100%;
    /* Escala base */
    --space-0: 0;
    --space-1: 0.5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;

}

body {
    margin: 0 auto;
    color: var(--oscuro);
}


/*
    * GRID
    * Esta es la definición general del elemento grid que en mobile es de una columna y luego en dos año 2021
    */

.smu__home {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.45em;
    margin-bottom: 3rem;
    min-height: 0;
    /* NEW */
    min-width: 0;
}

.socios--home_listado {
    padding-left: 1em;
}

@media only screen and (min-device-width: 575px) {
    .smu__home {
        grid-template-columns: 60% 1fr;
    }
}

@media screen and ( min-width: 481px) {
    /* esto no se si se está usando 2022-12-07 */
    .smu__home--con-encabezado {
        grid-template-rows: 8rem 2fr;
        gap: 0 1em;
    }
}

@media screen and (min-width: 768px) {
    .smu__home {
        grid-template-columns: 8fr 4fr;
    }
}


/* -- FIN GRID ---------------------------------------- */

.contenido {
    color: var(--oscuro);
    background: hsl(var(--claro-h) var(--claro-s) var(--claro-l));
}

.notas__body>h3 {
    font-size: 1.4rem;
    /* esto de pronto hay que revisarlo */
    font-weight: 500;
    line-height: 1.5;
}

.notas__header .notas-secundarias_imagen {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.notas__header {
    height: auto;
}

a.card--titulo--enlace {
    font-weight: 700;
}

a.card--titulo--enlace.alt,
a.card--titulo--enlace.alt:visited {
    color: var(--blanco-smu);
}

a.card--titulo--enlace.alt:hover {
    color: var(--oscuro);
}

.card {
    padding: 0;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--claro, #eee);
}

.card img:nth-of-type(2n) {
    max-width: 150px;
    padding: 1em 0;
}

.card:last-of-type {
    border: none;
}

.card .card--titulo {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.5em;
}

a.card--titulo--enlace,
a.card--titulo--enlace:visited {
    color: var(--oscuro);
    font-weight: 600;
    text-decoration: none;
}

a.card--titulo--enlace:hover {
    color: var(--azul-smu);
}

a.card--titulo--enlace:active {
    color: var(--rojo-smu);
}


/*
    * Secundarias
    */

.fondo--smu {
    background: var(--azul-smu);
}


/*
    * Banners
    */

.banner--img {
    /*object-fit: contain;*/
    object-fit: cover;
    width: 100%;
    /* height: 100%; Al parecer a Safari no le gusta esto! 21-09-14*/
}

.banner_cabezal {
    background-color: var(--oscuro);
    color: #fff;
    font-family: 'source-serif-pro';
    font-weight: 700;
    margin: 0;
    padding: 0.5em;
}


/* banners de texto */

.banners-home-nosvg {
    max-height: 120px;
    min-height: 100px;
    display: grid;
    place-items: center;
    text-align: center;
    line-height: 1.1em;
    padding: 0 1em;
    background: var(--oscuro);
    color: var(--blanco-smu);
    font-family: source-serif-pro, serif;
    font-weight: 400;
    font-style: normal;
    font-size: min(max(1.6rem, 1.45vw), 3rem);
    @supports (font-size: clamp(2.6rem, 1.65vw, 3rem)) {
        ;
        font-size: clamp(2.65rem, 1.65vw, 3rem);
    }
    ;
}

.banners_home__text.texto-blanco {
    color: var(--blanco-smu);
    text-decoration: none;
}

.banners_home__text.texto-blanco:hover {
    font-size: clamp(3rem, 0.5vh, 3.75rem);
}


/* basicamente es el banner de antel 2021 */

.banner--grande a picture {
    min-height: 100%;
    display: flex;
}

.banner-afiliate {
    display: flex;
}

.banner10 {
    display: grid;
    place-items: center;
    background-repeat: no-repeat;
    background-position-x: center;
    background-color: #1895c9;
    color: #ffffff;
    animation-name: flashone;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    flex: 1;
}

.textwidget>.sidebar>.banner10 {
    padding-block: 1em;
}

@keyframes flashone {
    0%,
    5% {
        background-color: #1895c9;
    }
    5%,
    10% {
        background-color: #3b3b3b;
    }
    10%,
    40% {
        background-color: #ffffff;
    }
    40%,
    45% {
        background-color: #1895c9;
    }
    45%,
    50% {
        background-color: #3b3b3b;
    }
    50%,
    80% {
        background-color: #ffffff;
        background-image: none;
    }
    80%,
    100% {
        background-color: #1895c9;
        /* background-image: url("/images/logosmu.svg"); */
        background-image: url('/images/logo_smu2022-h.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
}

.banner10 a:hover {
    text-decoration: none;
}

.banner12 {
    text-align: center;
    color: #ffffff;
    animation-name: flashthree;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: easy-in-out;
}

.banner12 h2 {
    margin: 0;
    font-family: 'source-serif-pro';
    font-weight: 700;
    /* font-size: clamp(5rem, 7.5rem, 8rem); */
    font-size: clamp(4.5rem, 5.5rem, 8rem);
}

@keyframes flashthree {
    0%,
    5% {
        color: #ffffff;
    }
    5%,
    10% {
        color: #1895c9;
    }
    10%,
    40% {
        color: #3b3b3b;
    }
    40%,
    45% {
        color: #ffffff;
    }
    45%,
    50% {
        color: #1895c9;
    }
    50%,
    70% {
        color: #3b3b3b;
        opacity: 1;
    }
    70%,
    80% {
        opacity: 0;
    }
    80%,
    100% {
        opacity: 0;
    }
}
/*
.grow {
    transition: all .2s ease-in-out;
}

.grow:hover {
    transform: scale(1.1);
}

.grow:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
*/
/* grow mejorado 2025-03-26 */
.grow {
    --scale-factor: 1.1;
    --translate-x: 0;
  
    transition: transform 0.3s ease;
    
  }
  
  .grow:hover {
    transform: scale(var(--scale-factor)) translateX(var(--translate-x));
  }
  
  /* Override in specific context */
  .socios--home__icono .grow {
    --translate-x: 3.5%;    
    transform-origin: center;
  }





/* BOTONERA DE SOCIO */

.contenedor__socios {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 65%;
}

.panel__socios {
    background-color: var(--azul-smu);
}

.panel__socios--eventos {
    display: flex;
    flex-direction: column;
    padding: 0 1em 1em 1em;
}

.panel__socios--eventos .card {
    padding: 0.5em 0;
}

.socios--home_listado {
    list-style: none;
    color: #fff;
}

.socios--home__icono {
    margin: 1em 0;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.socios--home__icono a:link,
.socios--home__icono a:visited {
    color: var(--blanco-smu);
    text-decoration: none;
    padding-right: 1em;
}

.socios--home__icono a:hover,
.socios--home__icono a:active {
    color: var(--oscuro);
}


/* Esto luego hay que borrarlo */

.smu-svg__iconos {
    max-width: 60px;
    max-height: 30px;
    fill: var(--oscuro);
    fill: hsl(var(--neutro-h) var(--neutro-s) var(--neutro-l));
}


/* MEDIA QUERIES */

.contenido--notas-secundarias {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
}

@media (min-width: 480px) {
    .contenido--notas-secundarias {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) {
    .contenido--notas-secundarias {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 992px) {
    .contenido--notas-secundarias {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and ( min-width: 480px) {
    .socios--home__icono a {
        font-size: clamp(0.75em, 5vw + 0.65em, 1em);
        font-size: 1.4rem;
    }
    .smu-svg__iconos {
        max-width: 44px;
        max-height: 26px;
    }
    .panel__socios--socios {
        background-color: var(--azul-smu);
        display: grid;
        grid-template-columns: repeat( auto-fit, minmax(30%, 1fr));
        gap: 0.5em;
        align-items: center;
        padding-left: 0;
    }
    .socios--home_listado:nth-child(2) {
        border-right: 1px solid #fff;
        padding-left: 3px;
    }
}


/* logo svg home */

.svg-smu-home--cuerpo path {
    fill: var(--azul-smu);
}

.svg-smu-home--texto path {
    fill: var(--oscuro);
}


/* Son los estilos definidos por Antar para la parte de Socios y Gremiales, estaban en SMU-style.css, los unificamos el 2021-09-23 para disminuir los http request y aumentar page speed */

.smu-violeta1 {
    background-color: #7d6ea0;
}

.smu-violeta2 {
    background-color: #bfa4bb;
}

.smu-turquesa {
    background-color: #78bec2;
}

.smu-neutro1 {
    background-color: #eee;
}

.smu-neutro2 {
    background-color: #ddd;
}

.smu-neutro3 {
    background-color: #ccc;
}

.smu-neutro4 {
    background-color: #6c6c6c;
}

.smu-negro {
    background-color: #313131;
}

.smu-gris1 {
    background-color: #646464;
}

.smu-gris2 {
    background-color: #eef0f0;
}

.smu-marron {
    background-color: #755258;
}

.smu-rosa1 {
    background-color: #b1789b;
}

.smu-srcp {
    background-color: #b81820;
}

.smu-turquesa2 {
    background-color: #E9FFFF;
}

.smu-oscuro {
    background-color: var(--oscuro, #3c3c3c);
}

.smu-celeste {
    background: #0095c8;
}


/* definido en 2020, nueva identidad visual /wpsmu/wp-content/themes/smuv1/Manual de identidad visual SMU 2020.pdf*/

.text-srcp {
    color: #b81820;
}

.text-light {
    color: #fff !important;
}

.text-light a:hover {
    color: #6abfc2 !important;
}

.text-light a:hover {
    color: #6abfc2 !important;
}

.text-light2 {
    color: #fff !important;
}

.text-light2 a:hover {
    color: #b1789b !important;
}

#div-hover:hover h3 {
    color: #b1789b !important;
}

#div-hover2:hover h3 {
    color: hsla(182, 42%, 59%, 1) !important;
}

.text-dark {
    color: #313131 !important;
}

.text-dark a:hover {
    color: #646464 !important;
}

.smu-text-dark {
    color: var(--oscuro, #3c3c3c);
}

.texto-blanco {
    color: #fff;
}

.texto-gris {
    color: #ccc;
}

.SMU-h2 {
    text-transform: uppercase;
    font-size: 8rem;
    margin-left: 42px;
    margin-right: 42px;
    margin-bottom: 25px;
}

.SMU-titulo-mediano {
    font-weight: 400;
    font-size: 40px;
    text-transform: uppercase;
}

.SMU-titulo-grande {
    font-weight: 200;
    font-size: 60px;
}

.SMU-linea-horizontal {
    border-bottom: 1px dashed #313131;
}

.SMU-linea-vertical {
    border-left: 1px dashed #313131;
}

.SMU-link::before {
    margin-right: 5px;
    position: relative;
    top: 5px;
    content: url(https://www.smu.org.uy/wpsmu/wp-content/uploads/2018/12/SMU-link_link.png);
}

.SMU-link-pagina::before {
    margin-right: 5px;
    position: relative;
    top: 5px;
    content: url(https://www.smu.org.uy/wpsmu/wp-content/uploads/2018/12/SMU_link-pagina-icono.png);
}

.SMU-submenu .navegacion_paginas {
    display: none;
}

.SMU-submenu-header {
    width: 100%;
    height: 30px;
    background-image: url(https://www.smu.org.uy/wpsmu/wp-content/uploads/2019/02/SMU-3_pleca-submenu.png);
    background-repeat: repeat-x;
}

.smu-tarjeta {
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: center right;
    min-height: 160px;
    padding: 10px;
    border-radius: 4px;
}

.smu-tarjeta2 {
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: center right;
    padding: 10px;
    border-radius: 4px;
}

.smu-asambleas {
    background-image: url(https://www.smu.org.uy/wpsmu/wp-content/uploads/2019/02/SMU3_icono-asambleas.png);
}

.smu-unc {
    background-image: url(https://www.smu.org.uy/wpsmu/wp-content/uploads/2019/02/SMU3_icono-unc.png);
}

.smu-nucleos {
    background-image: url(https://www.smu.org.uy/wpsmu/wp-content/uploads/2019/02/SMU3_icono-nucleos.png);
}

.smu-convencion,
.smu-resoluciones {
    background-image: url(https://www.smu.org.uy/wpsmu/wp-content/uploads/2019/02/SMU3_icono-convencion.png);
}

.smu-denuncias {
    background-image: url(https://www.smu.org.uy/wpsmu/wp-content/uploads/2019/02/SMU3_icono-denuncias.png);
}

.smu-mb-1 {
    margin-bottom: 1rem;
}

.smu-mb-2 {
    margin-bottom: 2rem;
}

.smu-background {
    height: 50vh !important;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.smu-titulo-post {
    position: absolute !important;
    bottom: 0;
}

.smu-tarjeta-grande {
    padding: 4rem !important;
}

.smu-padding-r {
    padding-right: 4rem !important;
}


/* hasta acá los estilos de Antar */


/* esto es para los formulario */

.formsmu {
    border: 1px solid #ccc;
    margin: 0 0 1em 0;
    padding: 2em 2em 0.5em 2em;
    display: grid;
}

.form-group--smu{
    display: flex;
}

.formsmu-titulo {
    border: 1px solid #ccc;
    margin: 0 0 1em 0;
    padding: 0.5em 2em 0.5em 2em;
}


/* agregado el 20220623 */

.form-panel {
    display: grid;
    grid-template-columns: 1fr; /* móvil = siempre 1 columna */
    gap: 1em;
}

@media (min-width: 768px) {
    .form-panel-1 {
        grid-template-columns: 1fr;
    }

    .form-panel-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .form-panel-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .form-panel-7 {
        grid-template-columns: repeat(7, 1fr);
    }
}

.form-panel>span {
    font-weight: bold;
}

.sinborde {
    border: none;
}

.smu-gris-1 {
    background-color: #ededed;
}

.smu-gris-2 {
    background-color: #f4f4f4;
}

.extra-espacio {
    padding: 3em;
}

.screen-reader-response {
    display: none;
}

.wpcf7-response-output .wpcf7-mail-sent-ok {
    display: block;
    background-color: #f00;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #00f;
    display: block;
}


/** esto es para corregir el despliegue de los botones add to any */

.a2a_kit.a2a_kit_size_24.addtoany_list {
    display: flex;
    margin-bottom: 0.5rem;
}

.a2a_kit.a2a_kit_size_24.addtoany_list a {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}


/** pagina de contactos */

.titulo__contactos {
    display: flex;
    align-items: center;
}

.presidentes {
    background: #fbfbfb;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 255, 1) 0%, rgba(223, 223, 223, 1) 100%);
}


/* noticias 2022-05-09 */

.articulo-contenido {
    border-bottom: 1px solid #ddd;
}

.articulo-imagen {
    --claro-s: 0%;
    --claro-l: 90%;
    background-color: hsl(var(--claro-h) var(--claro-s) var(--claro-l));
    margin-bottom: 1em;
}

.noticias-imagen img {
    width: 100%;
}

.articulo-noticias .titulo-seccion {
    font-size: clamp(2rem, 2.4rem, 2.8rem);
}

.articulo-bajada p {
    margin-bottom: 0.5em;
}

.articulo-bajada p:first-child::after {
    content: '';
    display: block;
    height: 1px;
    width: 33%;
    margin: 1em auto 1em 0;
    background-color: #efefef;
}

.smu-svg__iconos.noticias {
    max-width: 20px;
    fill: #777;
}

.fecha-noticias {
    display: flex;
}

@media screen and (min-width: 600px) {
    .articulo-contenido {
        display: flex;
    }
    .articulo-bajada {
        flex: 1;
        margin-left: 1em;
    }
    .articulo-imagen {
        width: 200px;
        object-fit: cover;
    }
    .noticias-imagen {
        max-width: 200px;
    }
}


/* para el formulario de actualizar datos 2022-07-16 */

.div_cad_datos {
    padding: 2em 0;
}


/* para los viáticos */

.panel__fechas {
    margin-bottom: var(--space2, 2em);
    display: flex;
    border-bottom: 1px solid #ececec;
    justify-content: space-between;
    align-items: baseline;
}

.panel__fechas select {
    padding: 0.5em 0.75em;
    border-radius: 3px;
}

.tabla-viaticos tbody td:nth-child(5),
.tabla-viaticos thead th:nth-child(5),
.tabla-viaticos-borde {
    border-left: 2px solid #636363;
}

.tabla-viaticos--titulos th:not(:first-child) {
    text-align: right;
}

.tabla-viaticos--titulos th:nth-child(2) {
    text-align: center;
}


/* animación */

.listado-viaticos {
    transition: transform 500ms ease-in, opacity 500ms ease-out;
    /* transition: opacity 350ms ease-out; */
    transform: translateY(0);
    opacity: 1;
}

.animateIn {
    transform: translateX(50%);
    opacity: 0.15;
}


/* ----------- ajustes 2023 ---------------------------- */


/* -- ENCABEZADO (logo, menú, rrss) -- */

.mobile-nav-toggle {
    display: none;
}

.encabezado-grid {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: repeat(2, min-content);
    grid-template-areas: "logo rrss" "logo menu";
    align-items: center;
    padding: clamp(1em, 2.5vh, 1.75em) 0;
}

.navbar-header {
    grid-area: logo;
}

.nav-smu--principal {
    grid-area: menu;
    /* padding: clamp(0.75em, 1vh + 0.25em, .85em); */
}

.nav-smu-rrss {
    grid-area: rrss;
}

.navbar-smu {
    background: transparent;
}

.nav-smu {
    display: flex;
    flex-wrap: wrap;
    flex-wrap: nowrap;
    --gap: 0.5em;
    list-style-type: none;
    gap: var(--gap, 1em);
    justify-content: flex-end;
    align-items: center;
    margin: 0;
}

.nav-smu>li:last-child {
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.primary-navigation {
    font-size: clamp(0.75em, 1em, 1.05em);
    list-style: none;
    justify-content: flex-end;
}

@media only screen and (max-device-width: 575px) {
    .encabezado-grid {
        grid-template-areas: "logo menu" "logo rrss";
    }
}

@media only screen and (max-device-width: 767px) {
    @supports (backdrop-filter: blur(1rem)) {
        .primary-navigation {
            background: hsl(0 0% 0% / .1);
            backdrop-filter: blur(1rem);
        }
    }
    .primary-navigation {
        --gap: 1em;
        position: fixed;
        inset: 0 0 0 30%;
        flex-direction: column;
        justify-content: flex-start;
        padding: min(20vh, 12rem) 2em;
        background: hsl(0 0% 100% / .5);
        font-weight: 700;
        z-index: 1000;
    }
    .primary-navigation-nav>.primary-navigation {
        transform: translateX(100%);
        transition: transform 350ms ease-out;
    }
    .primary-navigation-nav[data-visible="true"]>.primary-navigation {
        transform: translateX(0%);
    }
    .boton-mobile {
        display: flex;
        justify-content: flex-end;
    }
    .mobile-nav-toggle {
        display: inline-block;
        z-index: 9999;
        background-color: transparent;
        background: url('/images/icon-hamburger.svg');
        background-repeat: no-repeat;
        aspect-ratio: 1;
        width: 2rem;
        cursor: pointer;
        border: 0;
        border-radius: 0;
    }
    .mobile-nav-toggle[aria-expanded='true'] {
        background: url('/images/icon-close.svg');
    }
    .mobile-nav-toggle .icon-close {
        display: none;
    }
}

@media only screen and (min-device-width: 768px) {
    .encabezado-grid {
        grid-template-areas: "logo rrss" "menu menu";
    }
    .nav-smu--principal {
        column-span: all;
    }
    .primary-navigation--menu {
        display: none;
        position: fixed;
        padding: var(--size-700);
        inset: 7rem var(--size-400) auto;
        max-width: 25rem;
        margin-left: auto;
        background: var(--clr-neutral-100);
        border-radius: var(--size-100);
        box-shadow: 0 0 .75em rgb(0, 0, 0, .05)
    }
}

@media only screen and (min-device-width: 992px) {
    .encabezado-grid {
        grid-template-areas: "logo rrss" "logo menu";
    }
}

.primary-navigation>li>a {
    padding: 0.5em 0.65em;
    color: var(--oscuro, #3C3C3C);
    text-decoration: none;
}

.primary-navigation>li>a:hover {
    background: var(--claro, #eee);
    color: var(--oscuro, #3C3C3C);
}


/* -- FIN ENCABEZADO  -- */

.espaciado-vertical {
    padding: var(--space3, 3em) 0;
}

.mb-1 {
    margin-bottom: var(--space1);
}


/* agregado el 2023-02-24 para incluir el pie de imagen */

.wp-caption-text {
    text-align: left;
    font-size: clamp(0.625em, 1vw + 0.75em, 0.75em);
    opacity: 0.9;
}


/* agregado el 2023-03-02 para separar un poco los bullets 
OJO, no funciona porque hace lo mismo con TODOS los li y desgracia el menú prinpcipal x ej. 
li+li {
    margin-top: 0.75rem;
}
*/

.entry-content li {
    margin-top: .75rem;
}

.entry-content li:first-child {
    margin-top: 0;
}

.entry-content .nav-tabs li {
    margin-top: .75rem;
}


/* ----------------------------------------------------------- nota central ------------------------------------------------------------------ */


/* nota central para móviles, una columna */

.nota__central {
    display: block;
    margin: 0 auto;
}

.contenido--notas-centrales {
    background: var(--oscuro, #3c3c3c);
}


/* 
.nota__central {
    display: grid;
    grid-template-columns: 1fr;
}
 */

.nota__central img,
.nota__central picture {
    object-fit: cover;
    width: 100%;
    grid-area: 1 / 1;
    max-height: 52rem;
}

.nota__central h1 {
    /* font-size: 1.5rem; */
    font-size: clamp(2rem, 7vw + 1em, 2.25rem);
    font-weight: 700;
    line-height: 1.2;
    grid-area: 1 / 1;
    margin: 0;
    /* background: rgba(0, 0, 0, 0.25); */
    align-self: flex-end;
}

a.nota__central--enlace,
a.nota__central--enlace:visited {
    color: var(--blanco-smu);
    /* color: #fff; */
    font-weight: 700;
    text-decoration: none;
    /* background: rgba(0, 0, 0, 0.25); */
    display: block;
    padding: 1em;
}

a.nota__central--enlace:hover {
    /* background: rgba(0, 0, 0, 0.25); */
    color: var(--blanco-smu);
    opacity: .85;
}


/* ojo, hay que arreglar esto con la línea 2416 de styles */


/*@media only screen and (max-device-width: 767px) {*/

@media screen and ( min-width: 480px) {
    .nota__central h1 {
        /* font-size: clamp(2rem, 7vw + 1em, 3rem); */
        font-weight: 700!important;
        /* revisar xq el peso está definido en el a en otra línea */
    }
}

@media only screen and (min-device-width: 1023px) {
    .contenido--notas-centrales {
        background: transparent;
    }
    .nota__central {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-areas: "destacados"
    }
    .nota__central>img {
        grid-area: destacados;
    }
    .nota__central>.titulo {
        grid-area: destacados;
        justify-self: center;
        /* Alinea el texto a la parte inferior del contenedor */
        align-self: end;
        background: rgba(0, 0, 0, 0.25);
        margin: 0;
        padding: clamp(1rem, 5vh + 0.5rem, 1.25rem) 1rem;
        min-width: 100%;
    }
    a.nota__central--enlace,
    a.nota__central--enlace:visited {
        font-size: clamp(2.45rem, 2vw + 0.5em, 2.85rem);
        font-weight: 700;
        line-height: 1.25;
    }
}


/* fin del media query */


/* ----------------------------------------------------------- fin  nota central ------------------------------------------------------------- */


/* grid para autoridades por ahora */

.grid {
    display: grid;
    gap: 2rem;
    padding: 0 1em;
}

.grid-cards--autoridades {
    grid-template-columns: repeat( auto-fill, minmax(17rem, 1fr));
}

.grid-convenios{
    grid-template-columns: repeat( auto-fill, minmax(19rem, 1fr));
}

.flex{
    display: flex;
    flex-wrap: wrap;
}
.flex > *{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: minmax(1fr, 220px);
}
/* esto es para tener las noticias y otras notas en dos columnas en lugar de tres como antes, además quitamos el grid de BS */
@media (min-width: 768px) {
    .grid-1-col{
        /* Una columna de 68% de ancho, por ahora sólo se usa en la página de becas */
        grid-template-columns: 68%;
    }
    .grid-2-col {
        grid-template-columns: 1fr 3fr;
        grid-template-rows: 1fr 1.5em;
        grid-template-areas: "sidebar contenido";
        grid-auto-rows: auto;
        
    }
    .grid-2-col.reversado {
        grid-template-columns: 3fr 1fr;
        grid-template-areas: "contenido sidebar";
      }    


    .grid-2-col .sidebar {
        grid-area: sidebar;
    }
    .grid-2-col main {
        grid-area: contenido;
        max-width: 45em;
    }
    
    .articulo-noticias:first-of-type > h2.entry-title {
         margin-top: 0;
         
    }
}

/* agregado en mayo 2023 porque el contenido relacionado se veía mal*/
.well{
    display: grid;
}

/* es para contactos, ver si se puede reusar */
.container-grid{
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
    margin: 2em 0;
}
.card.card-borde{
    padding: 1em 2em;
    border: none;
}

/* comentada en 2026-04-14
.ngg-galleryoverview{
    width: min(90dvw, 600px);
    margin: 0 auto;
}
 */

/* .redes .smu-svg{
    --claro: #3c3c3c;
    --oscuro: #eeeeee;
}
 */
.redes-footer.smu-svg{
    --claro: #eeeeee;
    --oscuro: #3c3c3c;
}

.a2a_kit .a2a_svg > *{
    fill: #3c3c3c;
}

.fa-calendar {
    width: 20px; 
    height: 20px;
    background-image: url('/images/calendar.png');
    background-size: cover;
    display: inline-block;
    margin-right: 0.5em;
    
  }
  
  
    
/**
* Agregado 2023-12-07 para el premio de artes 
*/
.premio-artes{
    border-bottom: 1px dotted #efefef;
    margin-bottom: 3rem;
}


.leerdocumento{
   position:relative;
   flex-wrap: nowrap;
   display: flex;
   align-content: center;
   align-items: stretch;
    
}

.leerdocumento::before{
    content: '';
    display: inline-block;
    width: 36px;
    height: auto;
    margin-right: 2px;
    background: url(/images/documento-pdf.svg) center center no-repeat;
    vertical-align: middle;

}

* * * * * {
	/* outline: 3px solid pink; */
    /* background-color: hsl(50 100% 70% / 0.1); */
}

/**
* Transiciones para htmx
*/
@keyframes fade-in {
    from { opacity: 0; }
  }

  @keyframes fade-out {
    to { opacity: 0; }
  }

  @keyframes slide-from-right {
    from { transform: translateX(90px); }
  }

  @keyframes slide-to-left {
    to { transform: translateX(-90px); }
  }

  /* define animations for the old and new content */
  ::view-transition-old(slide-it) {
    animation: 180ms cubic-bezier(0.4, 0, 1, 1) both fade-out,
    600ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left;
  }
  ::view-transition-new(slide-it) {
    animation: 420ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in,
    600ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
  }

  /* tie the view transition to a given CSS class */
  .sample-transition {
      view-transition-name: slide-it;
  }

  .fade-me-out.htmx-swapping {
    opacity: 0;
    transition: opacity 1s ease-out;
    outline: 1px solid yellow;
  }

  /* cgpt */
  /* Smooth fade-out and fade-in for new data */
  .sample-transition {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
  }

  /* Fade out old content when request starts */
  .htmx-request .sample-transition {
    opacity: 0;
  }

  /* Fade in new content when it settles */
  .htmx-settling .sample-transition {
    opacity: 1;
  }

  /* Optional: Add a slide-in effect for new content */
  .sample-transition {
    transform: translateY(0);  /* Initial position */
    transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
  }

  /* Slide out old content */
  .htmx-request .sample-transition {
    transform: translateY(-20px);  /* Slide up when content is fading out */
    
  }

  /* Slide in new content */
  .htmx-settling .sample-transition {
    transform: translateY(0);  /* Slide back to normal position */
    
  }

  /* es para los thumnails de las galerías viejas*/
  .thumbnail-fixed {
		width: 100%;
		height: 250px; /* o lo que quieras */
		object-fit: cover;
		object-position: center;

}

/*
Estilos para que nextge respete el responsive
**/
/* Fuerza a las imágenes de la galería a ser responsive */
.ngg-galleryoverview img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
}

/* Asegura que el contenedor principal no se desborde */
.ngg-galleryoverview {
    width: 100% !important;
    max-width: 100vw !important;
    overflow: hidden;
}

/* Haz que los elementos de la galería (thumbnails) se ajusten en grid - comentada en 2026-404-14/

/* .ngg-gallery-thumbnail {
    float: none !important; 
    display: inline-block;
    box-sizing: border-box; 
} */

/* Para galerías en mosaico o grid, controla el ancho en móviles */
@media (max-width: 768px) {
    .ngg-gallery-thumbnail {
        width: 48% !important; /* 2 columnas en móvil */
        margin: 1% !important;
    }
}

@media (max-width: 480px) {
    .ngg-gallery-thumbnail {
        width: 100% !important; /* 1 columna en móvil muy pequeño */
        margin: 10px 0 !important;
    }
}

/* Contenedor principal: fuerza un ancho máximo y centrado */
.mi-contenedor-gallery {
    width: 100%;
    max-width: 1200px; /* Ajusta este valor al ancho de tu contenido */
    margin: 0 auto; /* ¡MAGIA! Esto centra el contenedor */
    overflow: hidden; /* Contiene cualquier elemento que "flote" dentro */
    clear: both;
}

/* Fuerza a las imágenes a ser responsivas dentro del contenedor */
.mi-contenedor-gallery img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Media Query para móviles: ajustes específicos */
@media (max-width: 767px) {
    .mi-contenedor-gallery {
        padding: 0 15px; /* Un poco de espacio a los lados */
        max-width: 100vw; /* Se adapta al ancho de la pantalla */
    }
    /* Puedes forzar 1 columna en móvil si es un grid */
    .mi-contenedor-gallery .ngg-gallery-thumbnail {
        width: 100% !important;
        margin: 10px 0 !important;
    }
}

/** Agregado para firmas de autoridades tipo una al lado de otra */
.firmas {
    display: flex;
    justify-content: center;
    gap: 4rem;
    margin-top: 2rem;
    text-align: center;
    flex-wrap: wrap;
}

.firma {
    min-width: 200px;
}


/** Estilos para que las galerías nextegen no rompan el responsive 
*/
/* .ngg-responsive-fix {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    display: block;
}

.ngg-responsive-fix .tiled-gallery,
.ngg-responsive-fix .gallery-row,
.ngg-responsive-fix .gallery-group {
    width: 100% !important;
    max-width: 100% !important;
}

.ngg-responsive-fix .tiled-gallery-item img {
    width: 100% !important;
    height: auto !important;
}


 */
 /* ============================================
   CSS PARA NEXTGEN PRO 4.0.1 - RESPONSIVE FIX
   ============================================ */

/* 1. Contenedor principal - eliminar width fijo */
/* comentada en 2026-04-14
#main .tiled-gallery.type-rectangular,
#main .tiled-gallery-unresized {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    box-sizing: border-box !important;
}
 */

/* 2. Eliminar estilos en línea que NextGen injecta */
/* comentada en 2026-04-14
#main .tiled-gallery[data-original-width],
#main .gallery-row[style*="width:"],
#main .gallery-group[style*="width:"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
 */
/* 3. Convertir la galería en flexbox responsive */
/* comentada en 2026-04-14
#main .gallery-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
}
*/
/* 4. Grupos de imágenes - responsive */
/* comentada en 2026-04-14
#main .gallery-group {
    flex: 1 1 auto !important;
    min-width: 200px !important; 
    margin: 5px !important;
    box-sizing: border-box !important;
}
*/
/* 5. Imágenes dentro de los grupos */
/* comentada en 2026-04-14
#main .tiled-gallery-item {
    width: 100% !important;
    height: auto !important;
}

#main .tiled-gallery-item img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
}
    */

/* ============================================
   AJUSTES ESPECÍFICOS PARA TU GRID 2-COL
   ============================================ */

/* Asegurar que el contenedor del grid no cause overflow */
.grid-2-col .site-main {
    overflow: hidden;
    min-width: 0; /* CRÍTICO para flex/grid children */
}

/* Para el área de contenido específicamente */
@media (min-width: 768px) {
    .grid-2-col {
        grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    }
    
    .site-main {
        width: 100%;
        overflow-x: hidden;
    }
}

/* ============================================
   MEDIA QUERIES PARA DIFERENTES DISPOSITIVOS
   ============================================ */

/* Móviles: 1 columna */
@media (max-width: 767px) {
    #main .gallery-group {
        flex: 1 1 100% !important;
        min-width: 100% !important;
        margin: 10px 0 !important;
    }
}

/* Tablets: 2 columnas */
@media (min-width: 768px) and (max-width: 1023px) {
    #main .gallery-group {
        flex: 1 1 calc(50% - 10px) !important;
    }
}

/* Desktop: 3 columnas (ajustable) */
@media (min-width: 1024px) {
    #main .gallery-group {
        flex: 1 1 calc(33.333% - 10px) !important;
    }
}

/* esto es para centrar alertas cuando están solas en la página */
.alert-centrado{    
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;         /* opcional: ancho según contenido */
    text-align: center;
    padding: 2rem 3rem;
    z-index: 9999;       /* que esté por encima de otros elementos */
}

/* es para los formularios nuevos features/formularios */
.form-container {
    width: min(100% - (var(--space-4) * 2), 76rem);
    margin-inline: auto;
    padding: var(--space-3);
}