{ "custom_css[calcio-child]": { "value": "/* =========================\n Color de enlaces al azul\n ========================= */\n.wpcf7 a {\n color: #467FF7;\n}\n\n/* M\u00f3vil */\n@media (max-width: 768px) {\n .wpcf7 a {\n color: #467FF7 !important;\n }\n}\n\n\n/* =========================\n Color de fondo para Formulario de sugerencias\n ========================= */\n\n.wpcf7 {\n background-color: #BFC08C;\n}\n\n/* ========================= Casilla checkbox negra y ordenado en linea ========================= */\n@media (max-width: 768px) {\n\n body {\n overflow-x: hidden;\n }\n\n .wpcf7,\n .wpcf7-form {\n width: 100% !important;\n max-width: 100% !important;\n box-sizing: border-box;\n }\n\n .wpcf7-form * {\n box-sizing: border-box;\n }\n\n .wpcf7 input,\n .wpcf7 textarea,\n .wpcf7 select {\n width: 100% !important;\n max-width: 100% !important;\n }\n\n .elementor-column,\n .elementor-widget-wrap,\n .elementor-widget-container {\n max-width: 100% !important;\n overflow-x: hidden;\n }\n}\n\n\n\n.elementor-form input[type=\"checkbox\"] {\n appearance: none;\n -webkit-appearance: none;\n\n width: 16px;\n height: 16px;\n\n border: 2px solid #000000;\n border-radius: 3px;\n\n background: white;\n cursor: pointer;\n}\n\n/* Cuando est\u00e1 marcado */\n.elementor-form input[type=\"checkbox\"]:checked {\n background-color: #000000;\n}\n\n\n/* ========================= Botones al pasar el rat\u00f3n ========================= */\n\nbutton:hover,\ninput[type=\"submit\"]:hover,\n.wpcf7 input[type=\"submit\"]:hover {\n background-color: #467FF7 !important;\n color: #ffffff !important;\n transition: all 0.3s ease;\n}\n\n\n\n\n/* ========================= ESTADISTICAS CSS ========================= */\n\n.stats-section{\n position:relative;\n\n background-image:url('https://udmairenadelaljarafe.com/wp-content/uploads/2026/05/prueba.jpg');\n\n background-size:cover;\n background-position:center;\n\n padding:120px 20px;\n\n border-radius:25px;\n\n overflow:hidden;\n}\n\n/* CAPA OSCURA */\n.stats-section .overlay{\n position:absolute;\n inset:0;\n\n background:rgba(5,15,35,0.72);\n\n backdrop-filter:blur(2px);\n}\n\n/* CONTENEDOR */\n.stats-container{\n position:relative;\n\n z-index:2;\n\n display:flex;\n justify-content:center;\n gap:30px;\n flex-wrap:wrap;\n}\n\n/* TARJETAS */\n.stat-box{\n\n width:260px;\n\n padding:45px 30px;\n\n border-radius:22px;\n\n background:rgba(10,20,40,0.72);\n\n border:2px solid rgba(59,130,246,0.45);\n\n box-shadow:\n 0 10px 30px rgba(0,0,0,0.45),\n 0 0 20px rgba(59,130,246,0.18);\n\n text-align:center;\n\n transition:all 0.4s ease;\n\n backdrop-filter:blur(10px);\n}\n\n/* EFECTO HOVER */\n.stat-box:hover{\n\n transform:translateY(-10px) scale(1.05);\n\n border-color:#60A5FA;\n\n box-shadow:\n 0 20px 40px rgba(0,0,0,0.55),\n 0 0 35px rgba(96,165,250,0.55);\n}\n\n/* NUMEROS */\n.stat-box h2{\n\n font-size:68px;\n\n font-weight:900;\n\n color:#ffffff;\n\n margin-bottom:10px;\n\n transition:all 0.4s ease;\n\n text-shadow:\n 0 0 10px rgba(96,165,250,0.4);\n}\n\n/* EFECTO NUMERO HOVER */\n.stat-box:hover h2{\n\n color:#60A5FA;\n\n transform:scale(1.12);\n\n text-shadow:\n 0 0 20px rgba(96,165,250,0.9),\n 0 0 40px rgba(96,165,250,0.6);\n}\n\n/* TEXTO */\n.stat-box p{\n\n color:#dbeafe;\n\n font-size:18px;\n\n text-transform:uppercase;\n\n letter-spacing:2px;\n\n font-weight:600;\n}\n\n/* RESPONSIVE */\n@media(max-width:768px){\n\n .stats-section{\n padding:70px 15px;\n }\n\n .stat-box{\n width:100%;\n max-width:320px;\n }\n\n .stat-box h2{\n font-size:56px;\n }\n\n}\n\n\n\n/* REDES SOCIALES */\n\n.stats-social{\n\n position:relative;\n\n z-index:3;\n\n display:flex;\n\n justify-content:center;\n\n align-items:center;\n\n gap:25px;\n\n margin-top:50px;\n}\n\n/* ICONOS */\n\n.social-icon{\n\n width:105px;\n\n height:105px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n border-radius:50%;\n\n text-decoration:none;\n\n font-size:70px;\n\n color:#ffffff;\n\n background:rgba(10,20,40,0.7);\n\n border:2px solid rgba(96,165,250,0.4);\n\n backdrop-filter:blur(10px);\n\n box-shadow:\n 0 0 15px rgba(96,165,250,0.2);\n\n transition:all 0.35s ease;\n}\n\n/* HOVER */\n\n.social-icon:hover{\n\n transform:translateY(-8px) scale(1.12);\n\n border-color:#60A5FA;\n\n box-shadow:\n 0 0 25px rgba(96,165,250,0.8),\n 0 0 50px rgba(96,165,250,0.45);\n\n color:#60A5FA;\n}\n\n/* INSTAGRAM GRADIENT */\n\n.instagram:hover{\n\n border-color:#E1306C;\n\n color:#E1306C;\n\n box-shadow:\n 0 0 25px rgba(225,48,108,0.8),\n 0 0 50px rgba(225,48,108,0.4);\n}\n\n/* FACEBOOK */\n\n.facebook:hover{\n\n border-color:#1877F2;\n\n color:#1877F2;\n\n box-shadow:\n 0 0 25px rgba(24,119,242,0.8),\n 0 0 50px rgba(24,119,242,0.4);\n}\n\n\n\n\n\n\n\n\n/* ========================= PRUEBA DE MENU PROFESIONAL ========================= */\n\n\n.pro-nav{\n position:sticky;\n top:0;\n z-index:999;\n\n display:flex;\n align-items:center;\n justify-content:space-between;\n\n padding:18px 40px;\n\n background:rgba(125,164,241,0.12); /* #7DA4F11F */\n backdrop-filter:blur(12px);\n -webkit-backdrop-filter:blur(12px);\n\n border-bottom:1px solid rgba(125,164,241,0.25);\n\n box-shadow:0 10px 30px rgba(0,0,0,0.35);\n}\n\n/* LOGO IMAGEN */\n.logo{\n display:flex;\n align-items:center;\n gap:12px; /* separaci\u00f3n entre escudo y texto */\n}\n\n/* tama\u00f1o del escudo */\n.logo img{\n height:55px;\n width:auto;\n transition:0.3s ease;\n}\n\n/* texto del club */\n.logo span{\n font-size:18px;\n font-weight:800;\n color:#000000 !important;\n letter-spacing:12px;\n white-space:nowrap;\n}\n\n/* efecto opcional hover */\n.logo:hover img{\n transform:scale(1.05);\n}\n\n.logo:hover span{\n color:#60A5FA;\n}\n\n/* efecto hover suave */\n.logo img:hover{\n transform:scale(1.05);\n filter:drop-shadow(0 0 18px rgba(250,204,21,0.6));\n}\n\n/* LOGO */\n.pro-nav .logo span{\n font-size:22px;\n font-weight:900;\n letter-spacing:3px;\n color:#ffffff;\n}\n\n/* LINKS DESKTOP */\n.nav-links{\n list-style:none;\n display:flex;\n gap:40px !important;\n margin:0;\n padding:0;\n}\n\n.nav-links li a{\n text-decoration:none;\n color:#000000 !important;\n font-weight:600;\n font-size:15px;\n\n position:relative;\n transition:0.3s ease;\n}\n\n.nav-links li a::after{\n content:\"\";\n position:absolute;\n left:0;\n bottom:-6px;\n\n width:0%;\n height:2px;\n\n background:#60A5FA;\n\n transition:0.3s ease;\n}\n\n.nav-links li a:hover{\n color:#467FF7 !important;\n}\n\n.nav-links li a:hover::after{\n width:100%;\n}\n\n/* HAMBURGUESA */\n.menu-toggle{\n display:none;\n flex-direction:column;\n gap:5px;\n cursor:pointer;\n}\n\n.menu-toggle span{\n width:28px;\n height:3px;\n background:#000000;\n border-radius:5px;\n transition:0.3s ease;\n}\n\n/* RESPONSIVE */\n@media(max-width:900px){\n\n .menu-toggle{\n display:flex;\n }\n\n .nav-links{\n position:absolute;\n top:70px;\n left:0;\n\n width:100%;\n\n flex-direction:column;\n align-items:center;\n\n background:rgba(5,15,35,0.95);\n backdrop-filter:blur(12px);\n\n max-height:0;\n overflow:hidden;\n\n transition:0.4s ease;\n gap:18px;\n padding:0;\n }\n\n \t.nav-links.active{\n max-height:80vh;\n overflow-y:auto;\n}\n\n .nav-links li{\n width:100%;\n text-align:center;\n }\n\n .nav-links li a{\n font-size:16px;\n display:block;\n padding:10px 0;\n }\n\t.nav-links li a{\n color:#ffffff !important;\n}\n\t\n\t\t.pro-nav{\n padding:12px 18px;\n}\n\t\n}\n\n\n\n\n\n\n/* ========================= video youtube marco ========================= */\n\n\n/* ================= HERO VIDEO ================= */\n\n.hero-video-section{\n width:100%;\n padding:30px 0;\n}\n\n.video-frame{\n\n position:relative;\n\n width:100%;\n\n border-radius:30px;\n\n overflow:hidden;\n\n background:\n linear-gradient(\n 135deg,\n rgba(70,127,247,.8),\n rgba(255,209,59,.7)\n );\n\n padding:8px;\n\n box-shadow:\n 0 25px 60px rgba(0,0,0,.35),\n 0 0 35px rgba(70,127,247,.25);\n}\n\n/* BORDE ANIMADO */\n\n.video-frame::before{\n\n content:\"\";\n\n position:absolute;\n inset:-50%;\n\n background:\n conic-gradient(\n from 0deg,\n #467FF7,\n #FFD13B,\n #467FF7\n );\n\n animation:rotateBorder 8s linear infinite;\n\n opacity:.45;\n}\n\n@keyframes rotateBorder{\n from{\n transform:rotate(0deg);\n }\n to{\n transform:rotate(360deg);\n }\n}\n\n/* VIDEO */\n\n.video-frame iframe{\n\n position:relative;\n z-index:2;\n\n width:100%;\n\n height:720px;\n\n border:none;\n\n display:block;\n\n border-radius:24px;\n}\n\n/* OSCURECER V\u00cdDEO */\n\n.video-overlay{\n\n position:absolute;\n inset:8px;\n\n z-index:3;\n\n background:\n linear-gradient(\n rgba(0,0,0,.15),\n rgba(0,0,0,.55)\n );\n\n border-radius:24px;\n\n pointer-events:none;\n}\n\n/* TEXTO */\n\n.video-content{\n\n position:absolute;\n\n left:50%;\n top:50%;\n\n transform:translate(-50%,-50%);\n\n z-index:4;\n\n text-align:center;\n\n width:90%;\n}\n\n.video-content h1{\n\n color:#fff;\n\n font-size:64px;\n\n font-weight:900;\n\n margin-bottom:15px;\n\n text-shadow:\n 0 5px 20px rgba(0,0,0,.5);\n}\n\n.video-content p{\n\n color:#fff;\n\n font-size:22px;\n\n max-width:800px;\n\n margin:auto;\n\n text-shadow:\n 0 5px 20px rgba(0,0,0,.5);\n}\n\n/* RESPONSIVE */\n\n@media(max-width:1024px){\n\n .video-frame iframe{\n height:550px;\n }\n\n .video-content h1{\n font-size:42px;\n }\n\n .video-content p{\n font-size:18px;\n }\n}\n\n@media(max-width:768px){\n\n .video-frame{\n border-radius:20px;\n padding:5px;\n }\n\n .video-frame iframe{\n height:320px;\n border-radius:15px;\n }\n\n .video-overlay{\n inset:5px;\n border-radius:15px;\n }\n\n .video-content h1{\n font-size:28px;\n margin-bottom:10px;\n }\n\n .video-content p{\n font-size:14px;\n }\n}", "type": "custom_css", "user_id": 2, "date_modified_gmt": "2026-05-30 12:37:30" } }

Sin categorizar

Mostrando los 4 resultados