{"id":17976,"date":"2023-12-21T00:56:21","date_gmt":"2023-12-21T08:56:21","guid":{"rendered":"https:\/\/real.cannabis.ca.gov\/module-library-documentation\/"},"modified":"2024-08-06T10:44:33","modified_gmt":"2024-08-06T17:44:33","slug":"documentacion-sobre-la-biblioteca-de-modulos","status":"publish","type":"page","link":"https:\/\/real.cannabis.ca.gov\/es\/documentacion-sobre-la-biblioteca-de-modulos\/","title":{"rendered":"Documentaci\u00f3n sobre la biblioteca de m\u00f3dulos"},"content":{"rendered":"<section data-block=\"true\" class=\"section--hero grid-half hero-height min-h-viewscreen\"\n  aria-label=\"Segmento de los h\u00e9roes\" \n  id=\"segmento-de-los-heroes\"\n  >\n      <div class=\"bg-sativa mobile-first\">\n          <div class=\"self-center\"><div data-repeater=\"false\" class=\"partial-copy text-left space-y-inner\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <h1 class=\"display display-1\" >\n    Segmento de los h\u00e9roes\n  <\/h1>  <p class=\"subhead\" >\n    Solo puede presentar uno de estos por p\u00e1gina, puede fijar el texto a la izquierda, derecha o ancho completo. Si selecciona el ancho completo, se establece la imagen como fondo.\n  <\/p><\/div><\/div>\n      <\/div>\n  <div class=\"bg-indica\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"1120\" height=\"1256\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image.png\" class=\"w-full rounded-image\" alt=\"\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image.png 1120w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image-624x700.png 624w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image-768x861.png 768w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image-913x1024.png 913w\" sizes=\"auto, (max-width: 1120px) 100vw, 1120px\" \/>      <\/div>\n  \n<\/section>\n<section class=\"section--cta-full text-center min-h-auto bg-pistil\" aria-label=\"Segmento completo de llamada a la acci\u00f3n (CTA, por sus siglas en ingl\u00e9s) \"\n  >\n\n  \n  <div class=\"container grid-12 col-span-full row-span-full z-content partials--one-column\">\n  <div class=\"col-narrow\">\n    <div data-repeater=\"false\" class=\"partial-copy text-center space-y-inner\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <h2 class=\"display display-1\" >\n    Segmento completo de llamada a la acci\u00f3n (CTA, por sus siglas en ingl\u00e9s)\n  <\/h2>  <p class=\"subhead\" >\n    Este segmento se utiliza para llevar a la gente a la p\u00e1gina de b\u00fasqueda de ubicaciones. Ignore el bot\u00f3n de abajo de Llamada a la acci\u00f3n, se sustituir\u00e1 por el cuadro de b\u00fasqueda.\n  <\/p>  <p class=\"partial-copy--cta\">\n    <a class=\"button\" href=\"http:\/\/google.com\" target=\"\" href=\"http:\/\/google.com\" target=\"\">\n    Prueba de bot\u00f3n\n  <\/a>  <\/p>\n<\/div>      <\/div>\n<\/div><\/section>\n<section class=\"section--multi-column bg-mint\"\n   aria-label=\"Segmento de varias columnas\" id=\"segmento-de-varias-columnas\"\n>\n  <div class=\"container flex flex-col gap-full\">\n    <div class=\"copy\">\n      <div class=\"container grid-12 col-span-full row-span-full z-content partials--one-column\">\n  <div class=\"col-narrow\">\n    <div data-repeater=\"false\" class=\"partial-copy text-center space-y-inner\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <h2 class=\"display display-2\" >\n    Segmento de varias columnas\n  <\/h2> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Subt\u00edtulo para fines de prueba<\/p>\n              <div class=\"partial-copy--copy\"><p>Se trata de un segmento adecuado que sirve cuando se tienen de 2 a 4 cosas que decir y se desea diagramarlas sin distracciones. Si desea a\u00f1adir im\u00e1genes, active la casilla &#8220;\u00bfCon im\u00e1genes?&#8221; en la pesta\u00f1a &#8220;Config&#8221;.<\/p>\n<\/div>\n      <\/div>\n<\/div>      <\/div>\n<\/div>    <\/div>\n    <ul class=\"grid lg:auto-cols-fr lg:grid-flow-col list-none ml-0 gap-narrow\">\n                        <li class=\"flex flex-col gap-inner\">\n                        <div class=\"copy\">\n              <div data-repeater=\"true\" class=\"partial-copy text-left is-repeater space-y-inner\">\n  <h3 class=\"title mb-0\" class=\"mb-0\">\n    Encabezado 1\n  <\/h3> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Subt\u00edtulo<\/p>\n              <div class=\"partial-copy--copy\"><p>Copie el texto para explicar m\u00e1s informaci\u00f3n.<\/p>\n<\/div>\n      <\/div>\n<\/div>            <\/div>\n          <\/li>\n                  <li class=\"flex flex-col gap-inner\">\n                        <div class=\"copy\">\n              <div data-repeater=\"true\" class=\"partial-copy text-left is-repeater space-y-inner\">\n  <h3 class=\"title mb-0\" class=\"mb-0\">\n    Encabezado 2\n  <\/h3> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Subt\u00edtulo<\/p>\n              <div class=\"partial-copy--copy\"><p>Copie el texto para explicar m\u00e1s informaci\u00f3n.<\/p>\n<\/div>\n      <\/div>\n<\/div>            <\/div>\n          <\/li>\n                  <li class=\"flex flex-col gap-inner\">\n                        <div class=\"copy\">\n              <div data-repeater=\"true\" class=\"partial-copy text-left is-repeater space-y-inner\">\n  <h3 class=\"title mb-0\" class=\"mb-0\">\n    Encabezado 3\n  <\/h3> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Subt\u00edtulo<\/p>\n              <div class=\"partial-copy--copy\"><p>Copie el texto para explicar m\u00e1s informaci\u00f3n.<\/p>\n<\/div>\n      <\/div>\n<\/div>            <\/div>\n          <\/li>\n                  <li class=\"flex flex-col gap-inner\">\n                        <div class=\"copy\">\n              <div data-repeater=\"true\" class=\"partial-copy text-left is-repeater space-y-inner\">\n  <h3 class=\"title mb-0\" class=\"mb-0\">\n    Encabezado 4\n  <\/h3> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Subt\u00edtulo<\/p>\n              <div class=\"partial-copy--copy\"><p>Copie el texto para explicar m\u00e1s informaci\u00f3n.<\/p>\n<\/div>\n      <\/div>\n<\/div>            <\/div>\n          <\/li>\n                  <\/ul>\n  <\/div>\n<\/section>\n<section class=\"section--multi-column bg-light\"\n   aria-label=\"Contenido de varias columnas con im\u00e1genes\" id=\"contenido-de-varias-columnas-con-imagenes\"\n>\n  <div class=\"container flex flex-col gap-full\">\n    <div class=\"copy\">\n      <div class=\"container grid-12 col-span-full row-span-full z-content partials--one-column\">\n  <div class=\"col-narrow\">\n    <div data-repeater=\"false\" class=\"partial-copy text-center space-y-inner\">\n  <p class=\"eyebrow\" >\n    Copia del texto del antet\u00edtulo\n  <\/p>  <h2 class=\"display display-2\" >\n    Contenido de varias columnas con im\u00e1genes\n  <\/h2> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Copia del subt\u00edtulo para pruebas<\/p>\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP Ullamcorper amet molestie eget mi id orci rhoncus semper pretium. &#8211; ESP Erat iaculis purus fusce magnis diam lectus turpis. &#8211; ESP<\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <a class=\"button\" href=\"http:\/\/google.com\" target=\"\" href=\"http:\/\/google.com\" target=\"\">\n    Bot\u00f3n de prueba\n  <\/a>  <\/p>\n<\/div>      <\/div>\n<\/div>    <\/div>\n    <ul class=\"grid lg:auto-cols-fr lg:grid-flow-col list-none ml-0 gap-narrow\">\n                        <li class=\"flex flex-col gap-inner\">\n             \n              <div class=\"media\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"571\" height=\"640\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-27-1.jpg\" class=\"w-full\" alt=\"A man in black clothes tending to cannabis plants in a warehouse.\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-27-1.jpg 1120w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-27-1-268x300.jpg 268w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-27-1-913x1024.jpg 913w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-27-1-768x861.jpg 768w\" sizes=\"auto, (max-width: 571px) 100vw, 571px\" \/>              <\/div>\n                        <div class=\"copy\">\n              <div data-repeater=\"true\" class=\"partial-copy text-left is-repeater space-y-inner\">\n  <h3 class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de columna\n  <\/h3> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">\u00bfSolo tiene un nivel de subt\u00edtulos?<\/p>\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <a class=\"button\" href=\"http:\/\/google.com\" target=\"\" href=\"http:\/\/google.com\" target=\"\">\n    prueba de bot\u00f3n\n  <\/a>  <\/p>\n<\/div>            <\/div>\n          <\/li>\n                  <li class=\"flex flex-col gap-inner\">\n             \n              <div class=\"media\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"571\" height=\"640\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29.jpg\" class=\"w-full\" alt=\"A person in black clothes and medical gloves clipping a young cannabis plant.\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29.jpg 1120w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29-268x300.jpg 268w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29-913x1024.jpg 913w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29-768x861.jpg 768w\" sizes=\"auto, (max-width: 571px) 100vw, 571px\" \/>              <\/div>\n                        <div class=\"copy\">\n              <div data-repeater=\"true\" class=\"partial-copy text-left is-repeater space-y-inner\">\n  <h3 class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de columna\n  <\/h3> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">\u00bfSolo tiene un nivel de subt\u00edtulos?<\/p>\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <a class=\"button\" href=\"http:\/\/google.com\" target=\"\" href=\"http:\/\/google.com\" target=\"\">\n    Bot\u00f3n de prueba\n  <\/a>  <\/p>\n<\/div>            <\/div>\n          <\/li>\n                  <li class=\"flex flex-col gap-inner\">\n             \n              <div class=\"media\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"571\" height=\"640\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26.jpg\" class=\"w-full\" alt=\"A budtender in a beanie with bear ears behind a counter at a licensed dispensary with colorful products behind him.\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26.jpg 1120w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26-268x300.jpg 268w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26-913x1024.jpg 913w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26-768x861.jpg 768w\" sizes=\"auto, (max-width: 571px) 100vw, 571px\" \/>              <\/div>\n                        <div class=\"copy\">\n              <div data-repeater=\"true\" class=\"partial-copy text-left is-repeater space-y-inner\">\n  <h3 class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de columna\n  <\/h3> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">\u00bfSolo tiene un nivel de subt\u00edtulos?<\/p>\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <a class=\"button\" href=\"http:\/\/google.com\" target=\"\" href=\"http:\/\/google.com\" target=\"\">\n    Bot\u00f3n de prueba\n  <\/a>  <\/p>\n<\/div>            <\/div>\n          <\/li>\n                  <\/ul>\n  <\/div>\n<\/section>\n<section class=\"section--multi-column-stats bg-sativa\"\n   aria-label=\"Segmento de estad\u00edsticas de varias columnas (2 en adelante)\" id=\"segmento-de-estadisticas-de-varias-columnas-2-en-adelante\"\n>\n  <div class=\"container flex flex-col gap-full\">\n    <div class=\"copy\">\n      <div class=\"container grid-12 col-span-full row-span-full z-content partials--one-column\">\n  <div class=\"col-narrow\">\n    <div data-repeater=\"false\" class=\"partial-copy mb-half text-center space-y-inner\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <h2 class=\"display display-2\" >\n    Segmento de estad\u00edsticas de varias columnas (2 en adelante)\n  <\/h2> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Cuando tiene de 2 a 4 estad\u00edsticas para mencionar<\/p>\n              <div class=\"partial-copy--copy\"><p>Se trata de un segmento adecuado que sirve cuando se tienen de 2 a 4 estad\u00edsticas para presentar y se desea diagramarlas sin distracciones.<\/p>\n<\/div>\n      <\/div>\n<\/div>      <\/div>\n<\/div>    <\/div>\n    <ul class=\"grid lg:auto-cols-fr lg:grid-flow-col list-none ml-0 gap-half lg:gap-narrow\" data-controller=\"content-responsive\">\n                        <li class=\"flex gap-inner\" data-content-responsive-target=\"vessel\">\n            <div class=\"copy flex flex-col\">\n              <h3 class=\"display display-1 mb-inner inline-block flex items-end h-full lg:max-h-24\" data-content-responsive-target=\"content\" class=\"mb-inner inline-block flex items-end h-full lg:max-h-24\" data-content-responsive-target=\"content\">\n    100%\n  <\/h3>              <div data-repeater=\"false\" class=\"partial-copy text-left space-y-inner\">\n  <p class=\"subhead\" >\n    De las estad\u00edsticas son verdaderas\n  <\/p><\/div>            <\/div>\n          <\/li>\n                  <li class=\"flex gap-inner\" data-content-responsive-target=\"vessel\">\n            <div class=\"copy flex flex-col\">\n              <h3 class=\"display display-1 mb-inner inline-block flex items-end h-full lg:max-h-24\" data-content-responsive-target=\"content\" class=\"mb-inner inline-block flex items-end h-full lg:max-h-24\" data-content-responsive-target=\"content\">\n    2\/3\n  <\/h3>              <div data-repeater=\"false\" class=\"partial-copy text-left space-y-inner\">\n  <p class=\"subhead\" >\n    De las estad\u00edsticas son falsas\n  <\/p><\/div>            <\/div>\n          <\/li>\n                  <\/ul>\n  <\/div>\n<\/section>\n<section class=\"section--multi-column-stats bg-pistil\"\n   aria-label=\"Segmento de estad\u00edsticas de varias columnas (4 en adelante)\" id=\"segmento-de-estadisticas-de-varias-columnas-4-en-adelante\"\n>\n  <div class=\"container flex flex-col gap-full\">\n    <div class=\"copy\">\n      <div class=\"container grid-12 col-span-full row-span-full z-content partials--one-column\">\n  <div class=\"col-narrow\">\n    <div data-repeater=\"false\" class=\"partial-copy mb-half text-center space-y-inner\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <h2 class=\"display display-2\" >\n    Segmento de estad\u00edsticas de varias columnas (4 en adelante)\n  <\/h2> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Cuando tiene de 2 a 4 estad\u00edsticas para mencionar<\/p>\n              <div class=\"partial-copy--copy\"><p>Se trata de un segmento adecuado que sirve cuando se tienen de 2 a 4 estad\u00edsticas para presentar y se desea diagramarlas sin distracciones.<\/p>\n<\/div>\n      <\/div>\n<\/div>      <\/div>\n<\/div>    <\/div>\n    <ul class=\"grid lg:auto-cols-fr lg:grid-flow-col list-none ml-0 gap-half lg:gap-narrow\" data-controller=\"content-responsive\">\n                        <li class=\"flex gap-inner\" data-content-responsive-target=\"vessel\">\n            <div class=\"copy flex flex-col\">\n              <h3 class=\"display display-1 mb-inner inline-block flex items-end h-full lg:max-h-24\" data-content-responsive-target=\"content\" class=\"mb-inner inline-block flex items-end h-full lg:max-h-24\" data-content-responsive-target=\"content\">\n    100%\n  <\/h3>              <div data-repeater=\"false\" class=\"partial-copy text-left space-y-inner\">\n  <p class=\"subhead\" >\n    De las estad\u00edsticas son verdaderas\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <a class=\"button\" href=\"http:\/\/google.com\" target=\"\" href=\"http:\/\/google.com\" target=\"\">\n    Bot\u00f3n de prueba\n  <\/a>  <\/p>\n<\/div>            <\/div>\n          <\/li>\n                  <li class=\"flex gap-inner\" data-content-responsive-target=\"vessel\">\n            <div class=\"copy flex flex-col\">\n              <h3 class=\"display display-1 mb-inner inline-block flex items-end h-full lg:max-h-24\" data-content-responsive-target=\"content\" class=\"mb-inner inline-block flex items-end h-full lg:max-h-24\" data-content-responsive-target=\"content\">\n    2\/3\n  <\/h3>              <div data-repeater=\"false\" class=\"partial-copy text-left space-y-inner\">\n  <p class=\"subhead\" >\n    De las estad\u00edsticas son falsas\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <a class=\"button\" href=\"http:\/\/google.com\" target=\"\" href=\"http:\/\/google.com\" target=\"\">\n    Bot\u00f3n de prueba\n  <\/a>  <\/p>\n<\/div>            <\/div>\n          <\/li>\n                  <li class=\"flex gap-inner\" data-content-responsive-target=\"vessel\">\n            <div class=\"copy flex flex-col\">\n              <h3 class=\"display display-1 mb-inner inline-block flex items-end h-full lg:max-h-24\" data-content-responsive-target=\"content\" class=\"mb-inner inline-block flex items-end h-full lg:max-h-24\" data-content-responsive-target=\"content\">\n    250 mil\n  <\/h3>              <div data-repeater=\"false\" class=\"partial-copy text-left space-y-inner\">\n  <p class=\"subhead\" >\n    D\u00f3lares invertidos en cosas sinsentido\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <a class=\"button\" href=\"http:\/\/google.com\" target=\"\" href=\"http:\/\/google.com\" target=\"\">\n    Bot\u00f3n de prueba\n  <\/a>  <\/p>\n<\/div>            <\/div>\n          <\/li>\n                  <li class=\"flex gap-inner\" data-content-responsive-target=\"vessel\">\n            <div class=\"copy flex flex-col\">\n              <h3 class=\"display display-1 mb-inner inline-block flex items-end h-full lg:max-h-24\" data-content-responsive-target=\"content\" class=\"mb-inner inline-block flex items-end h-full lg:max-h-24\" data-content-responsive-target=\"content\">\n    1 mill\u00f3n\n  <\/h3>              <div data-repeater=\"false\" class=\"partial-copy text-left space-y-inner\">\n  <p class=\"subhead\" >\n    De preguntas para usted\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <a class=\"button\" href=\"http:\/\/google.com\" target=\"\" href=\"http:\/\/google.com\" target=\"\">\n    Bot\u00f3n de prueba\n  <\/a>  <\/p>\n<\/div>            <\/div>\n          <\/li>\n                  <\/ul>\n  <\/div>\n<\/section>\n<section class=\"section--one-column bg-light text-center\" aria-label=\"Segmento de una columna\">\n  <div class=\"container grid-12 col-span-full row-span-full z-content partials--one-column\">\n  <div class=\"col-narrow\">\n    <div data-repeater=\"false\" class=\"partial-copy text-center space-y-inner\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <h2 class=\"display display-2\" >\n    Segmento de una columna\n  <\/h2> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Este es un segmento adecuado para una sola columna de contenido<\/p>\n              <div class=\"partial-copy--copy\"><p>Puede alternar entre el contenido alineado a la izquierda o centrado en la parte superior. <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <a class=\"button\" href=\"#\" target=\"\" href=\"#\" target=\"\">\n    Acci\u00f3n del bot\u00f3n\n  <\/a>  <\/p>\n<\/div>      <\/div>\n<\/div><\/section>\n<section class=\"section--two-column grid-half\" \n  aria-label=\"Segmento de dos columnas\" \n  id=\"segmento-de-dos-columnas\"\n>\n  <div class=\"bg-pistil\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"1120\" height=\"1256\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image.png\" class=\"w-full rounded-image\" alt=\"\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image.png 1120w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image-624x700.png 624w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image-768x861.png 768w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image-913x1024.png 913w\" sizes=\"auto, (max-width: 1120px) 100vw, 1120px\" \/>      <\/div>\n  <div class=\"bg-sativa mobile-first\">\n          <div class=\"self-center\"><div data-repeater=\"false\" class=\"partial-copy text-right space-y-inner\">\n  <p class=\"eyebrow\" >\n    Eyebrow\n  <\/p>  <h2 class=\"display display-2\" >\n    Segmento de dos columnas\n  <\/h2> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Dividir la p\u00e1gina por la mitad<\/p>\n              <div class=\"partial-copy--copy\"><p>Puede tener una combinaci\u00f3n de colores diferente para cada lado, a\u00f1ada una llamada a la acci\u00f3n y mueva el texto del lado izquierdo al derecho. <\/p>\n<\/div>\n      <\/div>\n<\/div><\/div>\n      <\/div><\/section>\n<section class=\"section section--accordion bg-sativa\"\n  aria-label=\"Segmento de acorde\u00f3n\" \n  id=\"segmento-de-acordeon\"\n>\n  <div class=\"container grid-12\">\n    <div class=\"col-narrow\">\n      <div data-repeater=\"false\" class=\"partial-copy mb-half text-left space-y-inner\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <h2 class=\"display display-2\" >\n    Segmento de acorde\u00f3n\n  <\/h2> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">\u00datil para las preguntas frecuentes<\/p>\n              <div class=\"partial-copy--copy\"><p>Este es un segmento adecuado para elementos como las preguntas frecuentes que tienen mucho contenido que puede no ser pertinente para todos los usuarios. Use la pesta\u00f1a &#8220;Paneles&#8221; para a\u00f1adir acordeones.<\/p>\n<\/div>\n      <\/div>\n<\/div>      <div class=\"accordion--panels w-full pt-half\">\n                  <ul class=\"ml-0 mt-4 md:mt-8 lg:mt-0 list-none\" data-controller=\"accordion\" data-accordion-open-first-value=\"false\" aria-label=\"Segmento de acorde\u00f3n\">\n                          <li class=\"accordion \n                relative -mt-px transition-all\n                w-[calc(100%+2rem)] -ml-4\n                before:accordion-border before:top-0\n                last:after:accordion-border last:after:bottom-0\n              \">\n                <button class=\"accordion--title\n                    relative w-full flex justify-between items-baseline text-left p-4 transition rounded-button z-content\n                    hover:bg-var-btn-hover-bg hover:text-var-btn-hover-text\n                    -outline-offset-[.125rem] focus:outline-[.125rem] outline-var-btn-solid-fill\n                  \"\n                  id=\"accordion-segmento-de-acordeon-0\"\n                  data-action=\"accordion#togglePanel\" \n                  data-panel-index=\"0\" \n                  aria-expanded=\"false\"\n                  aria-controls=\"panel-1\"\n                  data-accordion-target=\"button\" >\n                  <h3 class=\"subhead flex mb-0 transition space-x-narrow\" size=\"1\" size=\"1\" class=\"flex mb-0 transition space-x-narrow\">\n    <span>01<\/span>\n                    <span>Encabezado del acorde\u00f3n 1<\/span>\n  <\/h3>\n                  <div class=\"indicator w-10 flex self-center justify-end\">\n                    <svg class=\"w-6 h-6 text-var-text\" aria-hidden=\"true\" focusable=\"false\" role=\"img\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" class=\"transition\">\n  <path \n    class=\"origin-center transition\" stroke=\"currentColor\" fill=\"currentColor\" \n    data-accordion-target=\"icon\" data-turn=\"45\"\n    d=\"M13 3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H11V21C11 21.5523 11.4477 22 12 22C12.5523 22 13 21.5523 13 21V13H21C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H13V3Z\" \/>\n<\/svg>\n                  <\/div>\n                <\/button>\n\n                                  <article \n                    id=\"panel-segmento-de-acordeon-1\" \n                    class=\"accordion--copy transition-all overflow-hidden leading-6 text-[1.15rem] flex flex-col lg:flex-row px-4 gap-wide\" \n                    data-accordion-target=\"panel\" \n                    data-index=\"0\" \n                    style=\"max-height: 0px;\"\n                    aria-describedby=\"accordion-segmento-de-acordeon-0\"\n                  >\n                    <div class=\"copy flex-1\">\n                      <p class=\"body-1 font-bold\">Algo importante sobre este encabezado.<\/p>                      <p>Un texto m\u00e1s largo para describir de manera locuaz las complejidades del lenguaje aplicado a este contexto \u00fanico.<\/p>\n\n                                          <\/div>\n                                      <\/article>\n                              <\/li>\n                          <li class=\"accordion \n                relative -mt-px transition-all\n                w-[calc(100%+2rem)] -ml-4\n                before:accordion-border before:top-0\n                last:after:accordion-border last:after:bottom-0\n              \">\n                <button class=\"accordion--title\n                    relative w-full flex justify-between items-baseline text-left p-4 transition rounded-button z-content\n                    hover:bg-var-btn-hover-bg hover:text-var-btn-hover-text\n                    -outline-offset-[.125rem] focus:outline-[.125rem] outline-var-btn-solid-fill\n                  \"\n                  id=\"accordion-segmento-de-acordeon-1\"\n                  data-action=\"accordion#togglePanel\" \n                  data-panel-index=\"1\" \n                  aria-expanded=\"false\"\n                  aria-controls=\"panel-2\"\n                  data-accordion-target=\"button\" >\n                  <h3 class=\"subhead flex mb-0 transition space-x-narrow\" size=\"1\" size=\"1\" class=\"flex mb-0 transition space-x-narrow\">\n    <span>02<\/span>\n                    <span>Encabezado del acorde\u00f3n 2<\/span>\n  <\/h3>\n                  <div class=\"indicator w-10 flex self-center justify-end\">\n                    <svg class=\"w-6 h-6 text-var-text\" aria-hidden=\"true\" focusable=\"false\" role=\"img\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" class=\"transition\">\n  <path \n    class=\"origin-center transition\" stroke=\"currentColor\" fill=\"currentColor\" \n    data-accordion-target=\"icon\" data-turn=\"45\"\n    d=\"M13 3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H11V21C11 21.5523 11.4477 22 12 22C12.5523 22 13 21.5523 13 21V13H21C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H13V3Z\" \/>\n<\/svg>\n                  <\/div>\n                <\/button>\n\n                                  <article \n                    id=\"panel-segmento-de-acordeon-2\" \n                    class=\"accordion--copy transition-all overflow-hidden leading-6 text-[1.15rem] flex flex-col lg:flex-row px-4 gap-wide\" \n                    data-accordion-target=\"panel\" \n                    data-index=\"1\" \n                    style=\"max-height: 0px;\"\n                    aria-describedby=\"accordion-segmento-de-acordeon-1\"\n                  >\n                    <div class=\"copy flex-1\">\n                      <p class=\"body-1 font-bold\">Algo importante sobre este encabezado.<\/p>                      <p>Un texto m\u00e1s largo para describir de manera locuaz las complejidades del lenguaje aplicado a este contexto \u00fanico.<\/p>\n\n                                          <\/div>\n                                          <div class=\"image flex-1\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-300x200.jpeg\" class=\"w-full\" alt=\"\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-300x200.jpeg 300w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-1024x683.jpeg 1024w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-768x512.jpeg 768w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-1536x1024.jpeg 1536w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94.jpeg 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/div>\n                                      <\/article>\n                              <\/li>\n                      <\/ul>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<section class=\"section--quote-carousel grid carousel--full grid py-0 bg-image min-h-screen\"\n  data-controller=\"carousel\">\n  <h2 class=\"eyebrow  carousel--context\" class=\"carousel--context\">\n    Segmento de carrusel de citas\n  <\/h2>  <div class=\"carousel--swiper overflow-hidden h-full\">\n    <div class=\"swiper-carousel-container swiper-outer-container h-full\">\n      <div class=\"h-full swiper-carousel\" data-carousel-target=\"carousel\">\n        <div class=\"swiper-wrapper\" id=\"quote-carousel--225\">\n                      <div class=\"swiper-slide grid justify-center items-center bg-image\"\n                                style=\"--background-image: url('https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94.jpeg')\"\n                data-background=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94.jpeg\"\n                            >\n              <div class=\"container grid-12 h-full items-center\" >\n                <div class=\"text-center flex-col flex gap-inner col-narrow\" >\n                  <h3 class=\"title\" >\n    <span class=\"absolute quotation-mark quotation-mark-l\">&ldquo;<\/span>&#8220;Hay dos variantes de este, recuadro o pantalla completa&#8221;<span class=\"quotation-mark quotation-mark-r\">&rdquo;<\/span>\n  <\/h3>                  <span class=\"eyebrow\" >\n    Programador web\n  <\/span>                <\/div>\n              <\/div>\n            <\/div>\n                      <div class=\"swiper-slide grid justify-center items-center bg-image\"\n                                style=\"--background-image: url('https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/FRM25504-2.jpg')\"\n                data-background=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/FRM25504-2.jpg\"\n                            >\n              <div class=\"container grid-12 h-full items-center\" >\n                <div class=\"text-center flex-col flex gap-inner col-narrow\" >\n                  <h3 class=\"title\" >\n    <span class=\"absolute quotation-mark quotation-mark-l\">&ldquo;<\/span>&#8220;Una cita emocionante&#8221;<span class=\"quotation-mark quotation-mark-r\">&rdquo;<\/span>\n  <\/h3>                  <span class=\"eyebrow\" >\n    Editor de contenido\n  <\/span>                <\/div>\n              <\/div>\n            <\/div>\n                  <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n      <div class=\"carousel--pagination swiper-carousel-pagination--wrapper\">\n      <div class=\"swiper--pagination-navigation mb-min hidden md:flex\">\n        <button class=\"custom-button-prev\" data-carousel-target=\"prev\" aria-controls=\"quote-carousel--225\"><span class=\"fa fa-arrow-left\" aria-label=\"\"><\/span><span class=\"sr-only\">Next slide<\/span><\/button>\n        <button class=\"custom-button-next\" data-carousel-target=\"next\" aria-controls=\"quote-carousel--225\"><span class=\"fa fa-arrow-right\" aria-label=\"\"><\/span><span class=\"sr-only\">Previous slide<\/span><\/button>\n      <\/div>\n      <div class=\"carousel--pagination-fraction swiper-pagination !relative text-center eyebrow\" data-carousel-target=\"fraction\"><\/div>\n      \n    <\/div>\n  \n<\/section>\n<section class=\"section section--sticky-50 grid-half bg-indica\"\n  aria-label=\"Segmento de 50 notas adhesivas\" \n  id=\"segmento-de-50-notas-adhesivas\"\n\n>\n\n  <div class=\"!justify-start items-start bg-indica stick-50--copy lg:sticky lg:top-0 h-auto\">\n          <div>\n      <div data-repeater=\"false\" class=\"partial-copy mb-inner text-left space-y-inner\">\n  <p class=\"eyebrow\" >\n    Eyebrow\n  <\/p>  <h2 class=\"display display-2\" >\n    Segmento de 50 notas adhesivas\n  <\/h2> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Desplazamiento de listas de elementos <\/p>\n              <div class=\"partial-copy--copy\"><p>Este segmento funciona bien cuando hay muchos fragmentos breves de texto o im\u00e1genes, sobre todo si son secuenciales. Puede a\u00f1adir im\u00e1genes y CTA en todo el sitio y personalizar la combinaci\u00f3n de colores para ambos lados. <\/p>\n<\/div>\n      <\/div>\n<\/div>              <div class=\"media\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"640\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94.jpeg\" class=\"w-full !aspect-2\/1\" alt=\"\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94.jpeg 1920w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-300x200.jpeg 300w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-1024x683.jpeg 1024w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-768x512.jpeg 768w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-1536x1024.jpeg 1536w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>        <\/div>\n          <\/div>      <\/div>\n  <div class=\"items-start bg-pistil mobile-first stick-50--items h-full\">\n          <ul class=\"list-none ml-0 flex flex-col gap-wide\">\n                  <li aria-label=\"Elemento del subt\u00edtulo\">\n                          <div class=\"media\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"571\" height=\"640\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10.jpg\" class=\"w-full mb-inner !aspect-2\/1\" alt=\"Two women in the frame with one passing an unlit joint to another person who is out of frame.\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10.jpg 1120w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10-268x300.jpg 268w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10-913x1024.jpg 913w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10-768x861.jpg 768w\" sizes=\"auto, (max-width: 571px) 100vw, 571px\" \/>              <\/div>\n                        <span class=\"eyebrow\" >\n    01\n  <\/span>            <div data-repeater=\"false\" class=\"partial-copy text-left space-y-min\">\n  <p class=\"title mb-0\" class=\"mb-0\">\n    Elemento del subt\u00edtulo\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Un texto que explique la importancia del elemento del subt\u00edtulo. <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <a class=\"button-link button-icon\" href=\"#\" target=\"\" href=\"#\" target=\"\">\n      <span class=\"text\">\n    Acci\u00f3n del bot\u00f3n\n          <\/span>\n        <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/a>  <\/p>\n<\/div>          <\/li>\n                  <li aria-label=\"Elemento del subt\u00edtulo\">\n                        <span class=\"eyebrow\" >\n    02\n  <\/span>            <div data-repeater=\"false\" class=\"partial-copy text-left space-y-min\">\n  <p class=\"title mb-0\" class=\"mb-0\">\n    Elemento del subt\u00edtulo\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Un texto que explique la importancia del elemento del subt\u00edtulo. <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <a class=\"button-link button-icon\" href=\"#\" target=\"\" href=\"#\" target=\"\">\n      <span class=\"text\">\n    Acci\u00f3n del bot\u00f3n\n          <\/span>\n        <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/a>  <\/p>\n<\/div>          <\/li>\n                  <li aria-label=\"Elemento del subt\u00edtulo\">\n                          <div class=\"media\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"391\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/DCC_DeliveryIMG-SM-scaled.jpg\" class=\"w-full mb-inner !aspect-2\/1\" alt=\"A closeup of a cannabis plant\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/DCC_DeliveryIMG-SM-scaled.jpg 2560w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/DCC_DeliveryIMG-SM-300x92.jpg 300w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/DCC_DeliveryIMG-SM-1024x313.jpg 1024w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/DCC_DeliveryIMG-SM-768x235.jpg 768w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/DCC_DeliveryIMG-SM-1536x469.jpg 1536w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/DCC_DeliveryIMG-SM-2048x626.jpg 2048w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/>              <\/div>\n                        <span class=\"eyebrow\" >\n    03\n  <\/span>            <div data-repeater=\"false\" class=\"partial-copy text-left space-y-min\">\n  <p class=\"title mb-0\" class=\"mb-0\">\n    Elemento del subt\u00edtulo\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Un texto que explique la importancia del elemento del subt\u00edtulo. <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <a class=\"button-link button-icon\" href=\"#\" target=\"\" href=\"#\" target=\"\">\n      <span class=\"text\">\n    Acci\u00f3n del bot\u00f3n\n          <\/span>\n        <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/a>  <\/p>\n<\/div>          <\/li>\n              <\/ul>\n          <\/div>\n<\/section>\n<section class=\"section--color-card-repeater bg-kief\"\n   aria-label=\"Segmento del repetidor de tarjetas de colores\" id=\"segmento-del-repetidor-de-tarjetas-de-colores\"\n>\n  <div class=\"container\">\n    <div class=\"container grid-12 col-span-full row-span-full z-content partials--one-column\">\n  <div class=\"col-narrow\">\n    <div data-repeater=\"false\" class=\"partial-copy mb-half text-center space-y-inner\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <h2 class=\"display display-2\" >\n    Segmento del repetidor de tarjetas de colores\n  <\/h2> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Diagrame opciones en las que los usuarios puedan hacer clic sin im\u00e1genes.<\/p>\n              <div class=\"partial-copy--copy\"><p>Si tiene im\u00e1genes espec\u00edficas para cada elemento, use el repetidor de tarjetas de imagen. Puede configurar la combinaci\u00f3n de colores en la pesta\u00f1a Config y agregar tarjetas en la pesta\u00f1a Tarjetas. <\/p>\n<\/div>\n      <\/div>\n<\/div>      <\/div>\n<\/div>        <ul class=\"grid list-none ml-0 pt-half gap-wide grid-12 lg:grid-cols-none lg:auto-cols-fr lg:grid-flow-col\">\n                      <li class=\"col-span-full md:col-span-6 lg:col-auto\">\n          <div class=\"component--card\" >\n\n      <a href=\"#\" target=\"\" aria-label=\"Encabezado de la tarjeta 1\"\n      class=\"card group bg-sativa\"\n    >\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-inner in-card component--card-copy\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <p class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de la tarjeta 1\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <span class=\"button button-border button-icon\" href=\"#\" target=\"\" href=\"#\" target=\"\">\n      <span class=\"text\">\n    La convincente CTA\n          <\/span>\n        <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/span>  <\/p>\n<\/div>\n\n      <\/a>\n  <\/div>        <\/li>\n                      <li class=\"col-span-full md:col-span-6 lg:col-auto\">\n          <div class=\"component--card\" >\n\n      <a href=\"http:\/\/real.cannabis.ca.gov\/es\/premises\/sweet-flower-fresno-fresno-c10-0001419\/\" target=\"\" aria-label=\"Encabezado de la tarjeta 2\"\n      class=\"card group bg-sativa\"\n    >\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-inner in-card component--card-copy\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <p class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de la tarjeta 2\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <span class=\"button button-border button-icon\" href=\"http:\/\/real.cannabis.ca.gov\/es\/premises\/sweet-flower-fresno-fresno-c10-0001419\/\" target=\"\" href=\"http:\/\/real.cannabis.ca.gov\/es\/premises\/sweet-flower-fresno-fresno-c10-0001419\/\" target=\"\">\n      <span class=\"text\">\n    Sweet Flower Fresno\n          <\/span>\n        <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/span>  <\/p>\n<\/div>\n\n      <\/a>\n  <\/div>        <\/li>\n          <\/ul>\n      <\/div>\n<\/section>\n<section class=\"section--color-card-repeater bg-pistil\"\n   aria-label=\"Segmento del repetidor de tarjetas de colores - 3+ tarjetas\" id=\"segmento-del-repetidor-de-tarjetas-de-colores-3-tarjetas\"\n>\n  <div class=\"container\">\n    <div class=\"container grid-12 col-span-full row-span-full z-content partials--one-column\">\n  <div class=\"col-narrow\">\n    <div data-repeater=\"false\" class=\"partial-copy mb-half text-center space-y-inner\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <h2 class=\"display display-2\" >\n    Segmento del repetidor de tarjetas de colores &#8211; 3+ tarjetas\n  <\/h2> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Diagrame opciones en las que los usuarios puedan hacer clic sin im\u00e1genes.<\/p>\n              <div class=\"partial-copy--copy\"><p>Si tiene im\u00e1genes espec\u00edficas para cada elemento, use el repetidor de tarjetas de imagen. Puede configurar la combinaci\u00f3n de colores en la pesta\u00f1a Config y agregar tarjetas en la pesta\u00f1a Tarjetas. <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <a class=\"button\" href=\"http:\/\/google.com\" target=\"\" href=\"http:\/\/google.com\" target=\"\">\n    Prueba de bot\u00f3n\n  <\/a>  <\/p>\n<\/div>      <\/div>\n<\/div>        <ul class=\"grid list-none ml-0 pt-half gap-narrow grid-12 lg:grid-cols-none lg:auto-cols-fr lg:grid-flow-col\">\n                      <li class=\"col-span-full md:col-span-6 lg:col-auto\">\n          <div class=\"component--card\" >\n\n      <a href=\"#\" target=\"\" aria-label=\"Encabezado de la tarjeta 1\"\n      class=\"card group bg-light\"\n    >\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-inner in-card component--card-copy\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <p class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de la tarjeta 1\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <span class=\"button button-border button-icon\" href=\"#\" target=\"\" href=\"#\" target=\"\">\n      <span class=\"text\">\n    La convincente CTA\n          <\/span>\n        <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/span>  <\/p>\n<\/div>\n\n      <\/a>\n  <\/div>        <\/li>\n                      <li class=\"col-span-full md:col-span-6 lg:col-auto\">\n          <div class=\"component--card\" >\n\n      <a href=\"#\" target=\"\" aria-label=\"Encabezado de la tarjeta 2\"\n      class=\"card group bg-light\"\n    >\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-inner in-card component--card-copy\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <p class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de la tarjeta 2\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <span class=\"button button-border button-icon\" href=\"#\" target=\"\" href=\"#\" target=\"\">\n      <span class=\"text\">\n    Otra CTA convincente\n          <\/span>\n        <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/span>  <\/p>\n<\/div>\n\n      <\/a>\n  <\/div>        <\/li>\n                      <li class=\"col-span-full md:col-span-6 lg:col-auto\">\n          <div class=\"component--card\" >\n\n      <a href=\"http:\/\/google.com\" target=\"\" aria-label=\"Encabezado de la tarjeta 3\"\n      class=\"card group bg-light\"\n    >\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-inner in-card component--card-copy\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <p class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de la tarjeta 3\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <span class=\"button button-border button-icon\" href=\"http:\/\/google.com\" target=\"\" href=\"http:\/\/google.com\" target=\"\">\n    \n          <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/span>  <\/p>\n<\/div>\n\n      <\/a>\n  <\/div>        <\/li>\n          <\/ul>\n      <\/div>\n<\/section>\n<section class=\"section--image-card-repeater bg-mint\"\n   aria-label=\"Repetidor de tarjetas de imagen\" id=\"repetidor-de-tarjetas-de-imagen\"\n>\n  <div class=\"container\">\n    <div class=\"container grid-12 col-span-full row-span-full z-content partials--one-column\">\n  <div class=\"col-narrow\">\n    <div data-repeater=\"false\" class=\"partial-copy mb-half text-center space-y-inner pb-0\">\n  <p class=\"eyebrow\" >\n    Eyebrow\n  <\/p>  <h2 class=\"display display-2\" >\n    Repetidor de tarjetas de imagen\n  <\/h2> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Diagrame opciones con im\u00e1genes para que los usuarios hagan clic en ellas.<\/p>\n              <div class=\"partial-copy--copy\"><p>Si no desea im\u00e1genes para cada elemento, utilice el repetidor de tarjetas de colores. Puede configurar la combinaci\u00f3n de colores y si la imagen debe ser el fondo de la tarjeta en la pesta\u00f1a Config. Agregue tarjetas en la pesta\u00f1a Tarjetas. <\/p>\n<\/div>\n      <\/div>\n<\/div>      <\/div>\n<\/div>    <ul class=\"grid list-none ml-0 pt-half gap-wide lg:auto-cols-fr lg:grid-flow-col\">\n                      <li class=\"\">\n\n          <div class=\"component--card image-bg\" class=\"image-bg\">\n\n      <a href=\"#\" target=\"\" aria-label=\"Encabezado de la tarjeta\"\n      class=\"card group card-image aspect-[5\/4] bg-image\"\n    >\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-min in-card component--card-copy h-full\">\n  <p class=\"eyebrow\" >\n    Eyebrow\n  <\/p>  <p class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de la tarjeta\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Un texto que describa la tarjeta, con texto adicional que describa la tarjeta.<\/p>\n<\/div>\n      <\/div>\n<\/div>\n\n      <\/a>\n  <\/div>        <\/li>\n                      <li class=\"\">\n\n          <div class=\"component--card image-bg\" class=\"image-bg\">\n\n      <a href=\"#\" target=\"\" aria-label=\"Encabezado de la tarjeta\"\n      class=\"card group card-image aspect-[5\/4] bg-image\"\n    >\n          <div class=\"component--card-image w-full h-full absolute top-0 left-0 z-under-content\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"1284\" height=\"856\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94.jpeg\" class=\"w-full h-full object-cover transition duration-[0.420s] lg:group-hover:scale-[1.0420]\" alt=\"\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94.jpeg 1920w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-300x200.jpeg 300w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-1024x683.jpeg 1024w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-768x512.jpeg 768w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-1536x1024.jpeg 1536w\" sizes=\"auto, (max-width: 1284px) 100vw, 1284px\" \/>      <\/div>\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-min in-card component--card-copy h-full\">\n  <p class=\"eyebrow\" >\n    Eyebrow\n  <\/p>  <p class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de la tarjeta\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Un texto que describa la tarjeta, con texto adicional que describa la tarjeta.<\/p>\n<\/div>\n      <\/div>\n<\/div>\n\n      <\/a>\n  <\/div>        <\/li>\n          <\/ul>\n  <\/div>\n<\/section>\n<section class=\"section--image-card-repeater bg-pistil\"\n   aria-label=\"Repetidor de tarjetas de imagen - 3+ tarjetas - pistilo\" id=\"repetidor-de-tarjetas-de-imagen-3-tarjetas-pistilo\"\n>\n  <div class=\"container\">\n    <div class=\"container grid-12 col-span-full row-span-full z-content partials--one-column\">\n  <div class=\"col-narrow\">\n    <div data-repeater=\"false\" class=\"partial-copy mb-half text-center space-y-inner pb-0\">\n  <p class=\"eyebrow\" >\n    Eyebrow\n  <\/p>  <h2 class=\"display display-2\" >\n    Repetidor de tarjetas de imagen &#8211; 3+ tarjetas &#8211; pistilo\n  <\/h2> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Diagrame opciones con im\u00e1genes para que los usuarios hagan clic en ellas.<\/p>\n              <div class=\"partial-copy--copy\"><p>Si no desea im\u00e1genes para cada elemento, utilice el repetidor de tarjetas de colores. Puede configurar la combinaci\u00f3n de colores y si la imagen debe ser el fondo de la tarjeta en la pesta\u00f1a Config. Agregue tarjetas en la pesta\u00f1a Tarjetas. <\/p>\n<\/div>\n      <\/div>\n<\/div>      <\/div>\n<\/div>    <ul class=\"grid list-none ml-0 pt-half gap-narrow lg:auto-cols-fr lg:grid-flow-col\">\n                      <li class=\"col-span-full lg:col-auto\">\n\n          <div class=\"component--card image-bg\" class=\"image-bg\">\n\n      <a href=\"#\" target=\"\" aria-label=\"Encabezado de la tarjeta\"\n      class=\"card group card-image aspect-[4\/5] bg-image\"\n    >\n          <div class=\"component--card-image w-full h-full absolute top-0 left-0 z-under-content\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"1120\" height=\"1256\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26.jpg\" class=\"w-full h-full object-cover transition duration-[0.420s] lg:group-hover:scale-[1.0420]\" alt=\"A budtender in a beanie with bear ears behind a counter at a licensed dispensary with colorful products behind him.\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26.jpg 1120w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26-268x300.jpg 268w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26-913x1024.jpg 913w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26-768x861.jpg 768w\" sizes=\"auto, (max-width: 1120px) 100vw, 1120px\" \/>      <\/div>\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-min in-card component--card-copy h-full\">\n  <p class=\"eyebrow\" >\n    Eyebrow\n  <\/p>  <p class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de la tarjeta\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Un texto que describa la tarjeta, con texto adicional que describa la tarjeta.<\/p>\n<\/div>\n      <\/div>\n<\/div>\n\n      <\/a>\n  <\/div>        <\/li>\n                      <li class=\"col-span-full lg:col-auto\">\n\n          <div class=\"component--card image-bg\" class=\"image-bg\">\n\n      <a href=\"#\" target=\"\" aria-label=\"Encabezado de la tarjeta\"\n      class=\"card group card-image aspect-[4\/5] bg-image\"\n    >\n          <div class=\"component--card-image w-full h-full absolute top-0 left-0 z-under-content\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"1120\" height=\"1256\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10.jpg\" class=\"w-full h-full object-cover transition duration-[0.420s] lg:group-hover:scale-[1.0420]\" alt=\"Two women in the frame with one passing an unlit joint to another person who is out of frame.\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10.jpg 1120w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10-268x300.jpg 268w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10-913x1024.jpg 913w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10-768x861.jpg 768w\" sizes=\"auto, (max-width: 1120px) 100vw, 1120px\" \/>      <\/div>\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-min in-card component--card-copy h-full\">\n  <p class=\"eyebrow\" >\n    Eyebrow\n  <\/p>  <p class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de la tarjeta\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Un texto que describa la tarjeta, con texto adicional que describa la tarjeta.<\/p>\n<\/div>\n      <\/div>\n<\/div>\n\n      <\/a>\n  <\/div>        <\/li>\n                      <li class=\"col-span-full lg:col-auto\">\n\n          <div class=\"component--card image-bg\" class=\"image-bg\">\n\n      <a href=\"http:\/\/real.cannabis.ca.gov\/es\/premises\/rd-lynwood-retail-llc-lynwood-c10-0001420\/\" target=\"\" aria-label=\"Encabezado de la tarjeta 3\"\n      class=\"card group card-image aspect-[4\/5] bg-image\"\n    >\n          <div class=\"component--card-image w-full h-full absolute top-0 left-0 z-under-content\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"1120\" height=\"1256\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29.jpg\" class=\"w-full h-full object-cover transition duration-[0.420s] lg:group-hover:scale-[1.0420]\" alt=\"A person in black clothes and medical gloves clipping a young cannabis plant.\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29.jpg 1120w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29-268x300.jpg 268w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29-913x1024.jpg 913w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29-768x861.jpg 768w\" sizes=\"auto, (max-width: 1120px) 100vw, 1120px\" \/>      <\/div>\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-min in-card component--card-copy h-full\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <p class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de la tarjeta 3\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n<\/div>\n\n      <\/a>\n  <\/div>        <\/li>\n          <\/ul>\n  <\/div>\n<\/section>\n<section class=\"section--image-card-repeater bg-indica\"\n   aria-label=\"Repetidor de tarjetas de imagen - 3+ tarjetas - indica\" id=\"repetidor-de-tarjetas-de-imagen-3-tarjetas-indica\"\n>\n  <div class=\"container\">\n    <div class=\"container grid-12 col-span-full row-span-full z-content partials--one-column\">\n  <div class=\"col-narrow\">\n    <div data-repeater=\"false\" class=\"partial-copy mb-half text-center space-y-inner pb-0\">\n  <p class=\"eyebrow\" >\n    Eyebrow\n  <\/p>  <h2 class=\"display display-2\" >\n    Repetidor de tarjetas de imagen &#8211; 3+ tarjetas &#8211; indica\n  <\/h2> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Diagrame opciones con im\u00e1genes para que los usuarios hagan clic en ellas.<\/p>\n              <div class=\"partial-copy--copy\"><p>Si no desea im\u00e1genes para cada elemento, utilice el repetidor de tarjetas de colores. Puede configurar la combinaci\u00f3n de colores y si la imagen debe ser el fondo de la tarjeta en la pesta\u00f1a Config. Agregue tarjetas en la pesta\u00f1a Tarjetas. <\/p>\n<\/div>\n      <\/div>\n<\/div>      <\/div>\n<\/div>    <ul class=\"grid list-none ml-0 pt-half gap-narrow lg:auto-cols-fr lg:grid-flow-col\">\n                      <li class=\"col-span-full lg:col-auto\">\n\n          <div class=\"component--card justify-end\" class=\"justify-end\">\n\n      <a href=\"#\" target=\"\" aria-label=\"Encabezado de la tarjeta\"\n      class=\"card group card-image bg-sativa\"\n    >\n          <div class=\"component--card-image aspect-[860\/640]\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"1120\" height=\"1256\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26.jpg\" class=\"w-full h-full object-cover transition duration-[0.420s] lg:group-hover:scale-[1.0420]\" alt=\"A budtender in a beanie with bear ears behind a counter at a licensed dispensary with colorful products behind him.\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26.jpg 1120w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26-268x300.jpg 268w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26-913x1024.jpg 913w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-26-768x861.jpg 768w\" sizes=\"auto, (max-width: 1120px) 100vw, 1120px\" \/>      <\/div>\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-min in-card component--card-copy\">\n  <p class=\"eyebrow\" >\n    Eyebrow\n  <\/p>  <p class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de la tarjeta\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Un texto que describa la tarjeta, con texto adicional que describa la tarjeta.<\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <span class=\"button button-border button-icon\" href=\"#\" target=\"\" href=\"#\" target=\"\">\n      <span class=\"text\">\n    Acci\u00f3n del bot\u00f3n\n          <\/span>\n        <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/span>  <\/p>\n<\/div>\n\n      <\/a>\n  <\/div>        <\/li>\n                      <li class=\"col-span-full lg:col-auto\">\n\n          <div class=\"component--card justify-end\" class=\"justify-end\">\n\n      <a href=\"#\" target=\"\" aria-label=\"Encabezado de la tarjeta\"\n      class=\"card group card-image bg-sativa\"\n    >\n          <div class=\"component--card-image aspect-[860\/640]\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"1120\" height=\"1256\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10.jpg\" class=\"w-full h-full object-cover transition duration-[0.420s] lg:group-hover:scale-[1.0420]\" alt=\"Two women in the frame with one passing an unlit joint to another person who is out of frame.\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10.jpg 1120w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10-268x300.jpg 268w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10-913x1024.jpg 913w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-10-768x861.jpg 768w\" sizes=\"auto, (max-width: 1120px) 100vw, 1120px\" \/>      <\/div>\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-min in-card component--card-copy\">\n  <p class=\"eyebrow\" >\n    Eyebrow\n  <\/p>  <p class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de la tarjeta\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Un texto que describa la tarjeta, con texto adicional que describa la tarjeta.<\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <span class=\"button button-border button-icon\" href=\"#\" target=\"\" href=\"#\" target=\"\">\n      <span class=\"text\">\n    Acci\u00f3n del bot\u00f3n\n          <\/span>\n        <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/span>  <\/p>\n<\/div>\n\n      <\/a>\n  <\/div>        <\/li>\n                      <li class=\"col-span-full lg:col-auto\">\n\n          <div class=\"component--card justify-end\" class=\"justify-end\">\n\n      <a href=\"http:\/\/real.cannabis.ca.gov\/es\/premises\/rd-lynwood-retail-llc-lynwood-c10-0001420\/\" target=\"\" aria-label=\"Encabezado de la tarjeta 3\"\n      class=\"card group card-image bg-sativa\"\n    >\n          <div class=\"component--card-image aspect-[860\/640]\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"1120\" height=\"1256\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29.jpg\" class=\"w-full h-full object-cover transition duration-[0.420s] lg:group-hover:scale-[1.0420]\" alt=\"A person in black clothes and medical gloves clipping a young cannabis plant.\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29.jpg 1120w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29-268x300.jpg 268w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29-913x1024.jpg 913w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2024\/01\/Frame-29-768x861.jpg 768w\" sizes=\"auto, (max-width: 1120px) 100vw, 1120px\" \/>      <\/div>\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-min in-card component--card-copy\">\n  <p class=\"eyebrow\" >\n    Texto del antet\u00edtulo\n  <\/p>  <p class=\"title mb-0\" class=\"mb-0\">\n    Encabezado de la tarjeta 3\n  <\/p> \n  <div class=\"partial-copy--lead-copy\">\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <span class=\"button button-border button-icon\" href=\"http:\/\/real.cannabis.ca.gov\/es\/premises\/rd-lynwood-retail-llc-lynwood-c10-0001420\/\" target=\"\" href=\"http:\/\/real.cannabis.ca.gov\/es\/premises\/rd-lynwood-retail-llc-lynwood-c10-0001420\/\" target=\"\">\n      <span class=\"text\">\n    Rd Lynwood Retail LLC\n          <\/span>\n        <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/span>  <\/p>\n<\/div>\n\n      <\/a>\n  <\/div>        <\/li>\n          <\/ul>\n  <\/div>\n<\/section>\n<section class=\"section--card-slider block bg-sativa\"\n   aria-label=\"Deslizador de tarjetas\" id=\"deslizador-de-tarjetas\"\n>\n  <div class=\" container\">\n  <div class=\"swiper swiper-card-slider\" data-controller=\"card-slider\">\n    <div class=\"grid\">\n      <div class=\"copy\">\n        <div data-repeater=\"false\" class=\"partial-copy text-left space-y-inner\">\n  <p class=\"eyebrow\" >\n    Eyebrow\n  <\/p>  <h2 class=\"display display-2\" >\n    Deslizador de tarjetas\n  <\/h2> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Adecuado para cuando cuenta con varios elementos.<\/p>\n              <div class=\"partial-copy--copy\"><p>Pero los elementos deben ser de un tema especializado en el que determinados usuarios se sientan espec\u00edficamente atra\u00eddos a profundizar.<\/p>\n<\/div>\n      <\/div>\n<\/div>      <\/div>\n      <div class=\"swiper--pagination-navigation flex justify-self-end self-start row-start-1 col-start-2\">\n        <button class=\"custom-button-prev\" data-carousel-target=\"prev\" aria-controls=\"card-slider--987\"><span class=\"fa fa-arrow-left\" aria-label=\"\"><\/span><span class=\"sr-only\">Next slide<\/span><\/button>\n        <button class=\"custom-button-next\" data-carousel-target=\"next\" aria-controls=\"card-slider--987\"><span class=\"fa fa-arrow-right\" aria-label=\"\"><\/span><span class=\"sr-only\">Previous slide<\/span><\/button>\n      <\/div>\n    <\/div>\n          <ul class=\"swiper-wrapper cursor-grab active:cursor-grabbing mt-12 md:mt-16 \" data-card-slider-target=\"slider\" id=\"card-slider--987\">\n                  <li class=\"swiper-slide\">\n            <div class=\"component--card\" >\n\n      <a href=\"http:\/\/real.cannabis.ca.gov\/es\/premises\/sweet-flower-fresno-fresno-c10-0001419\/\" target=\"\" aria-label=\"Deslizador de tarjetas 1\"\n      class=\"card group card-image bg-light\"\n    >\n          <div class=\"component--card-image aspect-[860\/640]\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"520\" height=\"520\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/favicon-3.png\" class=\"w-full h-full object-cover transition duration-[0.420s] lg:group-hover:scale-[1.0420]\" alt=\"The small Real CA Cannabis logo with an R in the center of a triangle and the DCC cannabis leaf logo in the center of the R\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/favicon-3.png 520w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/favicon-3-300x300.png 300w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/favicon-3-150x150.png 150w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/>      <\/div>\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-inner in-card component--card-copy\">\n  <h3 class=\"title mb-0\" class=\"mb-0\">\n    Deslizador de tarjetas 1\n  <\/h3> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Subt\u00edtulo<\/p>\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <span class=\"button button-border button-icon\" href=\"http:\/\/real.cannabis.ca.gov\/es\/premises\/sweet-flower-fresno-fresno-c10-0001419\/\" target=\"\" href=\"http:\/\/real.cannabis.ca.gov\/es\/premises\/sweet-flower-fresno-fresno-c10-0001419\/\" target=\"\">\n      <span class=\"text\">\n    Sweet Flower Fresno\n          <\/span>\n        <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/span>  <\/p>\n<\/div>\n\n      <\/a>\n  <\/div>          <\/li>\n                  <li class=\"swiper-slide\">\n            <div class=\"component--card\" >\n\n      <a href=\"http:\/\/real.cannabis.ca.gov\/es\/whats-real\/\" target=\"\" aria-label=\"Deslizador de tarjetas 2\"\n      class=\"card group card-image bg-light\"\n    >\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-inner in-card component--card-copy\">\n  <h3 class=\"title mb-0\" class=\"mb-0\">\n    Deslizador de tarjetas 2\n  <\/h3> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Subt\u00edtulo de la tarjeta 2<\/p>\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <span class=\"button button-border button-icon\" href=\"http:\/\/real.cannabis.ca.gov\/es\/whats-real\/\" target=\"\" href=\"http:\/\/real.cannabis.ca.gov\/es\/whats-real\/\" target=\"\">\n      <span class=\"text\">\n    Qu\u00e9 es Real\n          <\/span>\n        <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/span>  <\/p>\n<\/div>\n\n      <\/a>\n  <\/div>          <\/li>\n                  <li class=\"swiper-slide\">\n            <div class=\"component--card\" >\n\n      <a href=\"http:\/\/real.cannabis.ca.gov\/es\/theres-a-new-way-to-target-illegal-pot-shops-plaguing-socal\/\" target=\"\" aria-label=\"Deslizador de tarjetas 3\"\n      class=\"card group card-image bg-light\"\n    >\n          <div class=\"component--card-image aspect-[860\/640]\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"1284\" height=\"856\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94.jpeg\" class=\"w-full h-full object-cover transition duration-[0.420s] lg:group-hover:scale-[1.0420]\" alt=\"\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94.jpeg 1920w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-300x200.jpeg 300w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-1024x683.jpeg 1024w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-768x512.jpeg 768w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/12\/633efff3f97de87a71a59b01a9ccfa94-1536x1024.jpeg 1536w\" sizes=\"auto, (max-width: 1284px) 100vw, 1284px\" \/>      <\/div>\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-inner in-card component--card-copy\">\n  <h3 class=\"title mb-0\" class=\"mb-0\">\n    Deslizador de tarjetas 3\n  <\/h3> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">Subt\u00edtulo 3<\/p>\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <span class=\"button button-border button-icon\" href=\"http:\/\/real.cannabis.ca.gov\/es\/theres-a-new-way-to-target-illegal-pot-shops-plaguing-socal\/\" target=\"\" href=\"http:\/\/real.cannabis.ca.gov\/es\/theres-a-new-way-to-target-illegal-pot-shops-plaguing-socal\/\" target=\"\">\n      <span class=\"text\">\n    Hay una nueva forma de combatir los puntos de venta de marihuana ilegales que asolan el sur de California\n          <\/span>\n        <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/span>  <\/p>\n<\/div>\n\n      <\/a>\n  <\/div>          <\/li>\n                  <li class=\"swiper-slide\">\n            <div class=\"component--card\" >\n\n      <a href=\"http:\/\/real.cannabis.ca.gov\/es\/premises\/rd-lynwood-retail-llc-lynwood-c10-0001420\/\" target=\"\" aria-label=\"Deslizador de tarjetas 4\"\n      class=\"card group card-image bg-light\"\n    >\n          <div class=\"component--card-image aspect-[860\/640]\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"1120\" height=\"1256\" src=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image.png\" class=\"w-full h-full object-cover transition duration-[0.420s] lg:group-hover:scale-[1.0420]\" alt=\"\" srcset=\"https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image.png 1120w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image-268x300.png 268w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image-913x1024.png 913w, https:\/\/real.cannabis.ca.gov\/app\/uploads\/2023\/09\/image-768x861.png 768w\" sizes=\"auto, (max-width: 1120px) 100vw, 1120px\" \/>      <\/div>\n        <div data-repeater=\"true\" class=\"partial-copy text-stretch is-repeater space-y-inner in-card component--card-copy\">\n  <h3 class=\"title mb-0\" class=\"mb-0\">\n    Deslizador de tarjetas 4\n  <\/h3> \n  <div class=\"partial-copy--lead-copy\">\n          <p class=\"partial-copy--lead\">subhead<\/p>\n              <div class=\"partial-copy--copy\"><p>Lorem ipsum dolor sit amet consectetur. &#8211; ESP Ut tempus sit quam pellentesque justo viverra. &#8211; ESP Natoque neque volutpat orci in congue felis ullamcorper. &#8211; ESP <\/p>\n<\/div>\n      <\/div>\n  <p class=\"partial-copy--cta\">\n    <span class=\"button button-border button-icon\" href=\"http:\/\/real.cannabis.ca.gov\/es\/premises\/rd-lynwood-retail-llc-lynwood-c10-0001420\/\" target=\"\" href=\"http:\/\/real.cannabis.ca.gov\/es\/premises\/rd-lynwood-retail-llc-lynwood-c10-0001420\/\" target=\"\">\n      <span class=\"text\">\n    Rd Lynwood Retail LLC\n          <\/span>\n        <span class=\"img\">\n      <svg class=\"w-5 h-5\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M16.3256 16.6765C15.9351 17.067 15.9351 17.7002 16.3256 18.0907C16.7161 18.4812 17.3493 18.4812 17.7398 18.0907L22.4054 13.4251C23.1865 12.644 23.1865 11.3777 22.4054 10.5967L17.737 5.92825C17.3465 5.53773 16.7133 5.53773 16.3228 5.92825C15.9323 6.31878 15.9323 6.95194 16.3228 7.34247L19.9888 11.0085L2.01035 11.0085C1.45807 11.0085 1.01035 11.4562 1.01035 12.0085C1.01035 12.5608 1.45807 13.0085 2.01035 13.0085L19.9936 13.0085L16.3256 16.6765Z\" fill=\"currentColor\"\/>\n<\/svg>    <\/span>\n  <\/span>  <\/p>\n<\/div>\n\n      <\/a>\n  <\/div>          <\/li>\n              <\/ul>\n      <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-17976","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/real.cannabis.ca.gov\/es\/wp-json\/wp\/v2\/pages\/17976","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/real.cannabis.ca.gov\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/real.cannabis.ca.gov\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/real.cannabis.ca.gov\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/real.cannabis.ca.gov\/es\/wp-json\/wp\/v2\/comments?post=17976"}],"version-history":[{"count":15,"href":"https:\/\/real.cannabis.ca.gov\/es\/wp-json\/wp\/v2\/pages\/17976\/revisions"}],"predecessor-version":[{"id":20405,"href":"https:\/\/real.cannabis.ca.gov\/es\/wp-json\/wp\/v2\/pages\/17976\/revisions\/20405"}],"wp:attachment":[{"href":"https:\/\/real.cannabis.ca.gov\/es\/wp-json\/wp\/v2\/media?parent=17976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}