{"id":3577,"date":"2026-04-23T01:29:55","date_gmt":"2026-04-23T04:29:55","guid":{"rendered":"https:\/\/futbol360.online\/futbol-360\/?page_id=3577"},"modified":"2026-05-03T10:28:11","modified_gmt":"2026-05-03T13:28:11","slug":"portal-abel-caminos-dt","status":"publish","type":"page","link":"https:\/\/futbol360.online\/futbol-360\/portal-abel-caminos-dt\/","title":{"rendered":"Portal Abel Caminos DT"},"content":{"rendered":"\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>Abel Mariano Caminos &#8211; DT<\/title>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;700;900&display=swap');\n\n        :root {\n            --oro: #d4af37;\n            --blanco: #ffffff;\n            --negro: #080808;\n            --negro-suave: #121212;\n            --glass: rgba(255, 255, 255, 0.03);\n        }\n\n        \/* CORRECCI\u00d3N: Quitamos overflow hidden para permitir navegaci\u00f3n si el contenido excede la pantalla *\/\n        body, html { \n            margin: 0; \n            padding: 0; \n            background-color: var(--negro);\n            min-height: 100vh;\n            overflow-x: hidden;\n            overflow-y: auto; \n        }\n\n        .splash-container {\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            background: radial-gradient(circle at center, #1a1a1a 0%, var(--negro) 100%);\n            font-family: 'Inter', sans-serif;\n            color: var(--blanco);\n            text-align: center;\n            position: relative;\n            padding: 40px 20px; \/* Margen de seguridad *\/\n            box-sizing: border-box;\n        }\n\n        .overlay-grid {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background-image: radial-gradient(rgba(212, 175, 55, 0.07) 1px, transparent 1px);\n            background-size: 40px 40px;\n            z-index: 1;\n        }\n\n        .dt-frame-container {\n            position: relative;\n            width: 250px;\n            height: 250px;\n            margin-bottom: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            z-index: 2;\n            transition: all 0.3s ease;\n        }\n\n        .dt-frame-border {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            border-radius: 50%;\n            border: 1px solid rgba(212, 175, 55, 0.1);\n            border-top: 3px solid var(--oro);\n            border-right: 1px solid var(--oro);\n            animation: spin 10s linear infinite;\n        }\n\n        .dt-photo-wrapper {\n            width: 210px;\n            height: 210px;\n            border-radius: 50%;\n            overflow: hidden;\n            border: 2px solid var(--oro);\n            box-shadow: 0 0 50px rgba(0, 0, 0, 0.9);\n            background: var(--negro-suave);\n            transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n        }\n\n        .dt-photo-wrapper img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center 20%; \n            transform: scale(1.25); \n            filter: brightness(0.85) contrast(1.1) grayscale(30%);\n            transition: 0.6s ease;\n        }\n\n        .dt-photo-wrapper:hover {\n            transform: scale(1.05);\n            box-shadow: 0 0 60px rgba(212, 175, 55, 0.4);\n        }\n\n        .dt-photo-wrapper:hover img {\n            transform: scale(1.35);\n            filter: brightness(1.05) contrast(1.2) grayscale(0%);\n        }\n\n        .text-content {\n            z-index: 2;\n        }\n\n        h1 {\n            font-size: clamp(1.8rem, 5vw, 3rem);\n            margin: 0;\n            text-transform: uppercase;\n            letter-spacing: 7px;\n            font-weight: 900;\n            color: var(--blanco);\n        }\n\n        .subtitulo {\n            color: var(--oro);\n            font-size: 1rem;\n            letter-spacing: 5px;\n            margin: 15px 0 45px 0;\n            text-transform: uppercase;\n            font-weight: 300;\n        }\n\n        .btn-main {\n            display: inline-block;\n            background: var(--oro);\n            color: var(--negro);\n            padding: 18px 55px;\n            text-decoration: none;\n            font-weight: 800;\n            text-transform: uppercase;\n            font-size: 0.9rem;\n            letter-spacing: 2px;\n            transition: 0.4s;\n            border: 2px solid var(--oro);\n            cursor: pointer;\n        }\n\n        .btn-main:hover {\n            background: transparent;\n            color: var(--oro);\n            box-shadow: 0 0 30px rgba(212, 175, 55, 0.2);\n        }\n\n        @keyframes spin {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        \/* MEJORA: Ajuste para pantallas de PC con poca altura (Laptops) *\/\n        @media (max-height: 750px) {\n            .dt-frame-container {\n                width: 180px;\n                height: 180px;\n                margin-bottom: 15px;\n            }\n            .dt-photo-wrapper {\n                width: 150px;\n                height: 150px;\n            }\n            h1 { font-size: 1.6rem; letter-spacing: 4px; }\n            .subtitulo { margin-bottom: 25px; font-size: 0.8rem; }\n            .btn-main { padding: 14px 40px; }\n        }\n\n        @media (max-width: 480px) {\n            .dt-frame-container { width: 180px; height: 180px; }\n            .dt-photo-wrapper { width: 150px; height: 150px; }\n            h1 { font-size: 1.5rem; letter-spacing: 3px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"splash-container\">\n    <div class=\"overlay-grid\"><\/div>\n\n    <div class=\"dt-frame-container\">\n        <div class=\"dt-frame-border\"><\/div>\n        <div class=\"dt-photo-wrapper\">\n            <!-- Foto actualizada -->\n            <img decoding=\"async\" src=\"https:\/\/futbol360.online\/futbol-360\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-26-at-20.08.32.jpeg\" alt=\"Abel Mariano Caminos DT\">\n        <\/div>\n    <\/div>\n\n    <div class=\"text-content\">\n        <h1>Abel Mariano Caminos<\/h1>\n        <p class=\"subtitulo\">Director T\u00e9cnico Profesional<\/p>\n\n        <!-- Aseg\u00farate que esta URL sea la del perfil de SportsPress si quieres analizar datos -->\n        <a href=\"https:\/\/futbol360.online\/futbol-360\/abel-mariano-caminos-dt\/\" class=\"btn-main\">\n            Ingresar al Proyecto\n        <\/a>\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Abel Mariano Caminos &#8211; DT Abel Mariano Caminos Director T\u00e9cnico Profesional Ingresar al Proyecto<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3577","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/3577","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=3577"}],"version-history":[{"count":7,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/3577\/revisions"}],"predecessor-version":[{"id":3624,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/3577\/revisions\/3624"}],"wp:attachment":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/media?parent=3577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}