/* 
Theme Name: Divi - Child 
Theme URI: None
Description: Tema hijo para el tema Divi de elegant themes 
Author: Arista Web Studio
Author URI: None
Template: Divi
Version: 1.0.0 
*/
/*
Theme URI: None
Description: Tema hijo para el tema Divi de elegant themes
Author: Arista Web Studio
Author URI: None
Template: Divi
Version: 1.0.0
*/

@import url("../Divi/style.css");


/************
Home - Marco imagen
************/

.garbos-frame {
    position: relative;
    width: 100%;
    max-width: 780px;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.garbos-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;

    /* recorte principal */
    clip-path: polygon(14% 0, 100% 0, 86% 100%, 0 100%);
}

/* línea dorada exterior */
.garbos-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1.5px solid rgba(212, 175, 55, 0.9);
    clip-path: polygon(14% 0, 100% 0, 86% 100%, 0 100%);
    pointer-events: none;
    box-sizing: border-box;
}

/* pieza negra diagonal decorativa */
.garbos-frame::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 34%;
    height: 100%;
    background: rgba(0, 0, 0, 0.88);
    clip-path: polygon(38% 0, 100% 0, 62% 100%, 0 100%);
    pointer-events: none;
    box-sizing: border-box;
}


/************
Fix scroll horizontal
************/

/*html,
body {
    overflow-x: hidden;
    max-width: 100%;
}
*/

/************
Fix Divi / FooGallery responsive overflow
************/

.et_pb_section,
.et_pb_row,
.et_pb_column,
.et_pb_module,
.foogallery,
.foogallery-container,
.fg-gallery,
.fg-item,
.fg-item-inner {
    max-width: 100%;
    box-sizing: border-box;
}


.garbos-fecha-evento {
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  display: block !important;
}

.garbos-fecha-evento .et_pb_promo_description {
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

.garbos-fecha-evento .et_pb_module_header,
.garbos-fecha-evento .et_pb_promo_description,
.garbos-fecha-evento .et_pb_promo_description div {
  text-align: left !important;
}