
.container-afp{display: flex;background: #e0ea00;font-family: lato;max-width: 1120px;margin: auto;flex-direction: column;border-radius: 10px;/* padding-bottom: 20px; */position: relative;z-index: 1;}
.container-afp::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100%;
  background-image: url('/noticias/stat/includes/modulos/widget_afp/img/elipse.png');
  background-repeat: no-repeat; /* o no-repeat, segÃºn lo necesites */
  background-size: auto; /* o cover / contain */
  opacity: 0.3; /* controla la intensidad del patrÃ³n */
  z-index: 1; /* lo manda detrÃ¡s del contenido */
  /* background: red; */
}
.container-afp::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100%;
  background-image: url('/noticias/stat/includes/modulos/widget_afp/img/elipse.png');
  background-repeat: no-repeat; /* o no-repeat, segÃºn lo necesites */
  background-size: auto; /* o cover / contain */
  opacity: 0.3; /* controla la intensidad del patrÃ³n */
  z-index: -1; /* lo manda detrÃ¡s del contenido */
  /* background: red; */
  transform: rotate(
173deg);
}
.container-afp a{text-decoration: none;}
.container-afp  img.logo{/* width: 45%; */}
.container-afp  img.icon-legales{    width: 40px;
    height: 40px;
    border: 2px solid #d3d7dd;}
.container-afp .card{background: #e9f401;border: none;/* min-height: 255px; *//* border-left: 2px dashed #ffffffe6; */margin-bottom: 20px;padding-bottom: 10px;min-height: 200px;}
.container-afp .card-title{font-size: .7rem;color: #ffffff;/* background: #0096b4; */font-family: merriweather;/* text-transform: capitalize; */text-decoration: none;margin-bottom: 0.2rem;left: 0;padding-left: .5rem;padding-right: 0.5rem;}
.container-afp .card-title .taxo{  min-height: 0px;text-decoration: none;}
.container-afp .card-title:first-letter {
 text-transform: capitalize;
}
.container-afp .card-title a{min-height: 0px;text-decoration: none;color: #0051b2;font-weight: bold;}
.container-afp  .fecha{color: #eb6a1f;font-family: lato;font-size: .55rem;font-weight: normal;display: none;}
.container-afp  .rounded-circle img{background: #d3d7dd;padding: 2px;border-radius: 50%;display: none;}
.container-afp  a p.card-text{font-size: .8rem;/* min-height: 100px; *//* text-transform: uppercase; */line-height: 1.2;/* text-transform: lowercase; */align-items: flex-start;/* font-style: oblique; */color: #0033a0;z-index: 1;/* position: absolute; */bottom: 0;width: 100%;left: 0;padding: 0 .5rem;text-align: left;margin-top: 10px;display: flex;align-content: flex-start;flex-direction: column;/* background: #e0ea00; */}
.container-afp .btn-link{font-size: .7rem;color: #0096b4;font-weight: bold;background: #e5e9ef;}
.container-afp .card-body {flex: 1 1 auto;padding: 0.5rem 0rem;text-decoration: none;display: none;}
.container-afp .card-body .taxo{min-height: 29px;width: max-content;background: #00839d;}
.container-afp .info-legales {border-radius: 5px; color: #9E9E9E; font-weight: normal; font-size: 0.7rem; justify-content: center; font-family: lato; position: relative; justify-items: center; align-items: center;}

.container-afp .info-legales a {
    color: #d4d4d4;
    background: #214894;
    font-weight: bold;
    text-transform: unset;
    border-radius: 5px;
    text-align: center;
    font-size: .8rem;
    padding: 5px;
    position: relative;
}
.container-afp .info-legales a.mail:before{content: ''; width: 20px; position: relative; left: 0; border-radius: 0px 5px 5px 0px; margin-right: 5px;}
.container-afp .info-legales a.tel:before{content: ''; width: 20px; position: relative; left: 0; border-radius: 0px 5px 5px 0px; margin-right: 5px;}

.container-afp .info-legales a.mail:after{    content: 'Escribenos a: ';
        width: 100px;
    position: absolute;
    left: 12px;
    /* border-radius: 0px 5px 5px 0px; */
    margin-right: 5px;
    top: 0;
    color: #214894;
    font-weight: bold;
    top: -19px;
    /* background: #214894; */
    border-radius: 5px 5px 0px 0px;}
.container-afp .info-legales a.tel:after{content: 'Llamanos a:';  
       width: 100px;
    position: absolute;
    left: 12px;
    /* border-radius: 0px 5px 5px 0px; */
    margin-right: 5px;
    top: 0;
    color: #214894;
    font-weight: bold;
    top: -19px;
    /* background: #214894; */
    border-radius: 5px 5px 0px 0px;}



.container-afp .row {margin-right:unset; margin-left:unset; }
.container-afp .header-curiosos{
    color: #0096b4;
    font-size: 1.2rem;
    /* max-width: 70%; */
}
/*efectos*/

.container-afp .info-legales a.mail:hover,.container-afp .info-legales a.tel:hover{cursor: pointer; background:#333; }
.container-afp a.btn-link:hover{cursor: pointer;color: #ff9900 !important;}
.container-afp .card-body a.btn-link:hover{color: #ff9900;}
.container-afp .card:hover{/* background: #0096b4; */transition:background 0.2s ease;cursor: pointer;}
.container-afp .card:hover  p.card-text{color: black;}
.container-afp a.c-black:hover{cursor: pointer;color: #0096b4 !important;background: #e5e9ef !important;}
.container-afp .cabecera:hover {background:#00000005;}

.container-afp  p span:first-letter{
 text-transform: capitalize;
}
.container-afp .row {
    --bs-gutter-x: .8rem;
    /* z-index: 1; */
}
.container-afp picture {margin: 0px;width: 100%;overflow: hidden;display: flex;position: relative;margin: auto;min-height: auto;max-height: max-content;display: block;padding-top: 56.25%;position: relative;background: #ffffff;border: 4px solid #0131a3;border-radius: 10px;}
.container-afp picture img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}


 @media (min-width: 768px){.container-afp .col-md-3 {flex: 0 0 auto;width: 20%;}

 }

  @media (max-width: 767px){
    .container-afp .card {
  /* min-height: 300px; */
}
.container-afp a p.card-text {
   /* min-height: 86px; */
}
.container-afp img.icon-legales {
    width: 47px;
    height: 45px;
   
}
.container-afp  .contenido-card{
    margin-bottom:-5px;
    margin-top: -5px;
    /* height: 300px; */
    margin: 15px 0;
    /* border:solid blue 3px; */
    border-radius: 10px;
}
.order1{order: 1;}
.order2{order: 2;}

.container-afp img.logo {
    width: 65%;
}
.container-afp {
    width: 96%;
}


.container-afp picture {/* margin-top: 7px; */}
 }








