.grey-section {
	
   & .wp-block-cover {
		border-radius: 28px;
		padding: 265px 48px 100px 29px;
		
	
	
	  /* Titulares */
	  & h2 {
		font-family: 'Boston';
		font-weight: 700;
		font-size: 20px;
		line-height: 100%;
		color: var(--black);
		margin: 0;
		letter-spacing: -0.02em;
		padding-bottom: 18px;
	  }

	  & h4 {
		font-family: 'Boston';
		font-weight: 600;
		font-size: 14px;
		line-height: 130%;
		color: var(--black);
		margin: 0;
		padding-bottom: 50px;
	  }

  /* ===========================
     LISTA
  ============================ */

  & ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 23px;
    height: 100%;
    justify-content: end;

    & li {
      position: relative;
      padding-left: 50px;
      min-height: 75px;
      display: flex;
      align-items: center;
      font-family: 'Boston';
      font-weight: 400;
      font-size: 14px;
      line-height: 130%;
      color: var(--black);

      &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 37.5px;
        height: 37.5px;
        border-radius: 50%;
        background-color: var(--yellow);
        background-image: var(--icon-double-arrow);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 38px;
      }
    }
  }
 }
	

  /* ===========================
     TABLET
  ============================ */

  @media (min-width: 768px) and (max-width: 1280px) {
	  
	 & .wp-block-cover {
		border-radius: 28px;
		padding: 300px 48px 70px 48px;
	
	  /* Titulares */
	  & h2 {font-size: 52px; padding-bottom: 35px;}
	  & h4 {font-size: 24px; padding-bottom: 48px;}

	  /* ===========================
		 LISTA
	  ============================ */

	  & ul {
		
		& li {
		  font-size: 23px;
		  padding-left: 100px;
			
		  &::before {
			width: 75px;
			height: 75px;
			background-size: 75px;
		  }
		}
	  }
	 }

  }

  /* ===========================
     DESKTOP
  ============================ */

  @media (min-width: 1281px) {
	  
	& .wp-block-cover {
		padding: 423px 48px 64px 48px;
	
	  /* Titulares */
	  & h2 {font-size: 80px; padding-bottom: 35px;}
	  & h4 {font-size: 30px; padding-bottom: 60px;}

	  /* ===========================
		 LISTA
	  ============================ */

	  & ul {
		
		& li {
		  font-size: 23px;
		  padding-left: 100px;
			
		  &::before {
			width: 75px;
			height: 75px;
			background-size: 75px;
		  }
		}
	  }
	 }

    
  }
}




.secondary-grey-section {
  height: 100%;

  & .wp-block-group__inner-container {
    height: 522px;

    & .wp-block-cover {
      height: 100%;
      min-height: 0;
      padding: 0;
	  position: relative;
	 

      & img {
        height: 100%;
        border-radius: 28px;
        object-fit: cover;
      }
    }
	  

	& .wp-block-cover__inner-container {
		padding: 0 25px;
		border-radius: 28px;
		
		& .wp-block-group__inner-container {
			position: relative; z-index: 1;
			height: 522px;
			display: flex;
			flex-direction: column;
			gap: 35px;
			justify-content: end;
			padding-bottom: 29px;
			
			& h2 {
				  font-family: 'Boston';
				  font-weight: 700;
				  font-size: 32px;
				  line-height: 100%;
				  letter-spacing: -0.02em;
				  margin: 0;
				}

			& p {
				font-family: 'Boston';
				font-weight: 600;
				font-size: 14px;
				line-height: 150%;
				margin: 0;
			}
			
		} 
	}
	  
	&  .wp-block-cover__inner-container::after {
		  content: "";
		  position: absolute;
	      inset: 0;
		  background: linear-gradient( 300deg, rgba(255, 255, 255, 0) 0%, #fff 100% );
		  mix-blend-mode: screen;
		  border-radius: inherit;
		  pointer-events: none;
	}

    
  }
	
	
  @media (min-width: 768px) and (max-width: 1280px) {
    & .wp-block-group__inner-container {
    	height: 890px;

		& .wp-block-cover__inner-container {
			padding: 0 100px 0 35px;
			& .wp-block-group__inner-container {
				height: 890px; padding-bottom: 60px;
				& h2 {font-size: 52px;}
				& p { font-size: 24px; }
			} 
		}  
  	}
  }
	
	
  @media (min-width: 1281px) {
    & .wp-block-group__inner-container {
    	height: 987px;

		& .wp-block-cover__inner-container {
			padding: 0 48px;
			
			& .wp-block-group {
				width: 60%;
				
				& .wp-block-group__inner-container {
					height: 987px; padding-bottom: 80px;
					& h2 {font-size: 80px !important;}
					& p { font-size: 30px; }
				} 
			}
		}  
  	}
  }
	
	
	
}
