/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


/*************** ADD CUSTOM CSS HERE.   ***************/

/*=========================================================
= INICIO 25-08-2025
=========================================================*/
/* LUXUS – Videos producto (v1.0 ajustada) */

/* Contenedor de embed */
.luxus-video-embed {
  width: 100%;
  max-width: 100%;
  display: block;
  overflow: hidden;
  background: #000;
}
.luxus-video-embed.r-16-9 { aspect-ratio: 16 / 9; }
.luxus-video-embed.r-9-16  { aspect-ratio: 9 / 16; }

/* Iframes a tamaño completo del contenedor */
.luxus-video-embed iframe,
.luxus-video-embed video,
.luxus-video-embed embed,
.luxus-video-embed object {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

/* Títulos */
.wc-short-video-title,
.wc-horizontal-video-title {
  font-size: 1.05rem;
  line-height: 1.3;
  margin: 0 0 8px 0;
}

/* 60px de espacio desde la galería hasta el título del short */
.wc-short-video-title { margin-top: 60px; }

/* Altura del Short (vertical) – recuadro 300px */
.wc-short-video .luxus-video-embed {
  height: 300px !important;
  max-height: 300px !important;
}

/* Altura del Horizontal en Descripción – recuadro 450px */
.wc-horizontal-video .luxus-video-embed {
  height: 450px !important;
  max-height: 450px !important;
}

/*=========================================================
= fin 25-08-2025
=========================================================*/

/*************** ADD MOBILE ONLY CSS HERE  ***************/

/************** FORMATO CSS BARRA INFERIOR MOVIL ****************
 .fixed-footer{
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    align-items: center;
    position:fixed;
    bottom:0;
    width: 100%;
    padding: 12px 20px;
    background-color:white;
    box-shadow: 0 0 5px #ccc;
}

.fixed-footer .contact a.button{
    text-decoration: none;
    display: block;
    background-color:#ea5600;
    color:white;
    padding:8px 20px;
    border-radius: 50px;
    max-width:200px;
    margin:auto;
    text-align: center;
}

@media(min-width: 768px){
    .fixed-footer{
        display: none;
    }
}