/* 
Theme Name: Frectaris Web Design
Theme URI: https://github.com/elementor/hello-theme/
Description: Tema hijo personalizado para Frectaris web design
Author: Frectaris
Author URI: https://www.frectaris.com/
Template: hello-elementor
Version: 1.0.3
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*
    Add your custom styles here
*/
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    max-width: 100%;
}

.elementor-7 .elementor-element.sliderHome::before, .elementor-7 .elementor-element.sliderHome > .elementor-background-video-container::before, .elementor-7 .elementor-element.sliderHome > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.sliderHome > .elementor-background-slideshow::before, .elementor-7 .elementor-element.sliderHome > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.sliderHome > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{
	z-index:0!important;
}

.sliderHome .elementor-background-slideshow__slide__image{
	background-repeat:no-repeat;
	z-index:100!important;
	background-size: 60% auto !important;
}


@media (max-width: 1024px){
.sliderHome .elementor-background-slideshow__slide__image{
	background-size: 55% auto !important;
}	
}


@media (min-width: 1024px){

/* === Columna DERECHA (panel con borde diagonal) === */
.columnaderecha{
  position: relative;
  background: #111;                        /* color del borde */
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%); /* lado derecho en diagonal */
}
.columnaderecha > *{
  position: relative;
  z-index: 1;                              /* que quede por encima del pseudo */
}

/* “Panel” blanco interior que deja ver el borde alrededor */
.columnaderecha:after{
  content:"";
  position: absolute;
  inset: 0px;                             /* grosor del borde (ajusta) */
  background:#fff;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  z-index: 0;
}

.columnaizquierda{
  position: relative;
  background: #111;                        /* color del borde */
  clip-path: polygon(14.9% 0, 100.1% 0, 100.1% 100%, 0 100%);
}

.columnaizquierda > *{
  position: relative;
  z-index: 1;                              /* que quede por encima del pseudo */
}

/* “Panel” blanco interior que deja ver el borde alrededor */
.columnaizquierda:after{
  content:"";
  position: absolute;
  inset: 0px;                             /* grosor del borde (ajusta) */
  background:#fff;
  clip-path: polygon(14.9% 0, 100.1% 0, 100.1% 100%, 0 100%);
  z-index: 0;
}
}



@media (max-width: 768px){
.sliderHome .elementor-background-slideshow__slide__image{
	background-size: 90% auto !important;
}	
}