{"id":1399,"date":"2025-08-16T23:22:29","date_gmt":"2025-08-17T02:22:29","guid":{"rendered":"https:\/\/futbol360.online\/futbol-360\/?page_id=1399"},"modified":"2025-12-14T20:50:41","modified_gmt":"2025-12-14T23:50:41","slug":"inicio-metodologia","status":"publish","type":"page","link":"https:\/\/futbol360.online\/futbol-360\/inicio-metodologia\/","title":{"rendered":"Inicio &#8211; Metodolog\u00eda"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/futbol360.online\/futbol-360\/wp-content\/uploads\/2025\/08\/Gemini_Generated_Image_rmfecvrmfecvrmfe.png\"><img decoding=\"async\" src=\"https:\/\/futbol360.online\/futbol-360\/wp-content\/uploads\/2025\/08\/Gemini_Generated_Image_rmfecvrmfecvrmfe.png\" alt=\"\" class=\"wp-image-1397\" style=\"width:184px;height:auto\"\/><\/a><\/figure>\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Men\u00fa Principal &#8211; Defensores de Ramallo<\/title>\n    <style>\n        \/* Estilo b\u00e1sico para el fondo de la p\u00e1gina *\/\n        body {\n            background-color: #2c3e50;\n            margin: 0;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n        }\n\n        \/* --- ESTILOS PARA LOS 2 BOTONES SUPERIORES (NUEVOS) --- *\/\n        .analysis-buttons-container {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            margin-top: 40px;\n            margin-bottom: 20px; \/* Reducido para que est\u00e9 m\u00e1s cerca del contenedor principal *\/\n        }\n\n        .analysis-button {\n            background: linear-gradient(145deg, #e0f7fa, #b3e5fc);\n            color: #01579b;\n            padding: 10px 25px;\n            border-radius: 50px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n            text-decoration: none;\n            font-size: 16px;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            border: 1px solid #81d4fa;\n        }\n\n        .analysis-button:hover {\n            background: linear-gradient(145deg, #b3e5fc, #81d4fa);\n            transform: translateY(-3px);\n            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n            cursor: pointer;\n        }\n\n        \/* --- ESTILOS PARA LA GRILLA DE 6 BOTONES PRINCIPALES --- *\/\n        .main-buttons-container {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px; \n            text-align: center;\n            max-width: 1200px;\n            margin: 60px auto; \n            padding: 30px 20px;\n            background: linear-gradient(135deg, #2c3e50, #34495e);\n            border-radius: 20px;\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);\n        }\n\n        .enhanced-button-link {\n            text-decoration: none;\n            color: #333333;\n            background: linear-gradient(45deg, #FFF9C4, #FFEE58); \/* Amarillo Suave *\/\n            padding: 20px 15px 15px;\n            border-radius: 25px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);\n            transition: all 0.3s ease-in-out;\n            position: relative;\n            overflow: hidden;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        .enhanced-button-link:hover {\n            background: linear-gradient(45deg, #FFEE58, #FFD54F); \/* Amarillo m\u00e1s intenso *\/\n            transform: translateY(-5px) scale(1.02);\n            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.45);\n            cursor: pointer;\n        }\n\n        .enhanced-button-img {\n            width: 100px;\n            height: auto;\n            margin-bottom: 15px;\n            filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.6));\n            transition: transform 0.3s ease, filter 0.3s ease;\n        }\n\n        .enhanced-button-link:hover .enhanced-button-img {\n            transform: scale(1.1);\n            filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 0.8));\n        }\n\n        .enhanced-button-text {\n            font-size: 19px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1.8px;\n            color: #333333;\n            text-shadow: none;\n            margin: 0;\n        }\n\n        \/* --- AJUSTES PARA M\u00d3VILES --- *\/\n        @media (max-width: 768px) {\n            .main-buttons-container { \n                grid-template-columns: repeat(2, 1fr);\n                gap: 20px; \n                padding: 25px 15px; \n                margin: 40px auto; \n            }\n            .enhanced-button-link { padding: 18px 12px 12px; border-radius: 20px; }\n            .enhanced-button-img { width: 80px; margin-bottom: 12px; }\n            .enhanced-button-text { font-size: 17px; letter-spacing: 1.5px; }\n        }\n\n        @media (max-width: 480px) {\n            .main-buttons-container { \n                grid-template-columns: 1fr; \n                gap: 15px; \n                padding: 20px 10px; \n                margin: 30px auto; \n            }\n            .enhanced-button-link { padding: 15px 10px 10px; border-radius: 15px; }\n            .enhanced-button-img { width: 70px; margin-bottom: 10px; }\n            .enhanced-button-text { font-size: 16px; letter-spacing: 1.2px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"analysis-buttons-container\">\n        <a href=\"https:\/\/futbol360.online\/futbol-360\/analisis-previo\/\" class=\"analysis-button\">An\u00e1lisis Previo<\/a>\n        <a href=\"https:\/\/futbol360.online\/futbol-360\/analisis-posterior\/\" class=\"analysis-button\">An\u00e1lisis Posterior<\/a>\n    <\/div>\n\n    <div class=\"main-buttons-container\">\n        <a href=\"https:\/\/futbol360.online\/futbol-360\/planteles-metodologia\/\" class=\"enhanced-button-link\">\n            <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/120\/000000\/crowd.png\" alt=\"Planteles\" class=\"enhanced-button-img\">\n            <p class=\"enhanced-button-text\">Planteles<\/p>\n        <\/a>\n        <a href=\"https:\/\/futbol360.online\/futbol-360\/entrenamientos-metodo\/\" class=\"enhanced-button-link\">\n            <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/120\/football2.png\" alt=\"Entrenamientos\" class=\"enhanced-button-img\">\n            <p class=\"enhanced-button-text\">Entrenamientos<\/p>\n        <\/a>\n        <a href=\"https:\/\/futbol360.online\/futbol-360\/fechas-metodo\/\" class=\"enhanced-button-link\">\n            <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/120\/000000\/soccer-goal.png\" alt=\"Competencias\" class=\"enhanced-button-img\">\n            <p class=\"enhanced-button-text\">Competencias<\/p>\n        <\/a>\n        <a href=\"https:\/\/futbol360.online\/futbol-360\/estadistica-metodo\/\" class=\"enhanced-button-link\">\n            <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/120\/000000\/combo-chart.png\" alt=\"Estad\u00edstica\" class=\"enhanced-button-img\">\n            <p class=\"enhanced-button-text\">Estad\u00edstica<\/p>\n        <\/a>\n        <a href=\"https:\/\/futbol360.online\/futbol-360\/preparacion-fisica-metodo\/\" class=\"enhanced-button-link\">\n            <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/120\/000000\/stopwatch.png\" alt=\"Preparaci\u00f3n F\u00edsica\" class=\"enhanced-button-img\">\n            <p class=\"enhanced-button-text\">Preparaci\u00f3n F\u00edsica<\/p>\n        <\/a>\n        <a href=\"https:\/\/futbol360.online\/futbol-360\/salud-metodo\/\" class=\"enhanced-button-link\">\n            <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/120\/000000\/health-book.png\" alt=\"Salud\" class=\"enhanced-button-img\">\n            <p class=\"enhanced-button-text\">Salud y Nutrici\u00f3n<\/p>\n        <\/a>\n    <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!-- Main container for centering the button and ensuring responsiveness -->\n<div class=\"flex justify-center items-center py-8 px-4\">\n    <!-- \"Fixture\" button with Tailwind CSS styles -->\n    <a href=\"https:\/\/futbol360.online\/futbol-360\/fixture-defensores de ramallo\/\"\n       class=\"inline-flex items-center justify-center\n              px-8 py-4\n              bg-gradient-to-r from-green-500 to-green-700\n              hover:from-green-600 hover:to-green-800\n              text-white text-lg font-bold\n              rounded-xl shadow-lg hover:shadow-xl\n              transform hover:scale-105\n              transition-all duration-300 ease-in-out\n              focus:outline-none focus:ring-4 focus:ring-green-400 focus:ring-opacity-75\n              whitespace-nowrap cursor-pointer\">\n        <!-- Button text -->\n        Fixture\n    <\/a>\n<\/div>\n\n<style>\n    \/*\n     * The Tailwind CSS classes applied above provide the styling.\n     * If Tailwind CSS is not loaded in your theme, the button will appear as a basic link.\n     * The script below attempts to load Tailwind CSS if it's not already present.\n     * If your theme already uses Tailwind CSS, you can remove this <style> and <script> block.\n     *\/\n    \/* Example of basic CSS if Tailwind is not available and you don't want to load it with the script *\/\n    \/*\n    .button-container {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 2rem 1rem;\n    }\n\n    .beautiful-fixture-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        padding: 1rem 2rem;\n        background: linear-gradient(to right, #22c55e, #15803d); \/* green-500 to green-700 *\/\n        color: white;\n        font-size: 1.125rem; \/* text-lg *\/\n        font-weight: 700; \/* font-bold *\/\n        border-radius: 0.75rem; \/* rounded-xl *\/\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); \/* shadow-lg *\/\n        transition: all 0.3s ease-in-out;\n        text-decoration: none;\n        white-space: nowrap;\n        cursor: pointer;\n    }\n\n    .beautiful-fixture-button:hover {\n        background: linear-gradient(to right, #16a34a, #14532d); \/* darker green *\/\n        transform: scale(1.05);\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05); \/* shadow-xl *\/\n    }\n\n    .beautiful-fixture-button:focus {\n        outline: none;\n        box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.75); \/* ring-green-400 *\/\n    }\n    *\/\n<\/style>\n\n<script>\n    \/\/ This script loads Tailwind CSS if it's not already available in the window.\n    \/\/ It's good practice to ensure styles are applied.\n    \/\/ If your site already loads Tailwind in another way (e.g., via your theme),\n    \/\/ you can remove this <script> block to avoid duplicate loads.\n    if (!window.tailwind) {\n        const script = document.createElement('script');\n        script.src = \"https:\/\/cdn.tailwindcss.com\";\n        script.onload = () => {\n            \/\/ Optional: You can initialize Tailwind here if necessary,\n            \/\/ although in most cases it self-initializes.\n            console.log('Tailwind CSS loaded dynamically.');\n        };\n        script.onerror = () => {\n            console.error('Error loading Tailwind CSS.');\n        };\n        document.head.appendChild(script);\n    }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Men\u00fa Principal &#8211; Defensores de Ramallo An\u00e1lisis Previo An\u00e1lisis Posterior Planteles Entrenamientos Competencias Estad\u00edstica Preparaci\u00f3n F\u00edsica Salud y Nutrici\u00f3n Fixture<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1399","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/1399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/comments?post=1399"}],"version-history":[{"count":15,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/1399\/revisions"}],"predecessor-version":[{"id":2550,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/1399\/revisions\/2550"}],"wp:attachment":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/media?parent=1399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}