.elementor-1129 .elementor-element.elementor-element-c5b124c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-1129 .elementor-element.elementor-element-89d9a91{text-align:center;}.elementor-1129 .elementor-element.elementor-element-89d9a91 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-astglobalcolor0 );}.elementor-1129 .elementor-element.elementor-element-ea1dfeb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1129 .elementor-element.elementor-element-12d9828{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1129 .elementor-element.elementor-element-c1c6575{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1129 .elementor-element.elementor-element-c1c6575.e-con{--e-con-transform-rotateZ:8deg;--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1129 .elementor-element.elementor-element-3f1b0a5{--e-transform-rotateZ:10deg;}.elementor-1129 .elementor-element.elementor-element-3f1b0a5 img{border-style:none;}.elementor-1129 .elementor-element.elementor-element-ea14528{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1129 .elementor-element.elementor-element-ec0296e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1129 .elementor-element.elementor-element-ec0296e.e-con{--flex-grow:0;--flex-shrink:0;}.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-1129 .elementor-element.elementor-element-392f79d{text-align:center;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1129 .elementor-element.elementor-element-d76e73f{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1129 .elementor-element.elementor-element-9372193{--display:flex;--min-height:109px;}.elementor-1129 .elementor-element.elementor-element-493f1f8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1129 .elementor-element.elementor-element-9f814e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1129 .elementor-element.elementor-element-9f814e0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1129 .elementor-element.elementor-element-98d6507{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-astglobalcolor5 );}.elementor-1129 .elementor-element.elementor-element-2139954{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1129 .elementor-element.elementor-element-d4e3757 .elementor-button{background-color:var( --e-global-color-astglobalcolor0 );border-radius:10px 10px 10px 10px;padding:30px 30px 30px 30px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1129 .elementor-element.elementor-element-12d9828{--width:50%;}.elementor-1129 .elementor-element.elementor-element-c1c6575{--width:100%;}.elementor-1129 .elementor-element.elementor-element-ea14528{--width:50%;}.elementor-1129 .elementor-element.elementor-element-ec0296e{--width:100%;}.elementor-1129 .elementor-element.elementor-element-d76e73f{--width:100%;}.elementor-1129 .elementor-element.elementor-element-9f814e0{--width:59%;}.elementor-1129 .elementor-element.elementor-element-2139954{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-c1c6575 *//* ========================================
   MANILA FOLDER
======================================== */

.manila-folder{

    display: inline-block;

    animation: subtleShake 7s infinite;

    transition: transform 0.3s ease;
}


/* ========================================
   HOVER
======================================== */

.manila-folder:hover{

    animation-play-state: paused;

    transform: scale(1.02);

    cursor: pointer;
}


/* ========================================
   SHAKE SUTIL
======================================== */

@keyframes subtleShake{

    0%{
        transform: rotate(0deg);
    }

    2%{
        transform: rotate(-1deg);
    }

    4%{
        transform: rotate(1deg);
    }

    6%{
        transform: rotate(-0.5deg);
    }

    8%{
        transform: rotate(0.5deg);
    }

    10%{
        transform: rotate(0deg);
    }

    100%{
        transform: rotate(0deg);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d76e73f *//* ========================================
   CONTENEDOR GENERAL
======================================== */

.cards-container{

    display: flex;

    justify-content: center;

    gap: 40px;

    flex-wrap: wrap;

    margin-top: 40px;
}


/* ========================================
   TARJETA
======================================== */

.flip-card{

    width: 310px;

    height: 430px;

    perspective: 1200px;

    text-decoration: none;
}


/* ========================================
   INTERIOR
======================================== */

.flip-card-inner{

    position: relative;

    width: 100%;

    height: 100%;

    transition: transform 0.8s ease;

    transform-style: preserve-3d;
}


/* ========================================
   GIRO
======================================== */

.flip-card:hover .flip-card-inner{

    transform: rotateY(180deg);
}


/* ========================================
   DOS CARAS
======================================== */

.flip-card-front,
.flip-card-back{

    position: absolute;

    width: 100%;

    height: 100%;

    backface-visibility: hidden;
}


/* ========================================
   DELANTE
======================================== */

.flip-card-front img{

    width: 100%;

    height: 100%;

    object-fit: contain;

    filter: drop-shadow(0 10px 20px rgba(0,0,0,0.45));
}


/* ========================================
   DETRÁS
======================================== */

.flip-card-back{

    background-image: url("https://archivofantasma.cursosareaformacion.es/wp-content/uploads/2026/04/back-polaroid.png");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    transform: rotateY(180deg);

    padding: 35px 25px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;
}


/* ========================================
   TITULO
======================================== */

.flip-card-back h3{

    color: #7b1111;

    font-size: 28px;

    margin-bottom: 15px;
}


/* ========================================
   TEXTO
======================================== */

.flip-card-back p{

    color: #2a1b1b;

    font-size: 15px;

    line-height: 1.7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2139954 *//* ========================================
   BOTÓN ARCHIVO FANTASMA
======================================== */

.archivo-btn{

    animation: darkBreath 8s ease-in-out infinite;

    transition: all 0.4s ease;
}


/* ========================================
   HOVER
======================================== */

.archivo-btn:hover{

    animation-play-state: paused;

    transform: scale(1.03);

    box-shadow: 0 0 28px rgba(120,0,0,0.5);
}


/* ========================================
   RESPIRACIÓN OSCURA
======================================== */

@keyframes darkBreath{

    0%{

        transform: scale(1);

        box-shadow: 0 0 0 rgba(120,0,0,0);
    }

    25%{

        transform: scale(1.02);

        box-shadow: 0 0 36px rgba(120,0,0,0.28);
    }

    50%{

        transform: scale(1.035);

        box-shadow: 0 0 48px rgba(120,0,0,0.45);
    }

    75%{

        transform: scale(1.02);

        box-shadow: 0 0 36px rgba(120,0,0,0.25);
    }

    100%{

        transform: scale(1);

        box-shadow: 0 0 0 rgba(120,0,0,0);
    }
}/* End custom CSS */