/* Inicio Sitio tela */
.cotizacion-box {
    background-color: #FFF;
    padding: 2rem 0;
}

/* VARIACIONES DESKTOP */
@media only screen and (min-width: 1024px) {
    .sitio-tela h5.fuentePrincipal {
        font-size: 18px !important;
        margin-bottom: 1.5rem !important;
    }
    .opiniones-listado .col-lg-6:nth-child(2n) {
        padding-left: 1.5rem !important;
    }
}

/* VARIACIONES MOBILE */
@media only screen and (max-width: 1023px) {
    .sitio-tela td.mobile { 
        width: 100%!important; 
        display: block!important; 
        margin: 0 auto; 
    }
    .sitio-tela .padding-4 { 
        padding: 0 !important; 
    }
}

/* PARCHE GENERAL.CSS */
@media only screen and (max-width:1200px) {
    .fuenteDestacada{
        font-size: 16px !important;
    }
    .fuentePrincipal{
        font-size: 14px !important;
    }
    h5.fuentePrincipal{
        font-size: 16px !important;
    }
    .fuenteChica{
        font-size: 12px !important;
    }
    .font25 {
        font-size: 20px !important;
    }
}

.sitio-tela .btn-sombra {
    background-color:#FFF; 
    opacity:0.8;
    width:60px;
    padding: 18px 0;
}

/* WIDGET OPINIONES */

/* tooltip opinion */
.tool {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.tool .tiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #FFF;
    text-align: center;
    border-radius: 3px;
    padding: 6px 0;
    position: absolute;
    z-index: 1;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tool .tiptext::after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
}
.tool:hover .tiptext {
    visibility: visible;
}
.tool.bottom .tiptext{
    margin-left: -60px;
    top: 120%;
    left: 50%;
}
.tool.bottom .tiptext::after{
    margin-left: -5px;
    bottom: 100%;
    left: 50%;
    border-color: transparent transparent #2E2E2E transparent;
}

/* fix ancho opiniones */
.sitio-tela .sitio .col100 { 
    width: 100% !important; 
}
.opiniones h2.puntaje-promedio {
    font-size: 57px;
}
.opiniones .avatar {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    max-width: 60px !important;
    max-height: 60px !important;
} 
.opiniones .ico-source {
    width: 20px !important;
    height: 20px !important;
}


/* fix padding de columnas institucionales */
.sitio-tela .padding-4.borde-r { 
    padding-left:0px; 
    padding-right:20px 
}
.sitio-tela .padding-4.mobile + .padding-4.mobile { 
    padding-left:20px; 
    padding-right:20px 
}
.sitio-tela h2.h2-prop.cartaProducto, .sitio-tela .titulo-componentes.wrapper.formato-tabla {
    padding-left: 0px !important;
    margin-left: 0px !important;
}

/* cotizador: posicionamos flechas */
.sitio-tela .y { 
    display: inline-block; 
    margin-top: -5px; 
    padding-right: 3px; 
    padding-left: 3px; 
}
.sitio-tela .x { 
    display: inline-block; 
    margin-top: -6px; 
    width: 25px !important; 
    max-height: 14px!important; 
}
/* cotizador: coloreamos icono */
.sitio-tela .fa-question-circle { 
    color:#C2C2C2; 
}
.row.colores {
    justify-content: space-between;
    margin-right: 0px;
    margin-left: 0px;
}
.carousel-item-start input, .carousel-item-end input, .carousel-item-start span.cvue_checkmark, .carousel-item-end span.cvue_checkmark {
    display:none !important;
}
/* cotizador: ajuste flechas slider de colores */
.sitio-tela .carousel-control-prev.banner-slider { 
    justify-content: left;
}
.sitio-tela .carousel-control-next.banner-slider { 
    justify-content: right;
}
.sitio-tela .carousel-control-prev.color { 
    /* left:-15px;  */
    align-items: left;
    justify-content: left;
    width: 8.33333333% !important;
    position: relative;
    margin-bottom: 8%;
}
.sitio-tela .carousel-control-next.color { 
    /* right:-15px; */
    align-items: right;
    justify-content: right;
    width: 8.33333333% !important;
    position: relative;
    margin-bottom: 8%;
}
.sitio-tela .carousel-control-next svg, .sitio-tela .carousel-control-prev svg { 
    opacity:0.5; 
}
.sitio-tela .separador-invisible { 
    height:0px !important; 
}
/* cotizador sticky mobile */
.sitio-tela .sticky {
    position: fixed;
    left:0;
    top: 0;
    z-index: 1;
    max-width: 492px;
    background-color: #FAFAFA;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .sitio-tela .sticky  {
        max-width: 524px !important;
        margin-left: -10%;
        left:unset;
    }
}

.sitio-tela .sticky + div + #cotizador_ocultable {
    padding-top: 157px;
}

.sitio-tela .fitting-image { 
  width: 200px;
}
.sitio-tela img.fitting-image {
  width: 200px;
  height: 200px;
  object-fit: cover;
}
.sitio-tela #rsc-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1010;
    background: #FFF;
}
/* ajuste para baja resolución */
@media only screen and (max-width: 450px) {
    .sitio-tela .fitting-image { 
        width: 140px;
    }
    .sitio-tela img.fitting-image {
        width: 140px;
        height: 140px;
    }
}

.sitio-tela hr.only-desktop.borde-titulo.width100.hr-propuesta { display: none !important; }

.rsc-tela .img-thumbnail,
.tela .img-thumbnail {
    border-radius: 0.25rem;
    border: 1px solid #DEDEDE;
    max-width: 80%;
    padding: 0.45rem !important;
}
.rsc-tela .img-thumbnail.active,
.tela .img-thumbnail.active {
    border: 2px solid rgba(205,49,78,0.8) !important;
}
.rsc-tela .nombre-corto,
.tela .nombre-corto {
    width: 58%;
}


/* Fin Sitio tela */