.elementor-11245 .elementor-element.elementor-element-68ed070:not(.elementor-motion-effects-element-type-background), .elementor-11245 .elementor-element.elementor-element-68ed070 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-11245 .elementor-element.elementor-element-68ed070{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-104px;margin-bottom:0px;}.elementor-11245 .elementor-element.elementor-element-68ed070 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11245 .elementor-element.elementor-element-6823cb2{margin-top:100px;margin-bottom:0px;}.elementor-11245 .elementor-element.elementor-element-1559d5c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11245 .elementor-element.elementor-element-3c48b85 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11245 .elementor-element.elementor-element-3c48b85{text-align:center;}.elementor-11245 .elementor-element.elementor-element-3c48b85 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;color:#555555;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-11245 .elementor-element.elementor-element-f42f3a7{--divider-border-style:solid;--divider-color:#555555;--divider-border-width:1px;--divider-icon-size:50px;--divider-element-spacing:15px;}.elementor-11245 .elementor-element.elementor-element-f42f3a7 .elementor-divider-separator{width:100%;}.elementor-11245 .elementor-element.elementor-element-f42f3a7 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11245 .elementor-element.elementor-element-3effb3b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11245 .elementor-element.elementor-element-3effb3b{columns:1;text-align:center;font-family:"Inter", Sans-serif;font-size:20px;color:#555555;}.elementor-bc-flex-widget .elementor-11245 .elementor-element.elementor-element-56903d3b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-11245 .elementor-element.elementor-element-56903d3b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-11245 .elementor-element.elementor-element-56903d3b.elementor-column > .elementor-widget-wrap{justify-content:center;}@media(max-width:1366px){.elementor-11245 .elementor-element.elementor-element-68ed070{margin-top:-103px;margin-bottom:0px;}.elementor-11245 .elementor-element.elementor-element-3effb3b > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-11245 .elementor-element.elementor-element-56903d3b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}}@media(max-width:1024px){.elementor-11245 .elementor-element.elementor-element-68ed070{margin-top:-99px;margin-bottom:0px;}.elementor-11245 .elementor-element.elementor-element-6823cb2 > .elementor-container{max-width:750px;}.elementor-11245 .elementor-element.elementor-element-6823cb2{margin-top:100px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-11245 .elementor-element.elementor-element-1559d5c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 25px 0px 25px;}.elementor-11245 .elementor-element.elementor-element-3c48b85{text-align:center;}.elementor-11245 .elementor-element.elementor-element-3effb3b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11245 .elementor-element.elementor-element-3effb3b{text-align:center;}}@media(max-width:767px){.elementor-11245 .elementor-element.elementor-element-68ed070{margin-top:-149px;margin-bottom:0px;}.elementor-11245 .elementor-element.elementor-element-6823cb2 > .elementor-container{max-width:350px;}.elementor-11245 .elementor-element.elementor-element-1559d5c{width:100%;}.elementor-11245 .elementor-element.elementor-element-1559d5c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-11245 .elementor-element.elementor-element-3effb3b > .elementor-widget-container{margin:15px 15px 15px 15px;}}/* Start custom CSS for html, class: .elementor-element-d2c7de6 */@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');


.fullscreen-block {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: #000;
}

#bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in;
  z-index: 0;
}

#bg-video.fade-in {
  opacity: 1;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

#logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 10vw;
  opacity: 0;
  animation: fadeZoom 2s ease-out forwards;
  z-index: 2;
}

#sub-text, #info-text {
  position: absolute;
  opacity: 0;
  font-family: 'Raleway', serif;
  z-index: 2;
}

#sub-text {
  top: 80%;
  left: 75%;
  width: 40%;
  font-size: 60px;
  color: #F00;
  white-space: nowrap;
  overflow: hidden;
}

#info-text {
  top: 200%;
  left: 15%;
  width: 50%;
  font-size: 25px;
  color: #FFF;
  white-space: pre-wrap;
  word-wrap: break-word;
}

#logo.movedH {
  left: 10%;
  transition: left 2s ease-in-out;
}

#logo.movedV {
  top: 15%;
  transition: top 2s ease-in-out;
}

#logo.movedMobileH {
  left: 15%;
  transition: left 1.5s ease-in-out;
}

#logo.movedMobileV {
  top: 7%;
  transition: top 1.5s ease-in-out;
}

#sub-text.visible, #info-text.visible {
  opacity: 1;
  transition: opacity 1s ease-out;
}

#info-text.movedV {
  top: 80%;
  transition: top 2s ease-in-out;
}

#info-text.movedMobileV {
  top: 80%;
  transition: top 2s ease-in-out;
}

@keyframes fadeZoom {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

/* Controles de video */
#video-controls {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  gap: 20px;
  background: rgba(0, 0, 0, 0.3);
  padding: 8px 16px;
  border-radius: 8px;
  pointer-events: auto;
  user-select: none;
  z-index: 10;
}

#video-controls button {
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  padding: 0;
}

#video-controls button:hover {
  transform: scale(1.2);
}

/* Responsive */
@media (min-width:1025px) and (max-width:1440px) {
  #logo { max-width:10vw; }
  #logo.movedH { left:10%; }
  #logo.movedV { top:10%; }
  #sub-text { font-size:35px; top:70%; left:70%; }
  #info-text { left: 10%; font-size: 25px; }
  #info-text.movedV { top:70%; }
}

@media (min-width:601px) and (max-width:1024px) {
  #logo { max-width:20vw; }
  #logo.movedH { left:15%; }
  #logo.movedV { top:10%; }
  #sub-text { width:45%; left:10%; font-size:30px; top:60%; }
  #info-text { width:80%; left: 10%; font-size: 20px; }
  #info-text.movedV { top:70%; }
  #video-controls { bottom: 10px; }
  #video-controls svg { width: 30px; height: 30px; }
}

@media (max-width:600px) and (min-height:850px) {
  #logo { max-width:20vw; top:48%; }
  #logo.movedMobileH { left:15%; }
  #logo.movedMobileV { top:10%; }
  #sub-text { left:10%; top:80%; font-size:30px; }
  #info-text { left: 10%; font-size: 20px; width:90%; }
  #info-text.movedMobileV { top:90%; }
  #video-controls { bottom: 10px; }
  #video-controls svg { width: 24px; height: 24px; }
}

@media (max-width:600px) and (max-height:849px) {
  #logo { max-width:20vw; top:50%; left:50%; animation:fadeZoom 1.5s ease-out forwards; }
  #logo.movedMobileH { left:15%; }
  #logo.movedMobileV { top:10%; }
  #sub-text { width:85%; left:5%; top:60%; font-size:30px; }
  #info-text { left: 5%; font-size: 20px; width:90%; }
  #info-text.movedMobileV { top:70%; }
  #video-controls { bottom: 10px; }
  #video-controls svg { width: 24px; height: 24px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f8cfe34 */@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&display=swap');

.trabajos .elementor-widget-container{
    display: flex;
    justify-content: center;
}

.custom-grid {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 20px;
        padding: 20px;
        width: 70%;
    }
    
    .custom-box {
        position: relative;
        overflow: hidden;
        background-color: #1a1a1a;
        color: #fff;
        text-decoration: none;
        height: 350px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: transform 0.3s ease;
    }
    
    .custom-box:hover {
        transform: translateY(-5px);
    }
    
    .custom-box video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
        transition: opacity 0.4s ease;
        pointer-events: none;
        z-index: 0;
    }
    
    .custom-box:hover video {
        opacity: 1;
    }
    
    .custom-box .content {
        position: relative;
        z-index: 2;
        transition: all 0.4s ease;
        background: rgba(26, 26, 26, 0.3);
        padding: 20px;
        border-radius: 8px;
        backdrop-filter: blur(5px);
        opacity: 1;
    }
    
    .custom-box:hover .content {
        /* opacity: 0; */
        /* transform: translateY(-20px);*/
        color: white;
        backdrop-filter: none;
    }
    .custom-box:hover h3 {
        font-size: 2rem;
    }
    .custom-box:hover p {
        font-size: 16px;
    }
    
    /* Alineación específica para cada caja */
    .custom-box:nth-child(1) .content,
    .custom-box:nth-child(3) .content {
        text-align: right;
    }
    
    .custom-box:nth-child(2) .content,
    .custom-box:nth-child(4) .content {
        text-align: left;
    }
    
    .custom-box h3 {
        font-family: 'Playfair Display', serif;
        font-size: 2.9rem;
        font-weight: 400;
        font-style: italic;
        margin-bottom: 10px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    }
    
    .custom-box p {
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 200 !important;
        line-height: 1.7;
        margin: 0;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    }
    
    /* Overlay para mejor legibilidad */
    .custom-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1;
        opacity: 1;
        transition: opacity 0.4s ease;
    }
    
    .custom-box:hover::before {
        opacity: 0;
    }
    
    /* Responsive */
    @media (max-width: 1024px){
        .custom-grid {
            width: 100%;
        }
        
        .custom-box h3 {
            font-size: 35px;
        }
        
        .custom-box p {
            font-size: 18px;
            
        }
    
    }
    @media (max-width: 768px) {
        .custom-grid {
            grid-template-columns: 1fr;
            gap: 15px;
            padding: 15px;
        }
        
        .custom-box {
            height: 300px;
            padding: 15px;
        }
        
        .custom-box h3 {
            font-size: 1.9rem;
        }
        
        .custom-box p {
            font-size: 1.1rem;
        }
    }/* End custom CSS */