.conten_banner{height: 300px;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.conten_banner .conten_info_banner{height: 100%;width: 100%;display: flex;justify-content: center;background: rgba(10,20,40,0.7);}
.conten_banner .conten_info_banner .conten_texto{display: block;align-content: center;width: 65%;}
.conten_banner .conten_info_banner .conten_texto .titulo{color: #fff;    }
.conten_banner .conten_info_banner .conten_texto .icono{color: #fff;font-weight: bold;margin-top: 10px;font-size: 20px;}
@media screen and (max-width:400px) {.conten_banner .conten_info_banner .conten_texto{width: 75%;}}

.comentario{display: flex;flex-wrap: wrap;justify-content: center;margin: auto;width: 100%;margin-bottom: 100px;}
.comentario .conten_comentarios{background:#fff;
   display: flex;flex-wrap: wrap;
   justify-content: center;
   color:#000;width:1270px;
   border-radius:5px;}
.form-ar{display: flex;flex-wrap: wrap;width: 100%;padding: 40px;border-radius: 10px;}
.form-ar .conten_img{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;margin: auto;margin-top: 15px;margin-bottom: 35px;}
.form-ar .conten_img img{height: 52px;width: 316px;}
.form-ar h1{font-size: 25px;margin-bottom: 10px;}
.calificacion{display: flex;flex-wrap: wrap;width: 100%;margin-bottom: 30px;}
.calificacion p{width: 100%;margin-top: 10px;margin-bottom: 15px;}
.calificacion .conten-descrip{margin-top: 5px;margin-left: 20px;}
.calificacion .conten-descrip p{font-weight: 600;}
.calificacion .estrella{font-size: 25px;cursor: pointer;background: #ccc;color: #fff;padding: 6px 5px 6px 5px;border-radius: 5px;margin: 1px;text-align: center;}
.calificacion .yellowcolor{background: #ffc000;}
.calificacion .icon-star:hover{background: #ffc000;}
.form-ar .l{width: 49%;}
.form-ar .m-right{margin-right: 17px;}
.conten-input{display: flex;flex-wrap: wrap;width: 100%;margin-bottom: 20px;}
.conten-input label{width: 100%;margin-bottom: 5px;font-weight: 600;}
.conten-input label span{margin-right: 3px;}
.conten-input input{width: 100%;padding: 10px;border-radius: 5px;border: 1px solid #ccc;font-size: 14px;}
.conten-input textarea{width: 100%;border-radius: 5px;border: 1px solid #ccc;padding: 10px;font-family: sans-serif;font-size: 15px;min-height: 100px;}
.btn_comentario{background: var(--color1);
    color: #000;
    padding: 15px 20px 15px 20px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}
.btn_comentario:hover{background: #f2c300;}

@media screen and (max-width:1300px){.form-ar .m-right{margin-right: 14px;}.comentario .conten_comentarios{width:900px;}}
@media screen and (max-width:990px){.comentario .conten_comentarios{width:800px;}}
@media screen and (max-width:880px){.comentario .conten_comentarios{width:90%;}}
@media screen and (max-width:865px){.form-ar .m-right{margin-right: 20px;}.form-ar .l{width: 48%;}}
@media screen and (max-width:643px){.form-ar .m-right{margin-right: 16px;}}
@media screen and (max-width:600px){.conten-input label,.conten-input input,.conten-input textarea{font-size: 14px;}.comentario .conten_comentarios{width: 99%;}}
@media screen and (max-width:550px){
    .form-ar h1{font-size: 20px;margin-bottom: 10px;}
    .calificacion p{margin-top: 0px;margin-bottom: 10px;}
    .form-ar .m-right{margin-right: 0px;}.form-ar .l{width: 100%;}.conten-input{margin-bottom: 15px;}.calificacion{margin-bottom: 15px;}
    .btn{font-size: 15px;font-weight: 600;}}
@media screen and (max-width:470px){
    .calificacion .conten-descrip{margin-top: 10px;margin-left: 10px;}
    .calificacion .estrella{font-size: 20px;cursor: pointer;background: #ccc;color: #fff;padding: 5px;border-radius: 5px;margin: 1px;text-align: center;}}
@media screen and (max-width:420px){.calificacion .conten_estellas{width: 100%;} .calificacion .conten-descrip{width: 100%;}.form-ar{padding: 30px;}.conten-input label,.conten-input input,.conten-input textarea{font-size: 13px;}}