
.main_sol {
    background-color:  gainsboro;
    font-size: 1.6rem; 
}

.main_sol strong {
    font-weight: 600;
}

.main_sol__editions {
    margin: auto;
    width: 80%;
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 1fr 1fr;
    grid-template-areas: 
                         "title          title       "
                         "description    image "
                         "swift          business"
                         "enterprise     enterprise";
    background-color: white;
    padding: 0rem 3rem;
    padding-top: 3rem;
 /*    padding: 3rem 3rem 0rem 3rem; *//*  top right bottom left */
}

.main_sol__icon {
    color: var(--dark_graphite);
    font-size: 2rem;
}

.main_sol__icon--yellow {
    color: var(--swift_canarinha);
    font-size: 3rem;
}

.main_sol__icon--orange {
    color: orange;
}

.main_sol__icon--green {
    color: darkseagreen;
    font-size: 3rem;
}

.main_sol__section-title {
    grid-area: title;
    background-color: #fff;
    color: var(--ultra_graphite);
    font-size: 2.5rem;
/*     padding: 0rem 0rem 0rem 0rem; *//*  top right bottom left */
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap:1rem;
}

.main_sol__editions-img-container {
    grid-area: image;
    padding: 0rem 0rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.main_sol__editions-image {
    object-fit: cover;
    width: 60%;
    height: auto;
    opacity: 85%;
}


.main_sol__section-title--yellow {
    background-color:   rgba(255, 255, 0, 0.20);  
    padding: 1rem 0rem 1rem 0rem;/*  top right bottom left */
}

.main_sol__section-title--orange {
    background-color: rgba(255, 166, 0, 0.2); 
    padding: 1rem 0rem 1rem 0rem;/*  top right bottom left */
}


.main_sol__section-title--green {
    background-color: rgba(143, 188, 143, 0.2); 
    padding: 1rem 0rem 1rem 0rem;/*  top right bottom left */
}

.main_sol__section-sub_title {
    color: var(--ultra_graphite);
    font-size: 2rem;
    display: flex;
    gap: 1rem;
    flex-direction: row;
    align-items: center;
}

.main_sol__section_descripcion {
    grid-area: description;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.main_sol__swift {
    grid-area: swift;
    background-color:  rgba(255, 255, 0, 0.15); 
}

.main_sol__business {
    grid-area: business;
    background-color: rgba(255, 166, 0, 0.15); 
}

.main_sol__enterprise {
    grid-area: enterprise;
    width: 50%;
    background-color: rgba(143, 188, 143, 0.20);
}

.main_sol__swift,
.main_sol__business,
.main_sol__enterprise {
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 2rem;
    padding: 2rem 4rem;
    border-radius: 0.5rem;
}

.main_sol_ver_detalle {
    text-decoration: none;
    color: var(--ultra_graphite);
    background-color: rgba(128, 128, 128, 0.1);
    font-size: 1.6;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 1rem;
    padding: 1rem 2rem;
    transition: 0.3s;
}

.main_sol_ver_detalle:hover {
    background-color: var(--graphite-silver);
    color: white;
}

/* SECCION PRODEK SGE SWIFT  */

.main_sol__prdk_sge {
    margin: auto;
    width: 80%;
    display: grid;
    gap: 1rem;
    grid-template-columns: fr 2fr;
    grid-template-areas: 
                         "title          title       "
                         "scope          scope "
                         "management          image"
                         "setup          profile";
    background-color: white;
   padding: 1rem 4rem;/*  top right bottom left */
}

.main_sol__prdk_sge strong {
    font-weight: 600;
}

.main_sol_prdk_sge__scope {
    grid-area: scope;
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: start;
}

.main_sol_prdk_sge__scope-phrase {
         font-size: 2rem;
         color: rgba(0, 0, 0, 0.50)
 }


.main_sol__management {
    grid-area: management;
    display: flex;
    flex-direction: column;

    gap: 1.6rem;
    padding: 2rem 2rem;
    border-radius: 0.5rem;
}

.main_sol__management--yellow {
    background-color: rgba(255, 255, 0, 0.025); 
}

.main_sol__management--orange {
    background-color: rgba(255, 166, 0, 0.050);
}

.main_sol__management--green {
    background-color: rgba(143, 188, 143, 0.10);
}

.main_sol__functions-item {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.main_sol__functions-item-desc {
 /*    padding-right: 2rem; */
    padding-left: 2rem;
}

.main_sol__functions-item--yellow::before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color:var(--swift_canarinha);
    opacity: 90%; 
}

.main_sol__functions-item--orange::before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color:orange;
    opacity: 90%; 
}

.main_sol__functions-item--green::before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: darkseagreen;
    opacity: 90%; 
}

.main_sol_prdk_sge__img_container {
    grid-area: image;
    display: flex;
    align-items: center;
/*     padding: 2rem; */
}

.main_sol_prdk_sge__image {
   width: 100%;
   height: auto;
   display: block;
   border-radius:0.5rem;
}

.main_sol_prdk_sge__profile {
    grid-area: profile;
    /* background-color: var(--mint_cream); */
    padding: 2rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.main_sol_prdk_sge__setup {
    grid-area: setup;
/*     background-color: var(--mint_cream); */
    padding: 2rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.main_sol_prdk_sge__setup__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0rem 2rem 0rem 2rem; /*  top right bottom left */
}

.main_sol_prdk_sge__setup__list em {
    font-style: italic; /* letra cursiva */
}

.main_sol_prdk_sge__setup__list dt {
    font-weight: 600;
}

.main_sol_prdk_sge__setup__list dd {
   font-size: 1.4;
}

/* estilos para PRODEK SGE BUSINESS */

.main_sol_prdk_sge_business__setup__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 2rem 1rem 2rem; /*  top right bottom left */
    background-color:rgba(255, 166, 0, 0.050)
}


.main_sol__cta {
    width:80%;
    background-color:white;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr ;
    grid-template-areas: "action1";
    padding: 3rem;
/*     text-align: center; */
}

.main_sol__cta_action1 {
    grid-area: action1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:2rem;
    font-size: 1.8rem;
    text-align: center;
}
 
.main_sol__cta a {

    font-size: 1.8rem;
    text-decoration: none;
    padding: 1.5rem 3rem;
    background-color: rgba(255, 166, 0, 0.900);

    margin: auto;

    border-style: solid;
    border-width: 0.075rem;
    border-color:  rgba(255, 166, 0, 0.6000);

    font-weight: 600; 
    color:white;
    border-color: orange;
    border-radius: 1rem;
    transition: 0.3s

}

.main_sol__cta a:hover {
    background-color:orange;
    font-weight: 700;
    /* transform: scale(1.025); */
}


/* RESPONSIVE TABLET */

@media screen and (max-width: 1024px){

    .main_sol__editions {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .main_sol__enterprise {
        width: 100%;
    }

    .main_sol__prdk_sge {
        width: 100%;
    }

    .main_sol__cta {
        width: 100%;
    }

}


/* RESPONSIVE MOVIL */ 
@media screen and (max-width: 768px){

    .main_sol__prdk_sge {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
}