/* 
Theme Name:      Lini
Theme URI:       https://www.metalurgicalini.com/
Description:     Lini is a child theme of Blacklight
Author:          Ingenima
Template:        blacklight
Version:         1.0.4
Text Domain:     Lini
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# General
  ## Typography
# Cross / Secciones
  ## Hero


--------------------------------------------------------------*/

@media only screen and (max-width: 620px) {

  /*--------------------------------------------------------------
  # General
  --------------------------------------------------------------*/
  /*
    ## Typography
  */
  
  h1 {
    font-size: 40px;
  }
  
  /*--------------------------------------------------------------
  # Cross / Secciones
  --------------------------------------------------------------*/
  
  .shape-black {
      background: linear-gradient(0deg, #fff 50%, #1F1F1F 0%);
  }
  
  .shape-black-2 {
      background: linear-gradient(0deg, #fff 30%, #1F1F1F 0%);
    
  }
  
  /*
    ## Hero
  */
  
  .home .lini-hero-title {
    min-height:100vh;
  }
  
  .home .lini-hero-title .lini-btn {
    margin-bottom:20px;
  }
    
  .lini-hero-title {
    color:#fff;
    min-height:557px;
  }
  
  .lini-hero {
    
      min-height:calc(70dvh - 78px);
      position:relative;
      overflow: hidden;
  
    & .hero-img-container::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: var(--gradient-dark-transparent);
        pointer-events: none; /* Para que la imagen siga siendo interactiva */
    }
    
    & .hero-img {
        position:absolute;
        right:0;
        top:-0px;
        height:100%;
        object-fit: cover;
        object-position: center;
        z-index: 0;
        overflow:hidden;
    }
  
    color:var(--white);
  
  }
  
  .hero-wrapper .shape-hero {
    width:300px;
    bottom: -200px;
    right: 40px;
    pointer-events: none;
  }
  
  .vh-100 {
    height: 100vh;
  }
  
  .mh-720 {
    max-height:720px;
  }

  .materiales img {
    max-width:200px;
  }
  
  }