.elementor-35124 .elementor-element.elementor-element-1834a01{--display:flex;--min-height:311px;--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;--justify-content:center;}.elementor-35124 .elementor-element.elementor-element-1834a01:not(.elementor-motion-effects-element-type-background), .elementor-35124 .elementor-element.elementor-element-1834a01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E00B0B;background-image:url("https://reinamadre.mx/wp-content/uploads/2025/09/PromoRM1_10anos_Emba_ene_Banner.png");background-position:top center;background-size:cover;}.elementor-35124 .elementor-element.elementor-element-1834a01.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-35124 .elementor-element.elementor-element-84bf722{text-align:center;}.elementor-35124 .elementor-element.elementor-element-84bf722 .elementor-heading-title{font-size:40px;font-weight:800;color:#FFFFFF;}.elementor-35124 .elementor-element.elementor-element-316b41a{text-align:center;}.elementor-35124 .elementor-element.elementor-element-316b41a .elementor-heading-title{font-size:23px;font-weight:500;color:#FFFFFF;}.elementor-35124 .elementor-element.elementor-element-ae77c3a{--display:flex;--margin-top:50px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-35124 .elementor-element.elementor-element-ccb768c{text-align:center;}.elementor-35124 .elementor-element.elementor-element-ccb768c .elementor-heading-title{font-size:28px;font-weight:800;color:var( --e-global-color-astglobalcolor0 );}.elementor-35124 .elementor-element.elementor-element-7c456ad{--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;}@media(max-width:767px){.elementor-35124 .elementor-element.elementor-element-1834a01{--justify-content:center;}.elementor-35124 .elementor-element.elementor-element-84bf722 .elementor-heading-title{font-size:28px;}.elementor-35124 .elementor-element.elementor-element-316b41a .elementor-heading-title{font-size:18px;}.elementor-35124 .elementor-element.elementor-element-ae77c3a{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-35124 .elementor-element.elementor-element-ccb768c .elementor-heading-title{font-size:22px;}}@media(min-width:768px){.elementor-35124 .elementor-element.elementor-element-1834a01{--width:112.667%;}}/* Start custom CSS for html, class: .elementor-element-cf709db */:root {
            --rm-pink: #EC80A8;
            --rm-teal: #EC80A8;
            --rm-bg: #F8F9FA;
            --rm-text-dark: #A25CBF;
            --rm-text-light: #7F8C8D;
        }

        .pdf-showcase-wrapper {
            padding: 20px 0px;
            background-color: transparent;
            font-family: 'raleway', 'raleway', sans-serif;
        }

        .pdf-showcase-container {
            max-width: 1300px;
            margin: 0 auto;
        }

        .mi-titulo-principal {
            text-align: center;
            margin-bottom: 70px;
            font-size: 2.8rem;
            color: var(--rm-text-dark);
            font-weight: 600;
            letter-spacing: -0.5px;
            position: relative;
        }

        .mi-titulo-principal::after {
            content: '';
            display: block;
            width: 80px;
            height: 4px;
            background: var(--rm-pink);
            margin: 20px auto 0;
            border-radius: 2px;
        }

        .pdf-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        .rm-card {
            border-radius: 20px;
            padding: 25px;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .rm-card:hover {
            transform: translateY(-12px);
        }

        .css-document-preview {
            width: 100%;
            aspect-ratio: 1 / 1.3;
            background: #ffffff;
            border-radius: 8px 24px 8px 8px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.06), inset 0 0 0 1px #f0f0f0;
            margin-bottom: 25px;
            padding: 20px;
            display: flex;
            flex-direction: column;
            position: relative;
            transition: transform 0.4s ease;
            overflow: hidden;
        }

        .css-document-preview::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            border-width: 0 24px 24px 0;
            border-style: solid;
            border-color: transparent #f4f4f4 transparent transparent;
            box-shadow: -2px 2px 5px rgba(0,0,0,0.05);
            border-bottom-left-radius: 4px;
        }

        .rm-card:hover .css-document-preview {
            transform: scale(1.04);
        }

        .doc-header {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            border-bottom: 2px solid var(--rm-teal);
            padding-bottom: 10px;
        }

        .doc-logo-circle {
            width: 20px;
            height: 20px;
            background: var(--rm-pink);
            border-radius: 50%;
            margin-right: 10px;
        }

        .doc-brand-text {
            font-size: 0.65rem;
            font-weight: 700;
            color: var(--rm-text-dark);
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .doc-title-simulated {
            font-size: 1.1rem;
            font-weight: 800;
            color: var(--rm-pink);
            margin-bottom: 15px;
            line-height: 1.2;
        }

        .doc-lines {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-top: auto;
        }

        .doc-line {
            height: 6px;
            background: #E8ECEF;
            border-radius: 4px;
            width: 100%;
        }
        .doc-line.short { width: 65%; }
        .doc-line.medium { width: 85%; }

        .hover-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0.5);
            background: rgba(255, 255, 255, 0.95);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            color: var(--rm-pink);
        }

        .rm-card:hover .hover-icon {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }

        .mi-titulo-pdf {
            font-size: 1.5rem !important;
            color: var(--rm-text-dark);
            margin: 0;
            font-weight: 600;
            line-height: 1.4;
            text-align: center;
            transition: color 0.3s ease;
            display: block;
        }

        .rm-card:hover .mi-titulo-pdf {
            color: var(--rm-pink);
        }

        .pdf-lightbox {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: rgba(248, 249, 250, 0.85);
            z-index: 999999;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.4s ease;
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
        }

        .pdf-lightbox.active {
            opacity: 1;
            pointer-events: auto;
        }

        .pdf-lightbox iframe {
            width: 85%;
            height: 90vh;
            border: none;
            border-radius: 16px;
            box-shadow: 0 25px 80px rgba(0, 0, 0, 0.2);
            transform: translateY(40px) scale(0.95);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            background: white;
        }

        .pdf-lightbox.active iframe {
            transform: translateY(0) scale(1);
        }

        .close-lightbox {
            position: absolute;
            top: 25px;
            right: 35px;
            width: 45px;
            height: 45px;
            background: white;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            color: var(--rm-text-dark);
            cursor: pointer;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            z-index: 10;
        }

        .close-lightbox:hover {
            transform: rotate(90deg);
            background: var(--rm-pink);
            color: white;
        }

        @media (max-width: 768px) {
            .pdf-grid { 
                grid-template-columns: repeat(2, 1fr); 
                gap: 15px;
            }
            
            .rm-card {
                padding: 12px;
            }
            
            .css-document-preview {
                padding: 12px;
                margin-bottom: 15px;
                border-radius: 6px 16px 6px 6px;
            }
            
            .css-document-preview::before {
                border-width: 0 16px 16px 0;
            }
            
            .doc-logo-circle {
                width: 14px;
                height: 14px;
            }
            
            .doc-brand-text {
                font-size: 0.5rem;
            }
            
            .doc-title-simulated {
                font-size: 0.85rem;
                margin-bottom: 10px;
            }
            
            .doc-header {
                margin-bottom: 12px;
            }
            
            .mi-titulo-pdf {
                font-size: 1rem !important;
                line-height: 1.2;
            }

            .pdf-lightbox iframe { 
                width: 95%; 
                height: 90vh; 
                margin-top: 40px;
            }
            
            .close-lightbox { 
                top: 10px; 
                right: 10px; 
                width: 35px; 
                height: 35px; 
                font-size: 18px;
            }
        }

        @media (min-width: 769px) and (max-width: 1024px) {
            .pdf-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }/* End custom CSS */