@charset "UTF-8";
@import url(../fonts/stylesheet.css);

/*General*/
table.apg-table,
.cabecera {
    clear: none;
    width: 79%;
    max-width: 586px;
}

.imagen {
    border-left: 4px solid #d9001d;
    max-width: 100%;
    display: block;
}

.imagen:hover,
.estrellas .star-rating .star:hover,
div.informacion a:hover {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.estrellas div {
    display: inline !important;
}

.estrellas .star-rating .star {
    font-size: 18px;
}

div.informacion .estrellas .star-rating .star {
    color: #fff;
}

.genericon,
div.informacion .estrellas .star-rating .star,
div.informacion .artprojectgroup {
    width: 15px;
    height: 15px;
    font-size: 15px;
}

div.informacion {
    background-color: #101254;
    float: right;
    padding: 10px;
    width: 15%;
    max-width: 220px;
    text-align: center;
    border-left: 4px solid #d9001d;
    color: #fff;
    position: sticky;
    top: 50px;
}

div.informacion div.fila {
    padding: 10px 10px 0px;
    margin: 10px auto 0px;
    max-width: 190px;
}

div.informacion div.fila,
div.informacion div.columna:nth-child(2n) {
    border-top: 1px solid #fff;
}

div.informacion div.fila:first-child {
    border: none;
    margin-top: 0px;
}

div.informacion div.columna.final {
    display: none;
}

div.informacion div.fila.final {
    padding: 10px;
    margin: 0px auto 10px;
}

div.informacion a {
    text-decoration: none;
    color: #fff;
}

.genericon-x:before {
    content: '𝕏';
    display: block;
    line-height: 11px;
}

.woocommerce table.form-table.apg-table .select2-container {
    min-width: auto !important;
    height: 40px;
}

table.apg-table .select2-container,
table.apg-table textarea,
table.apg-table select,
table.apg-table input[type='text'],
table.apg-table input[type='number'],
table.apg-table input[type='url'] {
    min-width: 100%;
    max-width: 100%;
    width: 100% !important;
}

table.apg-table textarea {
    min-height: 200px;
}

.woocommerce table.form-table.apg-table .select2-container--default .select2-selection--single,
table.apg-table .select2-container--default .select2-selection--single {
    height: 40px !important;
}

.woocommerce
    table.form-table.apg-table
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered,
table.apg-table
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 38px !important;
    padding: 0 20px 0 12px;
}

.woocommerce
    table.form-table.apg-table
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow,
table.apg-table .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}

@media screen and (max-width: 806px) {
    .wrap.woocommerce {
        display: flex;
        flex-direction: column;
    }

    #formulario {
        order: 2;
    }

    div.informacion {
        order: 3;
    }

    table.apg-table,
    .cabecera {
        clear: none;
        width: 100%;
    }

    div.informacion {
        display: table;
        float: none;
        margin: 0px 0px 10px 0px;
        width: min(calc(100vw - 20px), 586px);
        max-width: 586px;
        box-sizing: border-box;
    }

    div.informacion div.fila {
        display: table-row;
        width: 100%;
        border-top: 1px solid #d9001d;
    }

    div.informacion div.fila:first-child {
        border: none;
    }

    div.informacion div.columna {
        display: table-cell;
        width: 50%;
        padding: 10px;
    }

    div.informacion div.fila,
    div.informacion div.columna,
    div.informacion div.columna:first-child {
        border-top: 1px solid #d9001d;
    }

    div.informacion div.fila:first-child,
    div.informacion div.fila:first-child div.columna {
        border: none;
        margin-top: 0px;
    }
}