.elementor-236 .elementor-element.elementor-element-c646586:not(.elementor-motion-effects-element-type-background), .elementor-236 .elementor-element.elementor-element-c646586 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #004B81 50%, #FFFFFF 100%);}.elementor-236 .elementor-element.elementor-element-c646586{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:15px 0px 40px 0px;}.elementor-236 .elementor-element.elementor-element-c646586 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-236 .elementor-element.elementor-element-a1e686c{text-align:center;}.elementor-236 .elementor-element.elementor-element-a1e686c .elementor-heading-title{font-family:"Maven Pro", Sans-serif;font-size:45px;font-weight:800;color:#FFFFFF;}.elementor-236 .elementor-element.elementor-element-da30f30{padding:0px 0px 0px 0px;}.elementor-236 .elementor-element.elementor-element-1894807 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-236 .elementor-element.elementor-element-c8a78da{--spacer-size:10px;}.elementor-236 .elementor-element.elementor-element-3a0a64a{--spacer-size:131px;}@media(max-width:767px){.elementor-236 .elementor-element.elementor-element-a1e686c .elementor-heading-title{font-size:30px;}.elementor-236 .elementor-element.elementor-element-da30f30{padding:0px 0px 0px 0px;}.elementor-236 .elementor-element.elementor-element-c8a78da{--spacer-size:15px;}}/* Start custom CSS for section, class: .elementor-element-da30f30 */.card_ejemplo {
        width: 280px;
        background-color: #fff;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
        display: flex;
        flex-direction: column;
        justify-content: flex-start; 
        align-items: stretch;
        cursor: pointer;
    }

    .card_ejemplo img {
        width: 100%;
        height: 180px;
        object-fit: cover;
        background-color: #f5f5f5;
    }

    .card_ejemplo h4 {
        margin: 12px;
        font-size: 18px;
        font-weight: 600;
        color: #333;
    }

    /* Header sucursales */
    .sucursales_header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 12px 12px;
        cursor: pointer;
    }
    .sucursales_header h5{
        margin: 8px 0 0 0;
        font-weight: 400;
        fill: #777;
        font-size: 16px;
    }

    .sucursales_header svg {
        width: 30px;
        height: 30px;
        fill: #777;
        transition: transform 0.3s ease;
    }

    .sucursales_header.active svg {
        transform: rotate(180deg);
    }

    /* Lista de sucursales */
    .sucursales_lista {
        list-style: none;
        margin: 0;
        padding: 0 12px 12px;
        font-size: 16px;
        color: #555;
        display: none;
        animation: fadeIn 1.3s ease;
    }

    .sucursales_lista li {
        padding: 4px 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #eee;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sucursales_lista li:last-child {
        border-bottom: none;
    }

    /* Ícono mapa */
    .map_icon {
        width: 24px;
        height: 24px;
        fill: #007bff;
        cursor: pointer;
        flex-shrink: 0;
        transition: fill 0.2s ease;
    }

    .map_icon:hover {
        fill: #0056b3;
    }

    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(-5px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .pills_container {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .pill {
        display: inline-block;
        background-color: #e6f0ff; /* Fondo suave */
        color: #0056b3;           /* Texto */
        padding: 4px 12px;
        margin-left: 12px;
        border-radius: 999px;     /* Hace forma de píldora */
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        border: 1px solid #b3d4ff; /* Borde sutil */
        white-space: nowrap;      /* Evita que se corte en varias líneas */
    }
    .pill:hover {
        background-color: #d0e4ff;
        cursor: pointer;
    }
    
    .empty_list {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 30px;
        padding: 30px;
        text-align: center;
        font-family: 'Maven Pro', sans-serif;
		animation: fadeIn 0.3s ease-in-out;
    }

    .empty_list img {
        max-width: 200px;
        height: auto;
        opacity: 0.9;
    }

    .empty_list .text_container{
        padding: 1.5rem;
		background-color: #e7f1ff; 
		border: 1px solid #b6d4fe;
		border-radius: 10px;
		color: #084298; /* azul oscuro */
		text-align: center;
		max-width: 600px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }

    .empty_list h3 {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 8px;
    }

    .empty_list h4 {
		font-size: 14px;
		font-weight: 400;
		color: #0c5db5
    }

	#map {
  		border-radius: 12px;
  		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  		overflow: hidden;
		margin-right: 30px;
		font-family: 'Maven Pro', sans-serif !important;
	}
	
	select {
  		border-radius: 12px;
  		background-color: #144364;
  		color: white;
  		border: none;
  		padding: 10px;
  		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		font-family: 'Maven Pro', sans-serif !important;
		}
	

	.ta-input {
  		background-color: #fff;
  		border-radius: 12px !important;
  		border: none;
  		padding: 10px;
  		width: 100% !important;
  		font-family: 'Maven Pro', sans-serif;
  		box-shadow: 0 4px 12px rgba(0,0,0,0.1);
		margin-bottom: 7px;
		font-family: 'Maven Pro', sans-serif !important;
		}

	.ta-input::placeholder {
  		color: #d0d0d0 !important;
		font-family: 'Maven Pro', sans-serif !important;
		}
		
	.filtro-select {
		font-family: 'Maven Pro', sans-serif !important;
  		width: 100%;
  		border-radius: 12px;
  		background-color: #144364;
  		color: white;
  		border: none;
  		padding: 13px;
  		padding-right: 3rem;
  		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		margin-bottom: 15px;
		margin-top: 10px;
	}
	
 	.btn-limpiar-filtros {
        display: inline-flex;
        align-items: center;
        border-radius: 12px;
        background-color: #144364;
        color: white;
        border: none;
        padding: 10px 16px;
        font-family: 'Maven Pro', sans-serif !important;
        font-size: 14px;
        cursor: pointer;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transition: background-color 0.2s ease, transform 0.1s ease;
    }

    .btn-limpiar-filtros:hover {
        background-color: #1a547d;
    }

    .btn-limpiar-filtros:active {
        transform: scale(0.97);
    }	
	
	
	.locality-select {
  		width: 100%;
  		border-radius: 12px;
  		background-color: #144364;
  		color: white;
  		border: none;
  		padding: 13px;
  		padding-right: 3rem;
  		margin-bottom: 10px;
  		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  		font-family: 'Maven Pro';
	}
		
		
	#results_v2 {
        display: flex;
        flex-wrap: wrap; 
        gap: 20px;
        padding: 12px;
        justify-content: center;
        align-items: flex-start;     
        margin: 0 auto;
	}
	
	
	#a82aaac {
			max-height: 10% !important;
		}

    .container, #container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 20px;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    #filters_v2 {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      padding: 15px;
      background: #f8f9fa;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    }
    
    #pagination_v2 {
        display: flex;
        gap: 8px;
        justify-content: center;
        margin-top: 20px;
        flex-wrap: wrap;
    }

    #pagination_v2 button {
        border-radius: 12px;
        background-color: #144364;
        color: white;
        border: none;
        padding: 10px 16px;
        font-family: 'Maven Pro', sans-serif !important;
        font-size: 14px;
        cursor: pointer;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transition: background-color 0.2s ease, transform 0.1s ease;
        min-width: 40px;
    }

    #pagination_v2 button:hover:not(:disabled) {
        background-color: #1a547d;
    }

    #pagination_v2 button:active:not(:disabled) {
        transform: scale(0.97);
    }

    #pagination_v2 button:disabled {
        background-color: #ccc;
        color: #666;
        cursor: default;
        box-shadow: none;
    }
    

	@media (max-width: 767px) {
		#map {
			margin: 20px !important;
		}
        .empty_list{
            flex-direction: column;
        }
		#a82aaac {
			height: 30% !important;
		}
		
		#container_filtered_commerces > div {
    		width: 100% !important;
			 min-height: 85px;
			 margin-right: 15px;
			 margin-left: 15px;
			 
  		}
		
	}/* End custom CSS */