.cydhome-container {
    min-height: 600px;
   margin-top: 50px !important;
    display: grid;
    gap: 15px;
    grid-auto-flow: row;
    grid-template-areas:
    "b b b b b a a a a a"
    "b b b b b d d d e e"
    "c c c c c d d d e e"  
    "c c c c c d d d e e";
}



.cydhome-area {
    position: relative;
    padding: 15px; 
}

.mascirculo {
    position: absolute;
    right: 15px;
    top: 15px;
    width:30px; 
    height:30px;
    -webkit-filter: drop-shadow(0px 5px 5px rgb(80, 80, 80));
  filter: drop-shadow(0px 5px 5px rgb(80, 80, 80));
}

.mascirculo:hover {
    -webkit-filter: drop-shadow(0px 0px 0px rgb(80, 80, 80));
  filter: drop-shadow(0px 0px 0px rgb(80, 80, 80));
  width:29px; 
  height:29px;
    
}

.cydhome-area-intro {
    padding: 45px; 
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.cydhome-area-intro p {
    color: #9B9D9E;
}

.cydhome-area-textbox {
    
    margin-bottom: 0px;
    width: 100%;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.85);
    align-self: flex-end;
    
}



.cydhome-area h2 {
    font-size: 1.5em; 
    margin: 0;   
}

.cydhome-area a {
    color:black;
    text-decoration: none;  
}

.cydhome-area a:hover {
    color:#2A71B5;
}

.cydhome-area-b p {
    font-size: 0.8em;    
}

.cydhome-area-post {
    display: flex;
}

.cydhome-area-post h2 {
    font-size: 1.1em;  
}


.cydhome-area-a  {    grid-area: a;    }
.cydhome-area-b  {    grid-area: b;   }
.cydhome-area-c  {    grid-area: c;   }
.cydhome-area-d  {    grid-area: d;   }
.cydhome-area-e  {    grid-area: e;   }

.cydhome-area-e  {    
    background: rgb(58,99,172);
background: linear-gradient(45deg, rgba(58,99,172,1) 0%, rgba(0,142,206,1) 45%);
  }

.cydhome-area-vermas {    
    text-align: center;
    display: flex;
    flex-direction: column;
   
  }

  .cydhome-vermas-iso { 
    width: 80px;
    height: auto;
    display: flex;
    text-align: center;
    align-self: center;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
   
  }



  .cydhome-area-vermas a { 
    font-family: var(--wp--preset--font-family--titulos);
      font-weight: bold;
      color: #FFFFFF;
  }

  .cydhome-area-vermas a:hover { 
      color: #F09249;
  }

  .cydhome-area-vermas p { 
      margin: 0 0 10px 0;
  }

  

  @media (max-width: 500px) {
    .cydhome-container {
        grid-template-areas:
            "a"
            "b"
            "c"  
            "d"
            "e";
    }
    .cydhome-area-b,
    .cydhome-area-c,
    .cydhome-area-d  { min-height: 300px;}
    .cydhome-vermas-iso img {display: none;}
    .cydhome-area-vermas p {margin: 0;}
}

@media (min-width: 500px) and (max-width: 900px) {
    .cydhome-container {
        grid-template-areas:
            "a a a a"
            "b b b b"
            "c c c c"  
            "d d d e";
    }
    .cydhome-area-b { min-height: 300px;}
    .cydhome-area-c { min-height: 200px;}
    .cydhome-area-d { min-height: 200px;}
    .cydhome-vermas-iso img {width: 50px; height: auto;}
}

@media  (min-width: 900px) {
    .cydhome-container {
        grid-template-areas:
            "b b b b b a a a a a"
            "b b b b b d d d e e"
            "c c c c c d d d e e"  
            "c c c c c d d d e e";
    }
    .cydhome-vermas-iso img {width: 70px; height: auto;}
}


.shortcode-loop-vermas {
    color: #2A71B5 !important;
}