/* screen m p utils*/
.dyn-height-half {     height: 75vh; }
/* screen m p utils*/


/*BG utils*/
.dyn-bg-aqua2 {       background-color: #C4E7E8; }
.dyn-bg-blue {        background-color: var(--blue); }
/*END BG utils*/


/* + + + + + + + + + + + + +     text utils     + + + + + + + + + + + + + */

.dyn-blue {         color: var(--blue); }
.dyn-text-header-color { color: black}

/* + + + + + + + + + + + + +     END text utils     + + + + + + + + + + + + + */


/* + + + + + + + + + + + + +     Spacing util     + + + + + + + + + + + + + */


.dyn-height-prod-title{ height:3rem;}
.dyn-height-prod-desc-big{ height:3rem;}
.dyn-height-prod-desc-mid{ height:2rem;}
.dyn-height-prod-desc-small{ height:1.5rem;}

.dyn-height-prod-spacer{ height:4rem;}


/* + + + + + + + + + + + + +     END Spacing util     + + + + + + + + + + + + + */



/* PRODS */

    /* Backgrounds */
.dyn-cuadro-empresariales{      background-color: #333353;        }
.dyn-cuadro-transporte{         background-color: var(--aqua);      }
.dyn-cuadro-paisano{            background-color: #C4E7E8;        }
.dyn-cuadro-mujer{              background-color: var(--mujer);     }
    /* END Backgrounds */

.dyn-subprod-titleDiv{
  text-align: center;
  border-bottom-right-radius: 3rem;
}
.dyn-icons-size{                font-size: 3rem;                    }
.dyn-icons-img-size{                height: 3rem;                    }
.dyn-icons-img-sizeBig{                height: 4rem;                    }
.dyn-text-tipo{                 font-size: 1.9rem;    font-weight: bold;    }

.dyn-cuadro-text{
  padding-left: 2rem; 
  padding-right: 2rem;
  margin: 0;
  font-size: 1rem;
}

.dyn-seguros-desc {             font-weight: 300;     font-style: italic;   }
.dyn-seguros-desc2 {            font-weight: 600;                           }


/* cajas de descripciones de seguros*/
      /* personales */
.dyn-pers-desc-box{       position: relative;    }
.dyn-pers-desc-box::before{       
  position: absolute;       content:"";
  border-bottom-right-radius: 3rem;
  left:-12%; right:0rem; top:0rem; bottom:0rem;
  z-index: -1000;
  /*update p.c. pag*/
  background-color: var(--grey2);
}

.dyn-pers-desc-box2{       position: relative;    }
.dyn-pers-desc-box2::before{       
  position: absolute;       content:"";
  border-bottom-right-radius: 3rem;
  left:-12%; right:0rem; top:0rem; bottom:0rem;
  z-index: -1000;
  /*update p.c. pag*/
  background-color: white;
  border: 5px solid var(--grey2); 
}


      /* empresariales */
.dyn-empre-desc-box{       position: relative;    }
.dyn-empre-desc-box::before{       
  position: absolute;       content:"";
  border-bottom-right-radius: 3rem;
  left:-12%; right:0rem; top:0rem; bottom:0rem;
  z-index: -1000;
  /*update p.c. pag*/
  background-color: var(--lightgrey);
}

.dyn-empre-desc-box2{       position: relative;    }
.dyn-empre-desc-box2::before{       
  position: absolute;       content:"";
  border-bottom-right-radius: 3rem;
  left:-12%; right:0rem; top:0rem; bottom:0rem;
  z-index: -1000;
  /*update p.c. pag*/
  background-color: white;
  border: 5px solid var(--lightgrey); 
}


      /* mercancías */
.dyn-merca-desc-box{       position: relative;    }
.dyn-merca-desc-box::before{       
  position: absolute;       content:"";
  border-bottom-right-radius: 3rem;
  left:-12%; right:0rem; top:0rem; bottom:0rem;
  z-index: -1000;
  /*update p.c. pag*/
  background-color: var(--grey2);
}

.dyn-merca-desc-box2{       position: relative;    }
.dyn-merca-desc-box2::before{       
  position: absolute;       content:"";
  border-bottom-right-radius: 3rem;
  left:-12%; right:0rem; top:0rem; bottom:0rem;
  z-index: -1000;
  /*update p.c. pag*/
  background-color: white;
  border: 5px solid var(--grey2); 
}


      /* paisanos */
.dyn-paisa-desc-box{       position: relative;    }
.dyn-paisa-desc-box::before{       
  position: absolute;       content:"";
  border-bottom-right-radius: 3rem;
  left:-12%; right:0rem; top:0rem; bottom:0rem;
  z-index: -1000;
  /*update p.c. pag*/
  background-color: #f5f5f5;
}

.dyn-paisa-desc-box2{       position: relative;    }
.dyn-paisa-desc-box2::before{       
  position: absolute;       content:"";
  border-bottom-right-radius: 3rem;
  left:-12%; right:0rem; top:0rem; bottom:0rem;
  z-index: -1000;
  /*update p.c. pag*/
  background-color: white;
  border: 5px solid #f5f5f5; 
}


      /* mujer */
.dyn-mujer-desc-box{       position: relative;    }
.dyn-mujer-desc-box::before{       
  position: absolute;       content:"";
  border-bottom-right-radius: 3rem;
  left:-12%; right:0rem; top:0rem; bottom:0rem;
  z-index: -1000;
  /*update p.c. pag*/
  background-color: var(--mujer2);
}

.dyn-mujer-desc-box2{       position: relative;    }
.dyn-mujer-desc-box2::before{       
  position: absolute;       content:"";
  border-bottom-right-radius: 3rem;
  left:-12%; right:0rem; top:0rem; bottom:0rem;
  z-index: -1000;
  /*update p.c. pag*/
  background-color: white;
  border: 5px solid var(--mujer2); 
}
/* END cajas de descripciones de seguros*/


/* btns menú de prods de seguros*/
.dyn-btn-prodmenu{
  padding: .5rem; padding-left: 1rem;
  text-decoration: none; 
  align-content: center; 
  background-color: var(--purple);
  border: 2px solid var(--purple); 
  color: white;
  font-weight: 500;
  transition: all .3s;
}
.dyn-btn-prodmenu:hover{
  text-decoration: none;  
  background-color: white;
  color: var(--purple);
  border: 2px solid var(--purple); 
}
/* END btns menú de prods de seguros*/


/* btns de prods para cotizar*/
.dyn-btn-prod {
  border-radius: .5rem ; 
  text-decoration: none; 
  align-content: center; 
  font-weight: 600;
  border-width: 3px; border-style: solid;
}
.dyn-btn-prod:hover {       text-decoration: none;      }

  /*update p.c. pag el color y bg*/
.dyn-btn-prod-purple {          border-color: #8338ec;      color: black;               }
.dyn-btn-prod-purple:hover {                                  color: white;     background-color: var(--purple);  }

.dyn-btn-prod-black {          border-color: #222327;         color: #222327;          }
.dyn-btn-prod-black:hover {                                   color: white;     background-color: #222327;  }

.dyn-btn-prod-aqua {          border-color: var(--aqua);      color: black;   }
.dyn-btn-prod-aqua:hover {                                                        background-color: var(--aqua);  }

.dyn-btn-prod-aqua2 {          border-color: var(--aqua2);    color: black;      }
.dyn-btn-prod-aqua2:hover {                                                       background-color: var(--aqua2);   }

.dyn-btn-prod-mujer {          border-color: var(--mujer);    color: black;    }
.dyn-btn-prod-mujer:hover {                                   color: white;         background-color: var(--mujer); }
    
/* END btns de prods para cotizar*/

/* END PRODS */


@media screen and (min-width: 577px) and (max-width: 992px) {
  .dyn-subprod-titleDiv{
    position: relative;
    top:1.5rem;
    border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; 
    border-bottom-right-radius: 0rem;
  }

  .dyn-pers-desc-box::before{        left: 0;      border-bottom-right-radius: 0;       }
  .dyn-pers-desc-box2::before{       left: 0;      border-bottom-right-radius: 0;       }

  .dyn-empre-desc-box::before{       left: 0;      border-bottom-right-radius: 0;       }
  .dyn-empre-desc-box2::before{      left: 0;      border-bottom-right-radius: 0;       }

  .dyn-merca-desc-box::before{       left: 0;      border-bottom-right-radius: 0;       }
  .dyn-merca-desc-box2::before{      left: 0;      border-bottom-right-radius: 0;       }

  .dyn-paisa-desc-box::before{       left: 0;      border-bottom-right-radius: 0;       }
  .dyn-paisa-desc-box2::before{      left: 0;      border-bottom-right-radius: 0;       }

  .dyn-mujer-desc-box::before{       left: 0;      border-bottom-right-radius: 0;       }
  .dyn-mujer-desc-box2::before{      left: 0;      border-bottom-right-radius: 0;       }
}
@media screen and (max-width: 576px) {
  .dyn-subprod-titleDiv{
    position: relative;
    top:1.5rem;
    border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; 
    border-bottom-right-radius: 0rem;
  }

  .dyn-pers-desc-box::before{        left: 0;      border-bottom-right-radius: 0;       }
  .dyn-pers-desc-box2::before{       left: 0;      border-bottom-right-radius: 0;       }

  .dyn-empre-desc-box::before{       left: 0;      border-bottom-right-radius: 0;       }
  .dyn-empre-desc-box2::before{      left: 0;      border-bottom-right-radius: 0;       }

  .dyn-merca-desc-box::before{       left: 0;      border-bottom-right-radius: 0;       }
  .dyn-merca-desc-box2::before{      left: 0;      border-bottom-right-radius: 0;       }

  .dyn-paisa-desc-box::before{       left: 0;      border-bottom-right-radius: 0;       }
  .dyn-paisa-desc-box2::before{      left: 0;      border-bottom-right-radius: 0;       }

  .dyn-mujer-desc-box::before{       left: 0;      border-bottom-right-radius: 0;       }
  .dyn-mujer-desc-box2::before{      left: 0;      border-bottom-right-radius: 0;       }
}