/* Pantalla ordenador */
@media screen and (min-width: 970px) {

    #principalcompra {
        width: 900px;
        float: left;
        padding: 2px;
        padding-left: 15px;
    }
    
    #principalcompra .cuadrocompra {
        width: 890px;
        padding: 10px;
        float: left;
        border: 2px solid #E0E4EA;
          border-radius: 8px;
        box-shadow:0px 0px 2px 2px rgba(224,228,234,.5);
    }
    
    #principalcompra .tiendaimg{
        max-width: 190px; 
        padding: 5px 5px;
        border: 0px;
    }
    
    #principalcompra .plataformaimg{
        border:0;
        max-width: 100px;
           padding:4px;
    }
    
    #principalcompra .info {
        width: 750px;
        font-size: 13px;
        font-family: Play;
        color: #FFFFFF;
        background-color: #506380;
          border-radius:6px;
           padding:10px;
    }
    
    #principalcompra .divimagen {
        width: 270px;
        float: left;   
        margin-right: 8px; 
    }
    
    #principalcompra .divdatos {
        width: 380px; 
        float: left;   
        margin-right: 8px; 
    }
    
    #principalcompra .imagen {
          border-radius: 4px;
        max-width: 249px;
        max-height: 300px;
        float: left;
        margin: 10px;
        box-shadow: 0 0 8px #ccc;
    }
    
    #principalcompra .cuadroprecio {
        width: 105px;
          border-radius:6px;
        padding: 3px;
        text-align: center;
        margin: 5px;
        font-family: LaconicRegular;
        font-size: 30px;
        color: #333;
        background-color: var(--dvgo-color-footer-texto);
    }
    
    #principalcompra .mejorprecioeuro {
        font-size: 16px;
    }
    
    #principalcompra .textoplataforma {
        display: inline-block;
        font-family: LaconicRegular;
        font-size: 22px;
        color: #000;	
        padding: 4px;
    }
    
    #principalcompra .infomini {
        display: inline-block;
        font-family: LaconicRegular;
        font-size: 11px;
        color: #999;
        margin-top: -10px;
    }
    
    #principalcompra #tablaprecios {
        width: 250px;
    }
    
    #principalcompra .tdfechas {
        font-family: "Ropa Sans";
        font-size: 12px;
        color: var(--dvgo-color-principal);
    }
    
    #principalcompra .tdprecios {
        font-family: "Ropa Sans";
        font-size: 14px;
        color: #333;
    }
    
    #principalcompra .iconogrande {
        font-size: 60px;
        color: var(--dvgo-color-principal);
        opacity: 0.5;
        margin-top: 5px;	
    }
    
    #principalcompra .iconogrande:hover {
        opacity: 1;
    }
    
    #principalcompra .negocio:hover, #principalcompra .textoplataforma:hover, #principalcompra .textoeditora:hover, #principalcompra .textoestudio:hover, #principalcompra .lanzamiento:hover {
        color: #000;
        text-decoration: none;
    }
    
}

/* Pantalla móviles */
@media screen and (max-width: 480px) {

    #principalcompra {
        width:100%;
        }
        
        #principalcompra .lateralderecho {
        text-align:center;
        width:100%;
        }
        
        #principalcompra .tiendaimg {
        max-width:50%;
        padding:0.5em;
        border:0px;
        display:block;
        margin:0 auto;
        }
        
        #principalcompra .plataformaimg {
        max-width:35%;
        padding:0.5em;
        border:0px;
        display:block;
        margin:0 auto;
        }
        
        #principalcompra .info {
        width:100%;
        background-color:#506380;
        border-radius:6px;
        }
        
        #principalcompra .divimagen {
        width:100%;
        text-align:center;
        }
        
        #principalcompra .divdatos {
        clear:both;
        width:100%;
        padding-top:0.5em;
        text-align:center;
        }
        
        #principalcompra .imagen {
        border-radius:4px;
        max-width:50%;
        max-height:25em;
        margin:0.5em;
        box-shadow:0 0 8px #ccc;
        }
        
        #principalcompra .cuadroprecio {
        width:33%;
        text-align:center;
        border-radius:6px;
        padding:0.2em;
        margin:0.5em auto;
        font-family:LaconicRegular;
        font-size:2em;
        color:#333;
        background-color:#B6D7E6;
        }
        
        #principalcompra .mejorprecioeuro {
        font-size:0.5em;
        }
        
        #principalcompra .textotitulop {
        display:inline-block;
        font-family:LaconicRegular;
        font-size:1.8em;
        color:#000;
        padding:0.2em;
        }
        
        #principalcompra .textoplataforma {
        display:inline-block;
        font-family:LaconicRegular;
        font-size:1.8em;
        color:#000;
        padding:0.2em;
        }
        
        #principalcompra .infomini {
        display:inline-block;
        font-family:LaconicRegular;
        font-size:0.9em;
        color:#999;
        margin-top:-0.5em;
        }
        
        #principalcompra #tablaprecios {
        width:75%;
        }
        
        #principalcompra .tdfechas {
        font-family: "Ropa Sans";
        font-size:1.2em;
        color:var(--dvgo-color-principal);
        }
        
        #principalcompra .tdprecios {
        font-family: "Ropa Sans";
        font-size:1.2em;
        color:#333;
        }
        
        #principalcompra .iconogrande {
        font-size:5em;
        color:var(--dvgo-color-principal);
        opacity:0.5;
        margin-top:0.5em;
        }
        
        #principalcompra .iconogrande:hover {
        opacity:1;
        }
        
        #principalcompra .negocio:hover,#principalcompra .textoplataforma:hover,#principalcompra .textoeditora:hover,#principalcompra .textoestudio:hover,#principalcompra .lanzamiento:hover {
        color:#000;
        text-decoration:none;
        }

}

/* Pantalla tablets */
@media screen and (min-width: 481px) and (max-width: 969px) {

    #principalcompra {
        width:100%;
        }
        
        #principalcompra .lateralderecho {
        text-align:center;
        width:100%;
        }
        
        #principalcompra .tiendaimg {
        max-width:50%;
        padding:0.5em;
        border:0px;
        display:block;
        margin:0 auto;
        }
        
        #principalcompra .plataformaimg {
        max-width:35%;
        padding:0.5em;
        border:0px;
        display:block;
        margin:0 auto;
        }
        
        #principalcompra .info {
        width:100%;
        background-color:#506380;
        border-radius:6px;
        }
        
        #principalcompra .divimagen {
        width:100%;
        text-align:center;
        }
        
        #principalcompra .divdatos {
        clear:both;
        width:100%;
        padding-top:0.5em;
        text-align:center;
        }
        
        #principalcompra .imagen {
        border-radius:4px;
        max-width:50%;
        max-height:25em;
        margin:0.5em;
        box-shadow:0 0 8px #ccc;
        }
        
        #principalcompra .cuadroprecio {
        width:33%;
        text-align:center;
        border-radius:6px;
        padding:0.2em;
        margin:0.5em auto;
        font-family:LaconicRegular;
        font-size:2em;
        color:#333;
        background-color:#B6D7E6;
        }
        
        #principalcompra .mejorprecioeuro {
        font-size:0.5em;
        }
        
        #principalcompra .textotitulop {
        display:inline-block;
        font-family:LaconicRegular;
        font-size:1.8em;
        color:#000;
        padding:0.2em;
        }
        
        #principalcompra .textoplataforma {
        display:inline-block;
        font-family:LaconicRegular;
        font-size:1.8em;
        color:#000;
        padding:0.2em;
        }
        
        #principalcompra .infomini {
        display:inline-block;
        font-family:LaconicRegular;
        font-size:0.9em;
        color:#999;
        margin-top:-0.5em;
        }
        
        #principalcompra #tablaprecios {
        width:75%;
        }
        
        #principalcompra .tdfechas {
        font-family: "Ropa Sans";
        font-size:1.2em;
        color:var(--dvgo-color-principal);
        }
        
        #principalcompra .tdprecios {
        font-family: "Ropa Sans";
        font-size:1.2em;
        color:#333;
        }
        
        #principalcompra .iconogrande {
        font-size:5em;
        color:var(--dvgo-color-principal);
        opacity:0.5;
        margin-top:0.5em;
        }
        
        #principalcompra .iconogrande:hover {
        opacity:1;
        }
        
        #principalcompra .negocio:hover,#principalcompra .textoplataforma:hover,#principalcompra .textoeditora:hover,#principalcompra .textoestudio:hover,#principalcompra .lanzamiento:hover {
        color:#000;
        text-decoration:none;
        }

}