@extends('layouts.plantilla')
@section('distribuidores','active')
@section('content')

<style type="text/css">
    .buscar{
        background-color: #F38130 !important;
        border: 1px solid #F38130 !important;
        color: #FFF !important;
    }
    .buscar:hover{
        color: #F38130 !important;
        background-color: #FFF !important;
    }
    .header{
        /* background-color: #F5F5F5; */
        background: rgba(147, 149, 152, 0.2);
    }
    .titulo{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 42px;
        line-height: 51px;
        color: #131313;
    }
    .breadcrumb li a{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 300;
        font-size: 13px;
        line-height: 16px;
        color: #000000;
        text-decoration: none !important;
    }
    .breadcrumb li.active a{
        font-weight: 400 !important;
    }
    .border_bottom{
        border-bottom: 1px solid rgb(33, 33, 33) !important;
    }
    .fa-map-marker-alt{
        color: #F38130 !important;
    }
    .distribuidores{
        background-color: #F8F8F8 !important;
    }
    .distribuidor{
        padding: 12px;
        background-color: #FFF !important;
    }
    .distribuidor .card-body{
        padding: 0px;
    }
    .distribuidor h5{
        font-size: 18px !important;
        color: #F38130 !important;
    }
    .distribuidor ul{
        padding-left: 0;
    }
    .distribuidor li{
        list-style: none !important;
    }
    .distribuidor li a{
        text-decoration: none !important;
    }
</style>

<div class="header">
    <div class="container mb-5">
        <nav class="breadcrumb-menu pb-3" style="--bs-breadcrumb-divider: '|';" aria-label="breadcrumb" style="color: #2B2E39;">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="