.group-pictures{font:13px Arial,sans-serif;color:#000}.group-pictures header{margin:-6px -6px 0;padding:6px;background:#f3f3f3}.groups-theme .group-pictures h1{font:18px Arial,sans-serif;color:#c77e34;margin:0 0 3px}.group-pictures header p{margin:2px 0}.group-pictures a{color:#036}.picture-commands{min-height:34px;display:flex;align-items:center;gap:20px;font:700 10px Verdana,Arial,sans-serif}.picture-commands img{width:7px;height:7px;margin:0 5px}.picture-commands span{color:#888}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 10px;margin:20px 0}.album-grid figure{margin:0;text-align:center}.album-grid a{display:inline-flex;flex-direction:column;align-items:center;gap:7px;font:700 12px Arial,sans-serif}.album-book{display:block;position:relative;width:134px;height:114px;box-sizing:border-box;background:var(--album-color);border:1px solid #888;border-left:9px double #9b91a2;padding:8px 6px}.album-book img{width:98px;height:96px;object-fit:contain;background:#fff}.photo-thumb{width:130px;height:110px;object-fit:contain;border:1px solid #aaa;padding:3px;background:#fff}.album-form{text-align:center;background:#ffffe7;padding:48px 10px 30px;min-height:400px}.album-form h1{margin-bottom:65px!important}.album-fields{display:grid;grid-template-columns:150px 300px;justify-content:center;align-items:center;gap:6px 14px}.album-fields>label:not(:last-child){text-align:right}.album-fields>input,.album-fields>textarea{width:190px;box-sizing:border-box}.album-fields textarea{height:95px}.album-fields input[type=file]{width:300px}.album-colors{border:0;padding:10px 0;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.album-colors legend{position:absolute;clip:rect(0,0,0,0)}.album-colors label{display:flex;align-items:center}.album-colors span{width:16px;height:16px;border:1px solid #555}.album-form button,.picture-form button{border:1px solid #999;border-radius:0;background:linear-gradient(#fff,#ddd);color:#000;padding:4px 15px;font:13px Arial}.picture-form{max-width:550px;padding:15px;background:#ffffe7}.picture-form label{display:block;margin:12px 0}.picture-form input:not([type=file]),.picture-form textarea{display:block;width:95%}.picture-form textarea{height:90px}.picture-full{text-align:center;margin:15px 0}.picture-full>img{max-width:100%;max-height:65vh;object-fit:contain}.picture-full figcaption{padding:12px;background:#ffffef}.pictures-empty{text-align:center;margin:50px 0}@media(max-width:650px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-fields{grid-template-columns:1fr;text-align:left}.album-fields>label:not(:last-child){text-align:left}}.album-book[data-native]{border:0;background-color:transparent;background-position:center;background-repeat:no-repeat;padding:8px 10px}.groups-theme .group-interior>.portal-main:has(.group-pictures){padding:0 6px 30px;background:#fff}.group-pictures{min-width:0}.group-pictures>header{margin:0 -6px;padding:5px 6px;background:#ece9ef}.groups-theme .group-pictures>header h1{font:700 18px Arial,sans-serif;color:#cf762d;margin:0;text-decoration:underline}.group-pictures>header p{margin:8px 0}.group-pictures>.picture-commands{margin:0}.group-pictures>.album-grid{margin:15px 4px}.group-pictures>.album-form{margin:0 -6px}.groups-theme .group-interior>.portal-main:has(.album-form){background:#ffffe7;padding-bottom:0}.groups-theme .group-interior>.portal-main:has(.album-form)>.group-pictures{height:100%}.group-pictures>.album-form{box-sizing:border-box;min-height:100%;margin-top:0;margin-bottom:0}.groups-theme .album-submit-actions{display:flex;justify-content:center;gap:14px;align-items:center}.groups-theme .album-submit-actions>button,.groups-theme .album-submit-actions>a{appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:25px;min-height:25px;margin:0;padding:0 13px;border:0;border-radius:0;box-shadow:none;background:url('/images/group-buttons/izquierda.gif') left top/13px 25px no-repeat,url('/images/group-buttons/derecha.gif') right top/13px 25px no-repeat,url('/images/group-buttons/medio.gif') center top/auto 25px repeat-x;color:#369;font:700 10pt/25px Arial,sans-serif;text-decoration:none;cursor:pointer}.groups-theme .album-submit-actions>button:focus-visible,.groups-theme .album-submit-actions>a:focus-visible{outline:1px dotted #369;outline-offset:2px}.groups-theme .album-submit-actions>button,.groups-theme .album-submit-actions>a{background-origin:border-box,border-box,content-box;background-clip:border-box,border-box,content-box}.groups-theme .group-interior>.portal-main:has(.album-confirm),.groups-theme .group-interior>.portal-main:has(.album-created){background:#ffffe7;padding-bottom:0}.album-confirm .album-fields{text-align:left;row-gap:14px}.album-confirm .album-fields>span:nth-child(odd){text-align:right}.album-confirm .album-book{margin:10px auto 20px}.album-confirm>p{margin:25px 0}.album-created h1{margin:35px 0 60px!important}.album-book[data-native] img{width:98px;height:74px;margin:10px 0 0;object-fit:cover;background:transparent}

body.portal.shateamos-portal.groups-theme .group-pictures > .sn-album-directory {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 158px), 215px));
  gap: 14px;
  margin: 15px 0;
  border: 0;
  background: transparent;
}
.groups-theme .sn-album-directory figure { text-align: start; }
.groups-theme .sn-album-directory figure a {
  display: block;
  overflow: hidden;
  border: 1px solid var(--portal-border);
  border-radius: 14px;
  background: var(--portal-card);
  text-decoration: none;
  color: var(--portal-label);
}
.groups-theme .sn-album-directory figure a:is(:hover,:focus-visible) {
  border-color: var(--portal-label);
}
.groups-theme .sn-album-cover {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 4 / 3;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom: 4px solid var(--album-accent);
  background: linear-gradient(145deg, #faf6ff, var(--portal-selected));
}
.groups-theme .sn-album-cover img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; }
.groups-theme .sn-album-cover .sn-album-placeholder { width: 60px; height: 45px; object-fit: contain; }
.groups-theme .sn-album-name { display: block; padding: 9px 11px; overflow-wrap: anywhere; }
.groups-theme .album-confirm .sn-album-cover { max-width: 200px; border-radius: 12px; }