/* ==================== BASE COMPARTIDA ==================== */
/* Reglas compartidas entre Index y ListadoTiendas            */
/* Variables heredadas de Layout_Master.css (:root ya definido) */

h3 {
    color: var(--color-verde);
    -webkit-margin-after: 0;
    margin-bottom: 5px;
}

.tableListado {
    width: 100%;
    border-bottom: dotted 3px var(--color-gris);
}

.logo {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    display: block;
}

#recarga {
    display: none;
}

    #recarga img {
        margin: 0 auto;
    }


/* ==================== DESKTOP (body.dk) ==================== */

body.dk h3 {
    margin-top: 0;
}

body.dk #tableInicio {
    vertical-align: top;
    position: relative;
    margin: 0 auto;
    height: auto;
}

body.dk #tdPubli1 {
    vertical-align: top;
    padding-top: 20px;
    padding-left: 25px;
    width: 175px;
}

    body.dk #tdPubli1 img {
        position: fixed;
    }

body.dk #tdCentro {
    vertical-align: top;
    width: 800px;
}

    body.dk #tdCentro img {
        display: block;
    }

body.dk #listado {
    padding-right: 40px;
    margin-bottom: 20px;
}

body.dk .tableListado {
    height: 110px;
}

    body.dk .tableListado tr td {
        width: 500px;
        cursor: pointer;
    }

    body.dk .tableListado tr td:first-child {
        width: 200px;
    }

body.dk .logo {
    width: 153px;
    height: 90px;
}

body.dk #recarga {
    width: 80%;
}

    body.dk #recarga img {
        width: 60px;
    }


/* ==================== MÓVIL (body.mb) ==================== */

body.mb p {
    display: block;
    -webkit-margin-before: 0.3em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

body.mb h3 {
    margin-top: 5px;
    font-size: 100%;
    font-weight: normal;
    width: auto;
    text-align: center;
}

body.mb #listado {
    width: 90%;
    position: relative;
    margin: 0 auto;
}

    body.mb #listado .tdLogo {
        width: 30%;
    }

    body.mb #listado .tdTexto {
        width: 70%;
        display: table-cell;
        padding-left: 10px;
        font-size: 80%;
    }

    body.mb #listado table {
        display: table;
        border-collapse: separate;
        padding-top: 10px;
    }

    body.mb #listado h3 {
        text-align: left;
        font-size: 90%;
        font-weight: bold;
    }

    body.mb #listado tbody {
        display: table;
        height: auto;
        border-collapse: separate;
    }

    body.mb #listado tr td {
        vertical-align: top;
        height: 80px;
        display: table-cell;
        border-collapse: separate;
    }

    body.mb #listado tr {
        width: 320px;
        height: 80px;
        display: table-row;
        border-collapse: separate;
    }

body.mb .tableListado {
    height: 80px;
}

body.mb #recarga {
    width: auto;
    position: relative;
}

    body.mb #recarga img {
        width: 30px;
        position: relative;
        display: block;
    }