.detailsmod {
    width:98.7%;
    border: 0px solid silver;
    border-radius: 2rem;
    padding: 0.5rem;
    margin:0;
    background-color:#F8F9F9;
}


.detailsmod > summary {
    list-style-type: none;
    writing-mode: horizontal-tb;
    text-align:left;
    width:75%;
    transform:none;
    padding: 0px 5px 8px 5px;
    background-color:#F8F9F9;
    border:0;
}


.detailsmod > p {
    padding-left: 1rem;
    padding-right: 1rem;
}

.detailsmod > ul > li {
    font-size:1rem;
    padding-right:1rem;
}

.detailsmod::before {
    content: ' ';
}


.detailsmod > summary::-webkit-details-marker {
    display: none;
}

.detailsmod > summary::before {
    content: ' ';
}

.detailsmod[open] > summary::before {
    content: ' ';
}

.detailsmod > summary::after {
    content:' ';
}

.detailsmod[open] > summary {
    margin-bottom: 0.5rem;
}

.parrafoDetails{
   
}


/*------------------------------------------*/

.detailsAlternativo {
    width:98.7%;
    border: 1px solid silver;
    border-radius: 0rem 1rem 0rem 1rem;
    padding: 0.5rem;
    margin:0;
    background-color:white;
    padding-bottom:3.5%;
}


.detailsAlternativo > summary {
    list-style-type: none;
    writing-mode: horizontal-tb;
    text-align:left;
    width:70%;
    transform:none;
    padding: 0px 5px 8px 5px;
    background-color:white;
    border:0;
}


.detailsAlternativo > #sumarydesc{
    display:none;
}


.detailsAlternativo::before {content: ' ';}
.detailsAlternativo > summary::-webkit-details-marker {display: none;}
.detailsAlternativo > summary::before { content: ' ';}
.detailsAlternativo[open] > summary::before { content: ' ';}
.detailsAlternativo > summary::after {content:' ';}
.detailsAlternativo > div > details > summary::before {content:' ';}

/*------------------------------------------*/

.detailsServicios {
    width:98.7%;
    border: 1px dashed silver;
    border-radius: 0rem;
    padding: 0.5rem;
    margin:0;
    background-color:white;
    
}


.detailsServicios > summary {
    list-style-type: none;
    writing-mode: horizontal-tb;
    text-align:left;
    width:99%;
    transform:none;
    padding: 0px 5px 8px 5px;
    background-color:white;
    border:0;
    color:black;
}


.detailsServicios > #sumarydesc{
    display:none;
}


.detailsServicios::before {content: ' ';}
.detailsServicios::after {content: ' ';}
.detailsServicios > summary::-webkit-details-marker {display: none;}
.detailsServicios > summary::before { content: ' ';}
.detailsServicios[open] > summary::before { content: ' ';}
.detailsServicios > summary::after {content:' ';}


/*---------------------------------------------------------------*/



.detailsmodIndice {
    width:26%;
    border: 0px solid silver;
    border-radius: 0 1rem 1rem 0;
    top:200px;
    background-color:#ffd2d5;
    position: fixed;
    display: none;
    z-index: 6;
    color:white;
    margin-left:0;
}


.detailsmodIndice > summary {
    list-style-type: none;
    writing-mode: horizontal-tb;
    text-align:left;
    width:98%;
    transform:none;
    padding: 10px 1% 12px 1%;
    background-color:#ff4652;
    border-radius: 0 1rem 0 0;
    border:0;
    color:white;
}


.detailsmodIndice > ul > li {
    font-size:1rem;
    padding-right:1rem;
}

.detailsmodIndice > ul > li > a {
    color:#ff4652;
    padding-right:0.5rem;
    font-size:12px;
    text-decoration:none;
}


.detailsmodIndice::before {
    content: ' ';
}


.detailsmodIndice > summary::-webkit-details-marker {
    display: none;
}

.detailsmodIndice > summary::before {
    content: ' ';
}

.detailsmodIndice[open] > summary::before {
    content: ' ';
}

.detailsmodIndice > summary::after {
    content:' ';
}

.detailsmodIndice[open] > summary {
    margin-bottom: 0.5rem;
}




@media (max-width: 767.98px) {

.detailsmod {
    width:95.7%;
    border: 0px solid silver;
    border-radius: 2rem;
    padding: 0.5rem;
    margin:0;
    background-color:#F8F9F9;
    font-size:1rem;
}

.detailsmod > p {
    font-size:1rem;
    padding-right:1rem;
}

.detailsmod > ul > li {
    font-size:1rem;
    padding-right:1rem;
}


/*-----------------------------*/

.detailsAlternativo {
    width:95.7%;
    border: 1px solid silver;
    border-radius: 0rem 1rem 0rem 1rem;
    padding: 0.5rem;
    margin:0;
    background-color:white;
    font-size:1rem;
    padding-bottom:4.5%;
}

/*-----------------------------*/
.detailsServicios {
    width:95.7%;
    font-size:0.8rem;

}

.detailsServicios > summary {
    width:90%;

}


.detailsmodIndice {
    width:60%;
    top:160px;
}



}