.hero
{
    background-image: url(../media/images/hero-texture.png);
    background-position: center;
    background-size: cover;
    padding-bottom: 0;
}
.hero .flex-wrap
{
    justify-content: center;
}
.hero .title
{
    color: var(--mainColor);
    font-size: 2.5em;
}
.hero .title strong
{
    color: var(--secColor);
}
.hero-content
{
    width: 100%;
    margin: 0 auto;
}
.hero .cta-button.withicon .icon
{
        background: var(--whiteColor);
}
.hero .cta-button.withicon .icon svg
{
    fill: var(--mainColor);
}
.tagline
{
    color: var(--secColor);
    margin: 10px 0 30px;
    font-weight: 500;
}
.img-experience
{ 
    position: absolute;
    bottom: 60px;
    margin-right: 200px;
}
.especiality-item
{
    background: rgb(73, 128, 168);
    border-radius: 20px;
    overflow: hidden;
    height: stretch;
    position: relative;
}
.especiality-item picture
{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    mix-blend-mode: overlay;
    opacity: 0.1;
    z-index: 0;
    transition: all 0.3s ease;
}
.especiality-item:hover picture
{
     opacity: 0.4;
}
.especiality-item picture img
{
    height: 100%;
    width: auto;
}
.item-content
{
    padding: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1;
    position: relative;
}
.item-content .icon
{
    width: 80px;
    height: 80px;
}
.item-content .item-icon
{
    max-width: 60px;
    padding: 10px;
}
.cta-content p.title, .separador p.title
{
    line-height: 0;
}
.cta-content .cta-button.withicon
{
    max-width: 370px;
}
.trayectoria h4
{
    font-size: var(--title);
    color: var(--secColor);
    margin-bottom:30px;
}
.trayectoria h5
{
    font-size: var(--txtBig);
    color: var(--secColor);
    font-weight:normal;
}
.trayectoria h5 strong
{
     color: var(--mainColor);
       font-weight:normal;
}
.trayectoria .box-content
{
   width: 80%;
}
.trayectoria .image-content
{
    width: 80%;
    margin: 0 auto;
}
.casos-medicos .box-content .title
{
    font-size: var(--txtBig);
    font-weight: lighter;
}
.casos-medicos .box-content
{
     color: var(--secColor);
     max-width:800px;
     margin: 0 auto;
}
.casos-medicos .box-content strong
{
     color: var(--mainColor);
}
.opinion-container
{
    max-width: 1000px;
    margin:60px auto;
    justify-content: space-around;
}
.opinion a
{
    display: block;
}

.round-box .cta-button.emeral-bg
{
    border-color: var(--mainColor);
}
.round-box .cta-button.blue-bg
{
    border-color: var(--secColor);
}
.round-box .cta-button:hover
{
    border-color: var(--whiteColor);
    color: var(--mainColor);
}

.separador.emeral-bg .round-box .cta-button:hover
{
    color: var(--mainColor) !important;
    background: var(--whiteColor) !important;
    border-color: var(--mainColor) !important;
}
.round-box .cta-button.withicon .icon
{
    background: var(--whiteColor);
}
.round-box .cta-button.withicon .icon svg
{
    fill: var(--mainColor);
}
.round-box div[class*="col"]
{
    height: stretch;
}
.round-box picture
{
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}
.cita-screenphone
{
    position: absolute;
    bottom: -55px;
    max-width: 610px;
    left: 50%;
    transform: translate(-50%);
}
.slick-slide img
{
    padding: 50px;
    box-sizing: border-box;
}
.title.blue-color strong
{
    color: var(--mainColor);
}
.pic
{
    width: 250px !important;
    height: 250px !important;
    border-radius: 50%;
    border: solid 2px var(--mainColor);
    overflow: hidden;
    margin: 0 auto;
}
.historial .round-box
{
    padding: 30px 40px;
}
.historial-cv-container .cv-item
{
    position: relative;
    z-index: 1;
}
.desktop-img
{padding: 0 20px;}
@media (max-width: 1550px) {
     .separador .desktop-img 
    {
       padding: 25px 20px 0;
    }
}
@media (max-width: 1100px) {
    .img-experience {
    bottom: 0px;
    }
    .trayectoria .box-content {
    width: 100%;
    }
    .item-content {
    padding: 52px;}
    .separador .desktop-img 
    {
       padding: 44px 20px 0;
    }
     .cta-content p.title, .separador p.title {
        line-height:50px
    }
}
@media (max-width: 990px) {
     .img-experience {
       margin-right: inherit;
       right: 15%;
    }
    .desktop-img
    {
        display: none;
    }
    .separador
    {
        min-height: auto;
        padding:30px 0;

    }
    .separador div[class*="col"]
    {
        width: 100%;
    }
    .cta-content
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
   .cta-button.withicon {
    padding: 5px 10px;}
    .round-box .col-40
    {
        width: 50%;
        margin: 0 auto;
    }
}
@media (max-width: 790px) {
    .hero-img
    {
            max-width: 350px;
    }
    .hero
    {
        margin-top: 60px;
        text-align: center;
        padding-bottom: 0;
    }
    .hero .cta-button
    {
        margin: 0 auto;
    }
    .especiality-item, .opinion a
    {
        max-width: 400px;
        margin: 0px auto 40px;
    }
    .title
    {
        text-align: center;
    }
    .separador .round-box
    {
        text-align: center;
    }
     .separador .round-box .cta-button
    {
        margin: 30px auto;
    }
    .opinion-container {
    margin: 60px auto 0px;
    }
    .reseñas
    {
    padding: 80px 0 40px;
    }
    .slick-slide img {
    padding: 60px;
}
}
@media (max-width: 580px) {
     .img-experience {
        left: 0;
        right: inherit;
    }
    .hero-img
    {
        left: 50px;
        position: relative;
    }
    .hero .title
    {
        font-size: 2em;
        line-height: 1.1em;
    }
    .hero .tagline
    {
        font-size: 1.2em;
    }
    .hospitals br
    {
        display: none;
    }
    .cta-button.withicon
    {
        width: 100%;
        max-width: 300px;
    }
    .casos-medicos
    {
        padding-bottom: 0;
    }
    .round-box
    {
        padding: 40px 10px;
    }
    .round-box .col-40 {
        width: 100%;
    }
    .slick-prev {
        left: 0px;
    }
    .slick-next
    {
        right: 0;
    }
    .slick-prev:before, .slick-next:before
    {
        color: var(--secColor);
    }
    .item-title
    {
        font-size:1.2em;
    }
}
@media (max-width: 380px) {
.cta-button.withicon {
        max-width: 260px;
}
}