{"id":95,"date":"2025-03-15T12:26:56","date_gmt":"2025-03-15T11:26:56","guid":{"rendered":"https:\/\/cslawyers.es\/?page_id=95"},"modified":"2026-06-07T14:04:55","modified_gmt":"2026-06-07T12:04:55","slug":"over-ons","status":"publish","type":"page","link":"https:\/\/cslawyers.es\/nl\/over-ons\/","title":{"rendered":"Over"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Over ons \u2013 CS Lawyers<\/title><br \/>\n    <!-- Google Font Manrope -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n        \/* ===== CS-TEAM SCOPED CARD LAYOUT (sin overlays, sin herencias) ===== *\/\n        #cs-team .team-grid{grid-template-columns:repeat(4,1fr)!important;gap:30px!important}\n        #cs-team .team-member{background:#fff!important;border:1px solid rgba(2,6,23,.06)!important;box-shadow:0 8px 24px rgba(2,6,23,.08)!important;border-radius:28px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;backdrop-filter:none!important}\n        #cs-team .team-image-container{padding-top:75%!important}\n        #cs-team .team-image{filter:none!important;transform:none!important;object-fit:cover}\n        #cs-team .team-member:hover .team-image{transform:scale(1.02)!important}\n        #cs-team .team-footer,#cs-team .team-overlay{display:none!important} \/* anulamos overlay\/footers previos *\/\n        #cs-team .team-info{background:#fff!important;padding:18px 18px 16px!important;display:block!important}\n        #cs-team h3.team-name,#cs-team p.team-role,#cs-team p.team-credential{all:unset;display:block;font-family:'Manrope',sans-serif!important}\n        #cs-team h3.team-name{font-size:22px!important;font-weight:900!important;color:#0a0a0f!important;line-height:1.25!important;letter-spacing:-.2px!important;margin:0 0 6px!important}\n        #cs-team p.team-role{font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:1.6px!important;color:#00AEEF!important;margin:0 0 8px!important}\n        #cs-team p.team-credential{font-size:13px!important;color:#475569!important;line-height:1.6!important;margin:0 0 14px!important}\n        #cs-team .team-languages{display:flex!important;flex-wrap:wrap!important;gap:8px!important}\n        #cs-team .language-tag{font-size:10px!important;font-weight:800!important;color:#0a0a0f!important;background:rgba(0,174,239,.12)!important;border:1px solid rgba(0,174,239,.35)!important;border-radius:12px!important;padding:6px 10px!important;text-transform:uppercase!important;letter-spacing:.6px!important}\n        @media(max-width:1200px){#cs-team .team-grid{grid-template-columns:repeat(2,1fr)!important}}\n        @media(max-width:640px){#cs-team .team-grid{grid-template-columns:1fr!important}#cs-team .team-image-container{padding-top:85%!important}}\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        body {\n            font-family: 'Manrope', sans-serif;\n            background: #0a0a0f;\n            overflow-x: hidden;\n        }\n        \/* ========== HERO INTRO ========== *\/\n        .hero-intro {\n            min-height: 70vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            overflow: hidden;\n            background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 50%, #0a0a0f 100%);\n        }\n        \/* Animated Background *\/\n        .animated-bg {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            overflow: hidden;\n        }\n        .floating-shape {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(60px);\n            opacity: 0.3;\n            animation: float 20s infinite ease-in-out;\n        }\n        .shape-1 {\n            width: 400px;\n            height: 400px;\n            background: linear-gradient(135deg, #00AEEF, #0066cc);\n            top: 10%;\n            left: 10%;\n            animation-delay: 0s;\n        }\n        .shape-2 {\n            width: 350px;\n            height: 350px;\n            background: linear-gradient(135deg, #E13C97, #BD3C87);\n            bottom: 10%;\n            right: 10%;\n            animation-delay: 5s;\n        }\n        .shape-3 {\n            width: 300px;\n            height: 300px;\n            background: linear-gradient(135deg, #00AEEF, #E13C97);\n            top: 50%;\n            left: 50%;\n            animation-delay: 10s;\n        }\n        @keyframes float {\n            0%, 100% {\n                transform: translate(0, 0) scale(1);\n            }\n            33% {\n                transform: translate(30px, -30px) scale(1.1);\n            }\n            66% {\n                transform: translate(-30px, 30px) scale(0.9);\n            }\n        }\n        \/* Hero Content *\/\n        .hero-content {\n            position: relative;\n            z-index: 10;\n            text-align: center;\n            padding: 40px 24px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        .hero-badge {\n            display: inline-block;\n            font-size: 12px;\n            font-weight: 700;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            color: #ffffff;\n            margin-bottom: 30px;\n            padding: 12px 28px;\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            border-radius: 50px;\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            animation: slideDown 1s ease;\n        }\n        .hero-title {\n            font-size: 72px;\n            font-weight: 900;\n            background: linear-gradient(135deg, #ffffff 0%, #00AEEF 50%, #E13C97 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 30px;\n            line-height: 1.1;\n            letter-spacing: -2px;\n            animation: slideUp 1s ease;\n        }\n        .hero-description {\n            font-size: 20px;\n            line-height: 1.8;\n            color: rgba(255, 255, 255, 0.85);\n            max-width: 800px;\n            margin: 0 auto 40px;\n            font-weight: 500;\n            animation: fadeIn 1.5s ease;\n        }\n        .scroll-indicator {\n            margin-top: 60px;\n            animation: bounce 2s infinite;\n        }\n        .scroll-indicator svg {\n            width: 32px;\n            height: 32px;\n            stroke: #ffffff;\n            opacity: 0.6;\n        }\n        @keyframes slideDown {\n            from {\n                opacity: 0;\n                transform: translateY(-30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n        @keyframes bounce {\n            0%, 100% {\n                transform: translateY(0);\n            }\n            50% {\n                transform: translateY(10px);\n            }\n        }\n        \/* ========== ABOUT SECTION ========== *\/\n        .about-section {\n            padding: 120px 24px;\n            background: #ffffff;\n            position: relative;\n        }\n        .about-container {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n        .about-grid {\n            display: grid;\n            grid-template-columns: 1.2fr 1fr;\n            gap: 80px;\n            align-items: center;\n        }\n        .about-content {\n            position: relative;\n        }\n        .section-label {\n            font-size: 14px;\n            font-weight: 800;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            background: linear-gradient(135deg, #00AEEF, #E13C97);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 20px;\n            display: inline-block;\n        }\n        .about-title {\n            font-size: 52px;\n            font-weight: 900;\n            color: #0a0a0f;\n            margin-bottom: 30px;\n            line-height: 1.2;\n            letter-spacing: -1.5px;\n        }\n        .about-text {\n            font-size: 18px;\n            line-height: 1.9;\n            color: #4b5563;\n            margin-bottom: 24px;\n            font-weight: 500;\n        }\n        .about-highlight {\n            font-weight: 700;\n            color: #1a202c;\n            position: relative;\n            display: inline;\n            background: linear-gradient(135deg, rgba(0, 174, 239, 0.15), rgba(225, 60, 151, 0.15));\n            padding: 2px 8px;\n            border-radius: 4px;\n        }\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n            margin-top: 50px;\n        }\n        .stat-item {\n            text-align: center;\n            padding: 30px 20px;\n            background: linear-gradient(135deg, rgba(0, 174, 239, 0.05), rgba(225, 60, 151, 0.05));\n            border-radius: 20px;\n            border: 2px solid transparent;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n        .stat-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n            transition: left 0.6s;\n        }\n        .stat-item:hover::before {\n            left: 100%;\n        }\n        .stat-item:hover {\n            transform: translateY(-10px);\n            border-color: #00AEEF;\n            box-shadow: 0 20px 40px rgba(0, 174, 239, 0.2);\n        }\n        .stat-number {\n            font-size: 48px;\n            font-weight: 900;\n            background: linear-gradient(135deg, #00AEEF, #E13C97);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 10px;\n            line-height: 1;\n        }\n        .stat-label {\n            font-size: 14px;\n            font-weight: 700;\n            color: #64748b;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n        \/* Offices Carousel *\/\n        .offices-wrapper {\n            position: relative;\n        }\n        .offices-carousel {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n        .office-card {\n            background: linear-gradient(135deg, rgba(0, 174, 239, 0.03), rgba(225, 60, 151, 0.03));\n            backdrop-filter: blur(10px);\n            padding: 40px;\n            border-radius: 24px;\n            border: 2px solid transparent;\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n            cursor: pointer;\n        }\n        .office-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, #00AEEF, #E13C97);\n            opacity: 0;\n            transition: opacity 0.5s;\n            z-index: 0;\n        }\n        .office-card:hover::before {\n            opacity: 0.05;\n        }\n        .office-card:hover {\n            transform: translateX(10px);\n            border-color: #00AEEF;\n            box-shadow: -10px 0 30px rgba(0, 174, 239, 0.2);\n        }\n        .office-content {\n            position: relative;\n            z-index: 1;\n        }\n        .office-number {\n            font-size: 14px;\n            font-weight: 800;\n            color: #00AEEF;\n            margin-bottom: 12px;\n            letter-spacing: 2px;\n        }\n        .office-name {\n            font-size: 28px;\n            font-weight: 900;\n            color: #0a0a0f;\n            margin-bottom: 12px;\n            letter-spacing: -0.5px;\n        }\n        .office-description {\n            font-size: 15px;\n            line-height: 1.7;\n            color: #64748b;\n            font-weight: 500;\n        }\n        .office-icon {\n            position: absolute;\n            top: 40px;\n            right: 40px;\n            width: 60px;\n            height: 60px;\n            border-radius: 16px;\n            background: linear-gradient(135deg, #00AEEF, #E13C97);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0.2;\n            transition: all 0.5s;\n        }\n        .office-card:hover .office-icon {\n            opacity: 1;\n            transform: scale(1.1) rotate(5deg);\n        }\n        .office-icon svg {\n            width: 30px;\n            height: 30px;\n            fill: white;\n        }\n        \/* ========== TEAM SECTION ========== *\/\n        .team-section {\n            padding: 120px 24px;\n            background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 100%);\n            position: relative;\n            overflow: hidden;\n        }\n        .team-section::before {\n            content: '';\n            position: absolute;\n            top: -200px;\n            right: -200px;\n            width: 600px;\n            height: 600px;\n            background: radial-gradient(circle, rgba(0, 174, 239, 0.15), transparent);\n            border-radius: 50%;\n            filter: blur(80px);\n        }\n        .team-container {\n            max-width: 1600px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 10;\n        }\n        .team-header {\n            text-align: center;\n            margin-bottom: 80px;\n        }\n        .team-title {\n            font-size: 64px;\n            font-weight: 900;\n            color: #ffffff !important;\n            -webkit-text-fill-color: #ffffff !important;\n            background: none !important;\n            margin-bottom: 24px;\n            letter-spacing: -2px;\n            line-height: 1.1;\n            text-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);\n        }\n        .team-title .gradient-text {\n            color: #ffffff;\n        }\n        .team-subtitle {\n            font-size: 19px;\n            line-height: 1.8;\n            color: rgba(255, 255, 255, 0.95);\n            max-width: 900px;\n            margin: 0 auto;\n            font-weight: 500;\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n        }\n        \/* Team Grid *\/\n        .team-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 30px;\n        }\n        .team-member {\n            position: relative;\n            border-radius: 28px;\n            overflow: hidden;\n            background: rgba(255, 255, 255, 0.05);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n            cursor: pointer;\n        }\n        .team-member::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, rgba(0, 174, 239, 0.2), rgba(225, 60, 151, 0.2));\n            opacity: 0;\n            transition: opacity 0.6s;\n            z-index: 1;\n        }\n        .team-member:hover::before {\n            opacity: 1;\n        }\n        .team-member:hover {\n            transform: translateY(-20px) scale(1.02);\n            box-shadow: 0 30px 60px rgba(0, 174, 239, 0.3);\n            border-color: #00AEEF;\n        }\n        .team-image-container {\n            position: relative;\n            width: 100%;\n            padding-top: 132%;\n            overflow: hidden;\n        }\n        .team-image {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n            filter: grayscale(8%) brightness(1.02) contrast(1.02);\n        }\n        .team-member:hover .team-image {\n            transform: scale(1.12);\n            filter: grayscale(0%) brightness(1.05) contrast(1.05);\n        }\n        .team-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background: linear-gradient(135deg, #00AEEF, #E13C97);\n            color: white;\n            font-size: 10px;\n            font-weight: 800;\n            padding: 8px 18px;\n            border-radius: 20px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            z-index: 10;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\n            animation: pulse 2s infinite;\n        }\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n        .team-overlay {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            background: none; \/* no gradient band *\/\n            min-height: 0;\n            padding: 20px 20px 88px; \/* room for footer *\/\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            gap: 8px;\n            transform: translateY(0);\n            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n            z-index: 2;\n            box-shadow: none;\n        }\n        \/* ===== HARD OVERRIDES TO ISOLATE TEAM CARD TYPOGRAPHY ===== *\/\n        .team-member { isolation: isolate; }\n        .team-image-container, .team-image { z-index: 0; }\n        .team-overlay { z-index: 2; mix-blend-mode: normal; backdrop-filter: saturate(110%) blur(2px); }\n        \/* Force typography inside overlay regardless of global theme *\/\n        .team-section .team-overlay .team-name {\n          font-size: 24px !important;\n          line-height: 1.25 !important;\n          font-weight: 900 !important;\n          color: #0a0a0f !important;\n          text-shadow: 0 1px 2px rgba(0,0,0,.06) !important;\n          margin: 0 0 6px 0 !important;\n        }\n        .team-section .team-overlay .team-role {\n          font-size: 12px !important;\n          font-weight: 800 !important;\n          letter-spacing: 1.6px !important;\n          text-transform: uppercase !important;\n          color: #00AEEF !important;\n          margin: 0 0 8px 0 !important;\n          text-shadow: 0 2px 10px rgba(0,0,0,.75) !important;\n        }\n        .team-section .team-overlay .team-credential {\n          font-size: 13px !important;\n          color: #475569 !important;\n        }\n        .team-section .team-overlay .language-tag {\n          color: #ffffff !important;\n          background: rgba(0, 174, 239, 0.4) !important;\n          border-color: rgba(255,255,255,.35) !important;\n        }\n        \/* Darker base at the bottom to guarantee contrast under any theme *\/\n        \/* Ensure global heading\/p rules from theme don't bleed in *\/\n        .team-section h3.team-name, \n        .team-section p.team-role, \n        .team-section p.team-credential { all: unset; display:block; }\n        \/* Re-apply our styles after reset *\/\n        .team-section h3.team-name { \n          font-family: 'Manrope', sans-serif !important;\n          font-size: 24px !important; font-weight: 900 !important; line-height:1.3 !important; color:#fff !important; \n          text-shadow: 0 4px 18px rgba(0,0,0,.95), 0 2px 6px rgba(0,0,0,.9) !important; margin: 0 0 6px 0 !important;\n        }\n        .team-section p.team-role {\n          font-family: 'Manrope', sans-serif !important;\n          font-size:12px !important; font-weight:800 !important; text-transform:uppercase !important; letter-spacing:1.6px !important; color:#00AEEF !important; margin:0 0 8px 0 !important; text-shadow: 0 2px 10px rgba(0,0,0,.75) !important;\n        }\n        .team-section p.team-credential { font-family:'Manrope', sans-serif !important; font-size:13px !important; color:rgba(255,255,255,.95) !important; margin:0 0 12px 0 !important; }\n        \/* Guarantee white title across themes *\/\n        .team-section .team-title { color:#fff !important; -webkit-text-fill-color:#fff !important; background:none !important; text-shadow:0 4px 22px rgba(0,0,0,.45) !important; }\n        .team-member:hover .team-overlay {\n            transform: translateY(0);\n        }\n        .team-name {\n          font-size: 24px;\n          font-weight: 900;\n          color: #0a0a0f;\n          margin-bottom: 6px;\n          line-height: 1.25;\n          letter-spacing: -0.2px;\n          text-shadow: 0 1px 2px rgba(0,0,0,.06);\n        }\n        .team-role {\n            font-size: 12px;\n            font-weight: 800;\n            color: #00AEEF;\n            margin-bottom: 8px;\n            text-transform: uppercase;\n            letter-spacing: 1.6px;\n            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);\n        }\n        .team-credential {\n          font-size: 13px;\n          color: #475569;\n          margin-bottom: 16px;\n          line-height: 1.6;\n          font-style: italic;\n        }\n        .team-languages {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 8px;\n        }\n        .language-tag {\n          font-size: 10px;\n          font-weight: 800;\n          color: #0a0a0f;\n          background: rgba(0, 174, 239, 0.35);\n          backdrop-filter: blur(8px);\n          padding: 5px 10px;\n          border-radius: 12px;\n          border: 1px solid rgba(255, 255, 255, 0.25);\n          text-transform: uppercase;\n          letter-spacing: 0.6px;\n        }\n        \/* Team Footer *\/\n        .team-footer{\n          position:absolute;\n          left:14px; right:14px; bottom:14px;\n          display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-start;\n          background: rgba(255,255,255,0.9);\n          backdrop-filter: blur(4px) saturate(120%);\n          border: 1px solid rgba(0,0,0,0.08);\n          border-radius: 14px;\n          padding:8px 10px;\n          z-index:3;\n        }\n        .team-footer .language-tag{\n          background: rgba(0,174,239,0.12) !important;\n          border: 1px solid rgba(0,174,239,0.35) !important;\n          color: #0a0a0f !important;\n        }\n        \/* Social Links (hidden by default, shown on hover) *\/\n        .team-social {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            display: flex;\n            gap: 12px;\n            opacity: 0;\n            z-index: 5;\n            transition: opacity 0.6s;\n        }\n        .team-member:hover .team-social {\n            opacity: 1;\n        }\n        .social-link {\n            width: 44px;\n            height: 44px;\n            background: rgba(255, 255, 255, 0.15);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.3s;\n        }\n        .social-link:hover {\n            background: linear-gradient(135deg, #00AEEF, #E13C97);\n            border-color: transparent;\n            transform: scale(1.1);\n        }\n        .social-link svg {\n            width: 18px;\n            height: 18px;\n            fill: white;\n        }\n        \/* Responsive Design *\/\n        @media(max-width: 1200px) {\n            .hero-title {\n                font-size: 56px;\n            }\n            .about-grid {\n                gap: 60px;\n            }\n            .about-title {\n                font-size: 44px;\n            }\n            .team-title { font-size: 52px; color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; background:none !important; }\n            .team-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n        @media(max-width: 968px) {\n            .hero-intro {\n                min-height: 60vh;\n            }\n            .hero-title {\n                font-size: 44px;\n            }\n            .about-section {\n                padding: 80px 20px;\n            }\n            .team-section {\n                padding: 80px 20px;\n            }\n            .about-grid {\n                grid-template-columns: 1fr;\n                gap: 50px;\n            }\n            .stats-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            .about-title {\n                font-size: 38px;\n            }\n            .team-title { font-size: 42px; color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; background:none !important; }\n        }\n        @media(max-width: 640px) {\n            .hero-title {\n                font-size: 36px;\n            }\n            .hero-description {\n                font-size: 17px;\n            }\n            .about-title {\n                font-size: 32px;\n            }\n            .team-title { font-size: 34px; color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; background:none !important; }\n            .team-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            .office-card {\n                padding: 30px;\n            }\n            .office-icon {\n                width: 50px;\n                height: 50px;\n                top: 30px;\n                right: 30px;\n            }\n        }\n        \/* Cursor Trail Effect *\/\n        .cursor-dot {\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #00AEEF, #E13C97);\n            border-radius: 50%;\n            position: fixed;\n            pointer-events: none;\n            z-index: 9999;\n            opacity: 0;\n            transition: opacity 0.3s;\n        }\n        \/* Loading Animation *\/\n        @keyframes slideInUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        .animate-in {\n            animation: slideInUp 0.8s ease forwards;\n            opacity: 0;\n        }\n        .animate-in.delay-1 { animation-delay: 0.1s; }\n        .animate-in.delay-2 { animation-delay: 0.2s; }\n        .animate-in.delay-3 { animation-delay: 0.3s; }\n        .animate-in.delay-4 { animation-delay: 0.4s; }\n        @media (max-width: 640px){\n          .team-image-container{ padding-top: 145%; }\n          .team-overlay{ min-height: 0; padding: 18px 16px 92px; background:none; }\n        }\n        \/* ===== IMPROVED GLASS CARDS \u2013 CS TEAM (FINAL OVERRIDES) ===== *\/\n#cs-team .team-member{ padding-bottom:112px !important; }\n#cs-team .team-image-container::after{\n  content:\"\"; position:absolute; inset:0; z-index:1;\n  background: linear-gradient(to bottom,\n    rgba(10,10,15,0) 55%,\n    rgba(10,10,15,.10) 85%,\n    rgba(10,10,15,.12) 100%);\n  pointer-events:none;\n}\n#cs-team .team-info{\n  position:absolute !important;\n  left:16px !important; right:16px !important; bottom:16px !important;\n  background: rgba(255,255,255,.62) !important;\n  backdrop-filter: blur(10px) saturate(120%) !important;\n  border:1px solid rgba(255,255,255,.55) !important;\n  box-shadow: 0 10px 30px rgba(2,6,23,.18) !important;\n  border-radius:16px !important;\n  padding:14px 16px 12px !important;\n  z-index:3 !important;\n}\n#cs-team .team-member:hover .team-info{ background: rgba(255,255,255,.75) !important; }\n#cs-team .team-info .team-name{\n  font-family:'Manrope',sans-serif !important;\n  font-size:20px !important; font-weight:900 !important; line-height:1.25 !important;\n  color:#0b1220 !important; letter-spacing:-.2px !important;\n  text-shadow:none !important; margin:0 0 6px !important;\n}\n#cs-team .team-info .team-role{\n  font-family:'Manrope',sans-serif !important;\n  font-size:11px !important; font-weight:800 !important;\n  text-transform:uppercase !important; letter-spacing:1.4px !important;\n  color:#008fc7 !important; margin:0 0 6px !important; text-shadow:none !important;\n}\n#cs-team .team-info .team-credential{\n  font-family:'Manrope',sans-serif !important;\n  font-size:12px !important; color:#334155 !important;\n  line-height:1.55 !important; margin:0 0 10px !important; text-shadow:none !important;\n}\n#cs-team .team-info .language-tag{\n  font-size:10px !important; font-weight:800 !important; text-transform:uppercase !important;\n  letter-spacing:.6px !important; color:#0a0a0f !important;\n  background: rgba(255,255,255,.70) !important;\n  border:1px solid rgba(2,6,23,.08) !important; border-radius:12px !important;\n  padding:6px 10px !important;\n}\n#cs-team .team-member:hover{ transform: translateY(-10px) scale(1.01); box-shadow:0 22px 44px rgba(0,174,239,.22); }\n#cs-team .team-overlay{ display:none !important; }\n.team-section h3.team-name{ color:#0b1220 !important; -webkit-text-fill-color:#0b1220 !important; background:none !important; text-shadow:none !important; }\n.team-section p.team-credential{ color:#334155 !important; }\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n    <!-- HERO INTRO --><\/p>\n<section>\n            Over CS Advocaten<\/p>\n<h1>CS Advocaten Torrox Costa<\/h1>\n<p>\n                Opgericht in 2002 door Carmen Silvia Gallardo Mu\u00f1oz-Cruzado, een advocaat met uitgebreide ervaring in eigendomsrecht, een van de meest gevraagde rechtsgebieden in de regio.\n            <\/p>\n<p>                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M12 5v14M19 12l-7 7-7-7\"\/>\n                <\/svg><br \/>\n    <\/section>\n<p>    <!-- ABOUT SECTION --><\/p>\n<section>\n                <!-- Content --><br \/>\n                    Ons verhaal<\/p>\n<h2>CS Advocaten Torrox Costa<\/h2>\n<p>\n                        CS Lawyers Torrox Costa werd in 2002 opgericht door Carmen Silvia Gallardo Mu\u00f1oz-Cruzado, een advocate met ruime ervaring op het gebied van vastgoedrecht, een van de meest gevraagde rechtsgebieden in de regio.\n                    <\/p>\n<p>\n                        Vanaf het allereerste begin heeft ons kantoor zich ingezet voor het leveren van innovatieve juridische diensten. Wat ons onderscheidt, is onze persoonlijke aandacht en de duidelijke, directe communicatie tussen advocaat en cli\u00ebnt.\n                    <\/p>\n<p>\n                        Wij beschikken over een professioneel en meertalig team, bestaande uit Spaanse en internationale deskundigen die elk gespecialiseerd zijn in verschillende rechtsgebieden. Dankzij onze ervaring en vakbekwaamheid bieden wij voor elke zaak doeltreffende en op maat gemaakte juridische oplossingen.\n                    <\/p>\n<p>\n                        Ons succes is gebaseerd op ervaring, vertrouwen en professionaliteit. Bij CS Lawyers werken we met toewijding en inzet om juridische bijstand van de hoogste kwaliteit te bieden.\n                    <\/p>\n<p>\n                        We nodigen je uit om onze sectie Expertisegebieden te bezoeken voor meer informatie over onze diensten.\n                    <\/p>\n<p>                    <!-- Stats --><br \/>\n                            25+<br \/>\n                            Aantal jaren ervaring<br \/>\n                            4<br \/>\n                            Kantoren<br \/>\n                            4k+<br \/>\n                            Tevreden klanten<br \/>\n                <!-- Offices --><br \/>\n                                <svg viewbox=\"0 0 24 24\">\n                                    <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n                                <\/svg><br \/>\n                                01<\/p>\n<h3>Torrox-Costa<\/h3>\n<p>\n                                    Deskundig juridisch advies voor vastgoedtransacties en geschillen over eigendom in Torrox-Costa.\n                                <\/p>\n<p>                                <svg viewbox=\"0 0 24 24\">\n                                    <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n                                <\/svg><br \/>\n                                02<\/p>\n<h3>Torre del Mar<\/h3>\n<p>\n                                    Uitgebreide juridische ondersteuning voor stadsplanning en landontwikkeling in Torre del Mar.\n                                <\/p>\n<p>                                <svg viewbox=\"0 0 24 24\">\n                                    <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n                                <\/svg><br \/>\n                                03<\/p>\n<h3>Marbella<\/h3>\n<p>\n                                    Gespecialiseerde diensten in luxe eigendomsrecht en internationale investeringen in Marbella.\n                                <\/p>\n<p>                                <svg viewbox=\"0 0 24 24\">\n                                    <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n                                <\/svg><br \/>\n                                04<\/p>\n<h3>Nerja<\/h3>\n<p>\n                                    Professionele juridische diensten voor onroerend goed en juridisch advies in Nerja.\n                                <\/p>\n<\/section>\n<p>    <!-- TEAM SECTION --><\/p>\n<section id=\"cs-team\">\n            <!-- Header --><\/p>\n<h2>Maak kennis met ons juridisch team<\/h2>\n<p>\n                    CS Abogados is een advocatenkantoor dat cli\u00ebnten in de hele provincie M\u00e1laga bedient.\n                <\/p>\n<p>\n                    Met ons veelzijdige, multinationale team zijn we er trots op juridische diensten aan te bieden in maar liefst vijf talen, wat het multiculturele karakter van de regio weerspiegelt. We spreken niet alleen uw taal \u2014 we begrijpen ook uw behoeften, waardoor we in elke fase van het proces zorgen voor duidelijke en effectieve communicatie.\n                <\/p>\n<p>            <!-- Team Grid --><br \/>\n                <!-- Carmen Silvia --><br \/>\n                        <img decoding=\"async\" src=\"https:\/\/cslawyers.es\/wp-content\/uploads\/2025\/03\/9592-01-copia.jpg\" alt=\"Carmen Silvia\"><br \/>\n                        Oprichter<\/p>\n<h3>Carmen Silvia Gallardo Mu\u00f1oz-Cruzado<\/h3>\n<p>Advocaat<\/p>\n<p>Afgestudeerd aan de universiteit van Granada. Lid 5532<\/p>\n<p>                        Spaans<br \/>\n                        Engels<br \/>\n                        <a href=\"#\"><br \/>\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg><br \/>\n                        <\/a><br \/>\n                        <a href=\"#\"><br \/>\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg><br \/>\n                        <\/a><br \/>\n                <!-- Patricia --><br \/>\n                        <img decoding=\"async\" src=\"https:\/\/cslawyers.es\/wp-content\/uploads\/2025\/03\/9592-04-copia.jpg\" alt=\"Patricia Jim\u00e9nez\"><\/p>\n<h3>Patricia Jim\u00e9nez Kammler<\/h3>\n<p>Paralegal<\/p>\n<p>                        Engels<br \/>\n                        Duits<br \/>\n                        Spaans<br \/>\n                        <a href=\"#\"><br \/>\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg><br \/>\n                        <\/a><br \/>\n                        <a href=\"#\"><br \/>\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg><br \/>\n                        <\/a><br \/>\n                <!-- Luc\u00eda --><br \/>\n                        <img decoding=\"async\" src=\"https:\/\/cslawyers.es\/wp-content\/uploads\/2025\/03\/9592-03-copia.jpg\" alt=\"Luc\u00eda T\u00e9llez\"><\/p>\n<h3>Luc\u00eda T\u00e9llez Le\u00f3n<\/h3>\n<p>Paralegal<\/p>\n<p>                        Engels<br \/>\n                        Duits<br \/>\n                        Spaans<br \/>\n                        <a href=\"#\"><br \/>\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg><br \/>\n                        <\/a><br \/>\n                        <a href=\"#\"><br \/>\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg><br \/>\n                        <\/a><br \/>\n                <!-- Laetitia --><br \/>\n                        <img decoding=\"async\" src=\"https:\/\/cslawyers.es\/wp-content\/uploads\/2025\/03\/9592-02-copia.jpg\" alt=\"Laetitia Vandenbossche\"><\/p>\n<h3>Laetitia Vandenbossche<\/h3>\n<p>Secretaris<\/p>\n<p>                        Engels<br \/>\n                        Frans<br \/>\n                        Spaans<br \/>\n                        <a href=\"#\"><br \/>\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg><br \/>\n                        <\/a><br \/>\n                        <a href=\"#\"><br \/>\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg><br \/>\n                        <\/a><br \/>\n    <\/section>\n<p>    <!-- JavaScript --><br \/>\n<\/body><br \/>\n<\/html><\/p>","protected":false},"excerpt":{"rendered":"<p>About Us &#8211; CS Lawyers About CS Lawyers CS Lawyers Torrox Costa Founded in 2002 by Carmen Silvia Gallardo Mu\u00f1oz-Cruzado, a lawyer with extensive experience in property law, one of the most in-demand legal areas in the region. Our Story CS Lawyers Torrox Costa CS Lawyers Torrox Costa was founded in 2002 by Carmen Silvia [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":321,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-95","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/cslawyers.es\/nl\/wp-json\/wp\/v2\/pages\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cslawyers.es\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cslawyers.es\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cslawyers.es\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cslawyers.es\/nl\/wp-json\/wp\/v2\/comments?post=95"}],"version-history":[{"count":121,"href":"https:\/\/cslawyers.es\/nl\/wp-json\/wp\/v2\/pages\/95\/revisions"}],"predecessor-version":[{"id":1147,"href":"https:\/\/cslawyers.es\/nl\/wp-json\/wp\/v2\/pages\/95\/revisions\/1147"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cslawyers.es\/nl\/wp-json\/wp\/v2\/media\/321"}],"wp:attachment":[{"href":"https:\/\/cslawyers.es\/nl\/wp-json\/wp\/v2\/media?parent=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}