:root { --gap: 30px;--width: 80vw;--menu_opacity:0.9}
		
	
      * { -webkit-box-sizing: border-box; box-sizing: border-box}
      html {font-size: 16px}
      body {background-color: #f1f0f1; margin: 0;padding: 0;font-family: "Poppins", sans-serif;position: relative;padding-top:90px}


      .menu-overlay{
        position: fixed;
        left: 0; right: 0;
        top: 0; bottom: 0;
        z-index: 90; 
        background: transparent;
        display: none;
      }
      body.menu-open .menu-overlay{ display:block; }
      body.menu-open .eespinosa article .gallery{ pointer-events:none; }
      body.menu-open .eespinosa header{ pointer-events:auto; z-index:100; }

      .eespinosa header {
        padding: 16px 25px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: rgba(240,241,240,var(--menu_opacity));
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 100;
      }

      .eespinosa header h1 {
        font-size: clamp(1rem, 2vw, 1.2rem);
        line-height: 1.2;
        font-weight: 500;
        margin: 0;
      }


      .menu-toggle{
		  display: none;
		  align-items: center;
		  gap: 10px;
		  height: 44px;
		  border: 0;
		  background: transparent;
		  cursor: pointer;
		  padding: 0;
		  position: relative;
		}

		.menu-toggle .label{
		  font-size: 0.9rem;
		  font-weight: 500;
		  color: #000;
		  user-select: none;
		}

		.menu-toggle .icon{
		  width: 44px;
		  height: 44px;
		  position: relative;
		  flex: 0 0 44px;
		  background: #000;
		  background-clip: content-box;
		  padding: 21px 10px; 

		  transition: background .2s ease;
		}

		.menu-toggle .icon::before,
		.menu-toggle .icon::after{
		  content: "";
		  position: absolute;
		  left: 10px;
		  right: 10px;
		  height: 2px;
		  background: #000;
		  transition: transform .25s ease, top .25s ease, opacity .2s ease;
		}
		.menu-toggle .icon::before{ top: 14px; }
		.menu-toggle .icon::after { top: 28px; }
		.menu-toggle.is-open .icon{
		  background: transparent;
		}
		.menu-toggle.is-open .icon::before{
		  top: 21px;
		  transform: rotate(45deg);
		}
		.menu-toggle.is-open .icon::after{
		  top: 21px;
		  transform: rotate(-45deg);
		}
      .eespinosa header ul {
        font-size: clamp(0.75rem, 1vw, 0.8rem);
        line-height: 1.2;
        list-style: none;
        display: flex;
        flex-flow: column;
        gap: 10px;
        margin: 0;
        padding: 0;
        color: #666;
      }
      .eespinosa header ul a { color:#666; text-decoration: none }
      .eespinosa header ul .active, .eespinosa header ul .active a { font-weight: 500; color:#000 }

      .eespinosa article {width: 100%; margin: 0 auto; text-align: center;padding: 0 16px}
      .eespinosa article h2 {font-size: clamp(0.8rem, 1.5vw, 0.9rem); line-height: 1.2;font-weight: 300;}
      .eespinosa article h2 strong {font-weight: 600;}
      .eespinosa article .gallery { max-width: var(--width); width: 100%; margin: 40px auto; padding: 0}
      .eespinosa article .gallery .row { width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex; gap: var(--gap); margin-bottom: var(--gap);-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch}

      .eespinosa article .gallery .cell { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;overflow: hidden; background: #eee;      -webkit-transition: -webkit-box-shadow .25s ease;      transition: -webkit-box-shadow .25s ease;      -o-transition: box-shadow .25s ease;      transition: box-shadow .25s ease;      transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;      will-change: box-shadow }

      .eespinosa article .gallery .cell img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;display: block; opacity: 0; -webkit-transition: transform .25s ease,opacity 0.35s ease; -o-transition: transform .25s ease,opacity 0.35s ease; -webkit-transition: opacity 0.35s ease,-webkit-transform .25s ease; transition: opacity 0.35s ease,-webkit-transform .25s ease; transition: transform .25s ease,opacity 0.35s ease; transition: transform .25s ease,opacity 0.35s ease,-webkit-transform .25s ease; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;will-change: transform;}

		
	  .index .eespinosa article .gallery .cell{cursor:pointer}
	  .index .eespinosa article .gallery .cell:hover{-webkit-box-shadow: 0 0 20px rgba(0,0,0,.8);box-shadow: 0 0 20px rgba(0,0,0,.8);}
	  .index .eespinosa article .gallery .cell:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
		
	  .eespinosa article .gallery .masonry{ display: -ms-grid; display: grid;-ms-grid-columns: minmax(0, 1fr) var(--gap) minmax(0, 1fr) var(--gap) minmax(0, 1fr);grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap);-webkit-box-align: start;-ms-flex-align: start;align-items: start;    }
	  .eespinosa article .gallery .masonry .col{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: var(--gap);min-width: 0}
 	  .eespinosa article .gallery .masonry .col .cell{position: relative;overflow: hidden;background: #eee;-webkit-transition: -webkit-box-shadow .25s ease;transition: -webkit-box-shadow .25s ease;-o-transition: box-shadow .25s ease;transition: box-shadow .25s ease;transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;will-change: box-shadow;cursor:pointer}
	 .eespinosa article .gallery .masonry .col .cell img{width: 100%;height: auto;display: block;-o-object-fit: contain;object-fit: contain;opacity:0 }
	  .eespinosa article .gallery .masonry .col .cell:hover{-webkit-box-shadow: 0 0 20px rgba(0,0,0,.8);box-shadow: 0 0 20px rgba(0,0,0,.8);}
	  .eespinosa article .gallery .masonry .col .cell:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

      .eespinosa article .gallery .cell img.is-loaded {opacity: 1!important }

	  @media (prefers-reduced-motion: reduce){
        .index .eespinosa article .gallery .row .cell, .eespinosa article .gallery .row .cell img{ -webkit-transition: none !important; -o-transition: none !important;transition: none !important;}
        .index .eespinosa article .gallery .row .cell:hover img{-webkit-transform: none !important; -ms-transform: none !important;transform: none !important;}
      }
      @media (max-width: 1000px){
        body{ padding-top: 80px; }

        .menu-toggle{ display: inline-flex; }

        .eespinosa header{
          justify-content: space-between;
        }

        .eespinosa header nav{
          position: absolute;
          left: 0;
          right: 0;
          top: 100%;
          background-color: rgba(240,241,240,var(--menu_opacity));
          overflow: hidden;
          max-height: 0;
          opacity: 0;
          transform: translateY(-8px);
          transition: max-height .35s ease, opacity .25s ease, transform .35s ease;
          border-bottom: 1px solid rgba(0,0,0,.15);
        }
        .eespinosa header nav.is-open{
          max-height: 220px; 
          opacity: 1;
          transform: translateY(0);
        }

        body.menu-open .eespinosa article .gallery{
          pointer-events: none;
        }
        body.menu-open .eespinosa header{
          pointer-events: auto;
        }
        .eespinosa header ul{
          flex-flow: column;
          gap: 14px;
          padding: 18px 25px;
        }
      }
      @media (max-width: 500px) {
        :root {--gap: 20px}
		body {padding-top:120px}
        
        .eespinosa article .gallery .row { display: block; margin-bottom: var(--gap) }
        .eespinosa article .gallery .row .cell { width: 100% !important;height: auto !important; margin-bottom: var(--gap);overflow:unset }
        .eespinosa article .gallery .row .cell:last-child {margin-bottom: 0 }
        .eespinosa article .gallery .row .cell img { width: 100%; height: auto;-o-object-fit: cover;object-fit: cover }
	  .index .eespinosa article .gallery .cell:hover,.eespinosa article .gallery .masonry .col .cell:hover{-webkit-box-shadow: none;box-shadow: none}
		.index .eespinosa article .gallery .cell:hover img,.eespinosa article .gallery .masonry .col .cell:hover img{-webkit-transform: none !important;-ms-transform: none !important;transform: none !important; }
		.index .eespinosa article .gallery .row .cell, .eespinosa article .gallery .cell img,.eespinosa article .gallery .masonry .col .cell,.eespinosa article .gallery .masonry .col .cell img{-webkit-transition: none !important;-o-transition: none !important;transition: none !important;}
        .index .eespinosa article .gallery .row .cell:hover img{-webkit-transform: none !important;-ms-transform: none !important;transform: none !important; }
		.eespinosa article .gallery .masonry{ grid-template-columns: 1fr; }
}

footer {
  text-align: center;
  margin-top: 40px;
  font-size: 14px;
  color: #555;
}