@charset "utf-8";
/* CSS Document */
/*****
 * CSS Hugo Beghelli
 * Copyright 2025, (https://beghelli.com.ar)
 * Graphic Designer
 * June 2025 /
*****/
/* HOOK */
.contorno-blanco {
  text-shadow:
    -1px -1px 0 rgba(255, 255, 255, 0.3),
    1px -1px 0 rgba(255, 255, 255, 0.3),
    -1px 1px 0 rgba(255, 255, 255, 0.3),
    1px 1px 0 rgba(255, 255, 255, 0.3);
}
.hook {
  display: fixed;
  position: absolute;
  top: 13%;
  left: 50%;
  animation: float 3s linear infinite;
  animation-direction: alternate;
  height: 76,034vh;
  width: 21vh;
  align-content: center;
  justify-content: center;
  z-index: -2;
}
.mas{color:red;}
@keyframes float {
  from {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-5deg);
  }
}

.fcontainer {
  display: flex;
  flex-wrap: wrap;
  max-width: 1600px; 
  margin: 0 auto;
  box-sizing: border-box;
  max-height: 100%;
  min-height: 100% !important;
		 align-items: flex-end; 
}
.item {
  padding: 0 20px;
  text-align: center;
  box-sizing: border-box;
  max-height: 100%;
height: 100%;
}
.item-1 {
  flex-basis: 100%;
  max-width: 100%;
}
.item-2 {
  float: left;
  flex-basis: calc(40% - 10px); 
  max-width: calc(40% - 10px);
}
.item-3 {
  float: right;
  flex-basis: calc(60% - 10px);
  max-width: calc(60% - 10px);
}
.uno {
  margin-top: 80px;
}
.dos{
  margin-top: 80px;
}

@media (max-width: 768px) {
  .item-2, .item-3 {
    flex-basis: 100%;
    max-width: 100%;
  }
	.dos {margin-top:1px}
}


@media screen and (max-width: 768px) {
  .hook {
    opacity: 0.35;
	    left: 30%;
  }
}