/*
 * Tema subordinado TravelLikes v.0.1 15/01/24
 *
 *   Tipografía principal: Raleway y Raleway Bold  (texto corrido, enlaces, nombres y resumen de productos...)

     Tipografías secundarias: Eras Light y Freestyle Script (Rótulos y textos decorativos
 *

 *   Colores corporativos

        GRIS
        RGB 73, 75, 77 / #494b4d

        AZUL
        RGB 78, 197, 216 / #4ec5d8

        MORADO
        RGB 144, 130, 180 / #9082b4

        ROSA
        RGB 197, 101, 164 / #c565a4
 
 */

 /* Cargamos las tipografías corporativas */
 @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');




 /* Propiedades generales */
 body {
    font-family: 'Raleway', sans-serif;
 }








 /* - - - - CABECERA - - - - - - - - - - - - - - - - - - - */
 #header .header-nav { 
    background-color: rgb(78, 197, 216);
 }


 /* Menú de navegación */
 #header .header-top a[data-depth="0"] {
   color: rgb(73, 75, 77);
   text-transform: initial;
 }

 #header .header-top a[data-depth="0"]:hover {
   color: rgb(144, 130, 180);
 }

 #header .header-top a[data-depth="1"] {
   color: rgb(73, 75, 77);
   text-transform: initial;
   font-size: 15px;
 }

 #header .header-top a[data-depth="1"]:hover {
   color: rgb(144, 130, 180);   
 }



/* - - - - BLOQUES CENTRALES - - - - - - - - - - - - - - - */


 /* etiquetas descuento, rótulo oferta, nuevos productos */
 .product-flags li.product-flag.discount {
    background-color: rgb(144, 130, 180);
 } 
 .product-flags li.product-flag.on-sale {
    background-color: rgb(144, 130, 180);
 }
 .product-flags li.product-flag { 
   background-color: rgb(144, 130, 180);
}


 /* botón suscribirse */
 .btn-primary {
    background-color: rgb(78, 197, 216);
 }

 .btn-primary:hover {
    background-color: rgb(61, 166, 182);
 }





/* - - - - PIE DE PÁGINA - - - - - - - - - - - - - - - - - - */