.elementor-580 .elementor-element.elementor-element-736e8bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.19;--padding-top:077px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-580 .elementor-element.elementor-element-736e8bb:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-736e8bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://surosalud.com/wp-content/uploads/2025/09/medicine-products-placed-in-shelves-at-pharmacy.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-580 .elementor-element.elementor-element-736e8bb::before, .elementor-580 .elementor-element.elementor-element-736e8bb > .elementor-background-video-container::before, .elementor-580 .elementor-element.elementor-element-736e8bb > .e-con-inner > .elementor-background-video-container::before, .elementor-580 .elementor-element.elementor-element-736e8bb > .elementor-background-slideshow::before, .elementor-580 .elementor-element.elementor-element-736e8bb > .e-con-inner > .elementor-background-slideshow::before, .elementor-580 .elementor-element.elementor-element-736e8bb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#98DBFF;--background-overlay:'';}.elementor-580 .elementor-element.elementor-element-736e8bb > .elementor-shape-bottom svg, .elementor-580 .elementor-element.elementor-element-736e8bb > .e-con-inner > .elementor-shape-bottom svg{width:calc(117% + 1.3px);height:200px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-580 .elementor-element.elementor-element-57bca44{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 0px 50px 0px;text-align:center;}.elementor-580 .elementor-element.elementor-element-57bca44 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:60px;font-weight:800;line-height:1.2em;text-shadow:0px 0px 23px rgba(255, 255, 255, 0.98);color:var( --e-global-color-32a42ee );}.elementor-580 .elementor-element.elementor-element-c5ec017{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-580 .elementor-element.elementor-element-c5ec017 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:50px 50px 50px 50px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.34);}.elementor-580 .elementor-element.elementor-element-c5ec017.elementor-element{--align-self:center;}.elementor-580 .elementor-element.elementor-element-3efa81b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-580 .elementor-element.elementor-element-ac42757{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-580 .elementor-element.elementor-element-6b40cca{--e-filter-direction:column;--e-filter-white-space:initial;width:auto;max-width:auto;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-space-between:6px;--e-filter-hover-text-color:var( --e-global-color-d49ac81 );--e-filter-active-text-color:var( --e-global-color-d49ac81 );}.elementor-580 .elementor-element.elementor-element-6b40cca.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:1;}.elementor-580 .elementor-element.elementor-element-6b40cca .e-filter-item{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-580 .elementor-element.elementor-element-2179180{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;width:auto;max-width:auto;--e-filter-space-between:6px;--e-filter-hover-text-color:var( --e-global-color-d49ac81 );--e-filter-active-text-color:var( --e-global-color-d49ac81 );}.elementor-580 .elementor-element.elementor-element-2179180.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:1;}.elementor-580 .elementor-element.elementor-element-2179180 .e-filter-item{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-580 .elementor-element.elementor-element-338874c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-580 .elementor-element.elementor-element-f4cdf49{--grid-columns:3;--load-more-message-alignment:center;--load-more-message-color:#000000;--load-more-button-align:center;--e-loop-nothing-found-message-align:center;}.elementor-580 .elementor-element.elementor-element-f4cdf49 .elementor-button{background-color:var( --e-global-color-3929a06 );font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0px;fill:#FFFFFF;color:#FFFFFF;}.elementor-580 .elementor-element.elementor-element-f4cdf49 .elementor-button:hover, .elementor-580 .elementor-element.elementor-element-f4cdf49 .elementor-button:focus{background-color:var( --e-global-color-a92d0bf );color:#FFFFFF;}.elementor-580 .elementor-element.elementor-element-f4cdf49 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-580 .elementor-element.elementor-element-f4cdf49 .elementor-button:hover svg, .elementor-580 .elementor-element.elementor-element-f4cdf49 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-580 .elementor-element.elementor-element-f4cdf49 .e-load-more-message{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:1.2em;letter-spacing:-0.5px;}.elementor-580 .elementor-element.elementor-element-f4cdf49 .e-loop-nothing-found-message__text{font-family:"Inter", Sans-serif;font-weight:700;}@media(max-width:1024px){.elementor-580 .elementor-element.elementor-element-736e8bb > .elementor-shape-bottom svg, .elementor-580 .elementor-element.elementor-element-736e8bb > .e-con-inner > .elementor-shape-bottom svg{width:calc(163% + 1.3px);}.elementor-580 .elementor-element.elementor-element-736e8bb{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-580 .elementor-element.elementor-element-57bca44 .elementor-heading-title{font-size:40px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-580 .elementor-element.elementor-element-f4cdf49{--grid-columns:3;}.elementor-580 .elementor-element.elementor-element-f4cdf49 .elementor-button{font-size:12px;}.elementor-580 .elementor-element.elementor-element-f4cdf49 .e-load-more-message{font-size:31px;}}@media(max-width:767px){.elementor-580 .elementor-element.elementor-element-736e8bb:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-736e8bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://surosalud.com/wp-content/uploads/2025/09/young-male-pharmacist-giving-prescription-medications-to-senior-female-customer-in-a-pharmacy.jpg");background-position:top center;}.elementor-580 .elementor-element.elementor-element-736e8bb > .elementor-shape-bottom svg, .elementor-580 .elementor-element.elementor-element-736e8bb > .e-con-inner > .elementor-shape-bottom svg{width:calc(184% + 1.3px);}.elementor-580 .elementor-element.elementor-element-736e8bb{--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-580 .elementor-element.elementor-element-57bca44 .elementor-heading-title{font-size:44px;}.elementor-580 .elementor-element.elementor-element-c5ec017{--container-widget-width:88%;--container-widget-flex-grow:0;width:var( --container-widget-width, 88% );max-width:88%;}.elementor-580 .elementor-element.elementor-element-3efa81b{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-580 .elementor-element.elementor-element-f4cdf49{--grid-columns:1;}.elementor-580 .elementor-element.elementor-element-f4cdf49 .elementor-button{font-size:11px;}.elementor-580 .elementor-element.elementor-element-f4cdf49 .e-load-more-message{font-size:24px;}}@media(min-width:768px){.elementor-580 .elementor-element.elementor-element-ac42757{--width:25%;}.elementor-580 .elementor-element.elementor-element-338874c{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-580 .elementor-element.elementor-element-ac42757{--width:30%;}.elementor-580 .elementor-element.elementor-element-338874c{--width:70%;}}/* Start custom CSS for aws, class: .elementor-element-c5ec017 *//* Estilo para todo el contenedor del buscador */
.aws-search-form {
  border-radius: 50px !important; /* Aplica bordes redondeados a todo el contenedor */
  overflow: hidden !important;
  display: flex !important; /* Asegura que el botón y el campo de texto estén alineados */
}

/* Estilo para el campo de texto del buscador */
.aws-search-form input[type="search"] {
  border: none !important;
  box-shadow: none !important;
  border-radius: 50px 0 0 50px !important; /* Para que la caja de texto sea ovalada */
  padding: 0 20px !important;
  flex-grow: 1 !important; /* Hace que el campo de texto ocupe todo el espacio disponible */
}

/* Estilo para el fondo del botón del buscador */
.aws-search-btn {
  background-color: #1C94D4 !important;
  border-radius: 0 50px 50px 0 !important; /* Para que el botón sea ovalado en el lado derecho */
}

/* Estilo para el icono de la lupa */
.aws-search-btn svg {
  fill: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-6b40cca */<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Réplica de Filtro Visual</title>
    <style>
        /*
        ===========================================
        ESTILOS CSS PARA LA RÉPLICA VISUAL
        ===========================================
        */

        /* --- RESET BÁSICO y CONTENEDOR PRINCIPAL --- */
        body {
            background-color: #f4f4f4; /* Fondo del cuerpo para contrastar */
            padding: 20px;
        }

        .sidebar-filtro {
            width: 250px; /* Ancho del sidebar */
            background-color: #ffffff;
            font-family: Arial, sans-serif; /* Fuente sans-serif estándar */
            border: 1px solid #e0e0e0;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }

        .lista-opciones {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        /* --- 1. HEADER AZUL ("Filtros") --- */
        .filtro-header {
            background-color: #3498db; /* Color Azul de fondo */
            color: white;
            padding: 12px 20px;
            font-size: 1.1em;
            font-weight: bold;
            display: flex;
            align-items: center;
        }

        .filtro-header .icono-filtro {
            /* Usamos un triángulo CSS como placeholder del ícono de filtro */
            margin-right: 8px;
            font-size: 1.2em;
        }

        /* --- 2. SECCIONES DE FILTRO (Categorías y Marcas) --- */
        .filtro-seccion {
            padding: 10px 20px;
            border-bottom: 1px solid #eeeeee; /* Separador entre secciones */
        }

        .filtro-seccion:last-child {
            border-bottom: none; /* No hay borde en la última sección */
        }

        /* Título de la Sección ("Categorías", "Marcas") */
        .seccion-titulo {
            font-weight: bold;
            font-size: 0.95em;
            color: #333333;
            cursor: pointer;
            margin-bottom: 5px;
            padding: 5px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            /* La flecha de la captura de pantalla está orientada hacia abajo, la replicamos */
        }

        .seccion-titulo .toggle-icon {
            font-size: 0.8em;
            color: #999999;
            /* Estilo para la 'v' */
            transform: rotate(90deg);
        }

        /* --- 3. LISTA DE OPCIONES (Radio Buttons) --- */
        .lista-opciones li {
            padding: 5px 0;
        }

        .lista-opciones label {
            display: flex;
            align-items: center;
            font-size: 0.9em;
            color: #555555;
            cursor: pointer;
            line-height: 1.2;
        }

        /* Flecha para Subcategorías (lado derecho) */
        .subcategorias-toggle {
            font-size: 0.7em;
            color: #999999;
            margin-left: auto; /* Empuja la flecha a la derecha */
            cursor: pointer;
        }

        /* --- 4. ESTILO DE LOS RADIO BUTTONS --- */
        
        /* Oculta el radio button nativo */
        .lista-opciones input[type="radio"] {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            
            /* Configuración visual del círculo */
            width: 15px; /* Ajuste ligeramente más pequeño */
            height: 15px;
            border: 1px solid #999; /* Borde gris más fino */
            border-radius: 50%;
            margin-right: 10px;
            position: relative;
            cursor: pointer;
            flex-shrink: 0;
        }

        /* Estado seleccionado (el punto interior, aunque en tu imagen están sin seleccionar) */
        .lista-opciones input[type="radio"]:checked {
            border-color: #3498db; /* Borde azul al seleccionar */
        }

        .lista-opciones input[type="radio"]:checked::before {
            content: '';
            width: 8px;
            height: 8px;
            background-color: #3498db; /* Punto interior azul */
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); /* Centra el punto */
        }
    </style>
</head>
<body>

    <div class="sidebar-filtro">
        <div class="filtro-header">
            <span class="icono-filtro">▼</span> <span class="titulo-filtro">Filtros</span>
        </div>

        <div class="filtro-seccion">
            <div class="seccion-titulo">
                Categorías
                <span class="toggle-icon">v</span>
            </div>
            <ul class="lista-opciones">
                <li>
                    <label>
                        <input type="radio" name="categoria" value="medicina"> Medicina
                    </label>
                    <span class="subcategorias-toggle">v</span> </li>
                <li>
                    <label>
                        <input type="radio" name="categoria" value="asistencia"> Equipo de asistencia
                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="categoria" value="mobiliario"> Mobiliario
                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="categoria" value="ortopedia"> Ortopedia
                    </label>
                    <span class="subcategorias-toggle">v</span>
                </li>
            </ul>
        </div>

        <div class="filtro-seccion">
            <div class="seccion-titulo">
                Marcas
                <span class="toggle-icon">v</span>
            </div>
            <ul class="lista-opciones">
                <li>
                    <label>
                        <input type="radio" name="marca" value="drotafarma"> Drotafarma
                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="marca" value="bialy"> Bialy
                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="marca" value="shields"> Medical Shields
                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="marca" value="bsn"> BSN Medical
                    </label>
                </li>
            </ul>
        </div>
    </div>
    </body>
</html>/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-2179180 */<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Réplica de Filtro Visual</title>
    <style>
        /*
        ===========================================
        ESTILOS CSS PARA LA RÉPLICA VISUAL
        ===========================================
        */

        /* --- RESET BÁSICO y CONTENEDOR PRINCIPAL --- */
        body {
            background-color: #f4f4f4; /* Fondo del cuerpo para contrastar */
            padding: 20px;
        }

        .sidebar-filtro {
            width: 250px; /* Ancho del sidebar */
            background-color: #ffffff;
            font-family: Arial, sans-serif; /* Fuente sans-serif estándar */
            border: 1px solid #e0e0e0;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }

        .lista-opciones {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        /* --- 1. HEADER AZUL ("Filtros") --- */
        .filtro-header {
            background-color: #3498db; /* Color Azul de fondo */
            color: white;
            padding: 12px 20px;
            font-size: 1.1em;
            font-weight: bold;
            display: flex;
            align-items: center;
        }

        .filtro-header .icono-filtro {
            /* Usamos un triángulo CSS como placeholder del ícono de filtro */
            margin-right: 8px;
            font-size: 1.2em;
        }

        /* --- 2. SECCIONES DE FILTRO (Categorías y Marcas) --- */
        .filtro-seccion {
            padding: 10px 20px;
            border-bottom: 1px solid #eeeeee; /* Separador entre secciones */
        }

        .filtro-seccion:last-child {
            border-bottom: none; /* No hay borde en la última sección */
        }

        /* Título de la Sección ("Categorías", "Marcas") */
        .seccion-titulo {
            font-weight: bold;
            font-size: 0.95em;
            color: #333333;
            cursor: pointer;
            margin-bottom: 5px;
            padding: 5px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            /* La flecha de la captura de pantalla está orientada hacia abajo, la replicamos */
        }

        .seccion-titulo .toggle-icon {
            font-size: 0.8em;
            color: #999999;
            /* Estilo para la 'v' */
            transform: rotate(90deg);
        }

        /* --- 3. LISTA DE OPCIONES (Radio Buttons) --- */
        .lista-opciones li {
            padding: 5px 0;
        }

        .lista-opciones label {
            display: flex;
            align-items: center;
            font-size: 0.9em;
            color: #555555;
            cursor: pointer;
            line-height: 1.2;
        }

        /* Flecha para Subcategorías (lado derecho) */
        .subcategorias-toggle {
            font-size: 0.7em;
            color: #999999;
            margin-left: auto; /* Empuja la flecha a la derecha */
            cursor: pointer;
        }

        /* --- 4. ESTILO DE LOS RADIO BUTTONS --- */
        
        /* Oculta el radio button nativo */
        .lista-opciones input[type="radio"] {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            
            /* Configuración visual del círculo */
            width: 15px; /* Ajuste ligeramente más pequeño */
            height: 15px;
            border: 1px solid #999; /* Borde gris más fino */
            border-radius: 50%;
            margin-right: 10px;
            position: relative;
            cursor: pointer;
            flex-shrink: 0;
        }

        /* Estado seleccionado (el punto interior, aunque en tu imagen están sin seleccionar) */
        .lista-opciones input[type="radio"]:checked {
            border-color: #3498db; /* Borde azul al seleccionar */
        }

        .lista-opciones input[type="radio"]:checked::before {
            content: '';
            width: 8px;
            height: 8px;
            background-color: #3498db; /* Punto interior azul */
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); /* Centra el punto */
        }
    </style>
</head>
<body>

    <div class="sidebar-filtro">
        <div class="filtro-header">
            <span class="icono-filtro">▼</span> <span class="titulo-filtro">Filtros</span>
        </div>

        <div class="filtro-seccion">
            <div class="seccion-titulo">
                Categorías
                <span class="toggle-icon">v</span>
            </div>
            <ul class="lista-opciones">
                <li>
                    <label>
                        <input type="radio" name="categoria" value="medicina"> Medicina
                    </label>
                    <span class="subcategorias-toggle">v</span> </li>
                <li>
                    <label>
                        <input type="radio" name="categoria" value="asistencia"> Equipo de asistencia
                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="categoria" value="mobiliario"> Mobiliario
                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="categoria" value="ortopedia"> Ortopedia
                    </label>
                    <span class="subcategorias-toggle">v</span>
                </li>
            </ul>
        </div>

        <div class="filtro-seccion">
            <div class="seccion-titulo">
                Marcas
                <span class="toggle-icon">v</span>
            </div>
            <ul class="lista-opciones">
                <li>
                    <label>
                        <input type="radio" name="marca" value="drotafarma"> Drotafarma
                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="marca" value="bialy"> Bialy
                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="marca" value="shields"> Medical Shields
                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="marca" value="bsn"> BSN Medical
                    </label>
                </li>
            </ul>
        </div>
    </div>
    </body>
</html>/* End custom CSS */