:root {
            --negro: #000000;
            --blanco: #FFFFFF;
            --hueso: #F5F5DC;
            --dorado: #D4AF37;
            --gris-oscuro: #333333;
            --sombra: 0 10px 30px rgba(0, 0, 0, 0.1);
            --transicion: all 0.3s ease;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Roboto', sans-serif;
            line-height: 1.6;
            color: var(--negro);
            background-color: var(--hueso);
            margin: 0;
            position: relative;
            min-height: 100vh;
        }

        h1, h2, h3, h4 {
            font-family: 'Playfair Display', serif;
            color: var(--negro);
            margin-bottom: 1rem;
            font-weight: 700;
        }

/* ===================================== Fondo con SVG personalizado ======================================= */
/* ===================================== Fondo con SVG personalizado ======================================= */
/* ===================================== Fondo con SVG personalizado ======================================= */
/* ===================================== Fondo con SVG personalizado ======================================= */

        .background-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            overflow: hidden;
            opacity: 0.4;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .pattern-row {
            display: flex;
            justify-content: space-around;
            width: 100%;
            padding: 80px 0; /* Espacio vertical entre líneas */
            animation: moveRow 90s linear infinite;
        }

        /* Primera línea - SVG 1 */
        .pattern-row-1 {
            align-items: flex-start;
        }

        /* Segunda línea - SVG 2 */
        .pattern-row-2 {
            align-items: center;
            animation-delay: -30s; /* Desfase para movimiento no sincronizado */
        }

        /* Tercera línea - SVG 3 */
        .pattern-row-3 {
            align-items: flex-end;
            animation-delay: -60s; /* Desfase para movimiento no sincronizado */
        }

        .pattern-item {
            flex-shrink: 0;
            opacity: 0.4;
            transition: opacity 0.3s ease;
        }

        /* SVG 1 - Primer patrón */
        .pattern-svg-1 {
            background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='300.000000pt' height='225.000000pt' viewBox='0 0 300.000000 225.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,225.000000) scale(0.050000,-0.050000)' fill='%23000000' stroke='none'%3E%3Cpath d='M2944 4376 c-65 -65 35 -175 105 -116 57 47 24 140 -49 140 -18 0 -43 -11 -56 -24z'/%3E%3Cpath d='M2572 4354 c-52 -38 -35 -122 27 -131 83 -12 123 94 52 142 -29 20 -38 19 -79 -11z'/%3E%3Cpath d='M3320 4320 c-43 -81 52 -160 116 -96 34 34 30 110 -8 124 -55 21 -86 13 -108 -28z'/%3E%3Cpath d='M2191 4249 c-34 -35 -37 -50 -19 -97 23 -61 148 -26 148 41 0 28 -54 87 -80 87 -9 0 -31 -14 -49 -31z'/%3E%3Cpath d='M3868 4108 c-17 -65 30 -118 88 -99 87 27 65 151 -26 151 -36 0 -53 -14 -62 -52z'/%3E%3Cpath d='M1828 4071 c-20 -51 1 -120 38 -127 49 -10 94 32 94 86 0 66 -110 100 -132 41z'/%3E%3Cpath d='M4211 3933 c-59 -43 -27 -133 47 -133 80 0 108 71 51 129 -39 38 -51 38 -98 4z'/%3E%3Cpath d='M1531 3849 c-48 -49 -16 -149 47 -149 9 0 31 16 49 37 70 77 -22 185 -96 112z'/%3E%3Cpath d='M2087 3791 c-204 -89 -450 -462 -597 -906 -30 -91 -64 -171 -76 -178 -13 -9 -16 0 -7 23 8 21 20 119 26 219 46 719 -481 582 -781 -202 -135 -354 -177 -396 -101 -102 88 337 23 594 -165 656 -90 30 -100 16 -43 -61 92 -125 66 -404 -113 -1170 -186 -803 -199 -1167 -47 -1340 71 -82 131 -96 105 -25 -47 123 -7 528 84 845 307 1081 554 1610 752 1610 173 0 164 -238 -44 -1080 -207 -839 -211 -1353 -12 -1459 65 -34 83 -19 50 42 -92 168 98 1098 388 1897 256 706 497 1071 614 929 31 -37 14 -307 -28 -459 -32 -112 -43 -152 -200 -727 -249 -914 -186 -1423 182 -1458 172 -16 424 147 457 297 19 89 1 91 -93 11 -188 -161 -370 -163 -439 -4 -104 239 -50 633 190 1387 204 642 234 1076 85 1239 -47 51 -96 55 -187 16z'/%3E%3Cpath d='M4481 3651 c-53 -64 25 -162 94 -119 69 44 45 148 -35 148 -19 0 -46 -13 -59 -29z'/%3E%3Cpath d='M1259 3548 c-19 -23 -21 -41 -6 -65 51 -80 172 -28 128 56 -27 49 -86 53 -122 9z'/%3E%3Cpath d='M4220 3560 c-37 -24 -521 -187 -526 -177 -2 4 -22 43 -44 87 -62 123 -97 114 -151 -39 l-46 -130 -199 -65 c-201 -65 -354 -183 -354 -271 0 -34 -12 -36 268 64 237 86 222 95 153 -99 -31 -88 -85 -285 -120 -438 -66 -290 -121 -422 -305 -727 -94 -157 -121 -185 -144 -149 -11 18 118 414 186 571 55 125 53 139 -20 222 -75 85 -93 88 -109 16 -118 -525 -287 -974 -378 -997 -196 -49 -61 472 214 822 74 94 78 106 66 198 -29 215 -71 221 -216 27 -353 -470 -425 -1135 -123 -1135 98 0 138 27 199 130 61 104 84 112 93 35 17 -147 199 -2 344 274 93 177 102 176 102 -8 1 -173 22 -210 99 -175 57 26 210 225 287 374 l52 100 17 -90 c45 -228 114 -276 229 -155 113 119 340 526 436 780 42 112 56 117 91 32 14 -34 49 -90 77 -123 48 -57 49 -61 14 -82 -329 -193 -437 -396 -296 -554 137 -153 497 -44 617 187 45 88 39 282 -12 368 -53 89 -52 99 14 157 77 68 85 63 72 -47 -43 -361 238 -500 398 -196 41 77 44 80 51 33 35 -230 236 -38 490 470 135 270 217 469 202 493 -31 51 -78 -15 -232 -328 -364 -740 -473 -745 -174 -7 61 151 55 194 -40 281 -60 53 -63 46 -171 -349 -112 -414 -204 -628 -282 -664 -208 -95 -74 453 200 814 50 65 91 134 91 151 0 62 -64 219 -90 219 -63 0 -271 -296 -361 -514 -54 -131 -228 -347 -278 -345 -44 1 -191 232 -191 300 0 11 26 19 59 19 66 0 120 62 159 182 33 102 13 138 -77 138 -150 0 -265 -133 -329 -380 -60 -231 -432 -940 -493 -940 -69 0 35 448 180 777 100 229 102 215 -24 242 -91 20 -107 18 -129 -11 -54 -74 -186 -474 -186 -565 0 -81 -296 -603 -342 -603 -63 0 155 801 329 1214 64 152 64 146 4 146 -75 0 -79 35 -6 50 119 24 584 155 622 174 36 19 112 161 113 211 0 30 -38 32 -80 5z m362 -1300 c64 -212 -180 -470 -306 -325 -109 124 -88 198 101 358 145 124 159 122 205 -33z'/%3E%3Cpath d='M4703 3326 c-28 -52 8 -106 69 -106 27 0 55 15 62 33 29 77 -92 145 -131 73z'/%3E%3Cpath d='M3884 3168 c-14 -7 -43 -48 -66 -92 l-41 -80 61 14 c40 8 84 2 124 -18 76 -38 88 -32 119 60 31 96 -86 165 -197 116z'/%3E%3Cpath d='M4919 1819 c-19 -37 -16 -51 19 -86 55 -55 112 -25 112 59 0 77 -94 96 -131 27z'/%3E%3Cpath d='M4620 1731 c-49 -15 -378 -97 -730 -181 -1284 -310 -1260 -304 -1266 -338 -10 -47 3 -45 661 116 558 136 1324 320 1430 343 28 6 45 25 45 49 0 46 -16 47 -140 11z'/%3E%3Cpath d='M4811 1469 c-57 -58 -23 -129 63 -129 54 0 84 84 46 130 -32 39 -69 38 -109 -1z'/%3E%3Cpath d='M4620 1130 c-38 -46 -8 -130 46 -130 86 0 120 71 63 129 -40 39 -77 40 -109 1z'/%3E%3Cpath d='M1292 1034 c-55 -40 -35 -122 32 -130 72 -9 107 52 64 113 -35 50 -48 52 -96 17z'/%3E%3Cpath d='M4371 829 c-38 -39 -38 -51 -5 -97 37 -51 122 -35 131 24 12 89 -65 133 -126 73z'/%3E%3Cpath d='M1551 749 c-57 -57 -30 -129 49 -129 50 0 80 30 80 80 0 22 -58 80 -80 80 -9 0 -31 -14 -49 -31z'/%3E%3Cpath d='M4072 577 c-43 -61 -8 -122 64 -113 67 8 87 90 32 130 -48 35 -61 33 -96 -17z'/%3E%3Cpath d='M1848 488 c-17 -65 30 -118 88 -99 87 27 65 151 -26 151 -36 0 -53 -14 -62 -52z'/%3E%3Cpath d='M3719 378 c-18 -33 -15 -49 13 -80 63 -70 143 -22 120 72 -16 64 -100 69 -133 8z'/%3E%3Cpath d='M2201 341 c-50 -93 71 -165 127 -76 16 25 16 45 0 70 -33 52 -101 55 -127 6z'/%3E%3Cpath d='M3353 287 c-27 -28 -12 -106 26 -126 74 -40 140 26 100 100 -20 38 -98 53 -126 26z'/%3E%3Cpath d='M2584 256 c-65 -65 35 -175 105 -116 57 47 24 140 -49 140 -18 0 -43 -11 -56 -24z'/%3E%3Cpath d='M2981 231 c-45 -54 -18 -121 49 -121 51 0 61 8 67 58 9 83 -66 124 -116 63z'/%3E%3C/g%3E%3C/svg%3E");
            width: 180px;
            height: 135px;
            background-size: contain;
            background-repeat: no-repeat;
        }

        /* SVG 2 - Segundo patrón */
        .pattern-svg-2 {
            background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='900.000000pt' height='900.000000pt' viewBox='0 0 900.000000 900.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,900.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath d='M6090 5026 c-151 -38 -255 -144 -306 -316 -11 -34 -19 -103 -21 -179 -4 -121 -4 -125 26 -188 17 -35 31 -68 31 -72 0 -5 19 -31 43 -57 24 -27 53 -62 66 -79 12 -16 37 -46 55 -65 54 -59 116 -141 132 -174 8 -17 24 -46 35 -63 32 -50 49 -129 49 -225 0 -74 -4 -94 -25 -135 -33 -62 -49 -73 -108 -73 -93 0 -127 70 -127 259 0 74 -4 102 -14 111 -21 17 -266 17 -294 -1 -17 -11 -22 -27 -28 -88 -10 -108 1 -279 20 -316 9 -16 16 -36 16 -43 0 -58 119 -188 198 -215 154 -53 405 -38 523 33 74 44 148 136 168 210 44 158 38 418 -14 535 -63 144 -69 152 -261 379 -108 128 -149 209 -149 296 0 41 7 83 19 114 16 40 27 51 63 67 36 15 48 16 71 7 60 -26 84 -70 82 -146 -2 -32 -3 -82 -4 -112 l-1 -55 144 -3 c82 -1 149 2 154 7 5 5 15 48 22 95 13 84 7 193 -13 277 -14 57 -66 124 -131 167 -51 34 -73 42 -142 51 -101 14 -219 12 -279 -3z'/%3E%3Cpath d='M1207 5013 c-12 -22 -39 -166 -58 -303 -12 -85 -24 -159 -27 -165 -3 -5 -12 -48 -20 -95 -19 -115 -27 -164 -40 -235 -6 -33 -18 -105 -27 -160 -9 -55 -23 -131 -30 -170 -8 -38 -16 -101 -20 -140 -3 -38 -12 -101 -20 -140 -7 -38 -21 -117 -30 -175 -9 -58 -20 -109 -25 -115 -7 -8 -15 -146 -11 -193 1 -10 38 -12 169 -10 l167 3 12 48 c6 27 17 92 23 145 6 53 15 115 20 137 6 22 15 78 20 125 6 47 17 137 25 200 8 63 20 167 26 230 12 115 20 140 45 140 18 0 22 -20 34 -165 5 -66 17 -158 25 -205 8 -47 21 -128 29 -180 21 -142 33 -179 62 -190 14 -6 63 -10 108 -10 68 0 86 3 99 18 10 10 17 24 17 31 0 7 7 25 14 39 8 15 37 72 64 127 27 55 53 109 59 120 6 11 23 47 38 80 69 156 141 294 153 295 19 0 15 -73 -9 -181 -20 -86 -33 -164 -59 -338 -5 -35 -14 -77 -19 -95 -13 -42 -30 -132 -47 -250 -11 -74 -11 -102 -3 -112 9 -11 47 -14 168 -14 86 0 161 4 166 8 11 7 31 107 45 227 5 39 13 81 18 95 5 14 12 54 16 90 4 35 13 89 21 120 15 66 29 146 55 337 11 79 24 153 29 165 4 13 11 53 15 91 4 37 11 80 17 95 6 15 14 54 19 87 8 53 28 161 44 235 3 14 17 94 31 178 20 119 23 157 14 168 -9 11 -44 14 -163 14 -173 0 -149 14 -218 -123 -23 -45 -52 -96 -65 -114 -12 -17 -23 -35 -23 -40 0 -12 -117 -237 -150 -288 -23 -36 -46 -79 -89 -165 -18 -36 -42 -83 -54 -105 -11 -22 -42 -80 -68 -130 -33 -63 -53 -91 -67 -93 -24 -4 -30 11 -42 105 -5 37 -16 115 -25 173 -9 58 -22 150 -30 205 -38 290 -47 353 -55 385 -6 19 -10 57 -10 83 0 26 -7 61 -15 77 l-16 30 -164 0 c-90 0 -166 -3 -168 -7z'/%3E%3Cpath d='M3287 4996 c-17 -26 -58 -116 -152 -331 -7 -16 -27 -59 -43 -95 -16 -36 -46 -105 -66 -155 -21 -49 -41 -98 -47 -107 -5 -10 -9 -23 -9 -29 0 -11 -6 -25 -59 -143 -17 -37 -31 -78 -31 -90 0 -11 -6 -33 -14 -47 -7 -15 -24 -55 -36 -90 -12 -35 -25 -68 -29 -74 -4 -5 -16 -32 -25 -60 -10 -27 -24 -59 -31 -70 -6 -11 -15 -33 -19 -50 -4 -16 -25 -67 -47 -113 -21 -46 -39 -88 -39 -94 0 -5 -6 -22 -14 -36 -7 -15 -24 -52 -36 -82 -12 -30 -33 -78 -46 -106 -14 -28 -26 -64 -27 -80 l-2 -29 188 -3 187 -2 17 37 c43 99 53 123 85 188 l33 70 140 0 c193 -1 184 7 187 -158 l3 -132 174 -3 174 -2 -7 187 c-4 104 -9 289 -12 413 -19 854 -39 1267 -61 1292 -13 15 -36 17 -169 16 -144 -1 -155 -2 -167 -22z m71 -930 c3 -337 6 -326 -98 -326 -71 0 -115 13 -124 36 -3 7 8 50 23 96 16 46 39 117 51 158 13 41 27 82 31 90 8 17 63 171 74 208 4 14 13 22 23 20 15 -3 17 -31 20 -282z'/%3E%3Cpath d='M4015 5003 c-30 -73 -69 -312 -54 -328 6 -5 72 -12 147 -14 89 -2 140 -7 144 -15 11 -16 10 -75 -2 -116 -6 -19 -17 -75 -25 -125 -27 -170 -36 -218 -44 -234 -5 -9 -12 -46 -16 -84 -4 -37 -11 -70 -16 -73 -5 -3 -9 -22 -9 -42 -1 -20 -7 -55 -15 -77 -8 -22 -15 -53 -15 -69 0 -17 -6 -57 -14 -90 -31 -135 -38 -174 -46 -236 -11 -100 -31 -210 -47 -266 -20 -70 -15 -117 15 -124 12 -3 89 -3 169 0 l147 5 12 45 c16 65 41 186 52 255 6 33 19 100 31 149 12 50 21 106 21 125 0 20 6 48 14 62 7 14 16 62 20 107 4 45 12 97 17 114 16 54 59 258 69 328 5 36 14 81 19 100 12 42 38 160 46 212 7 47 19 51 167 50 65 0 121 4 124 10 3 5 16 72 29 149 14 77 27 144 30 149 3 5 1 19 -5 30 -11 20 -19 20 -484 20 -442 0 -474 -1 -481 -17z'/%3E%3Cpath d='M5244 5008 c-33 -16 -50 -67 -84 -258 -17 -96 -38 -215 -47 -264 -8 -48 -19 -118 -24 -155 -5 -36 -16 -97 -25 -136 -8 -38 -20 -104 -25 -145 -15 -121 -30 -213 -41 -245 -5 -16 -13 -68 -19 -114 -5 -47 -14 -90 -19 -96 -5 -6 -13 -44 -19 -85 -5 -41 -19 -118 -30 -170 -11 -52 -22 -123 -26 -157 -7 -59 -6 -62 17 -68 12 -3 97 -4 188 -3 l164 3 14 65 c12 60 20 107 50 305 6 39 16 84 21 100 5 17 12 66 16 110 3 44 10 94 15 110 9 30 54 259 72 370 6 33 19 107 30 165 11 58 24 133 29 168 4 34 15 96 24 137 8 41 15 87 15 103 0 15 4 32 9 38 5 5 15 53 21 107 9 76 9 101 0 113 -10 11 -43 14 -159 13 -80 0 -156 -5 -167 -11z'/%3E%3Cpath d='M7392 5006 c-14 -19 -132 -271 -132 -281 0 -4 -11 -30 -24 -58 -13 -29 -33 -74 -46 -102 -12 -27 -34 -77 -50 -110 -16 -33 -38 -89 -50 -125 -12 -36 -32 -87 -46 -113 -13 -27 -24 -56 -24 -66 0 -9 -6 -25 -14 -36 -7 -11 -17 -36 -21 -55 -4 -19 -18 -57 -30 -85 -13 -27 -27 -63 -31 -78 -3 -16 -17 -51 -30 -78 -13 -27 -24 -55 -24 -62 0 -7 -6 -21 -14 -32 -7 -11 -23 -47 -34 -81 -11 -33 -32 -82 -46 -109 -14 -26 -26 -52 -26 -57 0 -10 -7 -26 -59 -142 -17 -37 -31 -73 -31 -80 0 -6 -12 -33 -25 -61 -29 -59 -30 -71 -9 -79 9 -3 94 -6 190 -6 l175 0 20 47 c37 86 51 117 70 159 10 23 19 46 19 51 0 5 8 17 18 26 30 28 291 21 320 -8 4 -4 9 -66 12 -138 l5 -132 169 -3 c93 -1 173 1 177 5 4 5 3 91 -2 193 -5 102 -13 343 -19 535 -24 838 -37 1131 -51 1152 -12 21 -21 22 -171 21 -103 -1 -161 -5 -166 -12z m73 -673 c3 -10 3 -137 -1 -283 -8 -318 -5 -310 -103 -310 -76 0 -115 16 -119 48 -2 13 10 61 27 108 17 47 31 95 31 107 0 12 7 34 14 49 8 16 25 58 37 95 12 38 26 73 30 78 3 6 10 26 14 45 14 67 54 104 70 63z'/%3E%3Cpath d='M8094 3478 c-69 -39 -83 -53 -114 -114 -32 -64 -37 -107 -17 -169 42 -137 177 -213 314 -176 44 12 113 70 148 126 26 40 28 165 3 215 -33 66 -98 122 -155 134 -48 11 -49 -10 0 -22 45 -12 101 -57 132 -107 14 -22 19 -50 19 -106 1 -71 -1 -80 -34 -128 -19 -28 -38 -51 -42 -51 -4 0 -13 -6 -20 -14 -8 -7 -40 -21 -71 -30 -53 -15 -60 -15 -109 0 -71 23 -119 63 -151 124 -27 53 -38 142 -18 155 5 3 12 19 16 35 10 43 95 117 146 125 29 5 38 10 28 16 -21 13 -30 11 -75 -13z'/%3E%3Cpath d='M8131 3258 c1 -93 3 -106 10 -73 5 22 17 46 26 53 16 11 16 12 0 12 -21 0 -33 44 -21 79 7 21 17 27 46 29 29 2 41 -2 62 -25 28 -30 32 -27 14 12 -10 23 -16 25 -75 25 l-63 0 1 -112z'/%3E%3Cpath d='M8257 3274 c-10 -13 -27 -24 -37 -24 -25 0 -25 -15 -1 -39 10 -10 22 -28 26 -40 3 -12 11 -21 16 -21 13 0 11 8 -7 39 -15 25 -15 29 6 65 24 44 23 55 -3 20z'/%3E%3C/g%3E%3C/svg%3E");
            width: 220px;
            height: 220px;
            background-size: contain;
            background-repeat: no-repeat;
        }

        /* SVG 3 - Tercer patrón (versión simplificada del primero) */
        .pattern-svg-3 {
            background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='300.000000pt' height='225.000000pt' viewBox='0 0 300.000000 225.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,225.000000) scale(0.050000,-0.050000)' fill='%23000000' stroke='none'%3E%3Cpath d='M2944 4376 c-65 -65 35 -175 105 -116 57 47 24 140 -49 140 -18 0 -43 -11 -56 -24z'/%3E%3Cpath d='M2572 4354 c-52 -38 -35 -122 27 -131 83 -12 123 94 52 142 -29 20 -38 19 -79 -11z'/%3E%3Cpath d='M3320 4320 c-43 -81 52 -160 116 -96 34 34 30 110 -8 124 -55 21 -86 13 -108 -28z'/%3E%3Cpath d='M2191 4249 c-34 -35 -37 -50 -19 -97 23 -61 148 -26 148 41 0 28 -54 87 -80 87 -9 0 -31 -14 -49 -31z'/%3E%3Cpath d='M3868 4108 c-17 -65 30 -118 88 -99 87 27 65 151 -26 151 -36 0 -53 -14 -62 -52z'/%3E%3Cpath d='M1828 4071 c-20 -51 1 -120 38 -127 49 -10 94 32 94 86 0 66 -110 100 -132 41z'/%3E%3Cpath d='M4211 3933 c-59 -43 -27 -133 47 -133 80 0 108 71 51 129 -39 38 -51 38 -98 4z'/%3E%3Cpath d='M1531 3849 c-48 -49 -16 -149 47 -149 9 0 31 16 49 37 70 77 -22 185 -96 112z'/%3E%3Cpath d='M2087 3791 c-204 -89 -450 -462 -597 -906 -30 -91 -64 -171 -76 -178 -13 -9 -16 0 -7 23 8 21 20 119 26 219 46 719 -481 582 -781 -202 -135 -354 -177 -396 -101 -102 88 337 23 594 -165 656 -90 30 -100 16 -43 -61 92 -125 66 -404 -113 -1170 -186 -803 -199 -1167 -47 -1340 71 -82 131 -96 105 -25 -47 123 -7 528 84 845 307 1081 554 1610 752 1610 173 0 164 -238 -44 -1080 -207 -839 -211 -1353 -12 -1459 65 -34 83 -19 50 42 -92 168 98 1098 388 1897 256 706 497 1071 614 929 31 -37 14 -307 -28 -459 -32 -112 -43 -152 -200 -727 -249 -914 -186 -1423 182 -1458 172 -16 424 147 457 297 19 89 1 91 -93 11 -188 -161 -370 -163 -439 -4 -104 239 -50 633 190 1387 204 642 234 1076 85 1239 -47 51 -96 55 -187 16z'/%3E%3Cpath d='M4481 3651 c-53 -64 25 -162 94 -119 69 44 45 148 -35 148 -19 0 -46 -13 -59 -29z'/%3E%3Cpath d='M1259 3548 c-19 -23 -21 -41 -6 -65 51 -80 172 -28 128 56 -27 49 -86 53 -122 9z'/%3E%3Cpath d='M4220 3560 c-37 -24 -521 -187 -526 -177 -2 4 -22 43 -44 87 -62 123 -97 114 -151 -39 l-46 -130 -199 -65 c-201 -65 -354 -183 -354 -271 0 -34 -12 -36 268 64 237 86 222 95 153 -99 -31 -88 -85 -285 -120 -438 -66 -290 -121 -422 -305 -727 -94 -157 -121 -185 -144 -149 -11 18 118 414 186 571 55 125 53 139 -20 222 -75 85 -93 88 -109 16 -118 -525 -287 -974 -378 -997 -196 -49 -61 472 214 822 74 94 78 106 66 198 -29 215 -71 221 -216 27 -353 -470 -425 -1135 -123 -1135 98 0 138 27 199 130 61 104 84 112 93 35 17 -147 199 -2 344 274 93 177 102 176 102 -8 1 -173 22 -210 99 -175 57 26 210 225 287 374 l52 100 17 -90 c45 -228 114 -276 229 -155 113 119 340 526 436 780 42 112 56 117 91 32 14 -34 49 -90 77 -123 48 -57 49 -61 14 -82 -329 -193 -437 -396 -296 -554 137 -153 497 -44 617 187 45 88 39 282 -12 368 -53 89 -52 99 14 157 77 68 85 63 72 -47 -43 -361 238 -500 398 -196 41 77 44 80 51 33 35 -230 236 -38 490 470 135 270 217 469 202 493 -31 51 -78 -15 -232 -328 -364 -740 -473 -745 -174 -7 61 151 55 194 -40 281 -60 53 -63 46 -171 -349 -112 -414 -204 -628 -282 -664 -208 -95 -74 453 200 814 50 65 91 134 91 151 0 62 -64 219 -90 219 -63 0 -271 -296 -361 -514 -54 -131 -228 -347 -278 -345 -44 1 -191 232 -191 300 0 11 26 19 59 19 66 0 120 62 159 182 33 102 13 138 -77 138 -150 0 -265 -133 -329 -380 -60 -231 -432 -940 -493 -940 -69 0 35 448 180 777 100 229 102 215 -24 242 -91 20 -107 18 -129 -11 -54 -74 -186 -474 -186 -565 0 -81 -296 -603 -342 -603 -63 0 155 801 329 1214 64 152 64 146 4 146 -75 0 -79 35 -6 50 119 24 584 155 622 174 36 19 112 161 113 211 0 30 -38 32 -80 5z m362 -1300 c64 -212 -180 -470 -306 -325 -109 124 -88 198 101 358 145 124 159 122 205 -33z'/%3E%3Cpath d='M4703 3326 c-28 -52 8 -106 69 -106 27 0 55 15 62 33 29 77 -92 145 -131 73z'/%3E%3Cpath d='M3884 3168 c-14 -7 -43 -48 -66 -92 l-41 -80 61 14 c40 8 84 2 124 -18 76 -38 88 -32 119 60 31 96 -86 165 -197 116z'/%3E%3Cpath d='M4919 1819 c-19 -37 -16 -51 19 -86 55 -55 112 -25 112 59 0 77 -94 96 -131 27z'/%3E%3Cpath d='M4620 1731 c-49 -15 -378 -97 -730 -181 -1284 -310 -1260 -304 -1266 -338 -10 -47 3 -45 661 116 558 136 1324 320 1430 343 28 6 45 25 45 49 0 46 -16 47 -140 11z'/%3E%3Cpath d='M4811 1469 c-57 -58 -23 -129 63 -129 54 0 84 84 46 130 -32 39 -69 38 -109 -1z'/%3E%3Cpath d='M4620 1130 c-38 -46 -8 -130 46 -130 86 0 120 71 63 129 -40 39 -77 40 -109 1z'/%3E%3Cpath d='M1292 1034 c-55 -40 -35 -122 32 -130 72 -9 107 52 64 113 -35 50 -48 52 -96 17z'/%3E%3Cpath d='M4371 829 c-38 -39 -38 -51 -5 -97 37 -51 122 -35 131 24 12 89 -65 133 -126 73z'/%3E%3Cpath d='M1551 749 c-57 -57 -30 -129 49 -129 50 0 80 30 80 80 0 22 -58 80 -80 80 -9 0 -31 -14 -49 -31z'/%3E%3Cpath d='M4072 577 c-43 -61 -8 -122 64 -113 67 8 87 90 32 130 -48 35 -61 33 -96 -17z'/%3E%3Cpath d='M1848 488 c-17 -65 30 -118 88 -99 87 27 65 151 -26 151 -36 0 -53 -14 -62 -52z'/%3E%3Cpath d='M3719 378 c-18 -33 -15 -49 13 -80 63 -70 143 -22 120 72 -16 64 -100 69 -133 8z'/%3E%3Cpath d='M2201 341 c-50 -93 71 -165 127 -76 16 25 16 45 0 70 -33 52 -101 55 -127 6z'/%3E%3Cpath d='M3353 287 c-27 -28 -12 -106 26 -126 74 -40 140 26 100 100 -20 38 -98 53 -126 26z'/%3E%3Cpath d='M2584 256 c-65 -65 35 -175 105 -116 57 47 24 140 -49 140 -18 0 -43 -11 -56 -24z'/%3E%3Cpath d='M2981 231 c-45 -54 -18 -121 49 -121 51 0 61 8 67 58 9 83 -66 124 -116 63z'/%3E%3C/g%3E%3C/svg%3E");
            width: 160px;
            height: 120px;
            background-size: contain;
            background-repeat: no-repeat;
        }

        /* Animación para mover las filas */
        @keyframes moveRow {
            0% { transform: translateX(0); }
            100% { transform: translateX(-100px); }
        }

        /* Efecto hover sutil */
        .pattern-item:hover {
            opacity: 0.06;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .pattern-row {
                padding: 40px 0; /* Menos espacio en móviles */
            }
            
            .pattern-svg-1 {
                width: 120px;
                height: 90px;
            }
            
            .pattern-svg-2 {
                width: 150px;
                height: 150px;
            }
            
            .pattern-svg-3 {
                width: 100px;
                height: 75px;
            }
        }

        /* -------------------------------------- Estilos Globales -------------------------------------------------*/
        /* -------------------------------------- Estilos Globales -------------------------------------------------*/
        /* -------------------------------------- Estilos Globales -------------------------------------------------*/
        /* -------------------------------------- Estilos Globales -------------------------------------------------*/
        /* -------------------------------------- Estilos Globales -------------------------------------------------*/

        .container {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 8px 16px;
        }

        .btn {
            display: inline-block;
            padding: 12px 25px;
            background-color: var(--negro);
            color: var(--blanco);
            text-decoration: none;
            border-radius: 0;
            font-weight: bold;
            transition: all 0.3s ease;
            border: 1px solid var(--negro);
            font-family: 'Playfair Display', serif;
        }

        .btn-primary {
            background-color: var(--dorado);
            color: var(--negro);
            border: 2px solid var(--dorado);
        }

        .btn-primary:hover {
            background-color: transparent;
            color: var(--dorado);
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);
        }

        .btn-secondary {
            background-color: transparent;
            color: var(--negro);
            border: 2px solid var(--negro);
        }

        .btn-secondary:hover {
            background-color: var(--negro);
            color: var(--blanco);
            transform: translateY(-3px);
        }

        .btn-whatsapp {
            background-color: #25D366;
            color: white;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

        .btn-whatsapp:hover {
            background-color: #128C7E;
            color: white;
            transform: translateY(-3px);
        }

                .section-title {
            text-align: center;
            margin-bottom: 3rem;
            position: relative;
        }

        .section-title h2 {
            font-size: 2.5rem;
            display: inline-block;
            margin-bottom: 1rem;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background-color: var(--dorado);
        }

        .section-padding {
            padding: 100px 0;
        }

        /* -------------------------------------- Beneficios -------------------------------------------------*/
        /* -------------------------------------- Beneficios -------------------------------------------------*/
        /* -------------------------------------- Beneficios -------------------------------------------------*/
        /* -------------------------------------- Beneficios -------------------------------------------------*/
        /* -------------------------------------- Beneficios -------------------------------------------------*/

        .beneficios {
            position: relative;
        }

        .beneficio-horizontal {
            display: flex;
            align-items: center;
            margin-bottom: 80px;
            box-shadow: var(--sombra);
            border-radius: 12px;
            overflow: hidden;
            background: var(--blanco);
        }

        .beneficio-horizontal:nth-child(even) {
            flex-direction: row-reverse;
        }

        .beneficio-imagen {
            flex: 1;
            min-height: 400px;
            background-size: cover;
            background-position: center;
        }

        .beneficio-contenido {
            flex: 1;
            padding: 50px;
        }

        .beneficio-numero {
            font-size: 5rem;
            font-weight: 800;
            color: rgba(212, 175, 55, 0.15);
            position: absolute;
            top: -30px;
            left: -20px;
            z-index: 0;
        }

        .beneficio-contenido h3 {
            font-size: 1.8rem;
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
        }

        .beneficio-lista {
            margin-top: 25px;
        }

        .beneficio-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 15px;
        }

        .beneficio-item i {
            color: var(--dorado);
            margin-right: 15px;
            margin-top: 5px;
            font-size: 1.2rem;
        }

        /* -------------------------------------- Caso de Exito -------------------------------------------------*/
        /* -------------------------------------- Caso de Exito -------------------------------------------------*/
        /* -------------------------------------- Caso de Exito -------------------------------------------------*/
        /* -------------------------------------- Caso de Exito -------------------------------------------------*/
        /* -------------------------------------- Caso de Exito -------------------------------------------------*/

        .proyectos-destacados {
            position: relative;
            overflow: hidden;
            padding: 80px 0;
        }

        .proyectos-destacados::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('../img/cic3.webp'); 
            background-size: cover;
            background-position: center;
            filter: blur(8px) brightness(0.7);
            z-index: -1;
        }

        .proyecto-featured {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
            background: var(--hueso);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: var(--sombra);
            backdrop-filter: blur(5px);
        }

        .proyecto-content {
            padding: 40px;
            position: relative;
        }

        .proyecto-badge {
            position: absolute;
            top: 20px;
            right: 20px;
            background-color: var(--dorado);
            color: var(--negro);
            padding: 8px 15px;
            border-radius: 20px;
            font-weight: bold;
            font-size: 0.8rem;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .proyecto-content h3 {
            font-size: 1.8rem;
            margin-bottom: 20px;
            color: var(--negro);
        }

        .proyecto-descripcion {
            font-size: 1.1rem;
            line-height: 1.6;
            margin-bottom: 30px;
            color: var(--gris-oscuro);
        }

        .proyecto-details {
            margin-bottom: 30px;
        }

        .detail-item {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
        }

        .detail-item i {
            color: var(--dorado);
            margin-right: 12px;
            font-size: 1.1rem;
        }

        .proyecto-testimonio {
            background-color: rgba(212, 175, 55, 0.1);
            border-left: 4px solid var(--dorado);
            padding: 20px;
            font-style: italic;
            line-height: 1.6;
            margin-top: 25px;
        }

        .proyecto-testimonio cite {
            display: block;
            margin-top: 10px;
            font-weight: 600;
            font-style: normal;
            color: var(--gris-oscuro);
        }

        .proyecto-gallery {
            padding: 20px;
        }

        .gallery-main {
            margin-bottom: 20px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .gallery-main img {
            width: 100%;
            height: 350px;
            object-fit: cover;
            display: block;
            transition: opacity 0.3s ease;
        }

        .gallery-thumbnails {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
        }

        .thumbnail {
            border-radius: 6px;
            overflow: hidden;
            cursor: pointer;
            opacity: 0.7;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }

        .thumbnail:hover, .thumbnail.active {
            opacity: 1;
            border-color: var(--dorado);
        }

        .thumbnail img {
            width: 100%;
            height: 80px;
            object-fit: cover;
            display: block;
        }

        /* Responsive */
        @media (max-width: 992px) {
            .proyecto-featured {
                grid-template-columns: 1fr;
            }
            
            .proyecto-content {
                padding: 30px 20px;
            }
        }

        @media (max-width: 576px) {
            .gallery-thumbnails {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .proyecto-badge {
                position: relative;
                top: 0;
                right: 0;
                margin-bottom: 20px;
                display: inline-block;
            }
        }

        /* -------------------------------------- Procesos -------------------------------------------------*/
        /* -------------------------------------- Procesos -------------------------------------------------*/
        /* -------------------------------------- Procesos -------------------------------------------------*/
        /* -------------------------------------- Procesos -------------------------------------------------*/
        /* -------------------------------------- Procesos -------------------------------------------------*/

        .proceso {
            position: relative;
            overflow: hidden;
        }

        .proceso-container {
            display: flex;
            justify-content: space-between;
            position: relative;
            margin-top: 70px;
        }

        .proceso-linea {
            position: absolute;
            top: 40px;
            left: 10%;
            right: 10%;
            height: 3px;
            background-color: var(--dorado);
            z-index: 0;
        }

        .proceso-paso {
            text-align: center;
            position: relative;
            z-index: 1;
            width: 18%;
            padding: 30px 15px;
            background: var(--blanco);
            border-radius: 12px;
            box-shadow: var(--sombra);
            transition: var(--transicion);
        }

        .proceso-paso:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }

        .paso-numero {
            width: 80px;
            height: 80px;
            background: var(--blanco);
            color: var(--negro);
            border: 3px solid var(--dorado);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            font-weight: 700;
            margin: 0 auto 20px;
            position: relative;
        }

        .paso-icon {
            font-size: 2.5rem;
            color: var(--dorado);
            margin-bottom: 20px;
        }

        .proceso-paso h3 {
            font-size: 1.4rem;
            color: var(--negro);
            margin-bottom: 15px;
            min-height: 70px;
        }

        .proceso-paso p {
            color: var(--gris);
        }

        /* -------------------------------------- Formularios -------------------------------------------------*/
        /* -------------------------------------- Formularios -------------------------------------------------*/
        /* -------------------------------------- Formularios -------------------------------------------------*/
        /* -------------------------------------- Formularios -------------------------------------------------*/
        /* -------------------------------------- Formularios -------------------------------------------------*/

        .formularios-section {
            position: relative;
        }

        .formularios-tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 50px;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
        }

        .formulario-tab {
            padding: 15px 30px;
            cursor: pointer;
            font-weight: 600;
            border-bottom: 3px solid transparent;
            transition: var(--transicion);
        }

        .formulario-tab.active {
            border-bottom: 3px solid var(--dorado);
            color: var(--dorado);
        }

        .formulario-contenido {
            display: none;
        }

        .formulario-contenido.active {
            display: block;
            animation: fadeIn 0.5s ease;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Estilos diferenciados para cada formulario */
        .formulario-container {
            background-color: var(--blanco);
            padding: 40px;
            border-radius: 12px;
            box-shadow: var(--sombra);
            max-width: 800px;
            margin: 0 auto;
        }

        .form-consulta {
            border-top: 5px solid #4ECDC4;
        }

        .form-presupuesto {
            border-top: 5px solid var(--dorado);
        }

        .form-cuenta {
            border-top: 5px solid #3A7BD5;
        }

        .formulario-container h3 {
            font-size: 1.8rem;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .formulario-container h3 i {
            font-size: 2rem;
        }

        .formulario-descripcion {
            color: var(--gris);
            margin-bottom: 30px;
            font-size: 1.1rem;
            line-height: 1.6;
        }

        .form-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .form-group {
            display: flex;
            flex-direction: column;
            gap: 8px;
            text-align: left;
            margin-bottom: 20px;
        }

        .form-group.full-width {
            grid-column: span 2;
        }

        .form-group label {
            font-weight: 600;
            color: var(--gris-oscuro);
            font-size: 0.95rem;
        }

        .form-group input,
        .form-group textarea,
        .form-group select {
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 6px;
            font-size: 1rem;
            transition: var(--transicion);
            font-family: 'Roboto', sans-serif;
        }

        .form-group input:focus,
        .form-group textarea:focus,
        .form-group select:focus {
            border-color: var(--dorado);
            outline: none;
            box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2);
        }

        .form-group textarea {
            resize: vertical;
            min-height: 120px;
        }

        .btn-formulario {
            background-color: var(--negro);
            color: white;
            border: none;
            padding: 16px 30px;
            font-size: 1.1rem;
            font-weight: 600;
            border-radius: 6px;
            cursor: pointer;
            transition: var(--transicion);
            width: 100%;
            margin-top: 10px;
        }

        .btn-formulario:hover {
            background-color: var(--dorado);
            color: var(--negro);
            transform: translateY(-3px);
        }

        /* Estilos para CAPTCHA */
        .captcha-container {
            margin-bottom: 20px;
        }

        .captcha-wrapper {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .captcha-text {
            font-family: 'Courier New', monospace;
            font-size: 24px;
            font-weight: bold;
            letter-spacing: 3px;
            padding: 8px 12px;
            background: #f0f0f0;
            border-radius: 4px;
            color: #333;
            user-select: none;
        }

        .captcha-input {
            flex: 1;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 16px;
        }

        .refresh-captcha {
            background: #f0f0f0;
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 10px;
            cursor: pointer;
            transition: background 0.3s;
        }

        .refresh-captcha:hover {
            background: #e0e0e0;
        }

        /* ------------------------------------ Testimonios Section ------------------------------------ */
        /* ------------------------------------ Testimonios Section ------------------------------------ */
        /* ------------------------------------ Testimonios Section ------------------------------------ */
        /* ------------------------------------ Testimonios Section ------------------------------------ */
        /* ------------------------------------ Testimonios Section ------------------------------------ */

        .testimonios {
            background: linear-gradient(to right, var(--gris-oscuro), #000000);
            color: var(--blanco);
            position: relative;
            overflow: hidden;
        }

        .testimonios::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('https://matisaferreteria.com.ar/img/frente.jpg') center/cover no-repeat;
            opacity: 0.15;
        }

        .testimonios .section-title h2 {
            color: var(--blanco);
        }

        .testimonios-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 50px;
            position: relative;
            z-index: 2;
        }

        .testimonio-card {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 12px;
            padding: 30px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: var(--transicion);
        }

        .testimonio-card:hover {
            transform: translateY(-5px);
            background: rgba(255, 255, 255, 0.15);
        }

        .testimonio-text {
            font-style: italic;
            margin-bottom: 25px;
            position: relative;
            padding: 0 10px;
            font-size: 1.1rem;
            line-height: 1.7;
        }

        .testimonio-text::before,
        .testimonio-text::after {
            content: '"';
            font-size: 4rem;
            color: var(--dorado);
            position: absolute;
            opacity: 0.3;
            line-height: 1;
        }

        .testimonio-text::before {
            top: -20px;
            left: -10px;
        }

        .testimonio-text::after {
            bottom: -40px;
            right: -10px;
        }

        .testimonio-cliente {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .testimonio-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: var(--dorado);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--negro);
            font-weight: bold;
            font-size: 1.5rem;
        }

        .testimonio-info h4 {
            margin-bottom: 5px;
            font-size: 1.2rem;
            color: var(--blanco);
        }

        .testimonio-info p {
            color: rgba(255, 255, 255, 0.8);
            font-size: 0.95rem;
        }

        /* ------------------------------------ CTA ------------------------------------ */
        /* ------------------------------------ CTA ------------------------------------ */
        /* ------------------------------------ CTA ------------------------------------ */
        /* ------------------------------------ CTA ------------------------------------ */
        /* ------------------------------------ CTA ------------------------------------ */

        .cta-section {
            background: linear-gradient(135deg, var(--gris) 0%, var(--gris-oscuro) 100%);
            color: var(--blanco);
            text-align: center;
            padding: 100px 0;
            position: relative;
            overflow: hidden;
        }

        .cta-section::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, var(--negro) 0%, transparent 70%);
            animation: pulse 10s infinite alternate;
        }

        @keyframes pulse {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .cta-content {
            position: relative;
            z-index: 2;
            max-width: 800px;
            margin: 0 auto;
        }

        .cta-section h2 {
            color: var(--blanco);
            margin-bottom: 20px;
            font-size: 2.8rem;
        }

        .cta-section p {
            max-width: 700px;
            margin: 0 auto 40px;
            font-size: 1.2rem;
            line-height: 1.6;
        }

        .cta-buttons {
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
        }

        /* ---------------------WhatsApp Float -----------------------------------------*/
        /* ---------------------WhatsApp Float -----------------------------------------*/
        /* ---------------------WhatsApp Float -----------------------------------------*/
        /* ---------------------WhatsApp Float -----------------------------------------*/
        /* ---------------------WhatsApp Float -----------------------------------------*/

        .whatsapp-float {
            position: fixed;
            width: 65px;
            height: 65px;
            bottom: 40px;
            right: 40px;
            background-color: #25d366;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            font-size: 32px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
            z-index: 100;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: var(--transicion);
        }

        .whatsapp-float:hover {
            background-color: #128C7E;
            transform: scale(1.1);
            box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);
        }

        /* Responsive */
        @media (max-width: 1100px) {
            .beneficio-horizontal,
            .beneficio-horizontal:nth-child(even) {
                flex-direction: column;
            }
            
            .beneficio-imagen {
                width: 100%;
                min-height: 300px;
            }
            
            .proceso-container {
                flex-wrap: wrap;
                gap: 30px;
            }
            
            .proceso-paso {
                width: 45%;
            }
            
            .proceso-linea {
                display: none;
            }
        }

        @media (max-width: 768px) {
            .section-padding {
                padding: 70px 0;
            }
            
            .hero-grandes-obras {
                padding: 120px 0 80px;
            }
            
            .hero-grandes-obras h1 {
                font-size: 2.5rem;
            }
            
            .hero-buttons,
            .cta-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .proceso-paso {
                width: 100%;
            }
            
            .section-title h2 {
                font-size: 2rem;
            }
            
            .form-grid {
                grid-template-columns: 1fr;
            }
            
            .form-group.full-width {
                grid-column: span 1;
            }
            
            .formularios-tabs {
                flex-direction: column;
                align-items: center;
                gap: 10px;
            }
            
            .whatsapp-float {
                width: 55px;
                height: 55px;
                bottom: 30px;
                right: 30px;
                font-size: 26px;
            }
        }

        @media (max-width: 576px) {
            .container {
                padding: 0 15px;
            }
            
            .hero-grandes-obras h1 {
                font-size: 2rem;
            }
            
            .beneficio-contenido {
                padding: 30px 20px;
            }
            
            .formulario-container {
                padding: 25px 20px;
            }
            
            .testimonios-grid {
                grid-template-columns: 1fr;
            }
            
            .cta-section h2 {
                font-size: 2.2rem;
            }
        }

/* ======================================================= Footer ==================================================================== */
/* ======================================================= Footer ==================================================================== */
/* ======================================================= Footer ==================================================================== */
/* ======================================================= Footer ==================================================================== */
/* ======================================================= Footer ==================================================================== */
    footer {
        background-color: var(--negro);
        color: var(--hueso);
        padding: 30px 0 30px;
        text-align: center;
        border-top: 1px solid var(--hueso);
    }
    
    .footer-logo {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 30px;
        font-family: 'Playfair Display', serif;
    }
    
    .footer-links {
        display: flex;
        justify-content: center;
        margin-bottom: 40px;
        flex-wrap: wrap;
    }
    
    .footer-links a {
        color: var(--hueso);
        margin: 0 10px;
        text-decoration: none;
        font-family: 'Playfair Display', serif;
        position: relative;
    }
    
    .footer-links a::after {
        content: '';
        position: absolute;
        width: 0;
        height: 1px;
        bottom: -5px;
        left: 0;
        background-color: var(--hueso);
        transition: width 0.3s;
    }
    
    .footer-links a:hover::after {
        width: 100%;
    }
    
    .social-icons {
        margin-bottom: 40px;
    }
    
    .social-icons a {
        color: var(--hueso);
        font-size: 1.8rem;
        margin: 0 15px;
        transition: color 0.3s;
    }
    
    .social-icons a:hover {
        color: var(--dorado);
    }
    
    .copyright {
        font-size: 0.9rem;
        color: var(--hueso);
        opacity: 0.7;
    }

    .custom-link {
        color: inherit;         /* hereda el color del texto normal */
        text-decoration: underline;
    }

    .custom-link:visited,
    .custom-link:hover,
    .custom-link:active {
        color: inherit; /* mantiene el color del texto normal */
    }
    
    /* Animaciones */
            @keyframes scroll {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-250px * 25)); /* Mover mitad del ancho total */
        }
    }
    
    /* Responsive */
    @media (max-width: 992px) {
        .ventajas-grid,
        .productos-grid,
        .promociones-grid,
        .beneficios,
        .contacto-grid {
            grid-template-columns: 1fr 1fr;
        }
        
        .header-container {
            flex-direction: column;
            text-align: center;
        }
        
        .logo {
            margin-bottom: 15px;
            justify-content: center;
        }
        
        nav ul {
            margin-top: 20px;
            justify-content: center;
        }
        
        nav ul li {
            margin: 0 10px;
        }
    }
    
    @media (max-width: 768px) {
        .ventajas-grid,
        .productos-grid,
        .promociones-grid,
        .beneficios,
        .contacto-grid {
            grid-template-columns: 1fr;
        }
        
        .hero h1 {
            font-size: 2.2rem;
        }
        
        .hero-buttons {
            flex-direction: column;
            align-items: center;
        }
        
        .btn {
            margin-bottom: 15px;
            width: 80%;
        }
    }

    @media (max-width: 768px) {
        .marca-item {
            width: 180px;
            height: 100px;
            padding: 0 15px;
        }
        
        .marcas-track {
            width: calc(180px * 25 * 2);
            animation: scroll 50s linear infinite;
        }
        
        @keyframes scroll {
            100% {
                transform: translateX(calc(-180px * 25));
            }
        }
    }