:root {
    --pubs-per-row: 2; 
    --grid-spacing: 0.0625rem;
}

.logo {
    background-repeat: no-repeat;
    background-position-y: -20px;
    background-position-x: center;
    background-size: cover;
	background-image: url('data:image/svg+xml,<svg version="1.1" width="278" height="97" viewBox="-30 -30 300 120"  xmlns="http://www.w3.org/2000/svg"><path d="M 175.955 8.891 C 176.945 9.221 177.935 9.551 178.955 9.891 C 178.931 10.458 178.908 11.025 178.884 11.609 C 178.719 18.995 179.736 25.996 180.955 33.266 C 181.332 35.566 181.707 37.865 182.08 40.165 C 182.331 41.672 182.331 41.672 182.587 43.209 C 182.955 45.891 183.362 46.975 183.768 50.433 C 188.834 49.502 186.986 49.906 189.611 49.621 C 190.357 49.551 193.541 49.209 195.394 48.731 C 197.313 48.236 197.825 48.439 199.769 48.054 C 200.429 47.064 200.275 45.911 200.955 44.891 C 201.615 45.881 202.275 46.871 202.955 47.891 C 203.821 47.231 204.687 46.571 205.58 45.891 C 209.169 43.765 210.881 43.504 214.955 43.891 C 214.955 44.551 214.955 45.211 214.955 45.891 C 213.624 45.984 213.624 45.984 212.267 46.079 C 208.092 47.103 205.362 47.781 202.652 51.077 C 200.858 54.244 202.161 55.058 200.955 57.891 C 200.295 57.561 199.635 57.231 198.955 56.891 C 198.33 53.829 199.958 53.015 199.583 50.077 C 198.623 50.325 195.369 51.274 194.391 51.526 C 191.329 52.026 190.923 52.027 184.497 52.704 C 187.467 64.584 186.925 63.771 189.955 75.891 C 188.965 75.891 187.975 75.891 186.955 75.891 C 185.009 73.548 185.009 73.548 182.83 70.391 C 177.397 62.772 170.463 54.492 160.955 52.391 C 157.87 52.126 155.899 52.115 153.448 54.13 C 150.329 57.508 147.765 61.264 145.211 65.075 C 142.138 69.517 139.022 73.683 133.955 75.891 C 131.802 75.458 131.802 75.458 129.955 74.891 C 131.089 74.293 132.223 73.695 133.392 73.079 C 141.238 68.187 146.799 60.022 150.955 51.891 C 150.216 51.866 149.477 51.84 148.716 51.813 C 140.814 51.372 132.629 50.346 126.083 45.509 C 124.955 43.891 124.955 43.891 125.267 41.704 C 125.494 41.106 125.721 40.508 125.955 39.891 C 133.262 39.379 139.443 38.571 146.404 40.588 C 149.588 41.46 152.691 44.415 155.955 44.891 C 163.229 33.199 169.67 21.14 175.955 8.891 Z M 174.955 15.891 C 174.688 16.404 174.422 16.917 174.148 17.445 C 168.969 27.398 163.749 37.28 157.955 46.891 C 160.847 49.982 160.847 49.982 164.834 51.005 C 165.949 50.997 165.949 50.997 167.087 50.989 C 167.893 50.986 168.699 50.983 169.529 50.979 C 170.371 50.971 171.212 50.963 172.08 50.954 C 173.354 50.947 173.354 50.947 174.654 50.94 C 176.754 50.929 178.854 50.911 180.955 50.891 C 180.081 43.536 178.987 36.217 177.892 28.891 C 177.706 27.64 177.52 26.388 177.328 25.099 C 176.871 22.029 176.413 18.96 175.955 15.891 C 175.625 15.891 175.295 15.891 174.955 15.891 Z M 126.955 42.891 C 130.932 48.033 138.898 48.651 144.955 49.891 C 148.063 50.156 150.835 50.11 153.955 49.891 C 153.955 48.901 153.955 47.911 153.955 46.891 C 139.99 40.724 139.99 40.724 126.955 42.891 Z M 156.955 48.891 C 156.625 49.551 156.295 50.211 155.955 50.891 C 157.275 50.561 158.595 50.231 159.955 49.891 C 158.965 49.561 157.975 49.231 156.955 48.891 Z M 167.955 52.891 C 169.605 54.211 171.255 55.531 172.955 56.891 C 177.099 60.411 181.186 63.966 184.955 67.891 C 184.403 62.653 183.525 57.918 181.955 52.891 C 177.335 52.891 172.715 52.891 167.955 52.891 Z" style="fill: rgb(255, 255, 255);"/><path d="M 221.732 17.943 C 222.392 17.943 223.052 17.943 223.732 17.943 C 223.759 19.297 223.778 20.651 223.794 22.005 C 223.806 22.759 223.817 23.514 223.829 24.29 C 223.709 27.554 223.233 30.718 222.732 33.943 C 223.808 33.871 224.884 33.798 225.993 33.724 C 251.138 32.097 251.138 32.097 258.732 34.943 C 255.854 35.77 253.342 36.052 250.353 36.005 C 249.518 35.997 248.684 35.989 247.824 35.98 C 246.51 35.962 246.51 35.962 245.169 35.943 C 237.957 35.886 230.901 36.083 223.732 36.943 C 222.951 43.125 222.594 49.126 222.634 55.353 C 222.636 56.632 222.636 56.632 222.638 57.938 C 222.644 60.627 222.656 63.316 222.669 66.005 C 222.674 67.843 222.679 69.681 222.683 71.519 C 222.694 75.994 222.711 80.468 222.732 84.943 C 222.072 84.613 221.412 84.283 220.732 83.943 C 219.28 76.748 219.58 69.363 219.601 62.052 C 219.607 59.882 219.601 57.712 219.595 55.542 C 219.596 54.143 219.597 52.744 219.599 51.345 C 219.6 50.092 219.601 48.839 219.602 47.548 C 219.732 43.943 219.732 43.943 220.732 36.943 C 211.327 37.933 211.327 37.933 201.732 38.943 C 201.402 38.283 201.072 37.623 200.732 36.943 C 207.515 35.523 213.799 34.716 220.732 34.943 C 220.72 34.135 220.708 33.326 220.697 32.494 C 220.687 31.425 220.678 30.356 220.669 29.255 C 220.658 28.2 220.646 27.144 220.634 26.056 C 220.723 23.219 221.082 20.699 221.732 17.943 Z" style="fill: rgb(255, 255, 255);"/><path d="M 0 0 C 0.66 0 1.32 0 2 0 C 2.33 3.3 2.66 6.6 3 10 C 3.701 9.319 4.403 8.639 5.125 7.938 C 8 6 8 6 11.25 6.188 C 14 7 14 7 15 8 C 14.713 10.339 14.381 12.674 14 15 C 14.699 14.627 15.397 14.255 16.117 13.871 C 17.027 13.398 17.937 12.925 18.875 12.438 C 19.78 11.962 20.685 11.486 21.617 10.996 C 22.404 10.667 23.19 10.339 24 10 C 24.66 10.33 25.32 10.66 26 11 C 24.756 11.987 23.505 12.964 22.25 13.938 C 21.554 14.483 20.858 15.028 20.141 15.59 C 16.621 17.908 13.524 18.139 9.375 18.125 C 8.599 18.128 7.823 18.13 7.023 18.133 C 5 18 5 18 3 17 C 2.67 26.24 2.34 35.48 2 45 C 1.34 44.67 0.68 44.34 0 44 C 0 34.1 0 24.2 0 14 C -2.31 15.32 -4.62 16.64 -7 18 C -10.99 17.847 -12.661 17.226 -16 15 C -16.351 15.516 -16.701 16.031 -17.062 16.563 C -19 18 -19 18 -22.562 17.938 C -26 17 -26 17 -27.5 15.313 C -28.148 12.313 -27.675 9.968 -27 7 C -26.01 7 -25.02 7 -24 7 C -24.33 9.97 -24.837 13.117 -23.759 15.468 C -17.598 17.824 -18.655 12.212 -16 8 C -15.34 8 -14.68 8 -14 8 C -13.34 10.31 -12.68 12.62 -12 15 C -5.923 14.299 -5.923 14.299 -1 11 C -0.265 7.339 -0.07 3.728 0 0 Z M 5.188 11 C 4.466 11.99 3.744 12.98 3 14 C 4.825 16.219 4.825 16.219 7.438 16.375 C 10.105 16.239 10.105 16.239 11.813 14.25 C 13.311 11.834 13.311 11.834 13 8 C 9.065 7.325 7.629 8.029 5.188 11 Z" transform="translate(111,42)" style="fill: rgb(255, 255, 255);"/><path d="M 233.968 46.321 C 234.752 46.362 235.536 46.403 236.343 46.446 C 236.673 48.096 238.439 47.005 238.126 51.446 C 236.146 52.766 233.383 54.086 231.343 55.446 C 234.184 57.752 234.184 57.752 237.531 57.383 C 242.199 56.235 245.417 54.117 249.343 51.446 C 250.003 51.116 250.663 50.786 251.343 50.446 C 250.415 53.787 249.414 55.38 246.843 57.758 C 242.205 59.994 238.405 60.261 233.343 59.446 C 230.156 57.883 230.156 57.883 228.343 55.446 C 228.496 46.581 228.496 46.581 233.968 46.321 Z M 232.343 48.446 C 231.683 49.766 231.023 51.086 230.343 52.446 C 231.993 51.786 233.643 51.126 235.343 50.446 C 235.343 49.786 235.343 49.126 235.343 48.446 C 234.353 48.446 233.363 48.446 232.343 48.446 Z" style="fill: rgb(255, 255, 255);"/><path d="M 0 0 C 0.495 0.99 0.495 0.99 1 2 C -0.052 2.227 -1.104 2.454 -2.187 2.688 C -6.198 3.84 -8.345 5.739 -11 9 C -12.319 11.665 -12.319 11.665 -13 14 C -13.66 14 -14.32 14 -15 14 C -15 12.02 -15 10.04 -15 8 C -19.336 9.327 -22.689 10.861 -26 14 C -27.502 18.13 -27.51 22.46 -27.656 26.809 C -27.871 31.811 -29.492 35.774 -32.312 39.938 C -35.041 41.655 -36.853 41.503 -40 41 C -43.183 38.647 -44.721 37.116 -45.687 33.25 C -44.188 26.16 -39.621 21.352 -34.187 16.813 C -30.622 13.837 -30.622 13.837 -28.937 9.5 C -28.958 8.675 -28.979 7.85 -29 7 C -29.531 7.373 -30.062 7.745 -30.609 8.129 C -31.316 8.602 -32.022 9.075 -32.75 9.563 C -33.446 10.038 -34.142 10.514 -34.859 11.004 C -37 12 -37 12 -39.078 11.777 C -41 11 -41 11 -44 9 C -44.701 9.495 -45.402 9.99 -46.125 10.5 C -49.439 12.229 -51.313 12.481 -55 12 C -56.875 10.5 -56.875 10.5 -58 9 C -60.436 9.947 -62.749 10.851 -65 12.188 C -67.695 13.282 -69.263 12.864 -72 12 C -72.66 11.34 -73.32 10.68 -74 10 C -73.937 7.563 -73.937 7.563 -73 5 C -69.053 1.949 -66.099 1.664 -61.187 1.813 C -59.445 1.853 -59.445 1.853 -57.668 1.895 C -56.788 1.929 -55.907 1.964 -55 2 C -55 4.31 -55 6.62 -55 9 C -50.289 8.808 -48.131 8.406 -44.875 4.938 C -41.47 1.674 -38.772 1.573 -34.125 1.563 C -28.215 1.785 -28.215 1.785 -27 3 C -26.859 5.671 -26.958 8.324 -27 11 C -25.178 10.295 -23.368 9.56 -21.562 8.813 C -20.553 8.406 -19.544 8 -18.504 7.582 C -15.754 6.221 -15.754 6.221 -15.152 3.324 C -15.102 2.557 -15.052 1.79 -15 1 C -12 2 -12 2 -11 4 C -9.948 3.01 -9.948 3.01 -8.875 2 C -5.565 -0.302 -3.938 -0.366 0 0 Z M -71 6 C -71.887 8.041 -71.887 8.041 -72 10 C -69.129 11.337 -69.129 11.337 -66.992 10.074 C -66.294 9.617 -65.595 9.159 -64.875 8.688 C -64.171 8.238 -63.467 7.788 -62.742 7.324 C -60.866 6.101 -60.866 6.101 -60 4 C -64.155 3.807 -67.338 3.908 -71 6 Z M -41 5 C -41.041 6.666 -41.381 8.672 -39.537 9.55 C -35.863 9.244 -36.219 9.242 -33.687 6.438 C -33.131 5.633 -32.574 4.829 -32 4 C -36.8 3.472 -36.8 3.472 -41 5 Z M -35.918 20.867 C -39.135 24.162 -41.437 27.659 -43 32 C -42.929 35.893 -42.746 37.254 -40 40 C -36.965 39.844 -35.48 39.48 -33.312 37.313 C -30.54 32.428 -29.715 27.682 -29.375 22.125 C -29.3 20.973 -29.225 19.82 -29.148 18.633 C -29.099 17.764 -29.05 16.895 -29 16 C -31.535 16 -34.139 19.284 -35.918 20.867 Z" transform="translate(79,47)" style="fill: rgb(255, 255, 255);"/></svg>');
}
@media (min-width: 768px) and (max-width: 1199px) {
    :root {
        --pubs-per-row: 3;
    }
}
@media (min-width: 1200px) {
    :root {
        --pubs-per-row: 4;
    }
}

        @font-face {
            font-family: agruparte;
            src: url(../agruparte.ttf);
        }
		
		.icon {
 margin: auto;
  width: 50%;
  padding: 5px;
height:250px;
width:230px;
}
.relative {position: relative}
.myArt {background-position:0px 0px;}
.myProfile {background-position:-250px 0px;}
.myStats {background-position:-250px -250px;}
.myGalery {background-position:0px -250px;}

.main {
	width: 100vw;
    margin-bottom: 0px;
    padding: 0px;

}

.boxed
    {
      width:96%;height:auto;
	  padding:15px;
	  margin:2%;
      border: solid 1px #555;
      background-color: white;
      box-shadow:  0 0 10px  rgba(0,0,0,0.6);
      -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
      -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
      -o-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
    }

.content {
	background-color: #f0f0f0;
	margin-top: 120px;
	height:auto;

}



.t-body {
		font-size: .875rem;
	    font-family: Questrial,sans-serif;
		font-weight: 400;
		text-transform: none;
		letter-spacing: 0;}

#main_cards {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

/*
.card {
	max-width: 18rem;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	justify-content: center;
	
}

.card-body {
	background: linear-gradient( to bottom, white 75%, transparent 95%);
}
.card-subtitle {
	margin: 3px;
}
*/

.nav-opt:hover {
background-color: rgb(243, 242, 246);
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}

#contenido {
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	animation: fadeIn 2s;
	transition: width 2s, height 4s;
}

.page {
	transition:  2s;
	animation: fadeIn 2s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.gallery {
	align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	transition: transform 0.5s ease;
}

.edicion {
		border-radius: unset;
	    max-height: 300px;
		min-height: 250px;
} 

.glow {
	box-shadow: 1px 1px 20px 10px #f9a912;
}
.etiqueta{
  transition: transform 0.5s ease;
	margin-top: -10px;
	padding: 7px 1px !important;
}

.gallery{
	
}
 .form-control, .form-select, .form-check-label {
			height: calc(2rem + 6px);
  
}
                font-size: calc(11px + 0.390625vw);  
            }
            .form-floating>label {
                padding: 3px; 
				transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
				opacity: .65;
				}
			.form-check-input>label {
                font-size: calc(11px + 0.3vw); 
				height: calc(13px + 0.3vw);
				}
			
            .form-floating {
                margin-bottom: 10px; /* Reducir el margen entre campos */
            }

.pie_edicion {
	position: absolute;
    bottom: 0;
    right: 1px;
    width: 100%;
    padding-top: 40px!important;
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 39%,rgba(0,0,0,.9) 63%);
	text-align: center!important;
	padding-bottom: 0.5rem!important;
}

.form-label {
    margin-bottom: 2px;
	margin-top: 4px;
    font-weight: 600;
    font-style: oblique;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.avatar:hover .image {
  opacity: 0.3;
}

.avatar:hover .middle {
  opacity: 1;
}
.avatar .button {
  color: black;
  font-size: 12px;
  padding: 2px;
}

.image {
  opacity: 1;
  display: block;
  object-fit: contain;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.avatar {
  position: relative;
  width: 100%;
  max-width: 200px;
  margin: 3px;
}


.nav-pills {
	min-width: 60px;
}
.navbar-custom {
    width: 200px; 
	}
	
	
.listing-type-grid {
    display: grid;
    width: 100%;
    grid-gap: var(--grid-spacing,0.625rem);
    grid-template-columns: repeat(auto-fill,minmax(calc( (100% - var(--grid-spacing) * (var(--pubs-per-row) - 1))/var(--pubs-per-row)),1fr));
}	
.listing-pub {
    border-radius: var(--img-border-radius);
    overflow: hidden;
    position: relative;
}
.listing-image {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease,-webkit-transform 300ms ease;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}
	
	.listing-pub .cover {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    padding-top: var(--listing-cover-ratio);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (max-width: 1000px) {
           .navbar-custom {
    width: 15%; 
	}
	
	
	
			.icon {
	    margin: auto;
    width: 50%;
    padding: 1px;
    height: auto; 
			width: 130px;}
			
			/*
			.card {
    min-width: 130px;
    max-width: 10rem;
    border-radius: 4px;
}
*/
}