/*
Theme Name: Template Motored
Theme URI: https://motored.com.ar
Author: Gabriel Pereira de Andrade
Description: Tema WordPress criado do zero.
Version: 1.0
License: GPLv2 or later
Text Domain: motored
*/

body {
  margin: 0;
  background-color: #000;
  color: #fff;
  text-align: center;
}

.custom-logo{
    max-width: 240px;
    height: auto;
}


.whatsapp-btn {
            background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
            border: 2px solid #25D366;
            color: #fff;
            padding: 18px 35px;
            border-radius: 50px;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 15px;
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
            position: relative;
            overflow: hidden;
        }

        .whatsapp-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5);
            border-color: #20ba5a;
            color: #fff;
        }

        .whatsapp-btn::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            border-radius: 50%;
            background: rgba(37, 211, 102, 0.1);
            transform: translate(-50%, -50%);
            transition: width 0.6s, height 0.6s;
        }

        .whatsapp-btn:hover::before {
            width: 300px;
            height: 300px;
        }

        .whatsapp-icon {
            width: 28px;
            height: 28px;
            fill: #25D366;
            transition: all 0.3s ease;
            z-index: 1;
        }

        .whatsapp-btn:hover .whatsapp-icon {
            fill: #20ba5a;
            transform: scale(1.1) rotate(5deg);
        }

        .btn-text {
            z-index: 1;
        }

        .pulse {
            animation: pulse-animation 2s infinite;
        }

        @keyframes pulse-animation {
            0% {
                box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
            }
            50% {
                box-shadow: 0 4px 25px rgba(37, 211, 102, 0.6);
            }
            100% {
                box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
            }
        }