{"id":33,"date":"2025-07-03T13:55:53","date_gmt":"2025-07-03T16:55:53","guid":{"rendered":"https:\/\/futbol360.online\/futbol-360\/?page_id=33"},"modified":"2025-11-21T21:06:30","modified_gmt":"2025-11-22T00:06:30","slug":"planteles","status":"publish","type":"page","link":"https:\/\/futbol360.online\/futbol-360\/planteles\/","title":{"rendered":"Planteles"},"content":{"rendered":"\n<div class=\"back-button-container\">\n        <a href=\"https:\/\/futbol360.online\/futbol-360\/inicio\" class=\"back-button\">\u2190 Volver<\/a>\n    <\/div>\n\n\n\n<!-- Contenedor para el escudo animado (t\u00edtulo de la p\u00e1gina eliminado) -->\n<div class=\"page-title-container\">\n    <!-- Escudo del equipo como imagen animada -->\n    <img decoding=\"async\" src=\"https:\/\/futbol360.online\/futbol-360\/wp-content\/uploads\/2025\/07\/descarga-58.jpg\" alt=\"Escudo del Equipo\" class=\"team-logo-icon\">\n<\/div>\n\n<!-- Contenedor principal para los botones de Primera y Reserva -->\n<div class=\"team-buttons-container\">\n    <!-- Bot\u00f3n para el equipo de Primera -->\n    <a href=\"\/futbol-360\/team\/primera\" class=\"team-button primary-team\">\n        Primera\n    <\/a>\n    <!-- Bot\u00f3n para el equipo de Reserva -->\n    <a href=\"\/futbol-360\/team\/reserva\" class=\"team-button reserve-team\">\n        Reserva\n    <\/a>\n<\/div>\n\n<style>\n\/* Estilos para el body de la p\u00e1gina, para el fondo suave *\/\nbody {\n    background-color: #ffffff; \/* Fondo blanco, sin color *\/\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif; \/* Fuente profesional *\/\n    margin: 0;\n    padding: 0;\n    position: relative; \/* Necesario para el overlay *\/\n}\n\n\/* Contenedor del t\u00edtulo de la p\u00e1gina y el escudo *\/\n.page-title-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 40px;\n    margin-bottom: 30px;\n}\n\n\/* Estilo del escudo del equipo (imagen) *\/\n.team-logo-icon {\n    width: 45px; \/* Tama\u00f1o del escudo, ajustado para ser peque\u00f1o *\/\n    height: 45px; \/* Tama\u00f1o del escudo, ajustado para ser peque\u00f1o *\/\n    object-fit: contain; \/* Asegura que la imagen se ajuste sin recortarse *\/\n    animation: bounceAndRotate 3s ease-in-out infinite; \/* Animaci\u00f3n de rebote y rotaci\u00f3n *\/\n}\n\n\/* Keyframes para la animaci\u00f3n de rebote y rotaci\u00f3n *\/\n@keyframes bounceAndRotate {\n    0%, 100% {\n        transform: translateY(0) rotate(0deg);\n    }\n    25% {\n        transform: translateY(-5px) rotate(10deg);\n    }\n    50% {\n        transform: translateY(0) rotate(0deg);\n    }\n    75% {\n        transform: translateY(-3px) rotate(-5deg);\n    }\n}\n\n\n\/* Contenedor de los botones *\/\n.team-buttons-container {\n    display: flex;\n    flex-wrap: wrap; \/* Permite que los botones se envuelvan en pantallas peque\u00f1as *\/\n    gap: 35px; \/* Aumenta el espacio entre botones *\/\n    justify-content: center;\n    margin-top: 50px; \/* M\u00e1s margen superior *\/\n    padding: 20px; \/* A\u00f1ade un poco de padding al contenedor *\/\n    \/* Fondo del contenedor de botones ahora es transparente *\/\n    background: transparent;\n    border-radius: 20px; \/* Bordes redondeados *\/\n    box-shadow: 0 0 0 rgba(0, 0, 0, 0); \/* Elimina la sombra del contenedor *\/\n    z-index: 1; \/* Asegura que el contenedor est\u00e9 sobre el fondo *\/\n    position: relative; \/* Necesario para z-index *\/\n}\n\n\/* Estilo base para ambos botones *\/\n.team-button {\n    display: inline-block;\n    padding: 16px 40px; \/* Un poco m\u00e1s de padding para un bot\u00f3n m\u00e1s robusto *\/\n    font-weight: 700;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif; \/* Fuente profesional *\/\n    font-size: 20px; \/* Letra un poco m\u00e1s grande *\/\n    text-decoration: none;\n    border-radius: 15px; \/* Bordes m\u00e1s suaves, pero manteniendo la forma *\/\n    cursor: pointer;\n    color: #ffffff; \/* Texto blanco para contraste con los degradados *\/\n    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); \/* Sombra sutil para el texto *\/\n    user-select: none; \/* Evita selecci\u00f3n de texto *\/\n    position: relative; \/* Para el efecto 3D *\/\n    overflow: hidden; \/* Asegura que las sombras internas se recorten bien *\/\n\n    \/* Sombra 3D inicial y degradado de fondo *\/\n    background: linear-gradient(45deg, #1D4ED8, #6D28D9); \/* Degradado azul-morado *\/\n    box-shadow:\n        0 8px 0px rgba(0, 0, 0, 0.2), \/* Sombra inferior principal *\/\n        0 12px 20px rgba(0, 0, 0, 0.35), \/* Sombra exterior m\u00e1s suave *\/\n        inset 0 -4px 6px rgba(0, 0, 0, 0.2), \/* Sombra interior inferior *\/\n        inset 0 4px 6px rgba(255, 255, 255, 0.1); \/* Luz interior superior *\/\n    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; \/* Transiciones suaves *\/\n}\n\n\/* Efecto al pasar el rat\u00f3n por encima *\/\n.team-button:hover {\n    transform: translateY(-6px); \/* Se levanta un poco m\u00e1s *\/\n    background: linear-gradient(45deg, #1E40AF, #5B21B6); \/* Degradado m\u00e1s oscuro al hacer hover *\/\n    box-shadow:\n        0 12px 0px rgba(0, 0, 0, 0.3), \/* Sombra inferior m\u00e1s pronunciada *\/\n        0 20px 30px rgba(0, 0, 0, 0.5), \/* Sombra exterior m\u00e1s grande *\/\n        inset 0 -4px 6px rgba(0, 0, 0, 0.25), \/* Sombra interior inferior *\/\n        inset 0 4px 6px rgba(255, 255, 255, 0.15); \/* Luz interior superior *\/\n}\n\n\/* Efecto al hacer clic (activo) *\/\n.team-button:active {\n    transform: translateY(0px); \/* Vuelve a su posici\u00f3n original *\/\n    box-shadow:\n        0 4px 0px rgba(0, 0, 0, 0.15), \/* Sombra inferior m\u00e1s peque\u00f1a *\/\n        0 6px 10px rgba(0, 0, 0, 0.2), \/* Sombra exterior m\u00e1s peque\u00f1a *\/\n        inset 0 -2px 3px rgba(0, 0, 0, 0.1), \/* Sombra interior m\u00e1s sutil *\/\n        inset 0 2px 3px rgba(255, 255, 255, 0.05); \/* Luz interior m\u00e1s sutil *\/\n    background: linear-gradient(45deg, #1c3e9e, #4a1f8e); \/* Degradado a\u00fan m\u00e1s oscuro al hacer clic *\/\n}\n\n\/* Estilos espec\u00edficos para cada equipo si se necesitan diferencias (actualmente no se usan bordes) *\/\n.team-button.primary-team {\n    \/* Puedes a\u00f1adir estilos espec\u00edficos aqu\u00ed si quieres que \"Primera\" sea diferente *\/\n}\n\n.team-button.reserve-team {\n    \/* Puedes a\u00f1adir estilos espec\u00edficos aqu\u00ed si quieres que \"Reserva\" sea diferente *\/\n}\n\n\/* Ajustes para m\u00f3viles *\/\n@media (max-width: 600px) {\n    .team-buttons-container {\n        flex-direction: column; \/* Apila los botones verticalmente en m\u00f3viles *\/\n        align-items: center; \/* Centra los botones apilados *\/\n        gap: 20px;\n        margin-top: 30px;\n    }\n\n    .team-button {\n        width: 80%; \/* Ocupa la mayor parte del ancho disponible *\/\n        max-width: 300px; \/* Limita el ancho m\u00e1ximo *\/\n        padding: 14px 30px;\n        font-size: 18px;\n    }\n}\n<\/style>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-left\"><\/h1>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u2190 Volver Primera Reserva<\/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-33","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/33","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=33"}],"version-history":[{"count":25,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":921,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/33\/revisions\/921"}],"wp:attachment":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}