{"id":3662,"date":"2026-04-13T13:46:02","date_gmt":"2026-04-13T11:46:02","guid":{"rendered":"https:\/\/atlasprofilaxmadrid.com\/?p=3662"},"modified":"2026-04-15T13:37:17","modified_gmt":"2026-04-15T11:37:17","slug":"inicio","status":"publish","type":"post","link":"https:\/\/atlasprofilaxmadrid.com\/index.php\/2026\/04\/13\/inicio\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Quicksand:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* VARIABLES CORPORATIVAS *\/\n        :root {\n            --azul-corp: #3998cc;\n            --azul-oscuro: #005a87;\n            --naranja-corp: #f28505;\n            --gris-texto: #444;\n            --purpura-titulos: #704a7a; \/* Color de la imagen *\/\n        }\n\n        \/* CONTENEDOR GENERAL *\/\n        .osteocolm-full-width-home {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            box-sizing: border-box;\n            overflow: hidden;\n            font-family: 'Quicksand', sans-serif;\n            background-color: #fff;\n            color: var(--gris-texto);\n        }\n\n        .container-limitado {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 0 20px;\n            box-sizing: border-box;\n        }\n\n        \/* 1. HERO *\/\n        .hero-camilla {\n            background-image: url('https:\/\/osteocolm.es\/wp-content\/uploads\/2023\/09\/osteocolm-fisioterapia-osteopatia-principal.webp');\n            background-size: cover;\n            background-position: center;\n            height: 450px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            color: white;\n            border-radius: 0 0 50% 50% \/ 0 0 10% 10%;\n        }\n\n        .hero-content h1 {\n            font-size: 38px;\n            font-weight: 700;\n            margin-bottom: 10px;\n            color: #fff !important;\n            text-shadow: 2px 2px 10px rgba(0,0,0,0.5);\n        }\n\n        .hero-content p {\n            font-size: 18px;\n            margin-bottom: 30px;\n            opacity: 0.9;\n        }\n\n        .btn-naranja {\n            background-color: var(--naranja-corp);\n            color: white !important;\n            padding: 12px 35px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 700;\n            transition: 0.3s;\n            display: inline-block;\n        }\n        .btn-naranja:hover { background-color: #d17404; transform: scale(1.05); }\n\n        \/* 2. SECCI\u00d3N MANT\u00c9NGASE SANO *\/\n        .seccion-sano { padding: 80px 0; }\n        .grid-sano {\n            display: grid;\n            grid-template-columns: 1fr 1.4fr; \n            gap: 60px;\n            align-items: center;\n        }\n        .sano-text { text-align: center; }\n        .sano-text h2 { color: var(--azul-corp); font-size: 28px; margin-bottom: 20px; }\n        .sano-text p { font-size: 16px; line-height: 1.6; margin-bottom: 15px; text-align: center; }\n\n        .img-fachada {\n            width: 100%;\n            height: auto;\n            border-radius: 30px;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n            display: block;\n        }\n\n        .btn-azul {\n            background-color: var(--azul-corp);\n            color: white !important;\n            padding: 10px 30px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 700;\n            display: inline-block;\n            margin-top: 15px;\n            transition: 0.3s;\n        }\n\n        \/* 3. SECCI\u00d3N ATENDERLES *\/\n        .seccion-atenderles {\n            background-color: var(--azul-corp);\n            color: white;\n            padding: 70px 20px;\n            text-align: center;\n        }\n        .seccion-atenderles h2 { font-size: 36px; font-weight: 700; color: #fff !important; margin-bottom: 15px; }\n\n        \/* 4. SECCI\u00d3N TERAPIAS (AJUSTADA SEG\u00daN IMAGEN) *\/\n        .seccion-terapias { \n            padding: 80px 0; \n            background-color: #ffffff; \n        }\n\n        .seccion-terapias h2 { \n            color: var(--purpura-titulos) !important; \n            font-size: 34px; \n            text-align: center; \n            margin-bottom: 20px; \n            font-weight: 400; \n        }\n\n        .terapias-sub { \n            text-align: center; \n            max-width: 850px; \n            margin: 0 auto 50px auto; \n            font-size: 18px; \n            line-height: 1.6;\n            color: #555;\n        }\n\n        .grid-terapias { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px; }\n        .terapias-full-width { display: flex; justify-content: center; }\n\n        .terapia-item { \n            background: #fdfdfd; \n            padding: 20px 25px; \n            border-radius: 8px; \n            box-shadow: 0 4px 10px rgba(0,0,0,0.05); \n            display: flex; \n            justify-content: space-between; \n            align-items: center; \n            font-size: 18px; \n            font-weight: 600; \n            border: 1px solid #eee; \n        }\n        .terapia-item .check { color: var(--azul-corp); font-weight: bold; }\n\n        \/* 5. PUNTOS ESENCIALES *\/\n        .seccion-puntos { padding: 80px 0; text-align: center; }\n        .seccion-puntos h2 { color: var(--azul-corp); font-size: 32px; margin-bottom: 20px; }\n        .puntos-text { max-width: 800px; margin: 0 auto; font-size: 16px; line-height: 1.6; text-align: center; }\n\n        .seccion-horario { padding: 60px 0; background-color: #fff; text-align: center; }\n\n        \/* RESPONSIVE *\/\n        @media (max-width: 768px) {\n            .grid-sano { grid-template-columns: 1fr; text-align: center; }\n            .grid-terapias { grid-template-columns: 1fr; }\n            .hero-content h1 { font-size: 28px; }\n        }\n  :root{\n    --accent:#2b8cff;\n    --card-bg:rgba(255,255,255,0.95);\n    --card-shadow: rgba(15,15,15,0.15);\n    --text-color:#111;\n  }\n\n  body{\n    margin:0;\n    font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\n    background:#f5f7fb;\n    color:var(--text-color);\n  }\n\n  .hero {\n    position: relative;\n    min-height: 420px;\n    display: flex;\n    align-items: stretch;\n    border-radius:12px;\n    overflow: hidden;\n    margin:24px;\n    background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?q=80&w=1400&auto=format&fit=crop&ixlib=rb-4.0.3&s=example');\n    background-size: cover;\n    background-position: center;\n    box-shadow: 0 6px 20px rgba(10,10,20,0.08);\n  }\n\n  .hero-inner{\n    display:flex;\n    width:100%;\n    align-items:flex-end;\n    padding:36px;\n  }\n\n  \/* Zona de texto a la izquierda *\/\n  .hero-text {\n    max-width: 54%;\n    color: #fff;\n    padding-right:24px;\n  }\n  .badge {\n    display:inline-block;\n    color: rgba(255,255,255,0.9);\n    background: rgba(255,255,255,0.08);\n    padding:6px 10px;\n    border-radius:6px;\n    font-size:13px;\n    margin-bottom:12px;\n    letter-spacing:0.6px;\n  }\n  h1{\n    margin:0 0 12px 0;\n    font-size:34px;\n    line-height:1.05;\n    font-weight:700;\n    color:#fff;\n    text-shadow: 0 2px 10px rgba(0,0,0,0.35);\n  }\n  p.lead{\n    margin:0 0 18px 0;\n    color: rgba(255,255,255,0.9);\n    max-width:640px;\n  }\n  .cta {\n    display:inline-block;\n    background:var(--accent);\n    color:#fff;\n    padding:10px 16px;\n    border-radius:8px;\n    font-weight:600;\n    text-decoration:none;\n    box-shadow: 0 6px 18px rgba(43,140,255,0.18);\n  }\n\n  \/* Contenedor de tarjetas en la parte inferior *\/\n  .card-row {\n    display:flex;\n    gap:14px;\n    align-items:flex-end;\n    margin-left:auto;\n  }\n\n  .card {\n    width:84px;\n    min-width:84px;\n    height:84px;\n    background:var(--card-bg);\n    border-radius:12px;\n    overflow:hidden;\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:flex-end;\n    padding:8px;\n    cursor:pointer;\n    transition: transform 220ms cubic-bezier(.2,.9,.25,1), box-shadow 220ms, background-color 220ms;\n    box-shadow: 0 4px 12px var(--card-shadow);\n    border: 1px solid rgba(15,15,15,0.04);\n    transform: translateY(0);\n    position:relative;\n  }\n\n  .card img{\n    position:absolute;\n    top:0; left:0; right:0; bottom:0;\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    filter: saturate(0.95) contrast(0.95);\n  }\n\n  .card .label{\n    position:relative;\n    z-index:2;\n    font-size:12px;\n    color:#111;\n    background: rgba(255,255,255,0.9);\n    padding:6px 8px;\n    border-radius:8px;\n    box-shadow: 0 4px 10px rgba(10,10,20,0.08);\n    width:100%;\n    text-align:center;\n  }\n\n  \/* Estado hover\/focus\/active: elevar y cambiar borde\/overlay *\/\n  .card:hover,\n  .card:focus {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 14px 30px rgba(10,10,30,0.18);\n    z-index:5;\n    border-color: rgba(43,140,255,0.7);\n  }\n\n  \/* Alternativa: cuando se selecciona (activo) *\/\n  .card.active{\n    transform: translateY(-12px) scale(1.03);\n    border: 2px solid var(--accent);\n  }\n\n  \/* peque\u00f1o borde redondeado de varios tama\u00f1os para el primer y \u00faltimo *\/\n  .card.small{ width:72px; height:72px; min-width:72px;}\n  .card.large{ width:100px; height:100px; min-width:100px;}\n\n  \/* Responsive: apilar en pantallas muy peque\u00f1as *\/\n  @media (max-width:720px){\n    .hero { min-height:360px; margin:16px; border-radius:10px;}\n    .hero-text{ max-width:100%; padding-right:0; }\n    .card-row{ gap:10px; }\n  }\n    <\/style>\n<\/head>\n<body>\n<div class=\"hero\" role=\"region\" aria-label=\"Banner principal\">\n  <div class=\"hero-inner\">\n    <div class=\"hero-text\">\n      <div class=\"badge\">Premium Coaching<\/div>\n      <p class=\"lead\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\n      <a class=\"cta\" href=\"#join\">Join Now<\/a>\n    <\/div>\n\n    <div class=\"card-row\" aria-hidden=\"false\">\n      <!-- Tarjeta 1 -->\n      <button class=\"card small\" data-key=\"leadership\" aria-pressed=\"false\" title=\"Leadership\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?q=80&#038;w=800&#038;auto=format&#038;fit=crop&#038;ixlib=rb-4.0.3&#038;s=example\" alt=\"\">\n        <span class=\"label\">Leadership<\/span>\n      <\/button>\n\n      <!-- Tarjeta 2 -->\n      <button class=\"card\" data-key=\"group\" aria-pressed=\"false\" title=\"Group\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522075469751-3a6694fb2f61?q=80&#038;w=800&#038;auto=format&#038;fit=crop&#038;ixlib=rb-4.0.3&#038;s=example\" alt=\"\">\n        <span class=\"label\">Group<\/span>\n      <\/button>\n\n      <!-- Tarjeta 3 -->\n      <button class=\"card\" data-key=\"training\" aria-pressed=\"false\" title=\"Training\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551434678-e076c223a692?q=80&#038;w=800&#038;auto=format&#038;fit=crop&#038;ixlib=rb-4.0.3&#038;s=example\" alt=\"\">\n        <span class=\"label\">Training<\/span>\n      <\/button>\n\n      <!-- Tarjeta 4 -->\n      <button class=\"card large\" data-key=\"community\" aria-pressed=\"false\" title=\"Community\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1515879218367-8466d910aaa4?q=80&#038;w=800&#038;auto=format&#038;fit=crop&#038;ixlib=rb-4.0.3&#038;s=example\" alt=\"\">\n        <span class=\"label\">Community<\/span>\n      <\/button>\n\n      <!-- Tarjeta 5 -->\n      <button class=\"card\" data-key=\"individual\" aria-pressed=\"false\" title=\"Individual\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545996124-1b0a6f4b7d4b?q=80&#038;w=800&#038;auto=format&#038;fit=crop&#038;ixlib=rb-4.0.3&#038;s=example\" alt=\"\">\n        <span class=\"label\">Individual<\/span>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n<div class=\"osteocolm-full-width-home\">\n\n    <header class=\"hero-camilla\">\n        <div class=\"hero-content\">\n            <h1>Centro especializado en recuperaci\u00f3n<br>y tratamiento del dolor<\/h1>\n            <p>Deseamos compartir informaci\u00f3n detallada sobre la amplia gama de servicios que ponemos a su disposici\u00f3n.<\/p>\n            <a href=\"https:\/\/atlasprofilaxmadrid.com\/index.php\/contacto\/\" class=\"btn-naranja\">\u00bfDesea un tratamiento?<\/a>\n        <\/div>\n\n<!-- OLA SVG: colocada dentro del header pero posicionada fuera usando CSS -->\n    <div class=\"header-wave-css-only\" aria-hidden=\"true\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 320\" preserveAspectRatio=\"none\">\n        <path d=\"M0,160L48,176C96,192,192,224,288,213.3C384,203,480,149,576,133.3C672,117,768,139,864,149.3C960,160,1056,160,1152,181.3C1248,203,1344,245,1392,266.7L1440,288L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path>\n      <\/svg>\n    <\/div>\n    <\/header>\n\n    <section class=\"container-limitado seccion-sano\">\n        <div class=\"grid-sano\">\n            <div class=\"sano-text\">\n                <h2>Mant\u00e9ngase sano y libre de dolor con OSTEOCOLM<\/h2>\n                <p>Nuestros servicios no son exclusivamente un medio terap\u00e9utico de curaci\u00f3n. V\u00e9anlos como un medio de prevenci\u00f3n para conservar su bienestar y para aumentar su capacidad de rendimiento.<\/p>\n                <p>Queremos darles la oportunidad de conocer nuestro centro y nuestros servicios con toda tranquilidad.<\/p>\n                <a href=\"https:\/\/atlasprofilaxmadrid.com\/index.php\/contacto\/\" class=\"btn-azul\">Con\u00f3zcanos<\/a>\n            <\/div>\n            <div class=\"sano-img-container\">\n                <img decoding=\"async\" src=\"https:\/\/osteocolm.es\/wp-content\/uploads\/2023\/09\/osteocolm-quienes-somos.webp\" class=\"img-fachada\" alt=\"Fachada Osteocolm\">\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"seccion-atenderles\">\n        <div class=\"container-limitado\">\n            <h2>Nos alegramos de atenderles<br>de forma integral<\/h2>\n            <p>Esperamos que pronto tengan la oportunidad de visitarnos en persona.<\/p>\n            <a href=\"https:\/\/atlasprofilaxmadrid.com\/index.php\/contacto\/\" class=\"btn-naranja\">\u00bfLe gustar\u00eda recibir nuestros servicios?<\/a>\n        <\/div>\n    <\/section>\n\n    <section class=\"seccion-terapias\">\n        <div class=\"container-limitado\">\n            <h2>Nuestras Terapias<\/h2>\n            <p class=\"terapias-sub\">\n                Junto con nuestros tratamientos especializados, usted elabora las soluciones correctas para su salud. Nuestro trabajo terap\u00e9utico se caracteriza por programas individuales adaptados a sus necesidades.\n            <\/p>\n            \n            <div class=\"grid-terapias\">\n                <div class=\"terapia-item\"><span>AtlasPROfilax<\/span> <span class=\"check\">\u2714<\/span><\/div>\n                <div class=\"terapia-item\"><span>LnB Painless<\/span> <span class=\"check\">\u2714<\/span><\/div>\n                <div class=\"terapia-item\"><span>Terapia de Electr\u00f3lisis Percut\u00e1nea<\/span> <span class=\"check\">\u2714<\/span><\/div>\n                <div class=\"terapia-item\"><span>Otras de Nuestras Especialidades<\/span> <span class=\"check\">\u2714<\/span><\/div>\n            <\/div>\n            <div class=\"terapias-full-width\">\n                <div class=\"terapia-item\" style=\"width: 100%; max-width: 535px;\">\n                    <span>T\u00e9cnicas de Terapia Manual<\/span> <span class=\"check\">\u2714<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"container-limitado seccion-puntos\">\n        <h2>Los puntos esenciales de nuestra terapia<\/h2>\n        <div class=\"puntos-text\">\n            <p>Ofrecemos tratamientos hechos a medida para profilaxis, terapia y rehabilitaci\u00f3n de sus molestias. Todos ellos basados en un exhaustivo reconocimiento y exploraci\u00f3n, la fisioterapia, la osteopat\u00eda y la terapia del dolor LnB, con el objetivo de hacer recuperar en su cuerpo la movilidad perdida y la ausencia de dolor, logrando as\u00ed la homeostasis o equilibrio corporal.<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"container-limitado seccion-horario\">\n        <div class=\"horario-text\">\n            <p>Puede encontrarnos en el consultorio en el siguiente horario:<\/p>\n            <p><strong>10:00 a 14:00<\/strong> y de <strong>17:00 a 21:00<\/strong> de lunes a viernes.<\/p>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Premium Coaching Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Join Now Leadership Group Training Community Individual Centro especializado&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3662","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"_links":{"self":[{"href":"https:\/\/atlasprofilaxmadrid.com\/index.php\/wp-json\/wp\/v2\/posts\/3662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atlasprofilaxmadrid.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/atlasprofilaxmadrid.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/atlasprofilaxmadrid.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/atlasprofilaxmadrid.com\/index.php\/wp-json\/wp\/v2\/comments?post=3662"}],"version-history":[{"count":19,"href":"https:\/\/atlasprofilaxmadrid.com\/index.php\/wp-json\/wp\/v2\/posts\/3662\/revisions"}],"predecessor-version":[{"id":3825,"href":"https:\/\/atlasprofilaxmadrid.com\/index.php\/wp-json\/wp\/v2\/posts\/3662\/revisions\/3825"}],"wp:attachment":[{"href":"https:\/\/atlasprofilaxmadrid.com\/index.php\/wp-json\/wp\/v2\/media?parent=3662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atlasprofilaxmadrid.com\/index.php\/wp-json\/wp\/v2\/categories?post=3662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atlasprofilaxmadrid.com\/index.php\/wp-json\/wp\/v2\/tags?post=3662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}